@imfusion/web-ui 0.9.1-dev.9.gdfff1530 → 0.10.1-dev.11.g9f5bc06e

package/dist/{tabs-DRyqtS04.js → tabs-Do0BFL12.js}

@@ -1,7 +1,6 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { mh as t, pM as n } from "./icons-BsK_o-Cb.js";
-import { t as r } from "./meta-V_KyLeGn.js";
-import { l as i, u as a } from "./slider-Cqpreglu.js";
+import { n as e, r as t, t as n } from "./resolve-state-props-DQf9WiGv.js";
+import { mh as r, pM as i } from "./icons-BsK_o-Cb.js";
+import { t as a } from "./meta-V_KyLeGn.js";
 import { cva as o } from "class-variance-authority";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Children as l, useCallback as u } from "react";
@@ -19,7 +18,7 @@ var h = {
 	primary: h.primary,
 	flat: h.flat
 } } });
-function _({ variant: e = "default", icon: r = !1, children: i, ...a }) {
+function _({ variant: e = "default", icon: t = !1, children: n, ...a }) {
 	return /* @__PURE__ */ c("kbd", {
 		...a,
 		"data-imf-ui-component": "Kbd",
@@ -27,19 +26,19 @@ function _({ variant: e = "default", icon: r = !1, children: i, ...a }) {
 			variant: e,
 			className: a.className
 		}),
-		children: [r && /* @__PURE__ */ s(n, {
-			glyph: t,
+		children: [t && /* @__PURE__ */ s(i, {
+			glyph: r,
 			strokeWidth: 2,
 			"aria-hidden": !0,
 			className: h.icon
-		}), i]
+		}), n]
 	});
 }
 //#endregion
 //#region src/components/kbd/kbd.meta.ts
 var ee = {
 	name: "Kbd",
-	category: r.display,
+	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",
@@ -66,7 +65,7 @@ function y(e) {
 var b = {
 	root: "imf-ui-switch-module-root",
 	thumb: "imf-ui-switch-module-thumb"
-}, x = /* @__PURE__ */ e({
+}, x = /* @__PURE__ */ t({
 	Root: () => w,
 	Thumb: () => T
 }), S = o(b.root), C = o(b.thumb);
@@ -74,7 +73,7 @@ function w(e) {
 	return /* @__PURE__ */ s(d.Root, {
 		...e,
 		"data-imf-ui-component": "Switch.Root",
-		className: (t) => S({ className: i(e.className, t) })
+		className: (t) => S({ className: n(e.className, t) })
 	});
 }
 w.displayName = "Switch.Root";
@@ -82,7 +81,7 @@ function T(e) {
 	return /* @__PURE__ */ s(d.Thumb, {
 		...e,
 		"data-imf-ui-component": "Switch.Thumb",
-		className: (t) => C({ className: i(e.className, t) })
+		className: (t) => C({ className: n(e.className, t) })
 	});
 }
 T.displayName = "Switch.Thumb";
@@ -96,25 +95,25 @@ function O(e) {
 		typeof e == "string" || typeof e == "number" ? t += String(e).trim().length : e != null && typeof e != "boolean" && (t += D);
 	}), t;
 }
-function k({ style: e, shortcut: t, children: n, ...r }) {
+function k({ style: t, shortcut: r, children: i, ...a }) {
 	let o = {
-		"--glyph-count": O(n),
+		"--glyph-count": O(i),
 		"--max-glyphs": D
 	};
 	return /* @__PURE__ */ c(f, {
-		"aria-keyshortcuts": t ? y(t) : void 0,
-		...r,
+		"aria-keyshortcuts": r ? y(r) : void 0,
+		...a,
 		"data-imf-ui-component": "Toggle",
-		style: (t) => ({
+		style: (n) => ({
 			...o,
-			...a(e, t)
+			...e(t, n)
 		}),
-		className: (e) => te({ className: i(r.className, e) }),
-		children: [n, t && /* @__PURE__ */ s(_, {
+		className: (e) => te({ className: n(a.className, e) }),
+		children: [i, r && /* @__PURE__ */ s(_, {
 			variant: "flat",
 			className: E.shortcut,
 			"aria-hidden": !0,
-			children: t
+			children: r
 		})]
 	});
 }
@@ -125,7 +124,7 @@ function j(e) {
 	return /* @__PURE__ */ s(p, {
 		...e,
 		"data-imf-ui-component": "ToggleGroup",
-		className: (t) => A({ className: i(e.className, t) })
+		className: (t) => A({ className: n(e.className, t) })
 	});
 }
 var M = {
@@ -268,7 +267,7 @@ var R = {
 	panelViewport: "imf-ui-tabs-module-panelViewport",
 	root: "imf-ui-tabs-module-root",
 	tab: "imf-ui-tabs-module-tab"
-}, z = /* @__PURE__ */ e({
+}, z = /* @__PURE__ */ t({
 	Indicator: () => Z,
 	List: () => Y,
 	Panel: () => $,
@@ -298,12 +297,12 @@ function J(e) {
 	return /* @__PURE__ */ s(m.Root, {
 		...e,
 		"data-imf-ui-component": "Tabs.Root",
-		className: (t) => V({ className: i(e.className, t) })
+		className: (t) => V({ className: n(e.className, t) })
 	});
 }
 J.displayName = "Tabs.Root";
-function Y({ fill: e = !1, ref: t, ...n }) {
-	let r = u((e) => {
+function Y({ fill: e = !1, ref: t, ...r }) {
+	let i = u((e) => {
 		if (!e) return;
 		K(t, e);
 		let n = q(e);
@@ -312,12 +311,12 @@ function Y({ fill: e = !1, ref: t, ...n }) {
 		};
 	}, [t]);
 	return /* @__PURE__ */ s(m.List, {
-		...n,
-		ref: r,
+		...r,
+		ref: i,
 		"data-imf-ui-component": "Tabs.List",
 		className: (t) => B({
 			fill: e,
-			className: i(n.className, t)
+			className: n(r.className, t)
 		})
 	});
 }
@@ -326,7 +325,7 @@ function X(e) {
 	return /* @__PURE__ */ s(m.Tab, {
 		...e,
 		"data-imf-ui-component": "Tabs.Tab",
-		className: (t) => H({ className: i(e.className, t) })
+		className: (t) => H({ className: n(e.className, t) })
 	});
 }
 X.displayName = "Tabs.Tab";
@@ -334,7 +333,7 @@ function Z(e) {
 	return /* @__PURE__ */ s(m.Indicator, {
 		...e,
 		"data-imf-ui-component": "Tabs.Indicator",
-		className: (t) => U({ className: i(e.className, t) })
+		className: (t) => U({ className: n(e.className, t) })
 	});
 }
 Z.displayName = "Tabs.Indicator";
@@ -350,7 +349,7 @@ function $(e) {
 	return /* @__PURE__ */ s(m.Panel, {
 		...e,
 		"data-imf-ui-component": "Tabs.Panel",
-		className: (t) => G({ className: i(e.className, t) })
+		className: (t) => G({ className: n(e.className, t) })
 	});
 }
 $.displayName = "Tabs.Panel";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.9.1-dev.9.gdfff1530",
+  "version": "0.10.1-dev.11.g9f5bc06e",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",