@oscarpalmer/oui 0.42.0 → 0.43.0

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();
@@ -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.42.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.220",
-		"@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.106",
+		"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"
+	}
 }