@oscarpalmer/oui 0.41.0 → 0.43.0

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

@@ -1,5 +1,4 @@
-import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-C24W6eZ7.mjs";
-//#region src/js/splitter/index.d.ts
+import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-DQDbIe4P.mjs";
 declare global {
   interface HTMLElementTagNameMap {
     [SPLITTER_TAGNAME]: OuiSplitterElement;
@@ -46,5 +45,4 @@ export declare class OuiSplitterElement extends HTMLElement {
   connectedCallback(): void;
   disconnectedCallback(): void;
   attributeChangedCallback(name: string): void;
-}
-//#endregion
+}

package/dist/js/splitter/index.mjs

@@ -1,3 +1,4 @@
+import { ignoreEvent } from "../internal/misc.mjs";
 import { SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, splitterStyling } from "./splitter.model.mjs";
 import { setAria } from "@oscarpalmer/toretto/aria";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
@@ -8,9 +9,9 @@ import { setStyle } from "@oscarpalmer/toretto/style";
 import { filter } from "@oscarpalmer/atoms/array/filter";
 import { clamp } from "@oscarpalmer/atoms/number";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-import { createElement } from "@oscarpalmer/toretto/create";
 import { round } from "@oscarpalmer/atoms/math";
-//#region src/js/splitter/index.ts
+import { createElement } from "@oscarpalmer/toretto/create";
+// src/js/splitter/index.ts
 function OuiSplitter(element, panels) {
 	this.element = element;
 	this.panels = panels;
@@ -204,7 +205,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);
@@ -214,7 +215,7 @@ function onObservation(entries) {
 	});
 }
 function onPointerdown(event) {
-	if (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart") return;
+	if (ignoreEvent(event, supportsTouch.value)) return;
 	const handle = findAncestor(event, SPLITTER_SELECTOR_HANDLE);
 	if (handle == null) return;
 	splitter = findAncestor(handle, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL];
@@ -280,5 +281,4 @@ on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
 customElements.define(SPLITTER_TAGNAME, OuiSplitterElement);
-//#endregion
 export { OuiSplitterElement };

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

@@ -1,2 +1,2 @@
-import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-C24W6eZ7.mjs";
+import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-DQDbIe4P.mjs";
 export { GenericOuiSplitterElement, OuiSplitter, OuiSplitterTypes, OuiSplitterValues, OuiSplitterValuesNow, SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_MAX, SPLITTER_ATTRIBUTE_MIN, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_CONNECT, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MAXIMUM_TOTAL, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, SPLITTER_VALUE_DECIMALS, splitterStyling };

package/dist/js/splitter/splitter.model.mjs

@@ -1,5 +1,5 @@
 import { toggleStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/splitter/splitter.model.ts
+// src/js/splitter/splitter.model.ts
 const SPLITTER_TAGNAME = "oui-splitter";
 const SPLITTER_ATTRIBUTE_ACTIVE = `${SPLITTER_TAGNAME}-active`;
 const SPLITTER_ATTRIBUTE_HANDLE = `${SPLITTER_TAGNAME}-handle`;
@@ -33,5 +33,4 @@ const splitterStyling = toggleStyles(document.body, {
 	userSelect: "none",
 	webkitUserSelect: "none"
 });
-//#endregion
 export { SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_MAX, SPLITTER_ATTRIBUTE_MIN, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_CONNECT, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MAXIMUM_TOTAL, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, SPLITTER_VALUE_DECIMALS, splitterStyling };

package/dist/js/{splitter.model-C24W6eZ7.d.mts → splitter.model-DQDbIe4P.d.mts}

@@ -1,5 +1,4 @@
 import { StyleToggler } from "@oscarpalmer/toretto/style";
-//#region src/js/splitter/splitter.model.d.ts
 type GenericOuiSplitterElement = {
   [SPLITTER_SYMBOL]: OuiSplitter;
 } & HTMLElement;
@@ -53,5 +52,4 @@ declare const SPLITTER_SELECTOR_HANDLE: string;
 declare const SPLITTER_SYMBOL: unique symbol;
 declare const SPLITTER_VALUE_DECIMALS = 6;
 declare const splitterStyling: StyleToggler;
-//#endregion
 export { splitterStyling as A, SPLITTER_NAVIGATION_MAXIMUM_TOTAL as C, SPLITTER_SYMBOL as D, SPLITTER_SELECTOR_HANDLE as E, SPLITTER_TAGNAME as O, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE as S, SPLITTER_NAVIGATION_MODIFIER as T, SPLITTER_KEYS_NEGATIVE as _, OuiSplitterValuesNow as a, SPLITTER_METHODS_CONNECT as b, SPLITTER_ATTRIBUTE_HORIZONTAL as c, SPLITTER_ATTRIBUTE_SEPARATOR as d, SPLITTER_ATTRIBUTE_SIZE as f, SPLITTER_KEYS_HORIZONTAL as g, SPLITTER_KEYS_ALL as h, OuiSplitterValues as i, SPLITTER_VALUE_DECIMALS as k, SPLITTER_ATTRIBUTE_MAX as l, SPLITTER_KEYS_ABSOLUTE as m, OuiSplitter as n, SPLITTER_ATTRIBUTE_ACTIVE as o, SPLITTER_ATTRIBUTE_TYPE as p, OuiSplitterTypes as r, SPLITTER_ATTRIBUTE_HANDLE as s, GenericOuiSplitterElement as t, SPLITTER_ATTRIBUTE_MIN as u, SPLITTER_KEYS_VERTICAL as v, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE as w, SPLITTER_METHODS_OBSERVE as x, SPLITTER_MESSAGE as y };

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

@@ -1,5 +1,4 @@
-import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-BHPy7fPo.mjs";
-//#region src/js/tabs/index.d.ts
+import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-CvylbR2o.mjs";
 declare global {
   interface HTMLElementTagNameMap {
     [TAGNAME]: OuiTabsElement;
@@ -9,7 +8,7 @@ export interface OuiTabsElement {
   [TABS_SYMBOL]: OuiTabsState;
 }
 export declare class OuiTabsElement extends HTMLElement {
-  static observedAttributes: string[];
+  static readonly observedAttributes: string[];
   get active(): number;
   set active(value: number);
   get panel(): Element;
@@ -20,5 +19,4 @@ export declare class OuiTabsElement extends HTMLElement {
   disconnectedCallback(): void;
 }
 declare const TAGNAME = "oui-tabs";
-//#endregion
 export { OuiTabsEvent };

package/dist/js/tabs/index.mjs

@@ -1,10 +1,12 @@
-import { NAVIGABLE_SYMBOL } from "../internal/navigable/navigable.model.mjs";
 import { getNavigable, getNavigableOrientation } from "../internal/navigable/index.mjs";
+import { NAVIGABLE_SYMBOL } from "../internal/navigable/navigable.model.mjs";
 import { OuiTabsEvent, TABS_SYMBOL } from "./tabs.model.mjs";
 import { getAria, setAria } from "@oscarpalmer/toretto/aria";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
+import { getNumber } from "@oscarpalmer/atoms/number";
+import { min } from "@oscarpalmer/atoms/math";
 import { createElement } from "@oscarpalmer/toretto/create";
-//#region src/js/tabs/index.ts
+// src/js/tabs/index.ts
 var OuiTabsElement = class extends HTMLElement {
 	static observedAttributes = ["active"];
 	get active() {
@@ -24,9 +26,7 @@ var OuiTabsElement = class extends HTMLElement {
 		this[TABS_SYMBOL] = { component: void 0 };
 	}
 	attributeChangedCallback(name, _, value) {
-		switch (name) {
-			case "active": setActive(this[TABS_SYMBOL], value);
-		}
+		if (name === "active") setActive(this[TABS_SYMBOL], value);
 	}
 	connectedCallback() {
 		const state = this[TABS_SYMBOL];
@@ -133,8 +133,8 @@ function getActive(element, max) {
 	const attribute = getAttribute(element, "active");
 	let index = 0;
 	if (attribute != null) {
-		const value = Number.parseInt(attribute, 10);
-		if (!Number.isNaN(value) && value >= 0) index = value > max ? max : value;
+		const value = getNumber(attribute);
+		if (!Number.isNaN(value) && value >= 0) index = min([value, max]);
 	}
 	return index;
 }
@@ -214,10 +214,10 @@ function setActive(state, value) {
 	const { active, host, navigable, panels } = component;
 	const max = panels.elements.length - 1;
 	let index;
-	if (typeof value === "number" && !Number.isNaN(value) && value >= 0) index = value > max ? max : value;
+	if (typeof value === "number" && !Number.isNaN(value) && value >= 0) index = min([value, max]);
 	else if (typeof value === "string") {
-		const parsed = Number.parseInt(value, 10);
-		if (!Number.isNaN(parsed) && parsed >= 0) index = parsed > max ? max : parsed;
+		const parsed = getNumber(value);
+		if (!Number.isNaN(parsed) && parsed >= 0) index = min([parsed, max]);
 	}
 	if (index == null) setAttribute(host, "active", active);
 	else if (index !== active) {
@@ -233,5 +233,4 @@ const SELECTOR_PANEL = `:scope > [${ATTRIBUTE_PANEL}]`;
 const SELECTOR_TAB = `[${TAGNAME}-tab]`;
 let index = 0;
 customElements.define(TAGNAME, OuiTabsElement);
-//#endregion
 export { OuiTabsElement, OuiTabsEvent };

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

@@ -1,2 +1,2 @@
-import { a as OuiTabsState, c as TABS_SYMBOL, i as OuiTabsPanels, l as TABS_TAGNAME, n as OuiTabsContent, o as OuiTabsStateComponent, r as OuiTabsEvent, s as OuiTabsTabList, t as GenericOuiTabsElement } from "../tabs.model-BHPy7fPo.mjs";
+import { a as OuiTabsState, c as TABS_SYMBOL, i as OuiTabsPanels, l as TABS_TAGNAME, n as OuiTabsContent, o as OuiTabsStateComponent, r as OuiTabsEvent, s as OuiTabsTabList, t as GenericOuiTabsElement } from "../tabs.model-CvylbR2o.mjs";
 export { GenericOuiTabsElement, OuiTabsContent, OuiTabsEvent, OuiTabsPanels, OuiTabsState, OuiTabsStateComponent, OuiTabsTabList, TABS_SYMBOL, TABS_TAGNAME };

package/dist/js/tabs/tabs.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/tabs/tabs.model.ts
+// src/js/tabs/tabs.model.ts
 var OuiTabsEvent = class extends Event {
 	oldIndex;
 	newIndex;
@@ -14,5 +14,4 @@ var OuiTabsEvent = class extends Event {
 };
 const TABS_TAGNAME = "oui-tabs";
 const TABS_SYMBOL = Symbol(TABS_TAGNAME);
-//#endregion
 export { OuiTabsEvent, TABS_SYMBOL, TABS_TAGNAME };

package/dist/js/{tabs.model-BHPy7fPo.d.mts → tabs.model-CvylbR2o.d.mts}

@@ -1,5 +1,4 @@
-import { d as OuiNavigable, h as OuiNavigableOrientation } from "./navigable.model-BqoR6iBv.mjs";
-//#region src/js/tabs/tabs.model.d.ts
+import { d as OuiNavigable, h as OuiNavigableOrientation } from "./navigable.model-CrzJqKE7.mjs";
 type GenericOuiTabsElement = {
   [TABS_SYMBOL]: OuiTabsState;
 } & HTMLElement;
@@ -36,5 +35,4 @@ type OuiTabsTabList = {
 };
 declare const TABS_TAGNAME = "oui-tabs";
 declare const TABS_SYMBOL: unique symbol;
-//#endregion
 export { OuiTabsState as a, TABS_SYMBOL as c, OuiTabsPanels as i, TABS_TAGNAME as l, OuiTabsContent as n, OuiTabsStateComponent as o, OuiTabsEvent as r, OuiTabsTabList as s, GenericOuiTabsElement as t };

package/dist/js/toolbar/index.mjs

@@ -1,7 +1,7 @@
 import { attributable } from "../internal/attributable.mjs";
 import { getNavigable, updateNavigableFocus } from "../internal/navigable/index.mjs";
 import { TOOLBAR_ATTRIBUTE, TOOLBAR_SELECTOR, TOOLBAR_SYMBOL, toolbars } from "./toolbar.model.mjs";
-//#region src/js/toolbar/index.ts
+// src/js/toolbar/index.ts
 function OuiToolbar(navigable) {
 	this[TOOLBAR_SYMBOL] = navigable;
 	updateNavigableFocus(navigable, false);
@@ -23,5 +23,4 @@ function removeToolbar(element) {
 	toolbars.delete(element);
 }
 attributable(TOOLBAR_ATTRIBUTE, addToolbar, removeToolbar);
-//#endregion
 export {};

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

@@ -1,5 +1,4 @@
-import { d as OuiNavigable } from "../navigable.model-BqoR6iBv.mjs";
-//#region src/js/toolbar/toolbar.model.d.ts
+import { d as OuiNavigable } from "../navigable.model-CrzJqKE7.mjs";
 export type OuiToolbar = {
   [TOOLBAR_SYMBOL]: OuiNavigable;
   destroy(): void;
@@ -7,5 +6,4 @@ export type OuiToolbar = {
 export declare const TOOLBAR_ATTRIBUTE = "oui-toolbar";
 export declare const TOOLBAR_SYMBOL: unique symbol;
 export declare const TOOLBAR_SELECTOR: string;
-export declare const toolbars: WeakMap<Element, OuiToolbar>;
-//#endregion
+export declare const toolbars: WeakMap<Element, OuiToolbar>;

package/dist/js/toolbar/toolbar.model.mjs

@@ -1,7 +1,6 @@
-//#region src/js/toolbar/toolbar.model.ts
+// src/js/toolbar/toolbar.model.ts
 const TOOLBAR_ATTRIBUTE = "oui-toolbar";
 const TOOLBAR_SYMBOL = Symbol(TOOLBAR_ATTRIBUTE);
 const TOOLBAR_SELECTOR = `[${TOOLBAR_ATTRIBUTE}-item]`;
 const toolbars = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { TOOLBAR_ATTRIBUTE, TOOLBAR_SELECTOR, TOOLBAR_SYMBOL, toolbars };

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

@@ -1,5 +1,4 @@
-import { n as OuiTooltipState, t as OuiTooltip } from "../tooltip.model-BpNStw5z.mjs";
-//#region src/js/tooltip/index.d.ts
+import { n as OuiTooltipState, t as OuiTooltip } from "../tooltip.model-BI3UK-VU.mjs";
 declare function OuiTooltip(this: OuiTooltip, state: OuiTooltipState): void;
 /**
  * Get the _OuiTooltip_ for an element
@@ -15,5 +14,4 @@ export declare function getTooltip(element: Element): OuiTooltip | undefined;
  * @param value Delay in milliseconds
  */
 export declare function setTooltipDelay(value: number): void;
-//#endregion
 export type { OuiTooltip };

package/dist/js/tooltip/index.mjs

@@ -8,7 +8,7 @@ import { on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
 import { createElement } from "@oscarpalmer/toretto/create";
-//#region src/js/tooltip/index.ts
+// src/js/tooltip/index.ts
 function OuiTooltip(state) {
 	this[TOOLTIP_SYMBOL] = state;
 	state.floatable.update();
@@ -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;
 	});
@@ -175,5 +175,4 @@ on(document, "focusin", onFocusin);
 on(document, "focusout", onFocusout);
 on(document, "pointermove", onPointermove);
 attributable(TOOLTIP_ATTRIBUTE, addTooltip, removeTooltip);
-//#endregion
 export { getTooltip, setTooltipDelay };

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

@@ -1,2 +1,2 @@
-import { a as TOOLTIP_ATTRIBUTE_CONTENT_OPEN, c as TOOLTIP_SYMBOL, i as TOOLTIP_ATTRIBUTE_CONTENT, l as tooltipFloatableOptions, n as OuiTooltipState, o as TOOLTIP_SELECTOR, r as TOOLTIP_ATTRIBUTE, s as TOOLTIP_SELECTOR_CONTENT, t as OuiTooltip, u as tooltips } from "../tooltip.model-BpNStw5z.mjs";
+import { a as TOOLTIP_ATTRIBUTE_CONTENT_OPEN, c as TOOLTIP_SYMBOL, i as TOOLTIP_ATTRIBUTE_CONTENT, l as tooltipFloatableOptions, n as OuiTooltipState, o as TOOLTIP_SELECTOR, r as TOOLTIP_ATTRIBUTE, s as TOOLTIP_SELECTOR_CONTENT, t as OuiTooltip, u as tooltips } from "../tooltip.model-BI3UK-VU.mjs";
 export { OuiTooltip, OuiTooltipState, TOOLTIP_ATTRIBUTE, TOOLTIP_ATTRIBUTE_CONTENT, TOOLTIP_ATTRIBUTE_CONTENT_OPEN, TOOLTIP_SELECTOR, TOOLTIP_SELECTOR_CONTENT, TOOLTIP_SYMBOL, tooltipFloatableOptions, tooltips };

package/dist/js/tooltip/tooltip.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/tooltip/tooltip.model.ts
+// src/js/tooltip/tooltip.model.ts
 const TOOLTIP_ATTRIBUTE = "oui-tooltip";
 const TOOLTIP_ATTRIBUTE_CONTENT = `${TOOLTIP_ATTRIBUTE}-content`;
 const TOOLTIP_ATTRIBUTE_CONTENT_OPEN = `${TOOLTIP_ATTRIBUTE_CONTENT}-open`;
@@ -11,5 +11,4 @@ const tooltipFloatableOptions = {
 	reusable: true
 };
 const tooltips = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { TOOLTIP_ATTRIBUTE, TOOLTIP_ATTRIBUTE_CONTENT, TOOLTIP_ATTRIBUTE_CONTENT_OPEN, TOOLTIP_SELECTOR, TOOLTIP_SELECTOR_CONTENT, TOOLTIP_SYMBOL, tooltipFloatableOptions, tooltips };

package/dist/js/{tooltip.model-BpNStw5z.d.mts → tooltip.model-BI3UK-VU.d.mts}

@@ -1,5 +1,4 @@
-import { c as OuiFloatable, l as OuiFloatableOptions } from "./floatable.model-DXsQgoU7.mjs";
-//#region src/js/tooltip/tooltip.model.d.ts
+import { c as OuiFloatable, l as OuiFloatableOptions } from "./floatable.model-jS5Ui5Av.mjs";
 type OuiTooltip = {
   [TOOLTIP_SYMBOL]: OuiTooltipState;
   /**
@@ -33,5 +32,4 @@ declare const TOOLTIP_SELECTOR_CONTENT: string;
 declare const TOOLTIP_SYMBOL: unique symbol;
 declare const tooltipFloatableOptions: OuiFloatableOptions;
 declare const tooltips: WeakMap<Element, OuiTooltip>;
-//#endregion
 export { TOOLTIP_ATTRIBUTE_CONTENT_OPEN as a, TOOLTIP_SYMBOL as c, TOOLTIP_ATTRIBUTE_CONTENT as i, tooltipFloatableOptions as l, OuiTooltipState as n, TOOLTIP_SELECTOR as o, TOOLTIP_ATTRIBUTE as r, TOOLTIP_SELECTOR_CONTENT as s, OuiTooltip as t, tooltips as u };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oscarpalmer/oui",
-	"version": "0.41.0",
+	"version": "0.43.0",
 	"description": "Styles, components, and utilities for building websites and applications.",
 	"keywords": [
 		"css",
@@ -52,6 +52,10 @@
 			"types": "./dist/js/focus-trap/focus-trap.standalone.d.mts",
 			"default": "./dist/js/focus-trap/focus-trap.standalone.mjs"
 		},
+		"./grid": {
+			"types": "./dist/js/grid/index.d.mts",
+			"default": "./dist/js/grid/index.mjs"
+		},
 		"./l10n": {
 			"types": "./dist/js/l10n/index.d.mts",
 			"default": "./dist/js/l10n/index.mjs"
@@ -109,23 +113,22 @@
 		"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/toretto": "^0.56"
+		"@oscarpalmer/atoms": "^0.223",
+		"@oscarpalmer/toretto": "^0.58"
 	},
 	"devDependencies": {
 		"@vitest/coverage-istanbul": "^5",
 		"autoprefixer": "^10.6",
 		"concurrently": "^10",
-		"jsdom": "^30.1",
+		"jsdom": "^31",
 		"postcss-cli": "^12",
 		"postcss-input-range": "^6",
 		"postcss-scss": "^4",
-		"sass": "^1.105",
+		"sass": "^1.108",
 		"stylelint": "^17.16",
 		"stylelint-config-standard-scss": "^17",
 		"tsdown": "^0.23",
 		"typescript": "^7",
-		"vite-plus": "^1.1"
-	},
-	"packageManager": "npm@11.12.1"
+		"vite-plus": "^1.5"
+	}
 }

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

@@ -1,46 +0,0 @@
-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: Element;
-  handle: Element;
-  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<Element, 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 };