@oscarpalmer/oui 0.41.0 → 0.43.0

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-BemH-7Re.mjs";
-export { createResizable };
+import { n as getResizable, t as createResizable } from "../resizable.embedded-DQclAEP-.mjs";
+export { createResizable, getResizable };

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

@@ -1,5 +1,6 @@
 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 { ignoreEvent } from "../internal/misc.mjs";
+import { OuiResizableEvent, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, 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";
@@ -7,11 +8,14 @@ import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyles, toggleStyles } from "@oscarpalmer/toretto/style";
 import { getNumber } from "@oscarpalmer/atoms/number";
+import { noop } from "@oscarpalmer/atoms/function";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-//#region src/js/resizable/resizable.embedded.ts
+import { round } from "@oscarpalmer/atoms/math";
+// src/js/resizable/resizable.embedded.ts
 function OuiResizable(state) {
 	this[RESIZABLE_SYMBOL] = state;
 }
+OuiResizable.prototype.configure = configureResizable;
 OuiResizable.prototype.destroy = destroyResizable;
 OuiResizable.prototype.reset = resetResizable;
 OuiResizable.prototype.set = setResizable;
@@ -20,7 +24,7 @@ function addResizable(element, options) {
 	if (item == null) {
 		const handle = element.querySelector(RESIZABLE_SELECTOR_HANDLE_SCOPED);
 		if (!isHTMLOrSVGElement(handle)) return;
-		const state = getState(element, handle, options);
+		const state = createState(element, handle, options);
 		item = {
 			instance: new OuiResizable(state),
 			state
@@ -36,7 +40,22 @@ function cancelResize(item) {
 		width: `${item.state.width}px`
 	});
 	resetResizableStyles();
-	dispatch(item.state.element, "oui:resizable:cancel");
+	const detail = {
+		height: item.state.height,
+		width: item.state.width
+	};
+	const cancel = new OuiResizableEvent(RESIZABLE_EVENT_CANCEL, { detail });
+	item.state.options.onCancel(item.state.element, detail, cancel);
+	dispatch(item.state.element, cancel);
+}
+function configureResizable(options) {
+	const state = this[RESIZABLE_SYMBOL];
+	const keys = Object.keys(options);
+	for (const key of keys) {
+		const value = options[key];
+		if (typeof value === typeof state.options[key]) state.options[key] = value;
+	}
+	this.set();
 }
 /**
 * Creates _(or retrieves)_ a _OuiResizable_ instance for an element
@@ -46,9 +65,25 @@ 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 createState(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 destroyResizable() {
 	const state = this[RESIZABLE_SYMBOL];
 	state.element = void 0;
@@ -57,24 +92,34 @@ function destroyResizable() {
 	state.styles = void 0;
 }
 function getAndSetDimensions(element, options, input) {
+	const { maximumHeight, maximumWidth, minimumHeight, minimumWidth } = options;
 	let { height, width } = input ?? element.getBoundingClientRect();
-	if (options.maximumWidth > -1 && width > options.maximumWidth) width = options.maximumWidth;
-	else if (options.minimumWidth > -1 && width < options.minimumWidth) width = options.minimumWidth;
-	if (options.maximumHeight > -1 && height > options.maximumHeight) height = options.maximumHeight;
-	else if (options.minimumHeight > -1 && height < options.minimumHeight) height = options.minimumHeight;
+	if (maximumWidth > -1 && width > maximumWidth) width = maximumWidth;
+	else if (minimumWidth > -1 && width < minimumWidth) width = minimumWidth;
+	if (maximumHeight > -1 && height > maximumHeight) height = maximumHeight;
+	else if (minimumHeight > -1 && height < minimumHeight) height = minimumHeight;
 	if (element.checkVisibility()) setStyles(element, {
 		height: `${height}px`,
 		width: `${width}px`
 	});
 	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]];
 }
+function getResizable(element) {
+	return resizableItems.get(element)?.instance;
+}
 function getRestrictions(maximum, minimum) {
-	const [maximumWidth, maximumHeight] = getXAndY.apply(null, typeof maximum === "string" ? [maximum] : maximum);
-	const [minimumWidth, minimumHeight] = getXAndY.apply(null, typeof minimum === "string" ? [minimum] : minimum);
+	const [maximumWidth, maximumHeight] = getXAndY(maximum);
+	const [minimumWidth, minimumHeight] = getXAndY(minimum);
 	if (maximumWidth > -1 && minimumWidth > -1 && maximumWidth <= minimumWidth) throw new Error(RESIZABLE_MESSAGE_WIDTH);
 	if (maximumHeight > -1 && minimumHeight > -1 && maximumHeight <= minimumHeight) throw new Error(RESIZABLE_MESSAGE_HEIGHT);
 	return {
@@ -84,25 +129,25 @@ function getRestrictions(maximum, minimum) {
 		minimumWidth
 	};
 }
-function getState(element, handle, input) {
-	setAttribute(element, RESIZABLE_ATTRIBUTE, "");
-	const options = getValidOptions(element, input);
-	const [width, height] = getAndSetDimensions(element, options);
-	return {
-		element,
-		handle,
-		height,
-		options,
-		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]) };
+	const [stepWidth, stepHeight] = getXAndY(input == null ? getAttribute(element, RESIZABLE_ATTRIBUTE_STEP) : [original.stepWidth, original.stepHeight]);
+	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]),
+		onBegin: typeof original.onBegin === "function" ? original.onBegin : noop,
+		onCancel: typeof original.onCancel === "function" ? original.onCancel : noop,
+		onEnd: typeof original.onEnd === "function" ? original.onEnd : noop,
+		onResize: typeof original.onResize === "function" ? original.onResize : noop,
+		stepHeight,
+		stepWidth
+	};
 }
-function getXAndY(first, second) {
-	const [x, y] = typeof first === "string" && second == null ? first.split(",") : [first, second];
+function getXAndY(value) {
+	let first;
+	let second;
+	if (Array.isArray(value)) [first, second] = value;
+	else first = value;
+	const [x, y] = typeof first === "string" && second == null ? splitXAndY(first) : [first, second];
 	let xAsNumber = typeof x === "string" ? Number.parseFloat(x) : getNumber(x);
 	let yAsNumber = typeof y === "string" ? Number.parseFloat(y) : getNumber(y);
 	if (Number.isNaN(xAsNumber) || xAsNumber <= 0) xAsNumber = -1;
@@ -113,15 +158,27 @@ function onKeydown(event) {
 	if (current != null && event.key === "Escape") cancelResize(current);
 }
 function onPointerdown(event) {
-	if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
+	if (ignoreEvent(event, supportsTouch.value)) 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;
 	if (supportsTouch.value) event.preventDefault();
-	if (dispatch(element, "oui:resizable:begin").defaultPrevented) return;
+	const detail = {
+		height: stored.state.height,
+		width: stored.state.width
+	};
+	const begin = new OuiResizableEvent(RESIZABLE_EVENT_BEGIN, { detail });
+	stored.state.options.onBegin(stored.state.element, detail, begin);
+	dispatch(element, begin);
+	if (begin.defaultPrevented) return;
+	event.stopPropagation();
 	current = stored;
+	last = {
+		height: stored.state.height,
+		width: stored.state.width
+	};
 	start = position;
 	current.state.styles.set();
 	styleToggler.set();
@@ -130,19 +187,41 @@ 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, {
+	const { stepHeight, stepWidth } = current.state.options;
+	let deltaX = current.state.horizontal ? x - (start?.x ?? 0) : 0;
+	let deltaY = current.state.vertical ? y - (start?.y ?? 0) : 0;
+	if (stepWidth > -1) deltaX = round(deltaX / stepWidth) * stepWidth;
+	if (stepHeight > -1) deltaY = round(deltaY / stepHeight) * stepHeight;
+	let width = current.state.width + deltaX;
+	let height = current.state.height + deltaY;
+	[width, height] = getAndSetDimensions(current.state.element, current.state.options, {
 		height,
 		width
 	});
-	if (dispatch(current.state.element, "oui:resizable:resize", { detail: {
+	if (last?.height === height && last?.width === width) return;
+	last = {
+		height,
+		width
+	};
+	const detail = {
 		height,
 		width
-	} }).defaultPrevented) cancelResize(current);
+	};
+	const resize = new OuiResizableEvent(RESIZABLE_EVENT_RESIZE, { detail });
+	current.state.options.onResize(current.state.element, detail, resize);
+	dispatch(current.state.element, resize);
+	if (resize.defaultPrevented) cancelResize(current);
 }
 function onPointerup() {
-	if (current == null || dispatch(current.state.element, "oui:resizable:end").defaultPrevented) {
+	if (current == null) return;
+	const detail = {
+		height: last?.height ?? current.state.height,
+		width: last?.width ?? current.state.width
+	};
+	const end = new OuiResizableEvent(RESIZABLE_EVENT_END, { detail });
+	current.state.options.onEnd(current.state.element, detail, end);
+	dispatch(current.state.element, end);
+	if (end.defaultPrevented) {
 		cancelResize(current);
 		return;
 	}
@@ -165,6 +244,7 @@ function resetResizableStyles() {
 	current?.state.styles.remove();
 	styleToggler.remove();
 	current = void 0;
+	last = void 0;
 	start = void 0;
 }
 function setResizable() {
@@ -173,8 +253,13 @@ function setResizable() {
 	state.width = width;
 	state.height = height;
 }
+function splitXAndY(value) {
+	const parts = value.split(",");
+	return [parts[0], parts.length > 1 ? parts[1] : parts[0]];
+}
 const styleToggler = toggleStyles(document.body, resizableStyles);
 let current;
+let last;
 let start;
 on(document, "keydown", onKeydown);
 on(document, "mousedown", onPointerdown);
@@ -183,5 +268,4 @@ on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
 attributable(RESIZABLE_ATTRIBUTE, addResizable, removeResizable);
-//#endregion
-export { createResizable };
+export { createResizable, getResizable };

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 { C as RESIZABLE_SELECTOR_HANDLE, D as resizableItems, E as resizableHorizontals, O as resizableStyles, S as RESIZABLE_SELECTOR, T as RESIZABLE_SYMBOL, _ as RESIZABLE_EVENT_RESIZE, a as OuiResizableEventDetail, b as RESIZABLE_MESSAGE_HEIGHT, c as RESIZABLE_ATTRIBUTE, d as RESIZABLE_ATTRIBUTE_MAXIMUM, f as RESIZABLE_ATTRIBUTE_MINIMUM, g as RESIZABLE_EVENT_END, h as RESIZABLE_EVENT_CANCEL, i as OuiResizableEvent, k as resizableVerticals, l as RESIZABLE_ATTRIBUTE_DIRECTION, m as RESIZABLE_EVENT_BEGIN, n as OuiResizable, o as OuiResizableItem, p as RESIZABLE_ATTRIBUTE_STEP, r as OuiResizableDirection, s as OuiResizableState, t as CreateOuiResizableOptions, u as RESIZABLE_ATTRIBUTE_HANDLE, v as RESIZABLE_MESSAGE_ELEMENT, w as RESIZABLE_SELECTOR_HANDLE_SCOPED, x as RESIZABLE_MESSAGE_WIDTH, y as RESIZABLE_MESSAGE_HANDLE } from "../resizable.model-BOufXDXx.mjs";
+export { CreateOuiResizableOptions, OuiResizable, OuiResizableDirection, OuiResizableEvent, OuiResizableEventDetail, OuiResizableItem, OuiResizableState, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, 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,8 +1,15 @@
-//#region src/js/resizable/resizable.model.ts
+// src/js/resizable/resizable.model.ts
+var OuiResizableEvent = class extends CustomEvent {};
 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`;
+const RESIZABLE_ATTRIBUTE_STEP = `${RESIZABLE_ATTRIBUTE}-step`;
+const RESIZABLE_EVENT_BEGIN = `${RESIZABLE_ATTRIBUTE}:begin`;
+const RESIZABLE_EVENT_CANCEL = `${RESIZABLE_ATTRIBUTE}:cancel`;
+const RESIZABLE_EVENT_RESIZE = `${RESIZABLE_ATTRIBUTE}:resize`;
+const RESIZABLE_EVENT_END = `${RESIZABLE_ATTRIBUTE}:end`;
 const RESIZABLE_MESSAGE_ELEMENT = "The element must be an instance of HTMLElement or SVGElement";
 const RESIZABLE_MESSAGE_HEIGHT = "The maximum height must be greater than the minimum height";
 const RESIZABLE_MESSAGE_HANDLE = `The element must contain a child with the attribute "${RESIZABLE_ATTRIBUTE_HANDLE}"`;
@@ -11,11 +18,12 @@ 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"
 };
-//#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 };
+const resizableVerticals = /* @__PURE__ */ new Set(["vertical", "y"]);
+export { OuiResizableEvent, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, 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";
-export { type CreateOuiResizableOptions, type OuiResizable, createResizable as createOuiResizable };
+import { t as createResizable } from "../resizable.embedded-DQclAEP-.mjs";
+import { i as OuiResizableEvent, n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-BOufXDXx.mjs";
+export { type CreateOuiResizableOptions, type OuiResizable, OuiResizableEvent, createResizable as createOuiResizable };

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

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

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

@@ -1,5 +1,4 @@
-import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-YEtcC9li.mjs";
-//#region src/js/resizable/resizable.embedded.d.ts
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-BOufXDXx.mjs";
 /**
  * Creates _(or retrieves)_ a _OuiResizable_ instance for an element
  *
@@ -7,5 +6,5 @@ import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.m
  * @returns _OuiResizable_ instance
  */
 declare function createResizable(element: Element, options?: CreateOuiResizableOptions): OuiResizable;
-//#endregion
-export { createResizable as t };
+declare function getResizable(element: HTMLElement): OuiResizable | undefined;
+export { getResizable as n, createResizable as t };

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

@@ -0,0 +1,67 @@
+import { StyleToggler } from "@oscarpalmer/toretto/style";
+type CreateOuiResizableOptions = {
+  maximumHeight?: number;
+  maximumWidth?: number;
+  minimumHeight?: number;
+  minimumWidth?: number;
+  onBegin?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onCancel?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onEnd?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onResize?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  stepHeight?: number;
+  stepWidth?: number;
+};
+type OuiResizable = {
+  [RESIZABLE_SYMBOL]: OuiResizableState;
+  configure(options: CreateOuiResizableOptions): void;
+  destroy(): void;
+  reset(): void;
+  set(): void;
+};
+declare class OuiResizableEvent extends CustomEvent<OuiResizableEventDetail> {}
+type OuiResizableEventDetail = {
+  height: number;
+  width: number;
+};
+type OuiResizableDirection = "horizontal" | "vertical" | "x" | "y";
+type OuiResizableItem = {
+  instance: OuiResizable;
+  state: OuiResizableState;
+};
+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;
+declare const RESIZABLE_ATTRIBUTE_STEP: string;
+declare const RESIZABLE_EVENT_BEGIN: string;
+declare const RESIZABLE_EVENT_CANCEL: string;
+declare const RESIZABLE_EVENT_RESIZE: string;
+declare const RESIZABLE_EVENT_END: string;
+declare const RESIZABLE_MESSAGE_ELEMENT = "The element must be an instance of HTMLElement or SVGElement";
+declare const RESIZABLE_MESSAGE_HEIGHT = "The maximum height must be greater than the minimum height";
+declare const RESIZABLE_MESSAGE_HANDLE: string;
+declare const RESIZABLE_MESSAGE_WIDTH = "The maximum width must be greater than the minimum width";
+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>;
+export { RESIZABLE_SELECTOR_HANDLE as C, resizableItems as D, resizableHorizontals as E, resizableStyles as O, RESIZABLE_SELECTOR as S, RESIZABLE_SYMBOL as T, RESIZABLE_EVENT_RESIZE as _, OuiResizableEventDetail as a, RESIZABLE_MESSAGE_HEIGHT as b, RESIZABLE_ATTRIBUTE as c, RESIZABLE_ATTRIBUTE_MAXIMUM as d, RESIZABLE_ATTRIBUTE_MINIMUM as f, RESIZABLE_EVENT_END as g, RESIZABLE_EVENT_CANCEL as h, OuiResizableEvent as i, resizableVerticals as k, RESIZABLE_ATTRIBUTE_DIRECTION as l, RESIZABLE_EVENT_BEGIN as m, OuiResizable as n, OuiResizableItem as o, RESIZABLE_ATTRIBUTE_STEP as p, OuiResizableDirection as r, OuiResizableState as s, CreateOuiResizableOptions as t, RESIZABLE_ATTRIBUTE_HANDLE as u, RESIZABLE_MESSAGE_ELEMENT as v, RESIZABLE_SELECTOR_HANDLE_SCOPED as w, RESIZABLE_MESSAGE_WIDTH as x, RESIZABLE_MESSAGE_HANDLE as y };

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

@@ -1,2 +1,2 @@
-import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
+import { t as createSortable } from "../sortable.embedded-B5LPz-c_.mjs";
 export { createSortable };

package/dist/js/sortable/sortable.embedded.mjs

@@ -1,14 +1,14 @@
 import { attributable } from "../internal/attributable.mjs";
 import { DRAGGABLE_SYMBOL, draggableGlobals } from "../internal/draggable/draggable.model.mjs";
 import { addDraggable, destroyDraggable, getDraggableElement, getDraggableStates, initializeDraggable, removeDraggable } from "../internal/draggable/index.mjs";
-import { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR_ITEM, sortablePlaceholder } from "./sortable.model.mjs";
+import { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR_ITEM, sortablePlaceholder } from "./sortable.model.mjs";
 import { getAttribute, setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition } from "@oscarpalmer/toretto/event";
 import { findAncestor, getElementFromPosition } from "@oscarpalmer/toretto/find";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyle } from "@oscarpalmer/toretto/style";
 import { createElement } from "@oscarpalmer/toretto/create";
-//#region src/js/sortable/sortable.embedded.ts
+// src/js/sortable/sortable.embedded.ts
 function OuiSortable(element, options) {
 	this[DRAGGABLE_SYMBOL] = initializeDraggable(this, "sortable", "sort", SORTABLE_ATTRIBUTE, element, {
 		container: {
@@ -147,9 +147,9 @@ function onEnd(event, item, reset) {
 		bubbles: false,
 		cancelable: true
 	};
-	const dispatchedFrom = dispatch(item.instance.element, "sortable:end", options);
+	const dispatchedFrom = dispatch(item.instance.element, SORTABLE_EVENT_END, options);
 	let dispatchedTo;
-	if (item.instance !== instance && instance != null) dispatchedTo = dispatch(instance.element, "sortable:end", options);
+	if (item.instance !== instance && instance != null) dispatchedTo = dispatch(instance.element, SORTABLE_EVENT_END, options);
 	setTimeout(() => {
 		afterEnd(insert, item, [dispatchedFrom, dispatchedTo], {
 			origin,
@@ -210,7 +210,7 @@ function setPlaceholder(item, origin) {
 	const element = getDragPlaceholder();
 	if (sortablePlaceholder.drag.default != null) sortablePlaceholder.drag.default.innerHTML = "";
 	updatePlaceholder(item, element);
-	const dispatched = dispatch(item.instance.element, "sortable:placeholder", { detail: {
+	const dispatched = dispatch(item.instance.element, SORTABLE_EVENT_PLACEHOLDER, { detail: {
 		origin,
 		parent: item.instance.element,
 		placeholder: element,
@@ -257,5 +257,4 @@ const bound = {
 const addSortable = addDraggable.bind(bound);
 const removeSortable = removeDraggable.bind(bound);
 attributable(SORTABLE_ATTRIBUTE, addSortable, removeSortable);
-//#endregion
 export { createSortable };

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

@@ -1,2 +1,2 @@
-import { $ as OuiSortable, _t as sortablePlaceholder, at as SORTABLE_ATTRIBUTE_CONNECTIONS, ct as SORTABLE_ATTRIBUTE_HORIZONTAL, dt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, et as OuiSortablePlaceholder, ft as SORTABLE_ATTRIBUTE_VERTICAL, gt as SORTABLE_SELECTOR_ITEM, ht as SORTABLE_SELECTOR, it as SORTABLE_ATTRIBUTE_ACTIVE, lt as SORTABLE_ATTRIBUTE_ORIGIN, mt as SORTABLE_MESSAGE, nt as OuiSortableState, ot as SORTABLE_ATTRIBUTE_CONTAINER, pt as SORTABLE_CONTAINERS, rt as SORTABLE_ATTRIBUTE, st as SORTABLE_ATTRIBUTE_DIRECTION, tt as OuiSortablePlaceholderDrag, ut as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG } from "../movable.model-D9nnPWKk.mjs";
-export { OuiSortable, OuiSortablePlaceholder, OuiSortablePlaceholderDrag, OuiSortableState, SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };
+import { St as sortablePlaceholder, _t as SORTABLE_EVENT_END, at as OuiSortableState, bt as SORTABLE_SELECTOR, ct as SORTABLE_ATTRIBUTE_CONNECTIONS, dt as SORTABLE_ATTRIBUTE_HORIZONTAL, ft as SORTABLE_ATTRIBUTE_ORIGIN, gt as SORTABLE_CONTAINERS, ht as SORTABLE_ATTRIBUTE_VERTICAL, it as OuiSortablePlaceholderDrag, lt as SORTABLE_ATTRIBUTE_CONTAINER, mt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, nt as OuiSortable, ot as SORTABLE_ATTRIBUTE, pt as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, rt as OuiSortablePlaceholder, st as SORTABLE_ATTRIBUTE_ACTIVE, ut as SORTABLE_ATTRIBUTE_DIRECTION, vt as SORTABLE_EVENT_PLACEHOLDER, xt as SORTABLE_SELECTOR_ITEM, yt as SORTABLE_MESSAGE } from "../movable.model-CQ3AbTrq.mjs";
+export { OuiSortable, OuiSortablePlaceholder, OuiSortablePlaceholderDrag, OuiSortableState, SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };

package/dist/js/sortable/sortable.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/sortable/sortable.model.ts
+// src/js/sortable/sortable.model.ts
 const SORTABLE_ATTRIBUTE = "oui-sortable";
 const SORTABLE_ATTRIBUTE_ACTIVE = `${SORTABLE_ATTRIBUTE}-active`;
 const SORTABLE_ATTRIBUTE_CONNECTIONS = `${SORTABLE_ATTRIBUTE}-connections`;
@@ -10,6 +10,8 @@ const SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG = `${SORTABLE_ATTRIBUTE}-placeholder-d
 const SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION = `${SORTABLE_ATTRIBUTE}-placeholder-position`;
 const SORTABLE_ATTRIBUTE_VERTICAL = `${SORTABLE_ATTRIBUTE}-vertical`;
 const SORTABLE_CONTAINERS = /* @__PURE__ */ new Map();
+const SORTABLE_EVENT_END = `${SORTABLE_ATTRIBUTE}:end`;
+const SORTABLE_EVENT_PLACEHOLDER = `${SORTABLE_ATTRIBUTE}:placeholder`;
 const SORTABLE_MESSAGE = "The element must be an instance of HTMLElement or SVGElement";
 const SORTABLE_SELECTOR = `[${SORTABLE_ATTRIBUTE}]`;
 const SORTABLE_SELECTOR_ITEM = `[${SORTABLE_ATTRIBUTE}] > *`;
@@ -20,5 +22,4 @@ const sortablePlaceholder = {
 	},
 	position: void 0
 };
-//#endregion
-export { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };
+export { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };

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

@@ -1,3 +1,3 @@
-import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "../movable.model-D9nnPWKk.mjs";
-import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
+import { m as CreateOuiDraggableOptions, nt as OuiSortable } from "../movable.model-CQ3AbTrq.mjs";
+import { t as createSortable } from "../sortable.embedded-B5LPz-c_.mjs";
 export { type CreateOuiDraggableOptions as CreateOuiSortableOptions, type OuiSortable, createSortable };

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/{sortable.embedded-CrEGff9k.d.mts → sortable.embedded-B5LPz-c_.d.mts}

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