@oscarpalmer/oui 0.39.0 → 0.41.0

package/dist/js/focus-trap/focus-trap.embedded.mjs

@@ -1,100 +1,41 @@
 import { attributable } from "../internal/attributable.mjs";
+import { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, disabledFocusTraps, focusTraps } from "./focus-trap.model.mjs";
+import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, on } from "@oscarpalmer/toretto/event";
+import { findAncestor } from "@oscarpalmer/toretto/find";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
-import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { clamp } from "@oscarpalmer/atoms/number";
-import { findAncestor } from "@oscarpalmer/toretto/find";
 import { getFocusable } from "@oscarpalmer/toretto/focusable";
 //#region src/js/focus-trap/focus-trap.embedded.ts
-var OuiFocusTrap = class {
-	#destroyed = false;
-	#tabIndex;
-	#state;
-	/**
-	* Is focused maintained within the _focus trap_ when clicking outside of it?
-	*/
-	get contain() {
-		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
-	}
-	/**
-	* Should focus be maintained within the _focus trap_ when clicking outside of it?
-	*/
-	set contain(value) {
-		if (value === true) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_CONTAIN, "");
-		else if (value === false) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_CONTAIN, void 0);
-	}
-	/**
-	* Is the _focus trap_ disabled?
-	*/
-	get disabled() {
-		return this.#state.disabled;
-	}
-	/**
-	* Should the _focus trap_ be disabled?
-	*/
-	set disabled(value) {
-		if (value === true) this.disable();
-		else if (value === false) this.enable();
-	}
-	/**
-	* Is focus allowed to escape when pressing _Escape_ within the _focus trap_?
-	*/
-	get noescape() {
-		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
-	}
-	/**
-	* Should the _focus trap_ allow focus to escape when pressing _Escape_?
-	*/
-	set noescape(value) {
-		if (value === true) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_NOESCAPE, "");
-		else if (value === false) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_NOESCAPE, void 0);
-	}
-	constructor(state) {
-		this.#state = state;
-		this.#tabIndex = state.element.tabIndex;
-		state.element.tabIndex = -1;
-		setAttribute(state.element, ATTRIBUTE_FOCUSTRAP, "");
-		this.contain = state.options.contain;
-		this.noescape = state.options.noescape;
-		states.set(this, state);
-	}
-	/**
-	* Destroys the _focus trap_
-	*/
-	destroy() {
-		if (this.#destroyed) return;
-		this.#destroyed = true;
-		disabled.delete(this);
-		instances.delete(this.#state.element);
-		states.delete(this);
-		this.#state.element.tabIndex = this.#tabIndex;
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP);
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
-		this.#state.element = void 0;
-	}
-	/**
-	* Disables the _focus trap_
-	*/
-	disable() {
-		if (!this.#destroyed && !(this.disabled || this.#state.options.noescape)) setDisabled(this, this.#state, true);
-	}
-	/**
-	* Enables the _focus trap_
-	*/
-	enable() {
-		if (!this.#destroyed && this.disabled) setDisabled(this, this.#state, false);
-	}
-	/**
-	* Focuses the _focus trap_
-	*
-	* @param last When `true`, focuses the last focusable element within the _focus trap_ instead of the first
-	*/
-	focus(last) {
-		if (!this.#destroyed && !this.disabled) tabToTrap(this, getFocusable(this.#state.element), this.#state.element, last ? -1 : 0);
-	}
-};
+function OuiFocusTrap(state) {
+	this[FOCUSTRAP_SYMBOL] = state;
+	state.element.tabIndex = -1;
+	setAttribute(state.element, FOCUSTRAP_ATTRIBUTE, "");
+	this.contain = state.options.contain;
+	this.noescape = state.options.noescape;
+}
+OuiFocusTrap.prototype.destroy = destroyFocusTrap;
+OuiFocusTrap.prototype.disable = disableFocusTrap;
+OuiFocusTrap.prototype.enable = enableFocusTrap;
+OuiFocusTrap.prototype.focus = focusFocusTrap;
+Object.defineProperties(OuiFocusTrap.prototype, {
+	contain: {
+		enumerable: true,
+		get: getContain,
+		set: setContain
+	},
+	disabled: {
+		enumerable: true,
+		get: getDisabled,
+		set: setDisabled
+	},
+	noescape: {
+		enumerable: true,
+		get: getNoEscape,
+		set: setNoEscape
+	}
+});
 /**
 * Creates _(or retrieves)_ a _focus trap_ for an element
 *
@@ -103,44 +44,80 @@ var OuiFocusTrap = class {
 * @returns _Focus trap_ instance
 */
 function createFocusTrap(element, options) {
-	if (!isHTMLOrSVGElement(element)) throw new TypeError(MESSAGE);
-	let instance = instances.get(element);
+	if (!isHTMLOrSVGElement(element)) throw new TypeError(FOCUSTRAP_MESSAGE);
+	let instance = focusTraps.get(element);
 	if (instance == null) {
 		instance = new OuiFocusTrap(getState(element, options));
-		instances.set(element, instance);
+		focusTraps.set(element, instance);
 	}
 	return instance;
 }
+function destroyFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (state.destroyed) return;
+	state.destroyed = true;
+	disabledFocusTraps.delete(this);
+	focusTraps.delete(state.element);
+	state.element.tabIndex = state.tabIndex;
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE);
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN);
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE);
+	state.element = void 0;
+}
+function disableFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && !(this.disabled || state.options.noescape)) setDisabledState(this, state, true);
+}
+function enableFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && this.disabled) setDisabledState(this, state, false);
+}
+function focusFocusTrap(last) {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && !this.disabled) tabToTrap(this, getFocusable(state.element), state.element, last ? -1 : 0);
+}
+function getContain() {
+	return this[FOCUSTRAP_SYMBOL].element.hasAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN);
+}
+function getDisabled() {
+	return this[FOCUSTRAP_SYMBOL].disabled;
+}
+function getNoEscape() {
+	return this[FOCUSTRAP_SYMBOL].element.hasAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE);
+}
 function getOptions(element, input) {
 	const options = isPlainObject(input) ? input : {};
 	return {
-		contain: typeof options.contain === "boolean" ? options.contain : element.hasAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN),
-		noescape: typeof options.noescape === "boolean" ? options.noescape : element.hasAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE)
+		contain: typeof options.contain === "boolean" ? options.contain : element.hasAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN),
+		noescape: typeof options.noescape === "boolean" ? options.noescape : element.hasAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE)
 	};
 }
 function getState(element, options) {
 	return {
 		element,
+		destroyed: false,
 		disabled: false,
-		options: getOptions(element, options)
+		options: getOptions(element, options),
+		tabIndex: element.tabIndex
 	};
 }
 function onEscape(event) {
-	let element = findAncestor(event, SELECTOR);
-	let instance = instances.get(element);
-	let state = states.get(instance);
+	let element = findAncestor(event, FOCUSTRAP_SELECTOR);
+	let instance = element == null ? void 0 : focusTraps.get(element);
+	let state = instance?.[FOCUSTRAP_SYMBOL];
 	if (element == null || instance == null || state == null) return;
 	while (state.disabled) {
-		element = findAncestor(state.element.parentElement, SELECTOR);
-		instance = instances.get(element);
-		state = states.get(instance);
+		element = state.element.parentElement == null ? void 0 : findAncestor(state.element.parentElement, FOCUSTRAP_SELECTOR);
+		instance = element == null ? void 0 : focusTraps.get(element);
+		state = instance?.[FOCUSTRAP_SYMBOL];
 		if (element == null || instance == null || state == null) return;
 		if (!state.disabled) break;
 	}
 	instance?.disable();
 }
 function onFocusIn(event) {
-	lastTarget = instances.get(findAncestor(event, SELECTOR)) == null ? void 0 : event.target;
+	const target = findAncestor(event, FOCUSTRAP_SELECTOR);
+	lastTarget = (target == null ? void 0 : focusTraps.get(target)) != null && event.target instanceof HTMLElement ? event.target : void 0;
 }
 function onKeydown(event) {
 	switch (event.key) {
@@ -154,24 +131,24 @@ function onKeydown(event) {
 	}
 }
 function onPointerdown(event) {
-	const last = findAncestor(lastTarget, SELECTOR);
-	const next = findAncestor(event, SELECTOR);
+	const last = lastTarget == null ? void 0 : findAncestor(lastTarget, FOCUSTRAP_SELECTOR);
+	const next = findAncestor(event, FOCUSTRAP_SELECTOR);
 	if (last != null && next !== last) {
-		if (states.get(instances.get(last))?.options.contain ?? false) {
+		if (focusTraps.get(last)?.[FOCUSTRAP_SYMBOL]?.options.contain ?? false) {
 			event.preventDefault();
-			lastTarget?.focus();
+			lastTarget?.focus?.();
 		}
 	}
-	if (disabled.size === 0) return;
-	for (const focusTrap of disabled) {
-		const state = states.get(focusTrap);
+	if (disabledFocusTraps.size === 0) return;
+	for (const focusTrap of disabledFocusTraps) {
+		const state = focusTrap?.[FOCUSTRAP_SYMBOL];
 		if (state != null && state.element !== next) focusTrap.enable();
 	}
 }
 function onTab(event) {
-	const element = findAncestor(event, SELECTOR);
-	const instance = instances.get(element);
-	if (instance == null || dispatch(element, "oui:focus-trap").defaultPrevented) return;
+	const element = findAncestor(event, FOCUSTRAP_SELECTOR);
+	const instance = element == null ? void 0 : focusTraps.get(element);
+	if (!(element instanceof HTMLElement) || instance == null || dispatch(element, "oui:focus-trap").defaultPrevented) return;
 	if (!instance.disabled) event.preventDefault();
 	const elements = getFocusable(element);
 	const index = elements.indexOf(event.target);
@@ -179,13 +156,27 @@ function onTab(event) {
 	else tabToElement(instance, elements, index, event.shiftKey ? -1 : 1);
 }
 function removeFocusTrap(element) {
-	instances.get(element)?.destroy();
-	instances.delete(element);
+	focusTraps.get(element)?.destroy();
+	focusTraps.delete(element);
 }
-function setDisabled(focusTrap, state, value) {
+function setContain(value) {
+	const { element } = this[FOCUSTRAP_SYMBOL];
+	if (value === true) setAttribute(element, FOCUSTRAP_ATTRIBUTE_CONTAIN, "");
+	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_CONTAIN, void 0);
+}
+function setDisabled(value) {
+	if (value === true) this.disable();
+	else if (value === false) this.enable();
+}
+function setDisabledState(focusTrap, state, value) {
 	state.disabled = value;
-	if (value) disabled.add(focusTrap);
-	else disabled.delete(focusTrap);
+	if (value) disabledFocusTraps.add(focusTrap);
+	else disabledFocusTraps.delete(focusTrap);
+}
+function setNoEscape(value) {
+	const { element } = this[FOCUSTRAP_SYMBOL];
+	if (value === true) setAttribute(element, FOCUSTRAP_ATTRIBUTE_NOESCAPE, "");
+	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_NOESCAPE, void 0);
 }
 function tabToElement(instance, elements, index, modifier) {
 	const { length } = elements;
@@ -198,7 +189,7 @@ function tabToElement(instance, elements, index, modifier) {
 		return;
 	}
 	const element = elements[next];
-	const elementFocusTrap = instances.get(element);
+	const elementFocusTrap = focusTraps.get(element);
 	if (elementFocusTrap != null) elementFocusTrap.focus(modifier === -1);
 	else {
 		elements[next].focus();
@@ -211,27 +202,15 @@ function tabToTrap(instance, elements, element, index) {
 		instance.enable();
 	} else {
 		const next = elements.length === 0 ? element : elements.at(index ?? 0);
-		next.focus();
+		next?.focus?.();
 		lastTarget = next;
 	}
 }
-const ATTRIBUTE_FOCUSTRAP = "oui-focus-trap";
-const ATTRIBUTE_FOCUSTRAP_CONTAIN = `${ATTRIBUTE_FOCUSTRAP}-contain`;
-const ATTRIBUTE_FOCUSTRAP_NOESCAPE = `${ATTRIBUTE_FOCUSTRAP}-noescape`;
-const EVENT_OPTIONS = {
-	capture: true,
-	passive: false
-};
-const MESSAGE = "Element must be an HTMLElement or SVGElement";
-const SELECTOR = `[${ATTRIBUTE_FOCUSTRAP}]`;
-const disabled = /* @__PURE__ */ new Set();
-const instances = /* @__PURE__ */ new WeakMap();
-const states = /* @__PURE__ */ new WeakMap();
 let lastTarget;
-attributable(ATTRIBUTE_FOCUSTRAP, createFocusTrap, removeFocusTrap);
-on(document, "focusin", onFocusIn, EVENT_OPTIONS);
-on(document, "keydown", onKeydown, EVENT_OPTIONS);
-on(document, "mousedown", onPointerdown, EVENT_OPTIONS);
-on(document, "touchstart", onPointerdown, EVENT_OPTIONS);
+attributable(FOCUSTRAP_ATTRIBUTE, createFocusTrap, removeFocusTrap);
+on(document, "focusin", onFocusIn, FOCUSTRAP_EVENT_OPTIONS);
+on(document, "keydown", onKeydown, FOCUSTRAP_EVENT_OPTIONS);
+on(document, "mousedown", onPointerdown, FOCUSTRAP_EVENT_OPTIONS);
+on(document, "touchstart", onPointerdown, FOCUSTRAP_EVENT_OPTIONS);
 //#endregion
-export { ATTRIBUTE_FOCUSTRAP, ATTRIBUTE_FOCUSTRAP_CONTAIN, ATTRIBUTE_FOCUSTRAP_NOESCAPE, OuiFocusTrap, createFocusTrap, removeFocusTrap };
+export { createFocusTrap, removeFocusTrap };

package/dist/js/focus-trap/focus-trap.model.d.mts

@@ -0,0 +1,2 @@
+import { a as FOCUSTRAP_MESSAGE, c as OuiFocusTrap, d as disabledFocusTraps, f as focusTraps, i as FOCUSTRAP_EVENT_OPTIONS, l as OuiFocusTrapOptions, n as FOCUSTRAP_ATTRIBUTE_CONTAIN, o as FOCUSTRAP_SELECTOR, r as FOCUSTRAP_ATTRIBUTE_NOESCAPE, s as FOCUSTRAP_SYMBOL, t as FOCUSTRAP_ATTRIBUTE, u as OuiFocusTrapState } from "../focus-trap.model-CpltX5B5.mjs";
+export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, OuiFocusTrap, OuiFocusTrapOptions, OuiFocusTrapState, disabledFocusTraps, focusTraps };

package/dist/js/focus-trap/focus-trap.model.mjs

@@ -0,0 +1,15 @@
+//#region src/js/focus-trap/focus-trap.model.ts
+const FOCUSTRAP_ATTRIBUTE = "oui-focus-trap";
+const FOCUSTRAP_ATTRIBUTE_CONTAIN = `${FOCUSTRAP_ATTRIBUTE}-contain`;
+const FOCUSTRAP_ATTRIBUTE_NOESCAPE = `${FOCUSTRAP_ATTRIBUTE}-noescape`;
+const FOCUSTRAP_EVENT_OPTIONS = {
+	capture: true,
+	passive: false
+};
+const FOCUSTRAP_MESSAGE = "Element must be an HTMLElement or SVGElement";
+const FOCUSTRAP_SELECTOR = `[${FOCUSTRAP_ATTRIBUTE}]`;
+const FOCUSTRAP_SYMBOL = Symbol(FOCUSTRAP_ATTRIBUTE);
+const disabledFocusTraps = /* @__PURE__ */ new Set();
+const focusTraps = /* @__PURE__ */ new WeakMap();
+//#endregion
+export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, disabledFocusTraps, focusTraps };

package/dist/js/focus-trap/focus-trap.standalone.d.mts

@@ -1,2 +1,3 @@
-import { a as OuiFocusTrapOptions, i as OuiFocusTrap, o as createFocusTrap } from "../focus-trap.embedded-CjyFQYow.mjs";
+import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "../focus-trap.model-CpltX5B5.mjs";
+import { t as createFocusTrap } from "../focus-trap.embedded-DpcPkP7c.mjs";
 export { type OuiFocusTrap, type OuiFocusTrapOptions, createFocusTrap };

package/dist/js/focus-trap.embedded-DpcPkP7c.d.mts

@@ -0,0 +1,13 @@
+import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "./focus-trap.model-CpltX5B5.mjs";
+//#region src/js/focus-trap/focus-trap.embedded.d.ts
+/**
+ * Creates _(or retrieves)_ a _focus trap_ for an element
+ *
+ * @param element Element to trap focus within
+ * @param options _Focus trap_ options
+ * @returns _Focus trap_ instance
+ */
+declare function createFocusTrap(element: Element, options?: OuiFocusTrapOptions): OuiFocusTrap;
+declare function removeFocusTrap(element: Element): void;
+//#endregion
+export { removeFocusTrap as n, createFocusTrap as t };

package/dist/js/{focus-trap.embedded-CjyFQYow.d.mts → focus-trap.model-CpltX5B5.d.mts}

@@ -1,6 +1,6 @@
-//#region src/js/focus-trap/focus-trap.embedded.d.ts
-declare class OuiFocusTrap {
-  #private;
+//#region src/js/focus-trap/focus-trap.model.d.ts
+type OuiFocusTrap = {
+  [FOCUSTRAP_SYMBOL]: OuiFocusTrapState;
   /**
    * Is focused maintained within the _focus trap_ when clicking outside of it?
    */
@@ -25,7 +25,6 @@ declare class OuiFocusTrap {
    * Should the _focus trap_ allow focus to escape when pressing _Escape_?
    */
   set noescape(value: boolean);
-  constructor(state: OuiFocusTrapState);
   /**
    * Destroys the _focus trap_
    */
@@ -44,7 +43,7 @@ declare class OuiFocusTrap {
    * @param last When `true`, focuses the last focusable element within the _focus trap_ instead of the first
    */
   focus(last: boolean): void;
-}
+};
 type OuiFocusTrapOptions = {
   /**
    * Should focus be maintained within the _focus trap_ when clicking outside of it?
@@ -56,21 +55,20 @@ type OuiFocusTrapOptions = {
   noescape?: boolean;
 };
 type OuiFocusTrapState = {
+  destroyed: boolean;
   disabled: boolean;
   element: HTMLElement;
   options: Required<OuiFocusTrapOptions>;
+  tabIndex: number;
 };
-/**
- * Creates _(or retrieves)_ a _focus trap_ for an element
- *
- * @param element Element to trap focus within
- * @param options _Focus trap_ options
- * @returns _Focus trap_ instance
- */
-declare function createFocusTrap(element: HTMLElement, options?: OuiFocusTrapOptions): OuiFocusTrap;
-declare function removeFocusTrap(element: HTMLElement): void;
-declare const ATTRIBUTE_FOCUSTRAP = "oui-focus-trap";
-declare const ATTRIBUTE_FOCUSTRAP_CONTAIN: string;
-declare const ATTRIBUTE_FOCUSTRAP_NOESCAPE: string;
+declare const FOCUSTRAP_ATTRIBUTE = "oui-focus-trap";
+declare const FOCUSTRAP_ATTRIBUTE_CONTAIN: string;
+declare const FOCUSTRAP_ATTRIBUTE_NOESCAPE: string;
+declare const FOCUSTRAP_EVENT_OPTIONS: AddEventListenerOptions;
+declare const FOCUSTRAP_MESSAGE = "Element must be an HTMLElement or SVGElement";
+declare const FOCUSTRAP_SELECTOR: string;
+declare const FOCUSTRAP_SYMBOL: unique symbol;
+declare const disabledFocusTraps: Set<OuiFocusTrap>;
+declare const focusTraps: WeakMap<Element, OuiFocusTrap>;
 //#endregion
-export { OuiFocusTrapOptions as a, OuiFocusTrap as i, ATTRIBUTE_FOCUSTRAP_CONTAIN as n, createFocusTrap as o, ATTRIBUTE_FOCUSTRAP_NOESCAPE as r, removeFocusTrap as s, ATTRIBUTE_FOCUSTRAP as t };
+export { FOCUSTRAP_MESSAGE as a, OuiFocusTrap as c, disabledFocusTraps as d, focusTraps as f, FOCUSTRAP_EVENT_OPTIONS as i, OuiFocusTrapOptions as l, FOCUSTRAP_ATTRIBUTE_CONTAIN as n, FOCUSTRAP_SELECTOR as o, FOCUSTRAP_ATTRIBUTE_NOESCAPE as r, FOCUSTRAP_SYMBOL as s, FOCUSTRAP_ATTRIBUTE as t, OuiFocusTrapState as u };

package/dist/js/index.d.mts

@@ -1,18 +1,30 @@
-import { a as OuiFloatablePosition, n as CreateOuiFloatableOptions, r as OuiFloatable, s as createFloatable } from "./floatable.embedded-DQYkXt8X.mjs";
-import { A as OuiColorPickerEvent, B as OuiColorPickerElement, G as setColorPickerLocalizations } from "./constants.color-picker-B-gFjL8m.mjs";
-import { a as setComboboxLocalizations, t as OuiComboboxElement } from "./index-C5D3-oiI.mjs";
-import { d as OuiSortable, f as createSortable, g as createMovable, h as OuiMovable, t as CreateOuiDraggableOptions } from "./draggable-B5-70SZm.mjs";
+import { c as OuiFloatable, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "./floatable.model-DXsQgoU7.mjs";
+import { N as OuiColorPickerEvent } from "./color-picker.constants-BZgXQr5o.mjs";
+import { a as setColorPickerLocalizations } from "./color-picker.misc-BIS3R6jk.mjs";
+import { OuiColorPickerElement } from "./color-picker/index.mjs";
+import { i as setComboboxLocalizations } from "./combobox.misc-DRDFk6X8.mjs";
+import { OuiComboboxElement } from "./combobox/index.mjs";
+import { $ as OuiSortable, p as CreateOuiDraggableOptions, u as OuiMovable } from "./movable.model-D9nnPWKk.mjs";
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-YEtcC9li.mjs";
+import { c as OuiDialog } from "./dialog.model-HVzYWoDo.mjs";
+import { getDialog } from "./dialog/index.mjs";
+import { n as createFloatable } from "./floatable.embedded-ncshL3Sa.mjs";
+import "./floatable/floatable.standalone.mjs";
+import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "./focus-trap.model-CpltX5B5.mjs";
+import { t as createFocusTrap } from "./focus-trap.embedded-DpcPkP7c.mjs";
+import { t as createMovable } from "./movable.embedded-C1bDTLGs.mjs";
 import "./movable/movable.standalone.mjs";
-import { a as createResizable, n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.embedded-dvhdfQgt.mjs";
+import { t as createResizable } from "./resizable.embedded-BemH-7Re.mjs";
 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-CjyFQYow.mjs";
-import { n as setListboxLocalizations } from "./misc.listbox-mZMuYOxg.mjs";
-import { OuiListboxElement } from "./listbox/index.mjs";
-import { OuiPopover, getPopover } from "./popover.mjs";
+import { t as createSortable } from "./sortable.embedded-CrEGff9k.mjs";
 import "./sortable/sortable.standalone.mjs";
-import { OuiSplitterElement } from "./splitter.mjs";
-import { OuiTabsElement, OuiTabsEvent } from "./tabs.mjs";
-import { OuiTooltip, getTooltip, setTooltipDelay } from "./tooltip.mjs";
+import { n as setListboxLocalizations } from "./listbox.misc-DwfB4Mu_.mjs";
+import { OuiListboxElement } from "./listbox/index.mjs";
+import { t as OuiPopover } from "./popover.model-DiLdz0Hc.mjs";
+import { getPopover } from "./popover/index.mjs";
+import { OuiSplitterElement } from "./splitter/index.mjs";
+import { r as OuiTabsEvent } from "./tabs.model-BHPy7fPo.mjs";
+import { OuiTabsElement } from "./tabs/index.mjs";
+import { t as OuiTooltip } from "./tooltip.model-BpNStw5z.mjs";
+import { getTooltip, setTooltipDelay } from "./tooltip/index.mjs";
 export { type CreateOuiFloatableOptions, type CreateOuiDraggableOptions as CreateOuiMovableOptions, type CreateOuiDraggableOptions as CreateOuiSortableOptions, type CreateOuiResizableOptions, OuiColorPickerElement, OuiColorPickerEvent, OuiComboboxElement, type OuiDialog, type OuiFloatable, type OuiFloatablePosition, type OuiFocusTrap, type OuiFocusTrapOptions, OuiListboxElement, type OuiMovable, type OuiPopover, type OuiResizable, type OuiSortable, OuiSplitterElement, OuiTabsElement, OuiTabsEvent, type OuiTooltip, createFloatable, createFocusTrap, createMovable, createResizable as createOuiResizable, createSortable, getDialog, getPopover, getTooltip, setColorPickerLocalizations, setComboboxLocalizations, setListboxLocalizations, setTooltipDelay };

package/dist/js/index.mjs

@@ -1,25 +1,26 @@
 import { createFloatable } from "./floatable/floatable.embedded.mjs";
-import { createMovable } from "./movable/movable.embedded.mjs";
-import "./movable/movable.standalone.mjs";
-import { createResizable } from "./resizable/resizable.embedded.mjs";
-import { getDialog } from "./dialog.mjs";
-import "./menu.mjs";
-import "./toolbar.mjs";
-import { OuiColorPickerEvent } from "./color-picker/models.color-picker.mjs";
-import { d as setColorPickerLocalizations } from "./event.color-picker-BEpq0Adu.mjs";
-import { OuiColorPickerElement } from "./color-picker/index.mjs";
-import { D as setComboboxLocalizations } from "./state.combobox-BWDFHwoi.mjs";
-import { OuiComboboxElement } from "./combobox/index.mjs";
+import "./menu/index.mjs";
+import "./toolbar/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-DKB-j0UK.mjs";
-import { OuiListboxElement } from "./listbox/index.mjs";
-import { getPopover } from "./popover.mjs";
+import { createMovable } from "./movable/movable.embedded.mjs";
+import "./movable/movable.standalone.mjs";
+import { createResizable } from "./resizable/resizable.embedded.mjs";
 import "./resizable/resizable.standalone.mjs";
 import { createSortable } from "./sortable/sortable.embedded.mjs";
 import "./sortable/sortable.standalone.mjs";
-import { OuiSplitterElement } from "./splitter.mjs";
-import { OuiTabsElement, OuiTabsEvent } from "./tabs.mjs";
-import { getTooltip, setTooltipDelay } from "./tooltip.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 { OuiComboboxElement } from "./combobox/index.mjs";
+import { getDialog } from "./dialog/index.mjs";
+import { s as setListboxLocalizations } from "./listbox.state-BrN296BM.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 };

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

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

package/dist/js/internal/attributable.mjs

@@ -1,3 +1,4 @@
+import { filter } from "@oscarpalmer/atoms/array/filter";
 //#region src/js/internal/attributable.ts
 function attributable(attribute, add, remove) {
 	new MutationObserver((entries) => {
@@ -23,7 +24,7 @@ function attributable(attribute, add, remove) {
 	});
 }
 function handleAdded(attribute, nodes, add) {
-	const elements = [...nodes].filter((node) => node instanceof Element);
+	const elements = filter([...nodes], (node) => node instanceof Element);
 	const { length } = elements;
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];
@@ -32,7 +33,7 @@ function handleAdded(attribute, nodes, add) {
 	}
 }
 function handleRemoved(nodes, remove) {
-	const elements = [...nodes].filter((node) => node instanceof Element);
+	const elements = filter([...nodes], (node) => node instanceof Element);
 	const { length } = elements;
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];

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

@@ -0,0 +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 };

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

@@ -0,0 +1,37 @@
+import { toggleStyles } from "@oscarpalmer/toretto/style";
+//#region src/js/internal/draggable/draggable.model.ts
+const DRAGGABLE_ATTRIBUTE_MOVABLE = "oui-movable";
+const DRAGGABLE_ATTRIBUTE_SORTABLE = "oui-sortable";
+const DRAGGABLE_KEY_ESCAPE = "Escape";
+const DRAGGABLE_SELECTOR = `[${DRAGGABLE_ATTRIBUTE_MOVABLE}], [${DRAGGABLE_ATTRIBUTE_SORTABLE}]`;
+const DRAGGABLE_SELECTOR_MOVABLE_HANDLE = `[${DRAGGABLE_ATTRIBUTE_MOVABLE}-handle]`;
+const DRAGGABLE_SELECTOR_SORTABLE_HANDLE = `[${DRAGGABLE_ATTRIBUTE_SORTABLE}-handle]`;
+const DRAGGABLE_SELECTOR_SORTABLE_ITEM = `[${DRAGGABLE_ATTRIBUTE_SORTABLE}] > *`;
+const DRAGGABLE_SYMBOL = Symbol(DRAGGABLE_ATTRIBUTE_MOVABLE);
+const draggableContainers = /* @__PURE__ */ new Set([
+	"body",
+	"document",
+	"window"
+]);
+const draggableHorizontals = /* @__PURE__ */ new Set(["horizontal", "x"]);
+const draggableProperties = {
+	movable: "sortable",
+	sortable: "movable"
+};
+const draggableGlobals = {
+	container: void 0,
+	element: void 0,
+	instances: /* @__PURE__ */ new WeakMap(),
+	offset: void 0,
+	original: void 0,
+	states: /* @__PURE__ */ new WeakMap()
+};
+const draggableStyles = {
+	touchAction: "none",
+	userSelect: "none",
+	webkitUserSelect: "none"
+};
+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 };

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

@@ -0,0 +1,13 @@
+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 { 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;
+export declare function getDraggableElement<ExtraState extends PlainObject>(this: OuiDraggable<ExtraState>): Element;
+export declare function initializeDraggable<ExtraState extends PlainObject>(draggable: OuiDraggable<ExtraState>, name: keyof OuiDraggableStates, event: string, attribute: string, element: Element, options: OuiDraggableOptions<ExtraState>, extras: ExtraState): OuiDraggableState<ExtraState>;
+export declare function removeDraggable<Property extends keyof OuiDraggableInstances, Instance extends OuiDraggableInstances[Property]>(this: {
+  constructor: new (element: Element) => Instance;
+  property: Property;
+}, element: Element): void;
+//#endregion