@oscarpalmer/oui 0.38.0 → 0.40.0

package/dist/js/{popover.mjs → popover/index.mjs}

@@ -1,45 +1,29 @@
-import { createEmbeddedFloatable, getOnBeforeToggleListener } from "./floatable/floatable.embedded.mjs";
-import { attributable } from "./internal/attributable.mjs";
-import { createFocusTrap } from "./focus-trap/focus-trap.embedded.mjs";
+import "../floatable/floatable.model.mjs";
+import { createEmbeddedFloatable, getOnBeforeToggleListener } from "../floatable/floatable.embedded.mjs";
+import { attributable } from "../internal/attributable.mjs";
+import { createFocusTrap } from "../focus-trap/focus-trap.embedded.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.ts
-var OuiPopover = class {
-	#state;
-	/**
-	* Is the popover open?
-	*/
-	get open() {
-		return this.#state.content.checkVisibility();
-	}
-	set open(value) {
-		if (value === true) this.show();
-		else if (value === false) this.hide();
-	}
-	constructor(state) {
-		this.#state = state;
-		initialize(state);
-		this.#state.floatable.update();
-	}
-	/**
-	* Closes the popover
-	*/
-	hide() {
-		this.#state.floatable.hide();
-	}
-	/**
-	* Opens the popover
-	*/
-	show() {
-		this.#state.floatable.show();
-	}
-};
+//#region src/js/popover/index.ts
+function OuiPopover(state) {
+	this[POPOVER_SYMBOL] = state;
+	initialize(state);
+	this[POPOVER_SYMBOL].floatable.update();
+}
+OuiPopover.prototype.hide = hidePopover;
+OuiPopover.prototype.show = showPopover;
+Object.defineProperties(OuiPopover.prototype, { open: {
+	enumerable: true,
+	get: getOpen,
+	set: setOpen
+} });
 function addPopover(element) {
-	if (states.has(element) || element.hasAttribute("oui-floatable")) return;
+	if (popovers.has(element) || element.hasAttribute("oui-floatable")) return;
 	const anchor = element.ownerDocument.querySelector(`[popovertarget="${element.id}"]`);
-	if (isHTMLOrSVGElement(anchor)) states.set(element, getState(anchor, element));
+	if (isHTMLOrSVGElement(anchor)) popovers.set(element, getState(anchor, element));
 }
 function destroyPopover(state) {
 	state.floatable.destroy();
@@ -60,6 +44,9 @@ function getId(element, value) {
 	}
 	return id;
 }
+function getOpen() {
+	return this[POPOVER_SYMBOL].content.checkVisibility();
+}
 /**
 * Get the _OuiPopover_ for an element
 *
@@ -67,13 +54,13 @@ function getId(element, value) {
 * @returns _OuiPopover_ instance
 */
 function getPopover(element) {
-	return states.get(element)?.popover;
+	return popovers.get(element)?.popover;
 }
 function getState(anchor, content) {
 	const state = {
 		anchor,
 		content,
-		floatable: createEmbeddedFloatable(anchor, content, options),
+		floatable: createEmbeddedFloatable(anchor, content, popoverFloatableOptions),
 		focusTrap: getAria(content, "modal") === true ? createFocusTrap(content, { noescape: true }) : void 0,
 		listeners: [getOnBeforeToggleListener(content), on(content, "toggle", (event) => {
 			const expanded = event.newState === "open";
@@ -83,13 +70,16 @@ function getState(anchor, content) {
 				content.focus();
 			} else if (!ignoreFocus) anchor?.focus();
 			setAria(anchor, "expanded", expanded);
-			setAttribute(content, ATTRIBUTE_OPEN, expanded ? "" : void 0);
+			setAttribute(content, POPOVER_ATTRIBUTE_OPEN, expanded ? "" : void 0);
 		})],
 		popover: void 0
 	};
 	state.popover = new OuiPopover(state);
 	return state;
 }
+function hidePopover() {
+	this[POPOVER_SYMBOL].floatable.hide();
+}
 function initialize(state) {
 	const id = getId(state.content);
 	setAria(state.anchor, {
@@ -102,22 +92,22 @@ function onPointerdown() {
 	ignoreFocus = true;
 }
 function removePopover(element) {
-	const state = states.get(element);
+	const state = popovers.get(element);
 	if (state == null) return;
 	destroyPopover(state);
-	states.delete(element);
+	popovers.delete(element);
+}
+function setOpen(value) {
+	const { floatable } = this[POPOVER_SYMBOL];
+	if (value === true) floatable.show();
+	else if (value === false) floatable.hide();
+}
+function showPopover() {
+	this[POPOVER_SYMBOL].floatable.show();
 }
-const ATTRIBUTE = "oui-popover";
-const ATTRIBUTE_OPEN = `${ATTRIBUTE}-open`;
-const options = {
-	attribute: `${ATTRIBUTE}-position`,
-	position: "below-start",
-	reusable: false
-};
-const states = /* @__PURE__ */ new WeakMap();
 let ignoreFocus = false;
 let index = 0;
 on(document, "pointerdown", onPointerdown, { capture: true });
-attributable(ATTRIBUTE, addPopover, removePopover);
+attributable(POPOVER_ATTRIBUTE, addPopover, removePopover);
 //#endregion
 export { getPopover };

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

@@ -0,0 +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-ubKNG612.mjs";
+export { OuiPopover, OuiPopoverState, POPOVER_ATTRIBUTE, POPOVER_ATTRIBUTE_OPEN, POPOVER_SYMBOL, popoverFloatableOptions, popovers };

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

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

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

@@ -0,0 +1,38 @@
+import { c as OuiFloatable, l as OuiFloatableOptions } from "./floatable.model-DXsQgoU7.mjs";
+import { c as OuiFocusTrap } from "./focus-trap.model-BeX6UYlw.mjs";
+import { RemovableEventListener } from "@oscarpalmer/toretto/models";
+//#region src/js/popover/popover.model.d.ts
+type OuiPopover = {
+  [POPOVER_SYMBOL]: OuiPopoverState;
+  /**
+   * Is the popover open?
+   */
+  get open(): boolean;
+  /**
+   * Open or close the popover
+   */
+  set open(value: boolean);
+  /**
+   * Closes the popover
+   */
+  hide(): void;
+  /**
+   * Opens the popover
+   */
+  show(): void;
+};
+type OuiPopoverState = {
+  anchor: HTMLElement;
+  content: HTMLElement;
+  floatable: OuiFloatable;
+  focusTrap?: OuiFocusTrap;
+  listeners: RemovableEventListener[];
+  popover: OuiPopover;
+};
+declare const POPOVER_ATTRIBUTE = "oui-popover";
+declare const POPOVER_ATTRIBUTE_OPEN: string;
+declare const POPOVER_SYMBOL: unique symbol;
+declare const popoverFloatableOptions: OuiFloatableOptions;
+declare const popovers: WeakMap<HTMLElement, 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 { a as createResizable, i as RESIZABLE_ATTRIBUTE_HANDLE, n as OuiResizable, r as RESIZABLE_ATTRIBUTE, t as CreateOuiResizableOptions } from "../resizable.embedded-3qoR0Bjm.mjs";
-export { CreateOuiResizableOptions, OuiResizable, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_HANDLE, createResizable };
+import { t as createResizable } from "../resizable.embedded-Bf1qBUdt.mjs";
+export { createResizable };

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

@@ -1,44 +1,31 @@
 import { attributable } from "../internal/attributable.mjs";
-import { getNumber } from "@oscarpalmer/atoms/number";
+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 { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
-import { setStyles, toggleStyles } from "@oscarpalmer/toretto/style";
-import supportsTouch from "@oscarpalmer/toretto/touch";
 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 { supportsTouch } from "@oscarpalmer/toretto/touch";
 //#region src/js/resizable/resizable.embedded.ts
-var OuiResizable = class {
-	#state;
-	constructor(state) {
-		this.#state = state;
-	}
-	destroy() {
-		destroyResizable(this.#state);
-	}
-	set() {
-		const [width, height] = getAndSetDimensions(this.#state.element, this.#state.options);
-		this.#state.width = width;
-		this.#state.height = height;
-	}
-	reset() {
-		setStyles(this.#state.element, {
-			height: "",
-			width: ""
-		});
-	}
-};
+function OuiResizable(state) {
+	this[RESIZABLE_SYMBOL] = state;
+}
+OuiResizable.prototype.destroy = destroyResizable;
+OuiResizable.prototype.reset = resetResizable;
+OuiResizable.prototype.set = setResizable;
 function addResizable(element, options) {
-	let item = items.get(element);
+	let item = resizableItems.get(element);
 	if (item == null) {
-		const handle = element.querySelector(SELECTOR_HANDLE_SCOPED);
+		const handle = element.querySelector(RESIZABLE_SELECTOR_HANDLE_SCOPED);
 		if (!isHTMLOrSVGElement(handle)) return;
 		const state = getState(element, handle, options);
 		item = {
 			instance: new OuiResizable(state),
 			state
 		};
-		items.set(element, item);
+		resizableItems.set(element, item);
 	}
 	return item?.instance;
 }
@@ -48,7 +35,7 @@ function cancelResize(item) {
 		height: `${item.state.height}px`,
 		width: `${item.state.width}px`
 	});
-	resetResizable();
+	resetResizableStyles();
 	dispatch(item.state.element, "oui:resizable:cancel");
 }
 /**
@@ -58,13 +45,16 @@ function cancelResize(item) {
 * @returns _OuiResizable_ instance
 */
 function createResizable(element, options) {
-	if (!isHTMLOrSVGElement(element)) throw new TypeError(MESSAGE_ELEMENT);
-	if (!isHTMLOrSVGElement(element.querySelector(SELECTOR_HANDLE_SCOPED))) throw new Error(MESSAGE_HANDLE);
+	if (!isHTMLOrSVGElement(element)) throw new TypeError(RESIZABLE_MESSAGE_ELEMENT);
+	if (!isHTMLOrSVGElement(element.querySelector(RESIZABLE_SELECTOR_HANDLE_SCOPED))) throw new Error(RESIZABLE_MESSAGE_HANDLE);
 	return addResizable(element, options ?? {});
 }
-function destroyResizable(state) {
+function destroyResizable() {
+	const state = this[RESIZABLE_SYMBOL];
 	state.element = void 0;
 	state.handle = void 0;
+	state.options = void 0;
+	state.styles = void 0;
 }
 function getAndSetDimensions(element, options, input) {
 	let { height, width } = input ?? element.getBoundingClientRect();
@@ -85,8 +75,8 @@ function getProperties(element, widthProperty, heightProperty) {
 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);
-	if (maximumWidth > -1 && minimumWidth > -1 && maximumWidth <= minimumWidth) throw new Error(MESSAGE_WIDTH);
-	if (maximumHeight > -1 && minimumHeight > -1 && maximumHeight <= minimumHeight) throw new Error(MESSAGE_HEIGHT);
+	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 {
 		maximumHeight,
 		maximumWidth,
@@ -104,12 +94,12 @@ function getState(element, handle, input) {
 		height,
 		options,
 		width,
-		styles: toggleStyles(element, styles)
+		styles: toggleStyles(element, resizableStyles)
 	};
 }
 function getValidOptions(element, input) {
 	const original = isPlainObject(input) ? input : {};
-	return { ...getRestrictions(input == null ? getAttribute(element, ATTRIBUTE_MAXIMUM) ?? getProperties(element, "maxWidth", "maxHeight") : [original.maximumWidth, original.maximumHeight], input == null ? getAttribute(element, ATTRIBUTE_MINIMUM) ?? getProperties(element, "minWidth", "minHeight") : [original.minimumWidth, original.minimumHeight]) };
+	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]) };
 }
 function getXAndY(first, second) {
 	const [x, y] = typeof first === "string" && second == null ? first.split(",") : [first, second];
@@ -124,9 +114,9 @@ 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, SELECTOR_HANDLE);
-	const element = handle && findAncestor(handle, SELECTOR);
-	const stored = element && items.get(element);
+	const handle = findAncestor(event, RESIZABLE_SELECTOR_HANDLE);
+	const element = handle && findAncestor(handle, RESIZABLE_SELECTOR);
+	const stored = element && resizableItems.get(element);
 	const position = getEventPosition(event);
 	if (stored == null || position == null) return;
 	if (supportsTouch.value) event.preventDefault();
@@ -159,36 +149,31 @@ function onPointerup() {
 	const { height, width } = current.state.element.getBoundingClientRect();
 	current.state.height = height;
 	current.state.width = width;
-	resetResizable();
+	resetResizableStyles();
 }
 function removeResizable(element) {
-	items.get(element)?.instance.destroy();
-	items.delete(element);
+	resizableItems.get(element)?.instance.destroy();
+	resizableItems.delete(element);
 }
 function resetResizable() {
+	setStyles(this[RESIZABLE_SYMBOL].element, {
+		height: "",
+		width: ""
+	});
+}
+function resetResizableStyles() {
 	current?.state.styles.remove();
 	styleToggler.remove();
 	current = void 0;
 	start = void 0;
 }
-const RESIZABLE_ATTRIBUTE = "oui-resizable";
-const RESIZABLE_ATTRIBUTE_HANDLE = `${RESIZABLE_ATTRIBUTE}-handle`;
-const ATTRIBUTE_MAXIMUM = `${RESIZABLE_ATTRIBUTE}-maximum`;
-const ATTRIBUTE_MINIMUM = `${RESIZABLE_ATTRIBUTE}-minimum`;
-const MESSAGE_ELEMENT = "The element must be an instance of HTMLElement or SVGElement";
-const MESSAGE_HEIGHT = "The maximum height must be greater than the minimum height";
-const MESSAGE_HANDLE = `The element must contain a child with the attribute "${RESIZABLE_ATTRIBUTE_HANDLE}"`;
-const MESSAGE_WIDTH = "The maximum width must be greater than the minimum width";
-const SELECTOR = `[${RESIZABLE_ATTRIBUTE}]`;
-const SELECTOR_HANDLE = `[${RESIZABLE_ATTRIBUTE_HANDLE}]`;
-const SELECTOR_HANDLE_SCOPED = `:scope > ${SELECTOR_HANDLE}`;
-const items = /* @__PURE__ */ new WeakMap();
-const styles = {
-	touchAction: "none",
-	userSelect: "none",
-	webkitUserSelect: "none"
-};
-const styleToggler = toggleStyles(document.body, styles);
+function setResizable() {
+	const state = this[RESIZABLE_SYMBOL];
+	const [width, height] = getAndSetDimensions(state.element, state.options);
+	state.width = width;
+	state.height = height;
+}
+const styleToggler = toggleStyles(document.body, resizableStyles);
 let current;
 let start;
 on(document, "keydown", onKeydown);
@@ -199,4 +184,4 @@ on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
 attributable(RESIZABLE_ATTRIBUTE, addResizable, removeResizable);
 //#endregion
-export { OuiResizable, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_HANDLE, createResizable };
+export { createResizable };

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

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

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

@@ -0,0 +1,21 @@
+//#region src/js/resizable/resizable.model.ts
+const RESIZABLE_ATTRIBUTE = "oui-resizable";
+const RESIZABLE_ATTRIBUTE_HANDLE = `${RESIZABLE_ATTRIBUTE}-handle`;
+const RESIZABLE_ATTRIBUTE_MAXIMUM = `${RESIZABLE_ATTRIBUTE}-maximum`;
+const RESIZABLE_ATTRIBUTE_MINIMUM = `${RESIZABLE_ATTRIBUTE}-minimum`;
+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}"`;
+const RESIZABLE_MESSAGE_WIDTH = "The maximum width must be greater than the minimum width";
+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 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 };

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

@@ -1,2 +1,3 @@
-import { a as createResizable, n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.embedded-3qoR0Bjm.mjs";
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-BwzJcTVJ.mjs";
+import { t as createResizable } from "../resizable.embedded-Bf1qBUdt.mjs";
 export { type CreateOuiResizableOptions, type OuiResizable, createResizable as createOuiResizable };

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

@@ -0,0 +1,11 @@
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-BwzJcTVJ.mjs";
+//#region src/js/resizable/resizable.embedded.d.ts
+/**
+ * Creates _(or retrieves)_ a _OuiResizable_ instance for an element
+ *
+ * @param element Element to make resizable
+ * @returns _OuiResizable_ instance
+ */
+declare function createResizable(element: HTMLElement, options?: CreateOuiResizableOptions): OuiResizable;
+//#endregion
+export { createResizable as t };

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

@@ -0,0 +1,46 @@
+import { StyleToggler } from "@oscarpalmer/toretto/style";
+//#region src/js/resizable/resizable.model.d.ts
+type CreateOuiResizableOptions = {
+  maximumHeight?: number;
+  maximumWidth?: number;
+  minimumHeight?: number;
+  minimumWidth?: number;
+};
+type OuiResizable = {
+  [RESIZABLE_SYMBOL]: OuiResizableState;
+  destroy(): void;
+  reset(): void;
+  set(): void;
+};
+type OuiResizableItem = {
+  instance: OuiResizable;
+  state: OuiResizableState;
+};
+type OuiResizableState = {
+  element: HTMLElement;
+  handle: HTMLElement;
+  height: number;
+  options: Required<CreateOuiResizableOptions>;
+  styles: StyleToggler;
+  width: number;
+};
+declare const RESIZABLE_ATTRIBUTE = "oui-resizable";
+declare const RESIZABLE_ATTRIBUTE_HANDLE: string;
+declare const RESIZABLE_ATTRIBUTE_MAXIMUM: string;
+declare const RESIZABLE_ATTRIBUTE_MINIMUM: 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 resizableItems: WeakMap<HTMLElement, OuiResizableItem>;
+declare const resizableStyles: {
+  touchAction: string;
+  userSelect: string;
+  webkitUserSelect: string;
+};
+//#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 };

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

@@ -1,2 +1,2 @@
-import { d as OuiSortable, f as createSortable } from "../draggable-a6w0J1OD.mjs";
-export { OuiSortable, createSortable };
+import { t as createSortable } from "../sortable.embedded-DzBKAwSG.mjs";
+export { createSortable };