@oscarpalmer/oui 0.25.0 → 0.26.0

package/dist/js/embedded-CHK82Uh5.d.mts

@@ -0,0 +1,76 @@
+//#region src/js/focus-trap/embedded.d.ts
+declare class OuiFocusTrap {
+  #private;
+  /**
+   * Is focused maintained within the _FocusTrap_ when clicking outside of it?
+   */
+  get contain(): boolean;
+  /**
+   * Should focus be maintained within the _FocusTrap_ when clicking outside of it?
+   */
+  set contain(value: boolean);
+  /**
+   * Is the _FocusTrap_ disabled?
+   */
+  get disabled(): boolean;
+  /**
+   * Should the _FocusTrap_ be disabled?
+   */
+  set disabled(value: boolean);
+  /**
+   * Is focus allowed to escape when pressing _Escape_ within the _FocusTrap_?
+   */
+  get noescape(): boolean;
+  /**
+   * Should the _FocusTrap_ allow focus to escape when pressing _Escape_?
+   */
+  set noescape(value: boolean);
+  constructor(state: OuiFocusTrapState);
+  /**
+   * Destroys the _FocusTrap_
+   */
+  destroy(): void;
+  /**
+   * Disables the _FocusTrap_
+   */
+  disable(): void;
+  /**
+   * Enables the _FocusTrap_
+   */
+  enable(): void;
+  /**
+   * Focuses the _FocusTrap_
+   *
+   * @param last When `true`, focuses the last focusable element within the _FocusTrap_ instead of the first
+   */
+  focus(last: boolean): void;
+}
+type OuiFocusTrapOptions = {
+  /**
+   * Should focus be maintained within the _FocusTrap_ when clicking outside of it?
+   */
+  contain?: boolean;
+  /**
+   * Should the _FocusTrap_ allow focus to escape when pressing _Escape_?
+   */
+  noescape?: boolean;
+};
+type OuiFocusTrapState = {
+  disabled: boolean;
+  element: HTMLElement;
+  options: Required<OuiFocusTrapOptions>;
+};
+/**
+ * Creates _(or retrieves)_ a _FocusTrap_ for an element
+ *
+ * @param element Element to trap focus within
+ * @param options _FocusTrap_ options
+ * @returns _FocusTrap_ 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 = "oui-focus-trap-contain";
+declare const ATTRIBUTE_FOCUSTRAP_NOESCAPE = "oui-focus-trap-noescape";
+//#endregion
+export { createFocusTrap as a, OuiFocusTrap as i, ATTRIBUTE_FOCUSTRAP_CONTAIN as n, removeFocusTrap as o, ATTRIBUTE_FOCUSTRAP_NOESCAPE as r, ATTRIBUTE_FOCUSTRAP as t };

package/dist/js/{embedded-84gxpReS.d.mts → embedded-ai6cqURc.d.mts}

@@ -1,12 +1,26 @@
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
 
 //#region src/js/floatable/embedded.d.ts
+type CreateOuiFloatableOptions = {
+  /**
+   * Open the _OuiFloatable_ when created? _(defaults to `true`)_
+   */
+  open?: boolean;
+  /**
+   * Position of the _OuiFloatable_ _(defaults to `below`)_
+   */
+  position?: OuiFloatablePosition;
+};
 declare class OuiFloatable {
   #private;
   /**
-   * Is the _Floatable_ open?
+   * Is the _OuiFloatable_ open?
    */
   get open(): boolean;
+  /**
+   * Open or close the _OuiFloatable_
+   */
+  set open(value: boolean);
   constructor(state: OuiFloatableState, standalone: boolean);
   /**
    * Destroy the _OuiFloatable_, removing it from the DOM and cleaning up references
@@ -37,28 +51,18 @@ type OuiFloatableState = {
   content: HTMLElement;
   options: OuiFloatableOptions;
 };
-type GetOuiFloatableOptions = {
-  /**
-   * Open the _OuiFloatable_ when created? _(defaults to `true`)_
-   */
-  open?: boolean;
-  /**
-   * Position of the _OuiFloatable_ _(defaults to `below`)_
-   */
-  position?: OuiFloatablePosition;
-};
-declare function createFloatable(anchor: HTMLElement, content: HTMLElement, options: OuiFloatableOptions, standalone: boolean): OuiFloatable;
+declare function createEmbeddedFloatable(anchor: HTMLElement, content: HTMLElement, options: OuiFloatableOptions): OuiFloatable;
 /**
- * Create a _Floatable_ for an anchor and content element
+ * Create a _OuiFloatable_ for an anchor and content element
  *
  * @param anchor Anchor element
  * @param content Content element
- * @param options _Floatable_ options
- * @returns _Floatable_ instance
+ * @param options _OuiFloatable_ options
+ * @returns _OuiFloatable_ instance
  */
-declare function getFloatable(anchor: HTMLElement | SVGElement, content: HTMLElement | SVGElement, options?: GetOuiFloatableOptions): OuiFloatable;
+declare function createFloatable(anchor: HTMLElement, content: HTMLElement, options?: CreateOuiFloatableOptions): OuiFloatable;
 declare function getOnBeforeToggleListener(element: HTMLElement): RemovableEventListener;
 declare function removeFloatable(content: HTMLElement): void;
 declare const ATTRIBUTE_FLOATABLE = "oui-floatable";
 //#endregion
-export { createFloatable as a, removeFloatable as c, OuiFloatablePosition as i, OuiFloatable as n, getFloatable as o, OuiFloatableOptions as r, getOnBeforeToggleListener as s, ATTRIBUTE_FLOATABLE as t };
+export { createEmbeddedFloatable as a, removeFloatable as c, OuiFloatablePosition as i, OuiFloatable as n, createFloatable as o, OuiFloatableOptions as r, getOnBeforeToggleListener as s, ATTRIBUTE_FLOATABLE as t };

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

@@ -1,2 +1,2 @@
-import { a as createFloatable, c as removeFloatable, i as OuiFloatablePosition, n as OuiFloatable, o as getFloatable, r as OuiFloatableOptions, s as getOnBeforeToggleListener, t as ATTRIBUTE_FLOATABLE } from "../embedded-84gxpReS.mjs";
-export { ATTRIBUTE_FLOATABLE, OuiFloatable, OuiFloatableOptions, OuiFloatablePosition, createFloatable, getFloatable, getOnBeforeToggleListener, removeFloatable };
+import { a as createEmbeddedFloatable, c as removeFloatable, i as OuiFloatablePosition, n as OuiFloatable, o as createFloatable, r as OuiFloatableOptions, s as getOnBeforeToggleListener, t as ATTRIBUTE_FLOATABLE } from "../embedded-ai6cqURc.mjs";
+export { ATTRIBUTE_FLOATABLE, OuiFloatable, OuiFloatableOptions, OuiFloatablePosition, createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };

package/dist/js/floatable/embedded.mjs

@@ -6,11 +6,18 @@ var OuiFloatable = class {
 	#destroyed = false;
 	#state;
 	/**
-	* Is the _Floatable_ open?
+	* Is the _OuiFloatable_ open?
 	*/
 	get open() {
 		return this.#state.content.checkVisibility();
 	}
+	/**
+	* Open or close the _OuiFloatable_
+	*/
+	set open(value) {
+		if (value === true) this.show();
+		else if (value === false) this.hide();
+	}
 	constructor(state, standalone) {
 		this.#state = state;
 		const { anchor, content } = state;
@@ -53,36 +60,39 @@ var OuiFloatable = class {
 		if (!this.#destroyed) setPosition(this.#state, position);
 	}
 };
-function createFloatable(anchor, content, options, standalone) {
-	if (!isHTMLOrSVGElement(anchor) || !isHTMLOrSVGElement(content)) throw new TypeError("Anchor and content must be an HTMLElement or SVGElement.");
-	let floatable = instances.get(content);
-	if (floatable == null) {
-		floatable = new OuiFloatable(getState(anchor, content, options), standalone);
-		instances.set(content, floatable);
-	}
-	return floatable;
-}
 function getAnchorName(anchor) {
 	let { anchorName } = anchor.style;
 	if (anchorName.length > 0) return anchorName;
 	index += 1;
 	return `--oui-floatable-anchor-${index}`;
 }
+function createEmbeddedFloatable(anchor, content, options) {
+	return createInstance(anchor, content, options, false);
+}
 /**
-* Create a _Floatable_ for an anchor and content element
+* Create a _OuiFloatable_ for an anchor and content element
 *
 * @param anchor Anchor element
 * @param content Content element
-* @param options _Floatable_ options
-* @returns _Floatable_ instance
+* @param options _OuiFloatable_ options
+* @returns _OuiFloatable_ instance
 */
-function getFloatable(anchor, content, options) {
+function createFloatable(anchor, content, options) {
 	const { open, position } = getOptions(options);
-	const floatable = createFloatable(anchor, content, { position }, true);
+	const floatable = createInstance(anchor, content, { position }, true);
 	floatable?.update(position);
 	if (open) floatable?.show();
 	return floatable;
 }
+function createInstance(anchor, content, options, standalone) {
+	if (!isHTMLOrSVGElement(anchor) || !isHTMLOrSVGElement(content)) throw new TypeError(MESSAGE);
+	let floatable = instances.get(content);
+	if (floatable == null) {
+		floatable = new OuiFloatable(getState(anchor, content, options), standalone);
+		instances.set(content, floatable);
+	}
+	return floatable;
+}
 function getOnBeforeToggleListener(element) {
 	return on(element, EVENT_BEFORE, (event) => {
 		const { newState, source } = event;
@@ -137,10 +147,11 @@ const ARIA_DISABLED = "aria-disabled";
 const ATTRIBUTE_FLOATABLE = "oui-floatable";
 const ATTRIBUTE_POSITION = "oui-position";
 const EVENT_BEFORE = "beforetoggle";
+const MESSAGE = "Anchor and content must be an HTMLElement or SVGElement";
 const POSITIONS = Object.fromEntries(Object.entries(AREAS).map(([position, area]) => [area, position]));
 const STATE_OPEN = "open";
 const TRUE = "true";
 const instances = /* @__PURE__ */ new WeakMap();
 let index = 0;
 //#endregion
-export { ATTRIBUTE_FLOATABLE, OuiFloatable, createFloatable, getFloatable, getOnBeforeToggleListener, removeFloatable };
+export { ATTRIBUTE_FLOATABLE, OuiFloatable, createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };

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

@@ -1,2 +1,2 @@
-import { i as OuiFloatablePosition, n as OuiFloatable, o as getFloatable } from "../embedded-84gxpReS.mjs";
-export { type OuiFloatable, type OuiFloatablePosition, getFloatable };
+import { i as OuiFloatablePosition, n as OuiFloatable, o as createFloatable } from "../embedded-ai6cqURc.mjs";
+export { type OuiFloatable, type OuiFloatablePosition, createFloatable };

package/dist/js/floatable/standalone.mjs

@@ -1,2 +1,2 @@
-import { getFloatable } from "./embedded.mjs";
-export { getFloatable };
+import { createFloatable } from "./embedded.mjs";
+export { createFloatable };

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

@@ -1,2 +1,2 @@
-import { a as createFocusTrap, i as FocusTrap, n as FOCUS_TRAP_NOESCAPE, o as removeFocusTrap, r as FOCUS_TRAP_SELECTOR, t as FOCUS_TRAP_CONTAIN } from "../embedded-BpwzMSEF.mjs";
-export { FOCUS_TRAP_CONTAIN, FOCUS_TRAP_NOESCAPE, FOCUS_TRAP_SELECTOR, FocusTrap, createFocusTrap, removeFocusTrap };
+import { a as createFocusTrap, i as OuiFocusTrap, n as ATTRIBUTE_FOCUSTRAP_CONTAIN, o as removeFocusTrap, r as ATTRIBUTE_FOCUSTRAP_NOESCAPE, t as ATTRIBUTE_FOCUSTRAP } from "../embedded-CHK82Uh5.mjs";
+export { ATTRIBUTE_FOCUSTRAP, ATTRIBUTE_FOCUSTRAP_CONTAIN, ATTRIBUTE_FOCUSTRAP_NOESCAPE, OuiFocusTrap, createFocusTrap, removeFocusTrap };

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

@@ -1,67 +1,144 @@
 import { on } from "@oscarpalmer/toretto/event";
+import { isPlainObject } from "@oscarpalmer/atoms/is";
+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/embedded.ts
-var FocusTrap = class {
-	disabled = false;
-	connected = true;
-	element;
-	embedded;
+var OuiFocusTrap = class {
+	#destroyed = false;
+	#tabIndex;
+	#state;
+	/**
+	* Is focused maintained within the _FocusTrap_ when clicking outside of it?
+	*/
 	get contain() {
-		return this.element.hasAttribute(FOCUS_TRAP_CONTAIN);
-	}
+		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
+	}
+	/**
+	* Should focus be maintained within the _FocusTrap_ when clicking outside of it?
+	*/
+	set contain(value) {
+		if (value === true) this.#state.element.setAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN, "");
+		else if (value === false) this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
+	}
+	/**
+	* Is the _FocusTrap_ disabled?
+	*/
+	get disabled() {
+		return this.#state.disabled;
+	}
+	/**
+	* Should the _FocusTrap_ 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 _FocusTrap_?
+	*/
 	get noescape() {
-		return this.element.hasAttribute(FOCUS_TRAP_NOESCAPE);
-	}
-	constructor(element, options) {
-		this.element = element;
-		this.embedded = options != null;
-		element.setAttribute("tabindex", "-1");
-		if (options != null) element.setAttribute(FOCUS_TRAP_SELECTOR, "");
-		if (options?.noescape) element.setAttribute(FOCUS_TRAP_NOESCAPE, "");
-	}
-	connect() {
-		setConnected(this, true);
-	}
+		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
+	}
+	/**
+	* Should the _FocusTrap_ allow focus to escape when pressing _Escape_?
+	*/
+	set noescape(value) {
+		if (value === true) this.#state.element.setAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE, "");
+		else if (value === false) this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
+	}
+	constructor(state) {
+		this.#state = state;
+		this.#tabIndex = state.element.tabIndex;
+		state.element.tabIndex = -1;
+		state.element.setAttribute(ATTRIBUTE_FOCUSTRAP, "");
+		this.contain = state.options.contain;
+		this.noescape = state.options.noescape;
+		states.set(this, state);
+	}
+	/**
+	* Destroys the _FocusTrap_
+	*/
 	destroy() {
-		this.element = void 0;
-	}
+		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 _FocusTrap_
+	*/
 	disable() {
-		if (!(this.disabled || this.noescape)) setDisabled(this, true);
-	}
-	disconnect() {
-		setConnected(this, false);
+		if (!this.#destroyed && !(this.disabled || this.#state.options.noescape)) setDisabled(this, this.#state, true);
 	}
+	/**
+	* Enables the _FocusTrap_
+	*/
 	enable() {
-		if (this.disabled) setDisabled(this, false);
+		if (!this.#destroyed && this.disabled) setDisabled(this, this.#state, false);
 	}
+	/**
+	* Focuses the _FocusTrap_
+	*
+	* @param last When `true`, focuses the last focusable element within the _FocusTrap_ instead of the first
+	*/
 	focus(last) {
-		tabToTrap(this, getFocusable(this.element), this.element, last ? -1 : 0);
+		if (!this.#destroyed && !this.disabled) tabToTrap(this, getFocusable(this.#state.element), this.#state.element, last ? -1 : 0);
 	}
 };
+/**
+* Creates _(or retrieves)_ a _FocusTrap_ for an element
+*
+* @param element Element to trap focus within
+* @param options _FocusTrap_ options
+* @returns _FocusTrap_ instance
+*/
 function createFocusTrap(element, options) {
-	let focusTrap = FOCUSTRAPS_ALL.get(element);
-	if (focusTrap == null) {
-		focusTrap = new FocusTrap(element, options);
-		FOCUSTRAPS_ALL.set(element, focusTrap);
+	if (!isHTMLOrSVGElement(element)) throw new TypeError(MESSAGE);
+	let instance = instances.get(element);
+	if (instance == null) {
+		instance = new OuiFocusTrap(getState(element, options));
+		instances.set(element, instance);
 	}
-	return focusTrap;
+	return instance;
+}
+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)
+	};
+}
+function getState(element, options) {
+	return {
+		element,
+		disabled: false,
+		options: getOptions(element, options)
+	};
 }
 function onEscape(event) {
-	let element = findAncestor(event, ATTRIBUTE_SELECTOR);
-	let focusTrap = FOCUSTRAPS_ALL.get(element);
-	if (element == null || focusTrap == null) return;
-	while (focusTrap.disabled) {
-		element = findAncestor(focusTrap.element.parentElement, ATTRIBUTE_SELECTOR);
-		focusTrap = FOCUSTRAPS_ALL.get(element);
-		if (element == null || focusTrap == null) return;
-		if (!focusTrap.disabled) break;
-	}
-	focusTrap?.disable();
+	let element = findAncestor(event, SELECTOR);
+	let instance = instances.get(element);
+	let state = states.get(instance);
+	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);
+		if (element == null || instance == null || state == null) return;
+		if (!state.disabled) break;
+	}
+	instance?.disable();
 }
 function onFocusIn(event) {
-	lastTarget = FOCUSTRAPS_ALL.get(findAncestor(event, ATTRIBUTE_SELECTOR)) == null ? void 0 : event.target;
+	lastTarget = instances.get(findAncestor(event, SELECTOR)) == null ? void 0 : event.target;
 }
 function onKeydown(event) {
 	switch (event.key) {
@@ -75,82 +152,83 @@ function onKeydown(event) {
 	}
 }
 function onPointerdown(event) {
-	const lastFocusTrap = findAncestor(lastTarget, ATTRIBUTE_SELECTOR);
-	const nextFocusTrap = findAncestor(event, ATTRIBUTE_SELECTOR);
-	if (lastFocusTrap != null && nextFocusTrap !== lastFocusTrap) {
-		if (FOCUSTRAPS_ALL.get(lastFocusTrap)?.contain ?? false) {
+	const last = findAncestor(lastTarget, SELECTOR);
+	const next = findAncestor(event, SELECTOR);
+	if (last != null && next !== last) {
+		if (states.get(instances.get(last))?.options.contain ?? false) {
 			event.preventDefault();
 			lastTarget?.focus();
 		}
 	}
-	if (FOCUSTRAPS_DISABLED.size === 0) return;
-	for (const focusTrap of FOCUSTRAPS_DISABLED) if (focusTrap.element !== nextFocusTrap) focusTrap.enable();
+	if (disabled.size === 0) return;
+	for (const focusTrap of disabled) {
+		const state = states.get(focusTrap);
+		if (state != null && state.element !== next) focusTrap.enable();
+	}
 }
 function onTab(event) {
-	const element = findAncestor(event, ATTRIBUTE_SELECTOR);
-	const focusTrap = FOCUSTRAPS_ALL.get(element);
-	if (focusTrap == null) return;
-	if (!focusTrap.disabled) event.preventDefault();
+	const element = findAncestor(event, SELECTOR);
+	const instance = instances.get(element);
+	if (instance == null) return;
+	if (!instance.disabled) event.preventDefault();
 	const elements = getFocusable(element);
 	const index = elements.indexOf(event.target);
-	if (index === -1 || elements.length === 0) tabToTrap(focusTrap, elements, element);
-	else tabToElement(focusTrap, elements, index, event.shiftKey ? -1 : 1);
+	if (index === -1 || elements.length === 0) tabToTrap(instance, elements, element);
+	else tabToElement(instance, elements, index, event.shiftKey ? -1 : 1);
 }
 function removeFocusTrap(element) {
-	FOCUSTRAPS_ALL.get(element)?.destroy();
-	FOCUSTRAPS_ALL.delete(element);
-}
-function setConnected(focusTrap, value) {
-	if (!focusTrap.embedded || focusTrap.connected === value) return;
-	focusTrap.connected = value;
+	instances.get(element)?.destroy();
+	instances.delete(element);
 }
-function setDisabled(focusTrap, value) {
-	focusTrap.disabled = value;
-	if (value) FOCUSTRAPS_DISABLED.add(focusTrap);
-	else FOCUSTRAPS_DISABLED.delete(focusTrap);
+function setDisabled(focusTrap, state, value) {
+	state.disabled = value;
+	if (value) disabled.add(focusTrap);
+	else disabled.delete(focusTrap);
 }
-function tabToElement(focusTrap, elements, index, modifier) {
+function tabToElement(instance, elements, index, modifier) {
 	const { length } = elements;
 	const next = clamp(index + modifier, 0, length - 1, true);
-	if (focusTrap.disabled) {
+	if (instance.disabled) {
 		if (index === length - 1 && next === 0 || index === 0 && next === length - 1) {
 			lastTarget = void 0;
-			focusTrap.enable();
+			instance.enable();
 		}
 		return;
 	}
 	const element = elements[next];
-	const elementFocusTrap = FOCUSTRAPS_ALL.get(element);
+	const elementFocusTrap = instances.get(element);
 	if (elementFocusTrap != null) elementFocusTrap.focus(modifier === -1);
 	else {
 		elements[next].focus();
 		lastTarget = elements[next];
 	}
 }
-function tabToTrap(focusTrap, elements, element, index) {
-	if (focusTrap.disabled) {
+function tabToTrap(instance, elements, element, index) {
+	if (instance.disabled) {
 		lastTarget = void 0;
-		focusTrap.enable();
+		instance.enable();
 	} else {
 		const next = elements.length === 0 ? element : elements.at(index ?? 0);
 		next.focus();
 		lastTarget = next;
 	}
 }
-const FOCUS_TRAP_SELECTOR = "oui-focus-trap";
-const ATTRIBUTE_SELECTOR = `[${FOCUS_TRAP_SELECTOR}]`;
+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 FOCUS_TRAP_CONTAIN = `${FOCUS_TRAP_SELECTOR}-contain`;
-const FOCUS_TRAP_NOESCAPE = `${FOCUS_TRAP_SELECTOR}-noescape`;
-const FOCUSTRAPS_ALL = /* @__PURE__ */ new WeakMap();
-const FOCUSTRAPS_DISABLED = /* @__PURE__ */ new Set();
+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;
 on(document, "focusin", onFocusIn, EVENT_OPTIONS);
 on(document, "keydown", onKeydown, EVENT_OPTIONS);
 on(document, "mousedown", onPointerdown, EVENT_OPTIONS);
 on(document, "touchstart", onPointerdown, EVENT_OPTIONS);
 //#endregion
-export { FOCUS_TRAP_CONTAIN, FOCUS_TRAP_NOESCAPE, FOCUS_TRAP_SELECTOR, FocusTrap, createFocusTrap, removeFocusTrap };
+export { ATTRIBUTE_FOCUSTRAP, ATTRIBUTE_FOCUSTRAP_CONTAIN, ATTRIBUTE_FOCUSTRAP_NOESCAPE, OuiFocusTrap, createFocusTrap, removeFocusTrap };

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

@@ -1 +1,2 @@
-export { };
+import { a as createFocusTrap, i as OuiFocusTrap } from "../embedded-CHK82Uh5.mjs";
+export { type OuiFocusTrap, createFocusTrap };

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

@@ -1,6 +1,6 @@
 import { attributable } from "../internal/attributable.mjs";
-import { FOCUS_TRAP_SELECTOR, createFocusTrap, removeFocusTrap } from "./embedded.mjs";
+import { ATTRIBUTE_FOCUSTRAP, createFocusTrap, removeFocusTrap } from "./embedded.mjs";
 //#region src/js/focus-trap/standalone.ts
-attributable(FOCUS_TRAP_SELECTOR, createFocusTrap, removeFocusTrap);
+attributable(ATTRIBUTE_FOCUSTRAP, createFocusTrap, removeFocusTrap);
 //#endregion
-export {};
+export { createFocusTrap };

package/dist/js/index.d.mts

@@ -1,6 +1,7 @@
 import { OuiDialog, getDialog } from "./dialog.mjs";
-import { i as OuiFloatablePosition, n as OuiFloatable, o as getFloatable } from "./embedded-84gxpReS.mjs";
+import { i as OuiFloatablePosition, n as OuiFloatable, o as createFloatable } from "./embedded-ai6cqURc.mjs";
+import { a as createFocusTrap, i as OuiFocusTrap } from "./embedded-CHK82Uh5.mjs";
 import { OuiPopover, getPopover } from "./popover.mjs";
 import { OuiSplitterElement } from "./splitter.mjs";
 import { OuiTooltip, getTooltip, setTooltipDelay } from "./tooltip.mjs";
-export { type OuiDialog, type OuiFloatable, type OuiFloatablePosition, type OuiPopover, OuiSplitterElement, type OuiTooltip, getDialog, getFloatable, getPopover, getTooltip, setTooltipDelay };
+export { type OuiDialog, type OuiFloatable, type OuiFloatablePosition, type OuiFocusTrap, type OuiPopover, OuiSplitterElement, type OuiTooltip, createFloatable, createFocusTrap, getDialog, getPopover, getTooltip, setTooltipDelay };

package/dist/js/index.mjs

@@ -1,10 +1,12 @@
-import { getFloatable } from "./floatable/embedded.mjs";
+import { createFloatable } from "./floatable/embedded.mjs";
 import { getDialog } from "./dialog.mjs";
 import "./movable.mjs";
 import "./sortable.mjs";
+import "./toolbar.mjs";
 import "./floatable/standalone.mjs";
+import { createFocusTrap } from "./focus-trap/embedded.mjs";
 import "./focus-trap/standalone.mjs";
 import { getPopover } from "./popover.mjs";
 import { OuiSplitterElement } from "./splitter.mjs";
 import { getTooltip, setTooltipDelay } from "./tooltip.mjs";
-export { OuiSplitterElement, getDialog, getFloatable, getPopover, getTooltip, setTooltipDelay };
+export { OuiSplitterElement, createFloatable, createFocusTrap, getDialog, getPopover, getTooltip, setTooltipDelay };

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

@@ -1,2 +1,2 @@
-import { a as DraggableState, i as DraggableBound, n as DragMovePosition, o as addDraggable, r as Draggable, s as removeDraggable } from "../movable-BKFgoaOl.mjs";
-export { DragMovePosition, Draggable, DraggableBound, DraggableState, addDraggable, removeDraggable };
+import { a as OuiDraggable, i as DraggableState, n as DragMovePosition, o as addDraggable, r as DraggableBound, s as removeDraggable } from "../movable-dNqBctx3.mjs";
+export { DragMovePosition, DraggableBound, DraggableState, OuiDraggable, addDraggable, removeDraggable };

package/dist/js/internal/draggable.mjs

@@ -4,7 +4,7 @@ import { findAncestor } from "@oscarpalmer/toretto/find";
 import { toggleStyles } from "@oscarpalmer/toretto/style";
 import supportsTouch from "@oscarpalmer/toretto/touch";
 //#region src/js/internal/draggable.ts
-var Draggable = class {
+var OuiDraggable = class {
 	prefix;
 	element;
 	options;
@@ -212,4 +212,4 @@ on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup, { passive: false });
 on(document, "touchstart", onPointerdown, { passive: false });
 //#endregion
-export { Draggable, addDraggable, removeDraggable };
+export { OuiDraggable, addDraggable, removeDraggable };