@oscarpalmer/oui 0.41.0 → 0.42.0

package/dist/js/color-picker/color-picker.event.mjs

@@ -1,4 +1,4 @@
-import { COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_KEYS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_INPUT, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
+import { COLOR_PICKER_ATTRIBUTE_COPY_ERROR, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS, COLOR_PICKER_EXPRESSION_HEX_PREFIX, COLOR_PICKER_KEYS, COLOR_PICKER_SELECTOR_COPY, COLOR_PICKER_SELECTOR_OUTPUT_INPUT, COLOR_PICKER_SELECTOR_WELL, COLOR_PICKER_SELECTOR_WELL_KNOB, COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
 import { copyValue } from "../internal/misc.mjs";
 import { OuiColorPickerEvent } from "./color-picker.model.mjs";
 import { getColorPickerOutputFormat, updateColorPickerOutputCopyLabel } from "./color-picker.output.mjs";
@@ -122,7 +122,7 @@ function onKeydown(event) {
 		return;
 	}
 	const knob = findAncestor(event, COLOR_PICKER_SELECTOR_WELL_KNOB);
-	if (!(event.key === "Enter" && findAncestor(event, COLOR_PICKER_SELECTOR_INPUT) != null || COLOR_PICKER_KEYS.has(event.key) && knob != null)) return;
+	if (!(event.key === "Enter" && findAncestor(event, "[oui-color-picker-input]") != null || COLOR_PICKER_KEYS.has(event.key) && knob != null)) return;
 	const state = findAncestor(event, COLOR_PICKER_TAGNAME)?.[COLOR_PICKER_SYMBOL];
 	if (state == null || state.component.disabled || state.component.readonly) return;
 	event.preventDefault();

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

@@ -22,4 +22,5 @@ export declare function updateComboboxTabindices(state: OuiComboboxState, active
 export declare function updateComboboxAutocomplete(preview: OptionListPreview, state: OuiComboboxState, active?: Element): void;
 export declare function updateComboboxSelection(state: OuiComboboxState, active: Element | undefined, added: boolean, selected?: Element[]): void;
 export declare function updateComboboxSelectionItems(state: OuiComboboxState): void;
-//#endregion
+//#endregion
+export {};

package/dist/js/combobox/combobox.event.mjs

@@ -1,2 +1 @@
-import { C as skipComboboxNavigation, S as preventComboboxActivation, _ as onComboboxPreview, b as onComboboxTab, c as onComboboxClickContent, d as onComboboxFilter, f as onComboboxFocusout, g as onComboboxNavigation, h as onComboboxKeydownSelection, l as onComboboxEnter, m as onComboboxKeydown, o as onComboboxActivation, p as onComboboxInput, s as onComboboxApply, u as onComboboxEscape, v as onComboboxRemoveSelection, x as onComboboxToggle, y as onComboboxSelection } from "../combobox.state-AstCICiH.mjs";
-export { onComboboxActivation, onComboboxApply, onComboboxClickContent, onComboboxEnter, onComboboxEscape, onComboboxFilter, onComboboxFocusout, onComboboxInput, onComboboxKeydown, onComboboxKeydownSelection, onComboboxNavigation, onComboboxPreview, onComboboxRemoveSelection, onComboboxSelection, onComboboxTab, onComboboxToggle, preventComboboxActivation, skipComboboxNavigation };
+export { o as onComboboxActivation, s as onComboboxApply, c as onComboboxClickContent, l as onComboboxEnter, u as onComboboxEscape, d as onComboboxFilter, f as onComboboxFocusout, p as onComboboxInput, m as onComboboxKeydown, h as onComboboxKeydownSelection, g as onComboboxNavigation, _ as onComboboxPreview, v as onComboboxRemoveSelection, y as onComboboxSelection, b as onComboboxTab, x as onComboboxToggle, S as preventComboboxActivation, C as skipComboboxNavigation } from "../combobox.state-AstCICiH.mjs";

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

@@ -1,2 +1 @@
-import { D as setComboboxLocalizations, E as hasTextSelection, T as getComboboxId, w as getComboboxAutoComplete } from "../combobox.state-AstCICiH.mjs";
-export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations };
+export { w as getComboboxAutoComplete, T as getComboboxId, E as hasTextSelection, D as setComboboxLocalizations } from "../combobox.state-AstCICiH.mjs";

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

@@ -1,2 +1 @@
-import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox, t as comboboxLocalizations } from "../combobox.state-AstCICiH.mjs";
-export { comboboxLocalizations, comboboxes, initializeCombobox, onAttachCombobox, onDetachCombobox };
+export { t as comboboxLocalizations, n as comboboxes, r as initializeCombobox, i as onAttachCombobox, a as onDetachCombobox } from "../combobox.state-AstCICiH.mjs";

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

@@ -1,2 +1,2 @@
-import { a as DIALOG_SELECTOR_MOVER, c as OuiDialog, i as DIALOG_MESSAGE, l as OuiDialogState, n as DIALOG_ATTRIBUTE_CONTAINER, o as DIALOG_SELECTOR_RESIZER, r as DIALOG_ATTRIBUTE_OPEN, s as DIALOG_SYMBOL, t as DIALOG_ATTRIBUTE, u as dialogs } from "../dialog.model-HVzYWoDo.mjs";
+import { a as DIALOG_SELECTOR_MOVER, c as OuiDialog, i as DIALOG_MESSAGE, l as OuiDialogState, n as DIALOG_ATTRIBUTE_CONTAINER, o as DIALOG_SELECTOR_RESIZER, r as DIALOG_ATTRIBUTE_OPEN, s as DIALOG_SYMBOL, t as DIALOG_ATTRIBUTE, u as dialogs } from "../dialog.model-Dv_h9Kns.mjs";
 export { DIALOG_ATTRIBUTE, DIALOG_ATTRIBUTE_CONTAINER, DIALOG_ATTRIBUTE_OPEN, DIALOG_MESSAGE, DIALOG_SELECTOR_MOVER, DIALOG_SELECTOR_RESIZER, DIALOG_SYMBOL, OuiDialog, OuiDialogState, dialogs };

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

@@ -1,4 +1,4 @@
-import { c as OuiDialog, l as OuiDialogState } from "../dialog.model-HVzYWoDo.mjs";
+import { c as OuiDialog, l as OuiDialogState } from "../dialog.model-Dv_h9Kns.mjs";
 //#region src/js/dialog/index.d.ts
 declare function OuiDialog(this: OuiDialog, state: OuiDialogState): void;
 /**

package/dist/js/{dialog.model-HVzYWoDo.d.mts → dialog.model-Dv_h9Kns.d.mts}

@@ -1,5 +1,5 @@
 import { u as OuiMovable } from "./movable.model-D9nnPWKk.mjs";
-import { n as OuiResizable } from "./resizable.model-YEtcC9li.mjs";
+import { n as OuiResizable } from "./resizable.model-vCxaFdOA.mjs";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
 //#region src/js/dialog/dialog.model.d.ts
 type OuiDialog = {

package/dist/js/floatable/floatable.standalone.mjs

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

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

@@ -1,2 +1 @@
-import { createFocusTrap } from "./focus-trap.embedded.mjs";
-export { createFocusTrap };
+export { createFocusTrap } from "./focus-trap.embedded.mjs";

package/dist/js/index.d.mts

@@ -5,8 +5,8 @@ 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 { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-vCxaFdOA.mjs";
+import { c as OuiDialog } from "./dialog.model-Dv_h9Kns.mjs";
 import { getDialog } from "./dialog/index.mjs";
 import { n as createFloatable } from "./floatable.embedded-ncshL3Sa.mjs";
 import "./floatable/floatable.standalone.mjs";
@@ -14,7 +14,7 @@ import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "./focus-trap.model-
 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 { t as createResizable } from "./resizable.embedded-BemH-7Re.mjs";
+import { t as createResizable } from "./resizable.embedded-D9mb-Wm_.mjs";
 import "./resizable/resizable.standalone.mjs";
 import { t as createSortable } from "./sortable.embedded-CrEGff9k.mjs";
 import "./sortable/sortable.standalone.mjs";

package/dist/js/internal/option-list/option-list.data.d.mts

@@ -18,4 +18,5 @@ export declare function filterOptionListOptions<State extends PlainObject, Local
 export declare function setOptionListValue<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: unknown, emit?: boolean): void;
 export declare function setOptionListValues<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, value: unknown[], emit?: boolean): void;
 export declare function toggleOptionListOption<State extends PlainObject, Localizations extends OuiLocalizationsValues>(state: OptionListState<State, Localizations>, option?: HTMLElement): void;
-//#endregion
+//#endregion
+export {};

package/dist/js/internal/option-list/option-list.data.mjs

@@ -1,2 +1 @@
-import { a as setOptionListValue, i as filterOptionListOptions, n as filterOptionList, o as setOptionListValues, r as filterOptionListOption, s as toggleOptionListOption, t as applyOptionListSelection } from "../../option-list.data-CgMyUwPc.mjs";
-export { applyOptionListSelection, filterOptionList, filterOptionListOption, filterOptionListOptions, setOptionListValue, setOptionListValues, toggleOptionListOption };
+export { t as applyOptionListSelection, n as filterOptionList, r as filterOptionListOption, i as filterOptionListOptions, a as setOptionListValue, o as setOptionListValues, s as toggleOptionListOption } from "../../option-list.data-CgMyUwPc.mjs";

package/dist/js/internal/option-list/option-list.dom.mjs

@@ -1,2 +1 @@
-import { _ as createOptionListValueLabel, b as updateOptionListValueLabel, c as createOptionListContent, d as createOptionListHeader, f as createOptionListInput, g as createOptionListOptions, h as createOptionListOption, l as createOptionListFilter, m as createOptionListMessage, p as createOptionListList, u as createOptionListGroup, v as updateOptionListMessage, y as updateOptionListPreview } from "../../option-list.data-CgMyUwPc.mjs";
-export { createOptionListContent, createOptionListFilter, createOptionListGroup, createOptionListHeader, createOptionListInput, createOptionListList, createOptionListMessage, createOptionListOption, createOptionListOptions, createOptionListValueLabel, updateOptionListMessage, updateOptionListPreview, updateOptionListValueLabel };
+export { c as createOptionListContent, l as createOptionListFilter, u as createOptionListGroup, d as createOptionListHeader, f as createOptionListInput, p as createOptionListList, m as createOptionListMessage, h as createOptionListOption, g as createOptionListOptions, _ as createOptionListValueLabel, v as updateOptionListMessage, y as updateOptionListPreview, b as updateOptionListValueLabel } from "../../option-list.data-CgMyUwPc.mjs";

package/dist/js/internal/option-list/option-list.misc.mjs

@@ -1,2 +1 @@
-import { C as setOptionListDisabled, D as setOptionListReadonly, E as setOptionListMultiple, O as setOptionListRequired, S as getOptionListVisibleOptions, T as setOptionListLimit, w as setOptionListFilter, x as generateOptionListIds } from "../../option-list.data-CgMyUwPc.mjs";
-export { generateOptionListIds, getOptionListVisibleOptions, setOptionListDisabled, setOptionListFilter, setOptionListLimit, setOptionListMultiple, setOptionListReadonly, setOptionListRequired };
+export { x as generateOptionListIds, S as getOptionListVisibleOptions, C as setOptionListDisabled, w as setOptionListFilter, T as setOptionListLimit, E as setOptionListMultiple, D as setOptionListReadonly, O as setOptionListRequired } from "../../option-list.data-CgMyUwPc.mjs";

package/dist/js/l10n/index.mjs

@@ -1,2 +1 @@
-import { createDefaultLocalizations, createLocalizations } from "../internal/l10n/index.mjs";
-export { createDefaultLocalizations, createLocalizations };
+export { createDefaultLocalizations, createLocalizations } from "../internal/l10n/index.mjs";

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

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

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

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

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

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

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

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

package/dist/js/menu/index.mjs

@@ -16,12 +16,12 @@ function OuiMenu(element, navigable) {
 	this.toggle = element.querySelector(MENU_SELECTOR_TOGGLE);
 	this.floatable = createEmbeddedFloatable(this.toggle, this.content, {
 		attribute: MENU_ATTRIBUTE_POSITION,
-		position: findAncestor(element.parentElement, MENU_SELECTOR_CONTENT) == null ? "below-start" : "end-top",
+		position: findAncestor(element.parentElement, "[oui-menu-content]") == null ? "below-start" : "end-top",
 		reusable: false
 	});
 	state.listeners.push(getOnBeforeToggleListener(this.content), on(this.content, "click", (event) => {
 		event.stopPropagation();
-		if (findAncestor(event, MENU_SELECTOR_TOGGLE) != null) return;
+		if (findAncestor(event, "[oui-menu-toggle]") != null) return;
 		const elements = document.querySelectorAll(MENU_SELECTOR_CONTENT);
 		let firstElement;
 		for (const element of elements) {
@@ -137,7 +137,7 @@ function onShouldActivate(event, navigable) {
 	if (menubars.has(element)) activate = state.orientation === "horizontal" ? NAVIGABLE_KEYS_VERTICAL.has(event.key) : NAVIGABLE_KEYS_HORIZONTAL.has(event.key);
 	else if (menus.has(element)) activate = state.orientation === "horizontal" ? NAVIGABLE_KEYS_VERTICAL.has(event.key) : event.key === "ArrowRight";
 	if (activate) {
-		const target = event.target instanceof HTMLElement && event.target.matches(MENU_SELECTOR_TOGGLE) ? event.target : void 0;
+		const target = event.target instanceof HTMLElement && event.target.matches("[oui-menu-toggle]") ? event.target : void 0;
 		if (target == null) activate = false;
 		else target.click();
 	}

package/dist/js/movable/movable.standalone.mjs

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

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

@@ -1,2 +1,2 @@
-import { t as createResizable } from "../resizable.embedded-BemH-7Re.mjs";
+import { t as createResizable } from "../resizable.embedded-D9mb-Wm_.mjs";
 export { createResizable };

package/dist/js/resizable/resizable.embedded.mjs

@@ -1,5 +1,5 @@
 import { attributable } from "../internal/attributable.mjs";
-import { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableItems, resizableStyles } from "./resizable.model.mjs";
+import { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals } from "./resizable.model.mjs";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
@@ -46,7 +46,7 @@ function cancelResize(item) {
 */
 function createResizable(element, options) {
 	if (!isHTMLOrSVGElement(element)) throw new TypeError(RESIZABLE_MESSAGE_ELEMENT);
-	if (!isHTMLOrSVGElement(element.querySelector(RESIZABLE_SELECTOR_HANDLE_SCOPED))) throw new Error(RESIZABLE_MESSAGE_HANDLE);
+	if (!isHTMLOrSVGElement(element.querySelector(":scope > [oui-resizable-handle]"))) throw new Error(RESIZABLE_MESSAGE_HANDLE);
 	return addResizable(element, options ?? {});
 }
 function destroyResizable() {
@@ -68,6 +68,12 @@ function getAndSetDimensions(element, options, input) {
 	});
 	return [width, height];
 }
+function getDirections(element) {
+	const attribute = getAttribute(element, RESIZABLE_ATTRIBUTE_DIRECTION);
+	if (resizableHorizontals.has(attribute)) return [true, false];
+	if (resizableVerticals.has(attribute)) return [false, true];
+	return [true, true];
+}
 function getProperties(element, widthProperty, heightProperty) {
 	const computed = getComputedStyle(element);
 	return [computed[widthProperty], computed[heightProperty]];
@@ -88,18 +94,21 @@ function getState(element, handle, input) {
 	setAttribute(element, RESIZABLE_ATTRIBUTE, "");
 	const options = getValidOptions(element, input);
 	const [width, height] = getAndSetDimensions(element, options);
+	const [horizontal, vertical] = getDirections(element);
 	return {
 		element,
 		handle,
 		height,
+		horizontal,
 		options,
+		vertical,
 		width,
 		styles: toggleStyles(element, resizableStyles)
 	};
 }
 function getValidOptions(element, input) {
 	const original = isPlainObject(input) ? input : {};
-	return { ...getRestrictions(input == null ? getAttribute(element, RESIZABLE_ATTRIBUTE_MAXIMUM) ?? getProperties(element, "maxWidth", "maxHeight") : [original.maximumWidth, original.maximumHeight], input == null ? getAttribute(element, RESIZABLE_ATTRIBUTE_MINIMUM) ?? getProperties(element, "minWidth", "minHeight") : [original.minimumWidth, original.minimumHeight]) };
+	return { ...getRestrictions(input == null ? getAttribute(element, "oui-resizable-maximum") ?? getProperties(element, "maxWidth", "maxHeight") : [original.maximumWidth, original.maximumHeight], input == null ? getAttribute(element, "oui-resizable-minimum") ?? getProperties(element, "minWidth", "minHeight") : [original.minimumWidth, original.minimumHeight]) };
 }
 function getXAndY(first, second) {
 	const [x, y] = typeof first === "string" && second == null ? first.split(",") : [first, second];
@@ -115,7 +124,7 @@ function onKeydown(event) {
 function onPointerdown(event) {
 	if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
 	const handle = findAncestor(event, RESIZABLE_SELECTOR_HANDLE);
-	const element = handle && findAncestor(handle, RESIZABLE_SELECTOR);
+	const element = handle && findAncestor(handle, "[oui-resizable]");
 	const stored = element && resizableItems.get(element);
 	const position = getEventPosition(event);
 	if (stored == null || position == null) return;
@@ -130,9 +139,9 @@ function onPointermove(event) {
 	if (current == null) return;
 	const { x, y } = getEventPosition(event) ?? {};
 	if (x == null || y == null) return;
-	const width = current.state.width + (x - (start?.x ?? 0));
-	const height = current.state.height + (y - (start?.y ?? 0));
-	getAndSetDimensions(current.state.element, current.state.options, {
+	let width = current.state.horizontal ? current.state.width + (x - (start?.x ?? 0)) : current.state.width;
+	let height = current.state.vertical ? current.state.height + (y - (start?.y ?? 0)) : current.state.height;
+	[width, height] = getAndSetDimensions(current.state.element, current.state.options, {
 		height,
 		width
 	});

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

@@ -1,2 +1,2 @@
-import { _ as resizableItems, a as RESIZABLE_ATTRIBUTE, c as RESIZABLE_ATTRIBUTE_MINIMUM, d as RESIZABLE_MESSAGE_HEIGHT, f as RESIZABLE_MESSAGE_WIDTH, g as RESIZABLE_SYMBOL, h as RESIZABLE_SELECTOR_HANDLE_SCOPED, i as OuiResizableState, l as RESIZABLE_MESSAGE_ELEMENT, m as RESIZABLE_SELECTOR_HANDLE, n as OuiResizable, o as RESIZABLE_ATTRIBUTE_HANDLE, p as RESIZABLE_SELECTOR, r as OuiResizableItem, s as RESIZABLE_ATTRIBUTE_MAXIMUM, t as CreateOuiResizableOptions, u as RESIZABLE_MESSAGE_HANDLE, v as resizableStyles } from "../resizable.model-YEtcC9li.mjs";
-export { CreateOuiResizableOptions, OuiResizable, OuiResizableItem, OuiResizableState, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableItems, resizableStyles };
+import { S as resizableVerticals, _ as RESIZABLE_SELECTOR_HANDLE_SCOPED, a as OuiResizableState, b as resizableItems, c as RESIZABLE_ATTRIBUTE_HANDLE, d as RESIZABLE_MESSAGE_ELEMENT, f as RESIZABLE_MESSAGE_HANDLE, g as RESIZABLE_SELECTOR_HANDLE, h as RESIZABLE_SELECTOR, i as OuiResizableItem, l as RESIZABLE_ATTRIBUTE_MAXIMUM, m as RESIZABLE_MESSAGE_WIDTH, n as OuiResizable, o as RESIZABLE_ATTRIBUTE, p as RESIZABLE_MESSAGE_HEIGHT, r as OuiResizableDirection, s as RESIZABLE_ATTRIBUTE_DIRECTION, t as CreateOuiResizableOptions, u as RESIZABLE_ATTRIBUTE_MINIMUM, v as RESIZABLE_SYMBOL, x as resizableStyles, y as resizableHorizontals } from "../resizable.model-vCxaFdOA.mjs";
+export { CreateOuiResizableOptions, OuiResizable, OuiResizableDirection, OuiResizableItem, OuiResizableState, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };

package/dist/js/resizable/resizable.model.mjs

@@ -1,5 +1,6 @@
 //#region src/js/resizable/resizable.model.ts
 const RESIZABLE_ATTRIBUTE = "oui-resizable";
+const RESIZABLE_ATTRIBUTE_DIRECTION = `${RESIZABLE_ATTRIBUTE}-direction`;
 const RESIZABLE_ATTRIBUTE_HANDLE = `${RESIZABLE_ATTRIBUTE}-handle`;
 const RESIZABLE_ATTRIBUTE_MAXIMUM = `${RESIZABLE_ATTRIBUTE}-maximum`;
 const RESIZABLE_ATTRIBUTE_MINIMUM = `${RESIZABLE_ATTRIBUTE}-minimum`;
@@ -11,11 +12,13 @@ const RESIZABLE_SELECTOR = `[${RESIZABLE_ATTRIBUTE}]`;
 const RESIZABLE_SELECTOR_HANDLE = `[${RESIZABLE_ATTRIBUTE_HANDLE}]`;
 const RESIZABLE_SELECTOR_HANDLE_SCOPED = `:scope > ${RESIZABLE_SELECTOR_HANDLE}`;
 const RESIZABLE_SYMBOL = Symbol(RESIZABLE_ATTRIBUTE);
+const resizableHorizontals = /* @__PURE__ */ new Set(["horizontal", "x"]);
 const resizableItems = /* @__PURE__ */ new WeakMap();
 const resizableStyles = {
 	touchAction: "none",
 	userSelect: "none",
 	webkitUserSelect: "none"
 };
+const resizableVerticals = /* @__PURE__ */ new Set(["vertical", "y"]);
 //#endregion
-export { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableItems, resizableStyles };
+export { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };

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

@@ -1,3 +1,3 @@
-import { n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-YEtcC9li.mjs";
-import { t as createResizable } from "../resizable.embedded-BemH-7Re.mjs";
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-vCxaFdOA.mjs";
+import { t as createResizable } from "../resizable.embedded-D9mb-Wm_.mjs";
 export { type CreateOuiResizableOptions, type OuiResizable, createResizable as createOuiResizable };

package/dist/js/resizable/resizable.standalone.mjs

@@ -1,2 +1 @@
-import { createResizable } from "./resizable.embedded.mjs";
-export { createResizable as createOuiResizable };
+export { createResizable as createOuiResizable } from "./resizable.embedded.mjs";

package/dist/js/{resizable.embedded-BemH-7Re.d.mts → resizable.embedded-D9mb-Wm_.d.mts}

@@ -1,4 +1,4 @@
-import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-YEtcC9li.mjs";
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-vCxaFdOA.mjs";
 //#region src/js/resizable/resizable.embedded.d.ts
 /**
  * Creates _(or retrieves)_ a _OuiResizable_ instance for an element

package/dist/js/{resizable.model-YEtcC9li.d.mts → resizable.model-vCxaFdOA.d.mts}

@@ -12,6 +12,7 @@ type OuiResizable = {
   reset(): void;
   set(): void;
 };
+type OuiResizableDirection = "horizontal" | "vertical" | "x" | "y";
 type OuiResizableItem = {
   instance: OuiResizable;
   state: OuiResizableState;
@@ -20,11 +21,14 @@ type OuiResizableState = {
   element: Element;
   handle: Element;
   height: number;
+  horizontal: boolean;
   options: Required<CreateOuiResizableOptions>;
   styles: StyleToggler;
+  vertical: boolean;
   width: number;
 };
 declare const RESIZABLE_ATTRIBUTE = "oui-resizable";
+declare const RESIZABLE_ATTRIBUTE_DIRECTION: string;
 declare const RESIZABLE_ATTRIBUTE_HANDLE: string;
 declare const RESIZABLE_ATTRIBUTE_MAXIMUM: string;
 declare const RESIZABLE_ATTRIBUTE_MINIMUM: string;
@@ -36,11 +40,13 @@ declare const RESIZABLE_SELECTOR: string;
 declare const RESIZABLE_SELECTOR_HANDLE: string;
 declare const RESIZABLE_SELECTOR_HANDLE_SCOPED: string;
 declare const RESIZABLE_SYMBOL: unique symbol;
+declare const resizableHorizontals: Set<OuiResizableDirection>;
 declare const resizableItems: WeakMap<Element, OuiResizableItem>;
 declare const resizableStyles: {
   touchAction: string;
   userSelect: string;
   webkitUserSelect: string;
 };
+declare const resizableVerticals: Set<OuiResizableDirection>;
 //#endregion
-export { resizableItems as _, RESIZABLE_ATTRIBUTE as a, RESIZABLE_ATTRIBUTE_MINIMUM as c, RESIZABLE_MESSAGE_HEIGHT as d, RESIZABLE_MESSAGE_WIDTH as f, RESIZABLE_SYMBOL as g, RESIZABLE_SELECTOR_HANDLE_SCOPED as h, OuiResizableState as i, RESIZABLE_MESSAGE_ELEMENT as l, RESIZABLE_SELECTOR_HANDLE as m, OuiResizable as n, RESIZABLE_ATTRIBUTE_HANDLE as o, RESIZABLE_SELECTOR as p, OuiResizableItem as r, RESIZABLE_ATTRIBUTE_MAXIMUM as s, CreateOuiResizableOptions as t, RESIZABLE_MESSAGE_HANDLE as u, resizableStyles as v };
+export { resizableVerticals as S, RESIZABLE_SELECTOR_HANDLE_SCOPED as _, OuiResizableState as a, resizableItems as b, RESIZABLE_ATTRIBUTE_HANDLE as c, RESIZABLE_MESSAGE_ELEMENT as d, RESIZABLE_MESSAGE_HANDLE as f, RESIZABLE_SELECTOR_HANDLE as g, RESIZABLE_SELECTOR as h, OuiResizableItem as i, RESIZABLE_ATTRIBUTE_MAXIMUM as l, RESIZABLE_MESSAGE_WIDTH as m, OuiResizable as n, RESIZABLE_ATTRIBUTE as o, RESIZABLE_MESSAGE_HEIGHT as p, OuiResizableDirection as r, RESIZABLE_ATTRIBUTE_DIRECTION as s, CreateOuiResizableOptions as t, RESIZABLE_ATTRIBUTE_MINIMUM as u, RESIZABLE_SYMBOL as v, resizableStyles as x, resizableHorizontals as y };

package/dist/js/sortable/sortable.standalone.mjs

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

package/dist/js/splitter/index.mjs

@@ -204,7 +204,7 @@ function onObservation(entries) {
 	if (frame != null) cancelAnimationFrame(frame);
 	frame = requestAnimationFrame(() => {
 		for (const entry of entries) {
-			const splitter = entry.target instanceof OuiSplitterElement || entry.target.hasAttribute(SPLITTER_ATTRIBUTE_HANDLE) || entry.target.hasAttribute(SPLITTER_ATTRIBUTE_SEPARATOR) ? findAncestor(entry.target, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL] : void 0;
+			const splitter = entry.target instanceof OuiSplitterElement || entry.target.hasAttribute("oui-splitter-handle") || entry.target.hasAttribute("oui-splitter-separator") ? findAncestor(entry.target, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL] : void 0;
 			if (splitter == null) return;
 			splitter.types = getTypes(splitter, entry.contentRect.width, entry.contentRect.height);
 			setAttribute(splitter.element, SPLITTER_ATTRIBUTE_HORIZONTAL, splitter.types.horizontal ? "" : void 0);

package/dist/js/tooltip/index.mjs

@@ -132,7 +132,7 @@ function onFocusout() {
 	if (activeTooltip == null) return;
 	if (focusTimer != null) clearTimeout(focusTimer);
 	focusTimer = setTimeout(() => {
-		if (activeTooltip == null || document.activeElement == null || findAncestor(document.activeElement, TOOLTIP_SELECTOR) != null) return;
+		if (activeTooltip == null || document.activeElement == null || findAncestor(document.activeElement, "[oui-tooltip]") != null) return;
 		closeTooltip(true, activeTooltip);
 		activeTooltip = void 0;
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oscarpalmer/oui",
-	"version": "0.41.0",
+	"version": "0.42.0",
 	"description": "Styles, components, and utilities for building websites and applications.",
 	"keywords": [
 		"css",
@@ -109,7 +109,7 @@
 		"watch": "concurrently \"cd ./demo/public && php -qS localhost:4567 \" \"vp run postcss:watch\" \"vp run css:watch\" \"vp run tsdown\""
 	},
 	"dependencies": {
-		"@oscarpalmer/atoms": "^0.216",
+		"@oscarpalmer/atoms": "^0.220",
 		"@oscarpalmer/toretto": "^0.56"
 	},
 	"devDependencies": {
@@ -120,7 +120,7 @@
 		"postcss-cli": "^12",
 		"postcss-input-range": "^6",
 		"postcss-scss": "^4",
-		"sass": "^1.105",
+		"sass": "^1.106",
 		"stylelint": "^17.16",
 		"stylelint-config-standard-scss": "^17",
 		"tsdown": "^0.23",