@imfusion/web-ui 0.11.1-dev.7.gf073da2b → 0.11.1-dev.71.g25428988

package/dist/icon-button-kVghav2z.js

@@ -0,0 +1,171 @@
+import { vM as e } from "./icons-CMetKl2x.js";
+import { t } from "./meta-V_KyLeGn.js";
+import { a as n, r } from "./toggle-group-CVQzM3lQ.js";
+import { a as i } from "./utils-J6vbjIt1.js";
+import { Button as a } from "@base-ui/react/button";
+import { cva as o } from "class-variance-authority";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	chamfer: "imf-ui-button-module-chamfer",
+	contextOncolor: "imf-ui-button-module-contextOncolor",
+	endIcon: "imf-ui-button-module-endIcon",
+	justifySpread: "imf-ui-button-module-justifySpread",
+	label: "imf-ui-button-module-label",
+	radiusLg: "imf-ui-button-module-radiusLg",
+	radiusMd: "imf-ui-button-module-radiusMd",
+	radiusRound: "imf-ui-button-module-radiusRound",
+	radiusSm: "imf-ui-button-module-radiusSm",
+	root: "imf-ui-button-module-root",
+	shortcut: "imf-ui-button-module-shortcut",
+	sizeHero: "imf-ui-button-module-sizeHero",
+	sizeLg: "imf-ui-button-module-sizeLg",
+	sizeMd: "imf-ui-button-module-sizeMd",
+	sizeSm: "imf-ui-button-module-sizeSm",
+	startIcon: "imf-ui-button-module-startIcon",
+	variantGhost: "imf-ui-button-module-variantGhost",
+	variantNegative: "imf-ui-button-module-variantNegative",
+	variantOutline: "imf-ui-button-module-variantOutline",
+	variantPositive: "imf-ui-button-module-variantPositive",
+	variantPrimary: "imf-ui-button-module-variantPrimary",
+	variantSecondary: "imf-ui-button-module-variantSecondary"
+}, u = o(l.root, { variants: {
+	variant: {
+		primary: l.variantPrimary,
+		secondary: l.variantSecondary,
+		positive: l.variantPositive,
+		negative: l.variantNegative,
+		outline: l.variantOutline,
+		ghost: l.variantGhost
+	},
+	size: {
+		sm: l.sizeSm,
+		md: l.sizeMd,
+		lg: l.sizeLg,
+		hero: l.sizeHero
+	},
+	chamfer: {
+		false: null,
+		true: l.chamfer
+	},
+	radius: {
+		none: null,
+		sm: l.radiusSm,
+		md: l.radiusMd,
+		lg: l.radiusLg,
+		round: l.radiusRound
+	},
+	context: {
+		default: null,
+		oncolor: l.contextOncolor
+	},
+	justify: {
+		center: null,
+		spread: l.justifySpread
+	}
+} });
+function d({ variant: e = "primary", size: t = "md", context: o = "default", chamfer: d = t === "hero", radius: f = "none", justify: p = "center", startIcon: m, endIcon: h, shortcut: g, children: _, ...v }) {
+	return /* @__PURE__ */ c(a, {
+		"aria-keyshortcuts": g ? r(g) : void 0,
+		...v,
+		"data-imf-ui-component": "Button",
+		className: (n) => u({
+			variant: e,
+			size: t,
+			chamfer: d,
+			radius: f,
+			context: o,
+			justify: p,
+			className: i(v.className, n)
+		}),
+		children: [
+			m != null && /* @__PURE__ */ s("span", {
+				className: l.startIcon,
+				"aria-hidden": !0,
+				children: m
+			}),
+			/* @__PURE__ */ s("span", {
+				className: l.label,
+				children: _
+			}),
+			g && /* @__PURE__ */ s(n, {
+				variant: "flat",
+				className: l.shortcut,
+				"aria-hidden": !0,
+				children: g
+			}),
+			h != null && /* @__PURE__ */ s("span", {
+				className: l.endIcon,
+				"aria-hidden": !0,
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/button/button.meta.ts
+var f = {
+	name: "Button",
+	category: t.buttons,
+	status: "stable",
+	description: "Triggers an action such as submit, confirm, cancel, navigate, or delete. Also called a CTA or action button; variants and sizes communicate its importance.",
+	origin: "adapted",
+	internalDependencies: ["Kbd"],
+	upstream: {
+		name: "Base UI",
+		websiteLink: "https://base-ui.com/",
+		docLink: "https://base-ui.com/react/components/button",
+		llmDocLink: "https://base-ui.com/react/components/button.md"
+	}
+}, p = {
+	root: "imf-ui-icon-button-module-root",
+	sizeHero: "imf-ui-icon-button-module-sizeHero",
+	sizeLg: "imf-ui-icon-button-module-sizeLg",
+	sizeMd: "imf-ui-icon-button-module-sizeMd",
+	sizeSm: "imf-ui-icon-button-module-sizeSm"
+}, m = o(p.root, { variants: { size: {
+	sm: p.sizeSm,
+	md: p.sizeMd,
+	lg: p.sizeLg,
+	hero: p.sizeHero
+} } }), h = {
+	sm: 15,
+	md: 18,
+	lg: 20,
+	hero: 24
+}, g = {
+	sm: "md",
+	md: "lg",
+	lg: "hero",
+	hero: "hero"
+};
+function _({ glyph: t, label: n, iconProps: r, size: a = "md", ...o }) {
+	let c = a ?? "md", l = o.shortcut ? g[c] : c;
+	return /* @__PURE__ */ s(d, {
+		...o,
+		size: c,
+		"aria-label": n,
+		className: (e) => m({
+			size: l,
+			className: i(o.className, e)
+		}),
+		children: /* @__PURE__ */ s(e, {
+			size: h[c],
+			...r,
+			glyph: t,
+			"aria-hidden": !0
+		})
+	});
+}
+_.displayName = "IconButton";
+//#endregion
+//#region src/components/icon-button/icon-button.meta.ts
+var v = {
+	name: "IconButton",
+	category: t.buttons,
+	status: "experimental",
+	description: "Square button that shows a single icon and no visible text, with its accessible name from `label`. Also called an icon-only or toolbar button. Use Button with `startIcon` or `endIcon` when a text label is visible.",
+	origin: "native",
+	internalDependencies: ["Button", "Icon"]
+};
+//#endregion
+export { d as i, _ as n, f as r, v as t };

package/dist/icons/catalog.gen.d.ts

@@ -5941,6 +5941,13 @@ export declare const ICON_CATALOG: readonly [{
     readonly style: "regular";
     readonly origin: "iconoir";
     readonly file: "regular/label.svg";
+}, {
+    readonly name: "LabelMap";
+    readonly category: "Medical Imaging";
+    readonly tags: readonly ["label map", "labelmap", "segmentation", "vertebra", "spine", "mask", "pixels"];
+    readonly style: "regular";
+    readonly origin: "imfusion";
+    readonly file: "regular/label-map.svg";
 }, {
     readonly name: "LabelPropagationAction";
     readonly category: "Medical Imaging";

package/dist/icons/icons.gen.d.ts

@@ -847,6 +847,7 @@ export declare const KeyMinus: import('.').IconComponent;
 export declare const KeyPlus: import('.').IconComponent;
 export declare const KeyXmark: import('.').IconComponent;
 export declare const Label: import('.').IconComponent;
+export declare const LabelMap: import('.').IconComponent;
 export declare const LabelPropagationAction: import('.').IconComponent;
 export declare const LabelSolid: import('.').IconComponent;
 export declare const Lamp: import('.').IconComponent;