@imfusion/web-ui 0.5.1-dev.52.gcaa229a7 → 0.5.1-dev.56.gcf89961f

package/dist/tabs-CMKvMF4E.js

@@ -0,0 +1,369 @@
+import { t as e } from "./chunk-DmhlhrBa.js";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { Children as r } from "react";
+import { Slider as i } from "@base-ui/react/slider";
+import { Switch as a } from "@base-ui/react/switch";
+import { Toggle as o } from "@base-ui/react/toggle";
+import { ToggleGroup as s } from "@base-ui/react/toggle-group";
+import { Tabs as c } from "@base-ui/react/tabs";
+var l = {
+	control: "imf-ui-slider-module-control",
+	indicator: "imf-ui-slider-module-indicator",
+	label: "imf-ui-slider-module-label",
+	root: "imf-ui-slider-module-root",
+	thumb: "imf-ui-slider-module-thumb",
+	track: "imf-ui-slider-module-track",
+	value: "imf-ui-slider-module-value"
+}, u = /* @__PURE__ */ e({
+	Control: () => x,
+	Indicator: () => C,
+	Label: () => y,
+	Root: () => v,
+	Thumb: () => w,
+	Track: () => S,
+	Value: () => b
+}), d = t(l.root), f = t(l.label), p = t(l.value), m = t(l.control), h = t(l.track), g = t(l.indicator), _ = t(l.thumb);
+function v({ value: e, defaultValue: t, onValueChange: r, onValueCommitted: a, min: o = 0, max: s = 100, step: c = 1, largeStep: l = 10, minStepsBetweenValues: u = 0, disabled: f = !1, orientation: p = "horizontal", name: m, form: h, locale: g, thumbAlignment: _ = "edge", thumbCollisionBehavior: v = "push", format: y, className: b, ...x }) {
+	return /* @__PURE__ */ n(i.Root, {
+		...x,
+		"data-imf-ui-component": "Slider.Root",
+		"data-orientation": p,
+		className: (e) => d({ className: typeof b == "function" ? b(e) : b }),
+		value: e,
+		defaultValue: t,
+		onValueChange: r,
+		onValueCommitted: a,
+		min: o,
+		max: s,
+		step: c,
+		largeStep: l,
+		minStepsBetweenValues: u,
+		disabled: f,
+		orientation: p,
+		name: m,
+		form: h,
+		locale: g,
+		thumbAlignment: _,
+		thumbCollisionBehavior: v,
+		format: y,
+		children: x.children
+	});
+}
+v.displayName = "Slider.Root";
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ n(i.Label, {
+		...t,
+		"data-imf-ui-component": "Slider.Label",
+		className: (t) => f({ className: typeof e == "function" ? e(t) : e }),
+		children: t.children
+	});
+}
+y.displayName = "Slider.Label";
+function b({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ n(i.Value, {
+		...r,
+		"data-imf-ui-component": "Slider.Value",
+		className: (t) => p({ className: typeof e == "function" ? e(t) : e }),
+		children: t
+	});
+}
+b.displayName = "Slider.Value";
+function x({ className: e, ...t }) {
+	return /* @__PURE__ */ n(i.Control, {
+		...t,
+		"data-imf-ui-component": "Slider.Control",
+		className: (t) => m({ className: typeof e == "function" ? e(t) : e }),
+		children: t.children
+	});
+}
+x.displayName = "Slider.Control";
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ n(i.Track, {
+		...t,
+		"data-imf-ui-component": "Slider.Track",
+		className: (t) => h({ className: typeof e == "function" ? e(t) : e }),
+		children: t.children
+	});
+}
+S.displayName = "Slider.Track";
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ n(i.Indicator, {
+		...t,
+		"data-imf-ui-component": "Slider.Indicator",
+		className: (t) => g({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+C.displayName = "Slider.Indicator";
+function w({ index: e, className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Thumb, {
+		...r,
+		"data-imf-ui-component": "Slider.Thumb",
+		className: (e) => _({ className: typeof t == "function" ? t(e) : t }),
+		index: e
+	});
+}
+w.displayName = "Slider.Thumb";
+var T = {
+	root: "imf-ui-switch-module-root",
+	thumb: "imf-ui-switch-module-thumb"
+}, E = /* @__PURE__ */ e({
+	Root: () => O,
+	Thumb: () => k
+}), D = t(T.root), ee = t(T.thumb);
+function O({ className: e, ...t }) {
+	return /* @__PURE__ */ n(a.Root, {
+		...t,
+		"data-imf-ui-component": "Switch.Root",
+		className: (t) => D({ className: typeof e == "function" ? e(t) : e }),
+		children: t.children
+	});
+}
+O.displayName = "Switch.Root";
+function k({ className: e, ...t }) {
+	return /* @__PURE__ */ n(a.Thumb, {
+		...t,
+		"data-imf-ui-component": "Switch.Thumb",
+		className: (t) => ee({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+k.displayName = "Switch.Thumb";
+//#endregion
+//#region src/components/toggle/toggle.tsx
+var A = t({ root: "imf-ui-toggle-module-root" }.root), j = 2;
+function M(e) {
+	let t = 0;
+	return r.forEach(e, (e) => {
+		typeof e == "string" || typeof e == "number" ? t += String(e).trim().length : e != null && typeof e != "boolean" && (t += j);
+	}), t;
+}
+function N({ className: e, style: t, children: r, ...i }) {
+	let a = {
+		"--glyph-count": M(r),
+		"--max-glyphs": j
+	};
+	return /* @__PURE__ */ n(o, {
+		...i,
+		"data-imf-ui-component": "Toggle",
+		style: (e) => ({
+			...a,
+			...typeof t == "function" ? t(e) : t
+		}),
+		className: (t) => A({ className: typeof e == "function" ? e(t) : e }),
+		children: r
+	});
+}
+//#endregion
+//#region src/components/toggle-group/toggle-group.tsx
+var te = t({ root: "imf-ui-toggle-group-module-root" }.root);
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ n(s, {
+		...t,
+		"data-imf-ui-component": "ToggleGroup",
+		className: (t) => te({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+var P = {
+	alignCenter: "imf-ui-row-module-alignCenter",
+	alignEnd: "imf-ui-row-module-alignEnd",
+	alignStart: "imf-ui-row-module-alignStart",
+	alignStretch: "imf-ui-row-module-alignStretch",
+	gap1: "imf-ui-row-module-gap1",
+	gap10: "imf-ui-row-module-gap10",
+	gap2: "imf-ui-row-module-gap2",
+	gap3: "imf-ui-row-module-gap3",
+	gap4: "imf-ui-row-module-gap4",
+	gap5: "imf-ui-row-module-gap5",
+	gap6: "imf-ui-row-module-gap6",
+	gap7: "imf-ui-row-module-gap7",
+	gap8: "imf-ui-row-module-gap8",
+	gap9: "imf-ui-row-module-gap9",
+	justifyAround: "imf-ui-row-module-justifyAround",
+	justifyBetween: "imf-ui-row-module-justifyBetween",
+	justifyCenter: "imf-ui-row-module-justifyCenter",
+	justifyEnd: "imf-ui-row-module-justifyEnd",
+	justifyEvenly: "imf-ui-row-module-justifyEvenly",
+	justifyStart: "imf-ui-row-module-justifyStart",
+	root: "imf-ui-row-module-root",
+	wrap: "imf-ui-row-module-wrap"
+}, F = t(P.root, { variants: {
+	gap: {
+		1: P.gap1,
+		2: P.gap2,
+		3: P.gap3,
+		4: P.gap4,
+		5: P.gap5,
+		6: P.gap6,
+		7: P.gap7,
+		8: P.gap8,
+		9: P.gap9,
+		10: P.gap10
+	},
+	align: {
+		start: P.alignStart,
+		center: P.alignCenter,
+		end: P.alignEnd,
+		stretch: P.alignStretch
+	},
+	justify: {
+		start: P.justifyStart,
+		center: P.justifyCenter,
+		end: P.justifyEnd,
+		between: P.justifyBetween,
+		around: P.justifyAround,
+		evenly: P.justifyEvenly
+	},
+	wrap: {
+		true: P.wrap,
+		false: null
+	}
+} });
+function I({ gap: e = "2", align: t = "stretch", justify: r = "start", wrap: i = !1, className: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		...o,
+		"data-imf-ui-component": "Row",
+		className: F({
+			gap: e,
+			align: t,
+			justify: r,
+			wrap: i,
+			className: a
+		}),
+		children: o.children
+	});
+}
+var L = {
+	alignCenter: "imf-ui-stack-module-alignCenter",
+	alignEnd: "imf-ui-stack-module-alignEnd",
+	alignStart: "imf-ui-stack-module-alignStart",
+	alignStretch: "imf-ui-stack-module-alignStretch",
+	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"
+}, R = t(L.root, { variants: {
+	gap: {
+		1: L.gap1,
+		2: L.gap2,
+		3: L.gap3,
+		4: L.gap4,
+		5: L.gap5,
+		6: L.gap6,
+		7: L.gap7,
+		8: L.gap8,
+		9: L.gap9,
+		10: L.gap10
+	},
+	align: {
+		start: L.alignStart,
+		center: L.alignCenter,
+		end: L.alignEnd,
+		stretch: L.alignStretch
+	},
+	justify: {
+		start: L.justifyStart,
+		center: L.justifyCenter,
+		end: L.justifyEnd,
+		between: L.justifyBetween,
+		around: L.justifyAround,
+		evenly: L.justifyEvenly
+	}
+} });
+function z({ gap: e = "4", align: t = "stretch", justify: r = "start", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		...a,
+		"data-imf-ui-component": "Stack",
+		className: R({
+			gap: e,
+			align: t,
+			justify: r,
+			className: i
+		}),
+		children: a.children
+	});
+}
+var B = {
+	indicator: "imf-ui-tabs-module-indicator",
+	list: "imf-ui-tabs-module-list",
+	listFill: "imf-ui-tabs-module-listFill",
+	panel: "imf-ui-tabs-module-panel",
+	panelViewport: "imf-ui-tabs-module-panelViewport",
+	root: "imf-ui-tabs-module-root",
+	tab: "imf-ui-tabs-module-tab"
+}, V = /* @__PURE__ */ e({
+	Indicator: () => Z,
+	List: () => Y,
+	Panel: () => $,
+	PanelViewport: () => Q,
+	Root: () => J,
+	Tab: () => X
+}), H = t(B.list, { variants: { fill: {
+	true: B.listFill,
+	false: null
+} } }), U = t(B.root), W = t(B.tab), G = t(B.indicator), K = t(B.panelViewport), q = t(B.panel);
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ n(c.Root, {
+		...t,
+		"data-imf-ui-component": "Tabs.Root",
+		className: (t) => U({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+J.displayName = "Tabs.Root";
+function Y({ fill: e = !1, className: t, ...r }) {
+	return /* @__PURE__ */ n(c.List, {
+		...r,
+		"data-imf-ui-component": "Tabs.List",
+		className: (n) => H({
+			fill: e,
+			className: typeof t == "function" ? t(n) : t
+		})
+	});
+}
+Y.displayName = "Tabs.List";
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ n(c.Tab, {
+		...t,
+		"data-imf-ui-component": "Tabs.Tab",
+		className: (t) => W({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+X.displayName = "Tabs.Tab";
+function Z({ className: e, ...t }) {
+	return /* @__PURE__ */ n(c.Indicator, {
+		...t,
+		"data-imf-ui-component": "Tabs.Indicator",
+		className: (t) => G({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+Z.displayName = "Tabs.Indicator";
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		"data-imf-ui-component": "Tabs.PanelViewport",
+		className: K({ className: e })
+	});
+}
+Q.displayName = "Tabs.PanelViewport";
+function $({ className: e, ...t }) {
+	return /* @__PURE__ */ n(c.Panel, {
+		...t,
+		"data-imf-ui-component": "Tabs.Panel",
+		className: (t) => q({ className: typeof e == "function" ? e(t) : e })
+	});
+}
+$.displayName = "Tabs.Panel";
+//#endregion
+export { u as S, y as _, J as a, S as b, z as c, N as d, O as f, C as g, x as h, Q as i, I as l, E as m, Y as n, X as o, k as p, $ as r, V as s, Z as t, ne as u, v, b as x, w as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.5.1-dev.52.gcaa229a7",
+  "version": "0.5.1-dev.56.gcf89961f",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "license": "UNLICENSED",
@@ -67,7 +67,7 @@
     "codegen:docgen": "tsx src/docgen/gen-docgen.ts",
     "codegen:llms": "tsx src/llms/gen-llms.ts",
     "codegen:tokens": "tsx src/llms/gen-tokens.ts",
-    "verify:format": "prettier --check .",
+    "verify:format": "prettier --check . --ignore-path .gitignore --ignore-path .prettierignore --ignore-path $(git rev-parse --path-format=absolute --git-path info/exclude)",
     "verify:lint": "eslint . --cache --max-warnings=0",
     "verify:typecheck": "npm run codegen && tsc -p tsconfig.json --noEmit && tsc -p tsconfig.lib.json --noEmit && tsc -p .storybook/tsconfig.json --noEmit",
     "verify:tests": "vitest run",
@@ -77,6 +77,8 @@
     "verify:changelog": "tsx scripts/verify/changelog.ts",
     "verify:staged": "tsx scripts/verify/staged.ts",
     "verify:full": "tsx scripts/verify/full.ts && npm run verify:tests",
+    "release:prepare": "tsx scripts/release.ts prepare",
+    "release:tag": "tsx scripts/release.ts tag",
     "format": "prettier --write .",
     "lint": "eslint . --cache --fix",
     "lint:inspect": "npx @eslint/config-inspector@latest",

package/dist/code-BRy_lg-h.js

@@ -1,135 +0,0 @@
-import { n as e } from "./chunk-DA_OvQe2.js";
-import { r as t, t as n } from "./meta-BwCupYyq.js";
-import { Ma as r, Qt as i, Xo as a, hn as o, r as s } from "./icons-BhogvWBV.js";
-import { useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/hooks/use-clipboard.ts
-function m({ timeout: e = 1500 } = {}) {
-	let [t, n] = d(!1), r = u(void 0);
-	return l(() => () => clearTimeout(r.current), []), {
-		copied: t,
-		copy: c((t) => {
-			navigator.clipboard.writeText(t).then(() => {
-				n(!0), clearTimeout(r.current), r.current = setTimeout(() => n(!1), e);
-			});
-		}, [e])
-	};
-}
-var h = {
-	block: "imf-ui-code-module-block",
-	copy: "imf-ui-code-module-copy",
-	icon: "imf-ui-code-module-icon",
-	inline: "imf-ui-code-module-inline",
-	inlineCopy: "imf-ui-code-module-inlineCopy",
-	inlineLink: "imf-ui-code-module-inlineLink",
-	language: "imf-ui-code-module-language",
-	pre: "imf-ui-code-module-pre",
-	separator: "imf-ui-code-module-separator"
-}, g = /* @__PURE__ */ e({
-	Block: () => y,
-	Inline: () => _,
-	InlineLink: () => v
-});
-function _({ className: e, copyable: n = !1, children: i, ...o }) {
-	let { copied: c, copy: l } = m(), d = u(null), g = c ? r : a;
-	return /* @__PURE__ */ p("code", {
-		...o,
-		"data-imf-ui-component": "Code.Inline",
-		className: t(h.inline, e),
-		children: [
-			/* @__PURE__ */ f("span", {
-				ref: d,
-				children: i
-			}),
-			n && /* @__PURE__ */ f("span", { className: h.separator }),
-			n && /* @__PURE__ */ f("button", {
-				type: "button",
-				className: h.inlineCopy,
-				"data-copied": c || void 0,
-				"aria-label": c ? "Copied" : "Copy",
-				onClick: () => l(d.current?.textContent ?? ""),
-				children: /* @__PURE__ */ f(s, {
-					glyph: g,
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			})
-		]
-	});
-}
-_.displayName = "Code.Inline";
-function v({ className: e, kind: n = "external", children: r, ...a }) {
-	let c = n === "external" ? o : i;
-	return /* @__PURE__ */ p("a", {
-		...n === "external" ? {
-			target: "_blank",
-			rel: "noreferrer"
-		} : {},
-		...a,
-		"data-imf-ui-component": "Code.InlineLink",
-		"data-kind": n,
-		className: t(h.inline, h.inlineLink, e),
-		children: [
-			r,
-			/* @__PURE__ */ f("span", { className: h.separator }),
-			/* @__PURE__ */ f("span", {
-				className: h.icon,
-				"aria-hidden": !0,
-				children: /* @__PURE__ */ f(s, {
-					glyph: c,
-					size: 12,
-					strokeWidth: 2
-				})
-			})
-		]
-	});
-}
-v.displayName = "Code.InlineLink";
-function y({ className: e, language: n, hideCopy: i = !1, children: o, ...c }) {
-	let { copied: l, copy: d } = m(), g = u(null), _ = l ? r : a;
-	return /* @__PURE__ */ p("div", {
-		"data-imf-ui-component": "Code.Block",
-		className: t(h.block, e),
-		children: [
-			n != null && /* @__PURE__ */ f("span", {
-				className: h.language,
-				children: n
-			}),
-			!i && /* @__PURE__ */ f("button", {
-				type: "button",
-				className: h.copy,
-				"data-copied": l || void 0,
-				"aria-label": l ? "Copied" : "Copy",
-				onClick: () => d(g.current?.textContent ?? ""),
-				children: /* @__PURE__ */ f(s, {
-					glyph: _,
-					size: 12,
-					strokeWidth: 2,
-					"aria-hidden": !0
-				})
-			}),
-			/* @__PURE__ */ f("pre", {
-				...c,
-				className: h.pre,
-				children: /* @__PURE__ */ f("code", {
-					ref: g,
-					children: o
-				})
-			})
-		]
-	});
-}
-y.displayName = "Code.Block";
-//#endregion
-//#region src/components/code/code.meta.ts
-var b = {
-	name: "Code",
-	category: n.display,
-	status: "stable",
-	namespace: !0,
-	description: "Displays source code — Code.Inline for a fragment in running text, Code.Block for a fenced block with an optional language label and copy button. Also called a code snippet or code block.",
-	origin: "native"
-};
-//#endregion
-export { g as a, v as i, y as n, m as o, _ as r, b as t };

package/dist/meta-BwCupYyq.js

@@ -1,64 +0,0 @@
-//#region node_modules/clsx/dist/clsx.mjs
-function e(t) {
-	var n, r, i = "";
-	if (typeof t == "string" || typeof t == "number") i += t;
-	else if (typeof t == "object") if (Array.isArray(t)) {
-		var a = t.length;
-		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
-	} else for (r in t) t[r] && (i && (i += " "), i += r);
-	return i;
-}
-function t() {
-	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
-	return i;
-}
-//#endregion
-//#region node_modules/class-variance-authority/dist/index.mjs
-var n = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, r = t, i = (e, t) => (i) => {
-	if (t?.variants == null) return r(e, i?.class, i?.className);
-	let { variants: a, defaultVariants: o } = t, s = Object.keys(a).map((e) => {
-		let t = i?.[e], r = o?.[e];
-		if (t === null) return null;
-		let s = n(t) || n(r);
-		return a[e][s];
-	}), c = i && Object.entries(i).reduce((e, t) => {
-		let [n, r] = t;
-		return r === void 0 || (e[n] = r), e;
-	}, {});
-	return r(e, s, t?.compoundVariants?.reduce((e, t) => {
-		let { class: n, className: r, ...i } = t;
-		return Object.entries(i).every((e) => {
-			let [t, n] = e;
-			return Array.isArray(n) ? n.includes({
-				...o,
-				...c
-			}[t]) : {
-				...o,
-				...c
-			}[t] === n;
-		}) ? [
-			...e,
-			n,
-			r
-		] : e;
-	}, []), i?.class, i?.className);
-}, a = {
-	buttons: {
-		id: "buttons",
-		label: "Buttons"
-	},
-	inputs: {
-		id: "inputs",
-		label: "Inputs"
-	},
-	layout: {
-		id: "layout",
-		label: "Layout"
-	},
-	display: {
-		id: "display",
-		label: "Display"
-	}
-};
-//#endregion
-export { i as n, r, a as t };