@imfusion/web-ui 0.11.1-dev.42.ge966e634 → 0.11.1-dev.45.gf7b49f57

package/dist/{tabs-D5DTlk0d.js → tabs-CLeLjFNy.js}

@@ -13,16 +13,16 @@ var g = {
 	icon: "imf-ui-kbd-module-icon",
 	primary: "imf-ui-kbd-module-primary",
 	root: "imf-ui-kbd-module-root"
-}, ne = o(g.root, { variants: { variant: {
+}, _ = o(g.root, { variants: { variant: {
 	default: null,
 	primary: g.primary,
 	flat: g.flat
 } } });
-function _({ variant: e = "default", icon: t = !1, children: n, ...a }) {
+function v({ variant: e = "default", icon: t = !1, children: n, ...a }) {
 	return /* @__PURE__ */ l("kbd", {
 		...a,
 		"data-imf-ui-component": "Kbd",
-		className: ne({
+		className: _({
 			variant: e,
 			className: a.className
 		}),
@@ -36,14 +36,14 @@ function _({ variant: e = "default", icon: t = !1, children: n, ...a }) {
 }
 //#endregion
 //#region src/components/kbd/kbd.meta.ts
-var v = {
+var y = {
 	name: "Kbd",
 	category: a.display,
 	status: "experimental",
 	description: "Shows a keyboard key or shortcut, such as the letter that activates a button. Also called a key hint; Button and Toggle render it through their `shortcut` prop.",
 	origin: "native",
 	internalDependencies: ["Icon"]
-}, re = {
+}, ne = {
 	ctrl: "Control",
 	control: "Control",
 	cmd: "Meta",
@@ -58,95 +58,159 @@ var v = {
 	esc: "Escape",
 	escape: "Escape"
 };
-function y(e) {
+function b(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
-	if (t.length !== 0) return t.map((e) => re[e.toLowerCase()] ?? (e.length === 1 ? e.toUpperCase() : e)).join("+");
+	if (t.length !== 0) return t.map((e) => ne[e.toLowerCase()] ?? (e.length === 1 ? e.toUpperCase() : e)).join("+");
 }
 //#endregion
 //#region src/components/toggle-group/toggle-group-size.ts
-var b = d("md"), x = {
+var x = d("md"), S = {
 	root: "imf-ui-toggle-module-root",
 	shortcut: "imf-ui-toggle-module-shortcut",
 	sizeSm: "imf-ui-toggle-module-sizeSm"
-}, ie = o(x.root, { variants: { size: {
-	sm: x.sizeSm,
+}, re = o(S.root, { variants: { size: {
+	sm: S.sizeSm,
 	md: null
-} } }), S = 2;
-function ae(e) {
+} } }), C = 2;
+function ie(e) {
 	let t = 0;
 	return u.forEach(e, (e) => {
-		typeof e == "string" || typeof e == "number" ? t += String(e).trim().length : e != null && typeof e != "boolean" && (t += S);
+		typeof e == "string" || typeof e == "number" ? t += String(e).trim().length : e != null && typeof e != "boolean" && (t += C);
 	}), t;
 }
-function C({ style: n, shortcut: r, size: i, children: a, ...o }) {
-	let s = p(b), u = {
-		"--glyph-count": ae(a),
-		"--max-glyphs": S
+function w({ style: n, shortcut: r, size: i, children: a, ...o }) {
+	let s = p(x), u = {
+		"--glyph-count": ie(a),
+		"--max-glyphs": C
 	};
 	return /* @__PURE__ */ l(ee, {
-		"aria-keyshortcuts": r ? y(r) : void 0,
+		"aria-keyshortcuts": r ? b(r) : void 0,
 		...o,
 		"data-imf-ui-component": "Toggle",
 		style: (e) => ({
 			...u,
 			...t(n, e)
 		}),
-		className: (t) => ie({
+		className: (t) => re({
 			size: i ?? s,
 			className: e(o.className, t)
 		}),
-		children: [a, r && /* @__PURE__ */ c(_, {
+		children: [a, r && /* @__PURE__ */ c(v, {
 			variant: "flat",
-			className: x.shortcut,
+			className: S.shortcut,
 			"aria-hidden": !0,
 			children: r
 		})]
 	});
 }
-var w = {
+var T = {
 	root: "imf-ui-toggle-group-module-root",
 	sizeSm: "imf-ui-toggle-group-module-sizeSm"
-}, T = o(w.root, { variants: { size: {
-	sm: w.sizeSm,
+}, E = o(T.root, { variants: { size: {
+	sm: T.sizeSm,
 	md: null
 } } });
-function E({ size: t = "md", ...n }) {
-	return /* @__PURE__ */ c(b.Provider, {
+function D({ size: t = "md", ...n }) {
+	return /* @__PURE__ */ c(x.Provider, {
 		value: t ?? "md",
 		children: /* @__PURE__ */ c(te, {
 			...n,
 			"data-imf-ui-component": "ToggleGroup",
-			className: (r) => T({
+			className: (r) => E({
 				size: t,
 				className: e(n.className, r)
 			})
 		})
 	});
 }
-var D = {
+var O = {
+	alignCenter: "imf-ui-stack-module-alignCenter",
+	alignEnd: "imf-ui-stack-module-alignEnd",
+	alignStart: "imf-ui-stack-module-alignStart",
+	alignStretch: "imf-ui-stack-module-alignStretch",
+	gap0: "imf-ui-stack-module-gap0",
+	gap1: "imf-ui-stack-module-gap1",
+	gap10: "imf-ui-stack-module-gap10",
+	gap2: "imf-ui-stack-module-gap2",
+	gap3: "imf-ui-stack-module-gap3",
+	gap4: "imf-ui-stack-module-gap4",
+	gap5: "imf-ui-stack-module-gap5",
+	gap6: "imf-ui-stack-module-gap6",
+	gap7: "imf-ui-stack-module-gap7",
+	gap8: "imf-ui-stack-module-gap8",
+	gap9: "imf-ui-stack-module-gap9",
+	justifyAround: "imf-ui-stack-module-justifyAround",
+	justifyBetween: "imf-ui-stack-module-justifyBetween",
+	justifyCenter: "imf-ui-stack-module-justifyCenter",
+	justifyEnd: "imf-ui-stack-module-justifyEnd",
+	justifyEvenly: "imf-ui-stack-module-justifyEvenly",
+	justifyStart: "imf-ui-stack-module-justifyStart",
+	root: "imf-ui-stack-module-root"
+}, k = o(O.root, { variants: {
+	gap: {
+		0: O.gap0,
+		1: O.gap1,
+		2: O.gap2,
+		3: O.gap3,
+		4: O.gap4,
+		5: O.gap5,
+		6: O.gap6,
+		7: O.gap7,
+		8: O.gap8,
+		9: O.gap9,
+		10: O.gap10
+	},
+	align: {
+		start: O.alignStart,
+		center: O.alignCenter,
+		end: O.alignEnd,
+		stretch: O.alignStretch
+	},
+	justify: {
+		start: O.justifyStart,
+		center: O.justifyCenter,
+		end: O.justifyEnd,
+		between: O.justifyBetween,
+		around: O.justifyAround,
+		evenly: O.justifyEvenly
+	}
+} });
+function ae({ gap: e = "4", align: t = "stretch", justify: n = "start", ...r }) {
+	return /* @__PURE__ */ c("div", {
+		...r,
+		"data-imf-ui-component": "Stack",
+		className: k({
+			gap: e,
+			align: t,
+			justify: n,
+			className: r.className
+		})
+	});
+}
+var A = {
 	root: "imf-ui-switch-module-root",
 	thumb: "imf-ui-switch-module-thumb"
 }, oe = /* @__PURE__ */ n({
-	Root: () => O,
-	Thumb: () => k
-}), se = o(D.root), ce = o(D.thumb);
-function O(t) {
+	Root: () => j,
+	Thumb: () => M
+}), se = o(A.root), ce = o(A.thumb);
+function j(t) {
 	return /* @__PURE__ */ c(m.Root, {
 		...t,
 		"data-imf-ui-component": "Switch.Root",
 		className: (n) => se({ className: e(t.className, n) })
 	});
 }
-O.displayName = "Switch.Root";
-function k(t) {
+j.displayName = "Switch.Root";
+function M(t) {
 	return /* @__PURE__ */ c(m.Thumb, {
 		...t,
 		"data-imf-ui-component": "Switch.Thumb",
 		className: (n) => ce({ className: e(t.className, n) })
 	});
 }
-k.displayName = "Switch.Thumb";
-var A = {
+M.displayName = "Switch.Thumb";
+var N = {
 	alignCenter: "imf-ui-row-module-alignCenter",
 	alignEnd: "imf-ui-row-module-alignEnd",
 	alignStart: "imf-ui-row-module-alignStart",
@@ -169,77 +233,8 @@ var A = {
 	justifyStart: "imf-ui-row-module-justifyStart",
 	root: "imf-ui-row-module-root",
 	wrap: "imf-ui-row-module-wrap"
-}, j = o(A.root, { variants: {
-	gap: {
-		1: A.gap1,
-		2: A.gap2,
-		3: A.gap3,
-		4: A.gap4,
-		5: A.gap5,
-		6: A.gap6,
-		7: A.gap7,
-		8: A.gap8,
-		9: A.gap9,
-		10: A.gap10
-	},
-	align: {
-		start: A.alignStart,
-		center: A.alignCenter,
-		end: A.alignEnd,
-		stretch: A.alignStretch
-	},
-	justify: {
-		start: A.justifyStart,
-		center: A.justifyCenter,
-		end: A.justifyEnd,
-		between: A.justifyBetween,
-		around: A.justifyAround,
-		evenly: A.justifyEvenly
-	},
-	wrap: {
-		true: A.wrap,
-		false: null
-	}
-} });
-function M({ gap: e = "2", align: t = "stretch", justify: n = "start", wrap: r = !1, ...i }) {
-	return /* @__PURE__ */ c("div", {
-		...i,
-		"data-imf-ui-component": "Row",
-		className: j({
-			gap: e,
-			align: t,
-			justify: n,
-			wrap: r,
-			className: i.className
-		})
-	});
-}
-var N = {
-	alignCenter: "imf-ui-stack-module-alignCenter",
-	alignEnd: "imf-ui-stack-module-alignEnd",
-	alignStart: "imf-ui-stack-module-alignStart",
-	alignStretch: "imf-ui-stack-module-alignStretch",
-	gap0: "imf-ui-stack-module-gap0",
-	gap1: "imf-ui-stack-module-gap1",
-	gap10: "imf-ui-stack-module-gap10",
-	gap2: "imf-ui-stack-module-gap2",
-	gap3: "imf-ui-stack-module-gap3",
-	gap4: "imf-ui-stack-module-gap4",
-	gap5: "imf-ui-stack-module-gap5",
-	gap6: "imf-ui-stack-module-gap6",
-	gap7: "imf-ui-stack-module-gap7",
-	gap8: "imf-ui-stack-module-gap8",
-	gap9: "imf-ui-stack-module-gap9",
-	justifyAround: "imf-ui-stack-module-justifyAround",
-	justifyBetween: "imf-ui-stack-module-justifyBetween",
-	justifyCenter: "imf-ui-stack-module-justifyCenter",
-	justifyEnd: "imf-ui-stack-module-justifyEnd",
-	justifyEvenly: "imf-ui-stack-module-justifyEvenly",
-	justifyStart: "imf-ui-stack-module-justifyStart",
-	root: "imf-ui-stack-module-root"
 }, P = o(N.root, { variants: {
 	gap: {
-		0: N.gap0,
 		1: N.gap1,
 		2: N.gap2,
 		3: N.gap3,
@@ -264,17 +259,22 @@ var N = {
 		between: N.justifyBetween,
 		around: N.justifyAround,
 		evenly: N.justifyEvenly
+	},
+	wrap: {
+		true: N.wrap,
+		false: null
 	}
 } });
-function F({ gap: e = "4", align: t = "stretch", justify: n = "start", ...r }) {
+function F({ gap: e = "2", align: t = "stretch", justify: n = "start", wrap: r = !1, ...i }) {
 	return /* @__PURE__ */ c("div", {
-		...r,
-		"data-imf-ui-component": "Stack",
+		...i,
+		"data-imf-ui-component": "Row",
 		className: P({
 			gap: e,
 			align: t,
 			justify: n,
-			className: r.className
+			wrap: r,
+			className: i.className
 		})
 	});
 }
@@ -316,17 +316,17 @@ var I = {
 } } }), W = o(null, { variants: { appearance: {
 	boxed: z.indicator,
 	underline: z.indicatorUnderline
-} } }), le = o(z.panelViewport, { variants: { appearance: {
+} } }), G = o(z.panelViewport, { variants: { appearance: {
 	boxed: null,
 	underline: z.panelViewportUnderline
-} } }), ue = o(z.panel, { variants: { appearance: {
+} } }), le = o(z.panel, { variants: { appearance: {
 	boxed: null,
 	underline: z.panelUnderline
-} } }), G = d("boxed");
-function K(e, t) {
+} } }), K = d("boxed");
+function q(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function q(e) {
+function ue(e) {
 	let t = new ResizeObserver(() => {
 		let t = e.dataset.orientation === "vertical" ? e.scrollHeight > e.clientHeight : e.scrollWidth > e.clientWidth;
 		e.toggleAttribute("data-overflowing", t);
@@ -340,7 +340,7 @@ function q(e) {
 }
 function J({ appearance: t = "boxed", ...n }) {
 	let r = n.orientation === "vertical" ? "boxed" : t;
-	return /* @__PURE__ */ c(G, {
+	return /* @__PURE__ */ c(K, {
 		value: r,
 		children: /* @__PURE__ */ c(h.Root, {
 			...n,
@@ -351,12 +351,12 @@ function J({ appearance: t = "boxed", ...n }) {
 }
 J.displayName = "Tabs.Root";
 function Y({ fill: t = !1, ref: n, ...r }) {
-	let i = p(G), a = f((e) => {
+	let i = p(K), a = f((e) => {
 		if (!e) return;
-		K(n, e);
-		let t = q(e);
+		q(n, e);
+		let t = ue(e);
 		return () => {
-			t(), K(n, null);
+			t(), q(n, null);
 		};
 	}, [n]);
 	return /* @__PURE__ */ c(h.List, {
@@ -372,7 +372,7 @@ function Y({ fill: t = !1, ref: n, ...r }) {
 }
 Y.displayName = "Tabs.List";
 function X(t) {
-	let n = p(G);
+	let n = p(K);
 	return /* @__PURE__ */ c(h.Tab, {
 		...t,
 		"data-imf-ui-component": "Tabs.Tab",
@@ -384,7 +384,7 @@ function X(t) {
 }
 X.displayName = "Tabs.Tab";
 function Z(t) {
-	let n = p(G);
+	let n = p(K);
 	return /* @__PURE__ */ c(h.Indicator, {
 		...t,
 		"data-imf-ui-component": "Tabs.Indicator",
@@ -396,11 +396,11 @@ function Z(t) {
 }
 Z.displayName = "Tabs.Indicator";
 function Q(e) {
-	let t = p(G);
+	let t = p(K);
 	return /* @__PURE__ */ c("div", {
 		...e,
 		"data-imf-ui-component": "Tabs.PanelViewport",
-		className: le({
+		className: G({
 			appearance: t,
 			className: e.className
 		})
@@ -408,11 +408,11 @@ function Q(e) {
 }
 Q.displayName = "Tabs.PanelViewport";
 function $(t) {
-	let n = p(G);
+	let n = p(K);
 	return /* @__PURE__ */ c(h.Panel, {
 		...t,
 		"data-imf-ui-component": "Tabs.Panel",
-		className: (r) => ue({
+		className: (r) => le({
 			appearance: n,
 			className: e(t.className, r)
 		})
@@ -420,4 +420,4 @@ function $(t) {
 }
 $.displayName = "Tabs.Panel";
 //#endregion
-export { y as _, J as a, R as c, M as d, O as f, C as g, E as h, Q as i, L as l, oe as m, Y as n, X as o, k as p, $ as r, B as s, Z as t, F as u, v, _ as y };
+export { b as _, J as a, R as c, j as d, M as f, w as g, D as h, Q as i, L as l, ae as m, Y as n, X as o, oe as p, $ as r, B as s, Z as t, F as u, y as v, v as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.1-dev.42.ge966e634",
+  "version": "0.11.1-dev.45.gf7b49f57",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",