@webority/ui-react 0.34.0 → 0.35.1

package/dist/components/AppToast.js

@@ -0,0 +1,169 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { adoptToast as r, dismissToast as i, subscribeToasts as a } from "./toastStore.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/AppToast.jsx
+var d = {
+	success: {
+		icon: "check-circle",
+		assertive: !1
+	},
+	info: {
+		icon: "info",
+		assertive: !1
+	},
+	warning: {
+		icon: "alert-triangle",
+		assertive: !0
+	},
+	danger: {
+		icon: "alert-circle",
+		assertive: !0
+	}
+}, f = {
+	"top-start": "top-0 start-0",
+	"top-center": "top-0 start-50 translate-middle-x",
+	"top-end": "top-0 end-0",
+	"middle-center": "top-50 start-50 translate-middle",
+	"bottom-start": "bottom-0 start-0",
+	"bottom-center": "bottom-0 start-50 translate-middle-x",
+	"bottom-end": "bottom-0 end-0"
+}, p = 64, m = /* @__PURE__ */ new Set([
+	"rise",
+	"organic",
+	"jelly",
+	"spring"
+]), h = /* @__PURE__ */ new Set([
+	"rounded",
+	"pill",
+	"sharp"
+]), g = /* @__PURE__ */ new Set(["auto", "inverse"]);
+function _({ position: n = "bottom-end", maxVisible: r = 4, animation: i = "rise", shape: s = "rounded", surface: d = "auto", className: p = "", ..._ }) {
+	t("AppToast", _), e("AppToast", "position", n, Object.keys(f)), e("AppToast", "animation", i, m), e("AppToast", "shape", s, h), e("AppToast", "surface", d, g);
+	let [y, b] = c([]);
+	o(() => a(b), []);
+	let x = Math.max(0, y.length - r), S = x ? y.slice(x) : y, C = f[n] ?? f["bottom-end"];
+	return /* @__PURE__ */ u("div", {
+		..._,
+		className: `wui-toast-container toast-container position-fixed ${C} p-3 ${p}`.trim(),
+		children: [x > 0 && /* @__PURE__ */ u("div", {
+			className: "wui-toast-more",
+			"aria-hidden": "true",
+			children: [
+				"+",
+				x,
+				" more"
+			]
+		}), S.map((e) => /* @__PURE__ */ l(v, {
+			toast: e,
+			defaultAnimation: i,
+			defaultShape: s,
+			defaultSurface: d
+		}, e.id))]
+	});
+}
+function v({ toast: e, defaultAnimation: t = "rise", defaultShape: a = "rounded", defaultSurface: f = "auto" }) {
+	let _ = d[e.variant] ?? d.success, v = m.has(e.animation) ? e.animation : t, y = h.has(e.shape) ? e.shape : a, b = g.has(e.surface) ? e.surface : f, x = (v !== "rise" && m.has(v) ? ` wui-toast--anim-${v}` : "") + (y !== "rounded" && h.has(y) ? ` wui-toast--shape-${y}` : "") + (b === "inverse" ? " wui-toast--surface-inverse" : ""), S = e.duration === 0, [C, w] = c(0), [T, E] = c(!1), D = s(null), O = () => i(e.id), k = s(null);
+	o(() => {
+		if (e.duration === 0) return;
+		r(e.id);
+		let t = k.current, n = t == null ? "" : getComputedStyle(t).animationName;
+		if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
+		let a = setTimeout(() => i(e.id), e.duration);
+		return () => clearTimeout(a);
+	}, [e.id, e.duration]);
+	let A = (e) => {
+		e.button !== 0 || e.target.closest("button") || (D.current = e.clientX, E(!0), e.currentTarget.setPointerCapture?.(e.pointerId));
+	}, j = (e) => {
+		D.current !== null && w(e.clientX - D.current);
+	}, M = () => {
+		D.current = null, E(!1), w(0);
+	}, N = (e) => {
+		if (D.current === null) return;
+		let t = e.clientX - D.current;
+		if (Math.abs(t) > p) {
+			O();
+			return;
+		}
+		M();
+	}, P = C ? {
+		transform: `translateX(${C}px)`,
+		opacity: Math.max(0, 1 - Math.abs(C) / 200)
+	} : void 0;
+	return /* @__PURE__ */ u("div", {
+		className: `toast show wui-toast wui-toast--${e.variant}${x}${T ? " wui-toast--dragging" : ""}`,
+		role: _.assertive ? "alert" : "status",
+		"aria-live": _.assertive ? "assertive" : "polite",
+		"aria-atomic": "true",
+		style: P,
+		onPointerDown: A,
+		onPointerMove: j,
+		onPointerUp: N,
+		onPointerCancel: M,
+		children: [
+			/* @__PURE__ */ l("span", {
+				className: "wui-toast-icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ l(n, {
+					name: _.icon,
+					size: 20
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "wui-toast-content",
+				children: [
+					e.title && /* @__PURE__ */ l("div", {
+						className: "wui-toast-title",
+						children: e.title
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "wui-toast-message",
+						children: e.message
+					}),
+					typeof e.progress == "number" && /* @__PURE__ */ u("div", {
+						className: "wui-toast-task",
+						children: [/* @__PURE__ */ l("div", {
+							className: "wui-toast-track",
+							role: "progressbar",
+							"aria-valuemin": 0,
+							"aria-valuemax": 100,
+							"aria-valuenow": Math.min(100, Math.max(0, Math.round(e.progress))),
+							children: /* @__PURE__ */ l("div", {
+								className: "wui-toast-track-fill",
+								style: { width: `${Math.min(100, Math.max(0, e.progress))}%` }
+							})
+						}), /* @__PURE__ */ u("span", {
+							className: "wui-toast-track-pct",
+							"aria-hidden": "true",
+							children: [Math.min(100, Math.max(0, Math.round(e.progress))), "%"]
+						})]
+					}),
+					e.action && /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "wui-toast-action",
+						onClick: () => {
+							e.action.onClick?.(), O();
+						},
+						children: e.action.label
+					})
+				]
+			}),
+			/* @__PURE__ */ l("button", {
+				type: "button",
+				className: "btn-close wui-toast-close",
+				"aria-label": "Close",
+				onClick: O
+			}),
+			!S && /* @__PURE__ */ l("div", {
+				ref: k,
+				className: "wui-toast-progress",
+				style: { animationDuration: `${e.duration}ms` },
+				onAnimationEnd: O
+			})
+		]
+	});
+}
+//#endregion
+export { _ as default };

package/dist/components/AppToolbar.js

@@ -0,0 +1,63 @@
+import e from "./warnUnknownProps.js";
+import t from "./renderIconProp.js";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/AppToolbar.jsx
+function o({ items: o = [], actions: s = [], value: c, defaultValue: l, onSelect: u, label: d, name: f, disabled: p = !1, className: m = "", ...h }) {
+	e("AppToolbar", h);
+	let g = n(), _ = f || g, [v, y] = r(l), b = c === void 0 ? v : c;
+	return /* @__PURE__ */ a("div", {
+		className: [
+			"toolbar",
+			p ? "is-disabled" : "",
+			m
+		].filter(Boolean).join(" "),
+		role: "toolbar",
+		"aria-label": d,
+		"aria-disabled": p || void 0,
+		...h,
+		children: [
+			o.map((e) => /* @__PURE__ */ a("label", {
+				className: "toolbar-item",
+				children: [
+					/* @__PURE__ */ i("input", {
+						type: "radio",
+						className: "toolbar-input",
+						name: _,
+						value: e.value,
+						checked: e.value === b,
+						disabled: p || e.disabled,
+						onChange: () => {
+							c === void 0 && y(e.value), u?.(e.value);
+						}
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "toolbar-item-icon",
+						children: t(e.icon, { size: 16 })
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "toolbar-item-label",
+						children: e.title
+					})
+				]
+			}, e.value)),
+			s.length > 0 && /* @__PURE__ */ i("span", {
+				className: "toolbar-sep",
+				"aria-hidden": "true"
+			}),
+			s.map((e, n) => /* @__PURE__ */ i("button", {
+				type: "button",
+				className: "toolbar-action",
+				"aria-label": e.title,
+				disabled: p || e.disabled,
+				onClick: e.onClick,
+				children: /* @__PURE__ */ i("span", {
+					className: "toolbar-item-icon",
+					children: t(e.icon, { size: 16 })
+				})
+			}, e.key ?? `${e.title}-${n}`))
+		]
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/AppTooltip.js

@@ -0,0 +1,50 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { cloneElement as n, useId as r } from "react";
+import { OverlayTrigger as i, Tooltip as a } from "react-bootstrap";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/AppTooltip.jsx
+var s = [
+	"default",
+	"dark",
+	"primary",
+	"success",
+	"warning",
+	"danger"
+], c = [
+	"sm",
+	"md",
+	"lg"
+], l = {
+	start: "left",
+	end: "right",
+	top: "top",
+	bottom: "bottom"
+}, u = [
+	"auto",
+	"top",
+	"bottom",
+	"start",
+	"end"
+];
+function d({ content: d, children: f, placement: p = "top", tone: m = "default", size: h = "md", className: g = "", ..._ }) {
+	t("AppTooltip", _), e("AppTooltip", "tone", m, s), e("AppTooltip", "size", h, c), e("AppTooltip", "placement", p, u);
+	let v = /* @__PURE__ */ o(a, {
+		id: r(),
+		className: [
+			"wui-tooltip",
+			m && m !== "default" ? `tone-${m}` : "",
+			h && h !== "md" ? `size-${h}` : "",
+			g
+		].filter(Boolean).join(" "),
+		children: d
+	});
+	return /* @__PURE__ */ o(i, {
+		trigger: ["hover", "focus"],
+		placement: l[p] || p,
+		overlay: v,
+		children: n(f, _)
+	});
+}
+//#endregion
+export { d as default };

package/dist/components/AppTour.js

@@ -0,0 +1,39 @@
+import e from "./warnUnknownProps.js";
+import "@webority/ui-elements/elements/tour";
+import { forwardRef as t, useEffect as n, useLayoutEffect as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/AppTour.jsx
+var o = t(function({ open: t, onClose: o, tourId: s, steps: c, seenStore: l, onBeforeStep: u, labels: d, className: f, ...p }, m) {
+	e("AppTour", p);
+	let h = i(null), g = (e) => {
+		h.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+	};
+	r(() => {
+		let e = h.current;
+		e.seenStore = l ?? null, e.onBeforeStep = u ?? null;
+	}), r(() => {
+		let e = h.current;
+		t ? e.setAttribute("open", "") : e.removeAttribute("open");
+	}, [t]);
+	let _ = i(o);
+	return _.current = o, n(() => {
+		let e = h.current, t = (e) => _.current?.(e.detail.reason);
+		return e.addEventListener("wui-tour:close", t), () => e.removeEventListener("wui-tour:close", t);
+	}, []), /* @__PURE__ */ a("wui-tour", {
+		ref: g,
+		"tour-id": s,
+		"back-label": d?.back,
+		"next-label": d?.next,
+		"skip-label": d?.skip,
+		"done-label": d?.done,
+		class: f || void 0,
+		...p,
+		children: c.map((e) => /* @__PURE__ */ a("wui-tour-step", {
+			target: e.target,
+			title: e.title,
+			children: e.description
+		}, `${e.target}|${e.description}`))
+	});
+});
+//#endregion
+export { o as default };

package/dist/components/AppTreeView.js

@@ -0,0 +1,61 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n, { readValues as r, writeValues as i } from "./useWuiControl.js";
+import { forwardRef as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/tree";
+//#region src/components/AppTreeView.jsx
+var l = [
+	"none",
+	"single",
+	"multiple"
+], u = a(function({ nodes: a, selection: u, selected: d, onSelect: f, checked: p, onCheck: m, loadChildren: h, loadUrl: g, onLoadError: _, name: v, loadingText: y, errorText: b, ariaLabel: x, id: S, className: C = "", ...w }, T) {
+	t("AppTreeView", w), e("AppTreeView", "selection", u, l);
+	let { setRef: E, innerRef: D } = n({
+		ref: T,
+		value: p,
+		readValue: r,
+		writeValue: i,
+		on: {
+			"wui-tree:check": (e) => m?.(e.detail.values, {
+				id: e.detail.id,
+				checked: e.detail.checked
+			}),
+			"wui-tree:select": (e) => {
+				f?.(e.detail.id, e.detail.node), d !== void 0 && e.currentTarget.selected !== d && (e.currentTarget.selected = d);
+			},
+			"wui-tree:error": (e) => _?.(e.detail.id, e.detail.message)
+		}
+	});
+	o(() => {
+		let e = D.current;
+		e && a !== void 0 && (e.nodes = a);
+	}, [a, D]), o(() => {
+		let e = D.current;
+		e && (e.loadChildren = h);
+	}, [h, D]);
+	let O = s(!1);
+	return o(() => {
+		let e = D.current;
+		if (e) {
+			if (d === void 0) {
+				O.current && (e.selected = null), O.current = !1;
+				return;
+			}
+			O.current = !0, e.selected !== d && (e.selected = d);
+		}
+	}, [d, D]), /* @__PURE__ */ c("wui-tree", {
+		ref: E,
+		id: S || void 0,
+		selection: u || void 0,
+		name: v || void 0,
+		"load-url": g || void 0,
+		"loading-text": y || void 0,
+		"error-text": b || void 0,
+		"aria-label": x || void 0,
+		className: C || void 0,
+		...w
+	});
+});
+//#endregion
+export { u as default };

package/dist/components/AppWizard.js

@@ -0,0 +1,82 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { Children as n, forwardRef as r, useEffect as i, useRef as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/wizard";
+//#region src/components/AppWizard.jsx
+var s = [
+	"steps",
+	"journey",
+	"icons"
+], c = [
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+], l = ["horizontal", "vertical"], u = [
+	"done",
+	"active",
+	"pending",
+	"error"
+], d = r(function({ steps: r = [], children: d, active: f, defaultActive: p = 0, onStepChange: m, onFinish: h, onSkip: g, beforeNext: _, onInvalid: v, variant: y = "steps", tone: b, doneTone: x, orientation: S = "horizontal", skippable: C = !1, nonLinear: w = !1, hideStepper: T = !1, hideConnectors: E = !1, disabled: D = !1, label: O = "Progress", backLabel: k = "Back", nextLabel: A = "Next", skipLabel: j = "Skip", finishLabel: M = "Finish", className: N = "", ...P }, F) {
+	t("AppWizard", P), e("AppWizard", "variant", y, s), e("AppWizard", "tone", b, c), e("AppWizard", "doneTone", x, c), e("AppWizard", "orientation", S, l);
+	for (let t of r) e("AppWizard", "steps[].status", t.status, u);
+	let I = a(null), L = (e) => {
+		I.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
+	}, R = n.toArray(d), z = [
+		b && `wui-step-tone-${b}`,
+		x && `wui-step-done-tone-${x}`,
+		N
+	].filter(Boolean).join(" ");
+	return i(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = f === void 0 ? p : f;
+		t && (e.active = t);
+	}, []), i(() => {
+		let e = I.current;
+		e && f !== void 0 && Number(e.active) !== f && (e.active = f);
+	}, [f]), i(() => {
+		let e = I.current;
+		e && (e.beforeNext = _ ?? null);
+	}, [_]), i(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = (e) => m?.(e.detail.index, e.detail), n = (e) => h?.(e.detail), r = (e) => g?.(e.detail.index), i = (e) => v?.(e.detail.index);
+		return e.addEventListener("wui-wizard:change", t), e.addEventListener("wui-wizard:finish", n), e.addEventListener("wui-wizard:skip", r), e.addEventListener("wui-wizard:invalid", i), () => {
+			e.removeEventListener("wui-wizard:change", t), e.removeEventListener("wui-wizard:finish", n), e.removeEventListener("wui-wizard:skip", r), e.removeEventListener("wui-wizard:invalid", i);
+		};
+	}, [
+		m,
+		h,
+		g,
+		v
+	]), /* @__PURE__ */ o("wui-wizard", {
+		ref: L,
+		variant: y,
+		orientation: S,
+		skippable: C ? "" : void 0,
+		"non-linear": w ? "" : void 0,
+		"hide-stepper": T ? "" : void 0,
+		"hide-connectors": E ? "" : void 0,
+		disabled: D ? "" : void 0,
+		label: O,
+		"back-label": k,
+		"next-label": A,
+		"skip-label": j,
+		"finish-label": M,
+		className: z || void 0,
+		...P,
+		children: r.map((e, t) => /* @__PURE__ */ o("wui-wizard-step", {
+			label: e.label,
+			description: e.description || void 0,
+			optional: e.optional ? "" : void 0,
+			icon: e.icon || void 0,
+			status: e.status || void 0,
+			children: R[t]
+		}, e.key ?? `${e.label}-${t}`))
+	});
+});
+//#endregion
+export { d as default };

package/dist/components/AppWorkspaceSwitcher.js

@@ -0,0 +1,176 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Dropdown as c } from "react-bootstrap";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/AppWorkspaceSwitcher.jsx
+var f = [
+	"sm",
+	"md",
+	"lg"
+], p = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+]);
+function m({ tenants: r = [], currentId: l, onSelect: m, menuLabel: h, footerAction: y, linkComponent: b, searchable: x = !1, onCreate: S, canCreate: C = !1, createLabel: w = "Create workspace", compact: T = !1, size: E = "md", ariaLabel: D, ...O }) {
+	let { onToggle: k, ...A } = O;
+	t("AppWorkspaceSwitcher", A), e("AppWorkspaceSwitcher", "size", E, f);
+	let [j, M] = s(""), [N, P] = s(!1), F = o(null), I = (e, t) => {
+		P(e), k?.(e, t);
+	}, L = r.find((e) => e.id === l) ?? r[0], R = a(() => {
+		let e = j.trim().toLowerCase();
+		return !x || !e ? r : r.filter((t) => String(t.name ?? "").toLowerCase().includes(e));
+	}, [
+		r,
+		j,
+		x
+	]);
+	i(() => {
+		N && x && F.current?.focus();
+	}, [N, x]), i(() => {
+		if (!x) return;
+		let e = F.current;
+		if (!e) return;
+		let t = (e) => {
+			if (p.has(e.key)) {
+				e.stopPropagation();
+				return;
+			}
+			e.key === "Escape" && N && (e.preventDefault(), e.stopPropagation(), I(!1, {
+				source: "keydown",
+				originalEvent: e
+			}));
+		};
+		return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+	}, [x, N]);
+	let z = L?.name ?? "", B = D ?? `Workspace ${z}`;
+	return /* @__PURE__ */ d(c, {
+		className: `workspace-switcher${E === "sm" ? " workspace-switcher-sm" : ""}${E === "lg" ? " workspace-switcher-lg" : ""}`,
+		show: N,
+		onToggle: I,
+		...A,
+		children: [/* @__PURE__ */ u(c.Toggle, {
+			as: v,
+			compact: T,
+			tenant: L,
+			"aria-label": B
+		}), /* @__PURE__ */ d(c.Menu, {
+			className: "workspace-switcher-menu",
+			renderOnMount: !0,
+			popperConfig: { strategy: "fixed" },
+			children: [
+				h ? /* @__PURE__ */ u("div", {
+					className: "workspace-switcher-menu-label",
+					children: h
+				}) : null,
+				x ? /* @__PURE__ */ d("div", {
+					className: "workspace-switcher-search",
+					children: [/* @__PURE__ */ u(n, {
+						name: "search",
+						size: 14
+					}), /* @__PURE__ */ u("input", {
+						ref: F,
+						type: "search",
+						className: "workspace-switcher-search-input",
+						placeholder: "Search workspaces",
+						"aria-label": "Search workspaces",
+						value: j,
+						onChange: (e) => M(e.target.value)
+					})]
+				}) : null,
+				/* @__PURE__ */ d("div", {
+					className: "workspace-switcher-list",
+					children: [R.map((e) => /* @__PURE__ */ d(c.Item, {
+						as: "button",
+						type: "button",
+						className: `workspace-switcher-option${e.id === L?.id ? " is-active" : ""}`,
+						onClick: () => m?.(e),
+						children: [
+							/* @__PURE__ */ u(g, { tenant: e }),
+							/* @__PURE__ */ u("span", {
+								className: "workspace-switcher-option-name",
+								children: e.name
+							}),
+							e.badge ? /* @__PURE__ */ u("span", {
+								className: "workspace-switcher-badge",
+								children: e.badge
+							}) : null,
+							e.id === L?.id ? /* @__PURE__ */ u(n, {
+								name: "check",
+								size: 16,
+								className: "workspace-switcher-tick"
+							}) : null
+						]
+					}, e.id)), R.length === 0 ? /* @__PURE__ */ u("div", {
+						className: "workspace-switcher-empty",
+						children: "No workspaces match."
+					}) : null]
+				}),
+				C ? /* @__PURE__ */ d(c.Item, {
+					as: "button",
+					type: "button",
+					className: "workspace-switcher-create",
+					onClick: () => S?.(),
+					children: [/* @__PURE__ */ u(n, {
+						name: "plus",
+						size: 16
+					}), w]
+				}) : null,
+				y ? /* @__PURE__ */ u("div", {
+					className: "workspace-switcher-footer",
+					children: _(y, b)
+				}) : null
+			]
+		})]
+	});
+}
+function h(e) {
+	let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
+}
+function g({ tenant: e }) {
+	return e?.logoUrl ? /* @__PURE__ */ u("img", {
+		className: "workspace-switcher-mark",
+		src: e.logoUrl,
+		alt: "",
+		loading: "lazy"
+	}) : /* @__PURE__ */ u("span", {
+		className: "workspace-switcher-mark",
+		children: h(e?.name)
+	});
+}
+function _(e, t) {
+	if (typeof e != "object" || !e || !("label" in e)) return e;
+	let { label: r, icon: i, href: a } = e;
+	return /* @__PURE__ */ d(a ? t ?? "a" : "button", {
+		className: "workspace-switcher-footer-action",
+		...a ? t ? { to: a } : { href: a } : { type: "button" },
+		children: [i ? /* @__PURE__ */ u(n, {
+			name: i,
+			size: 16
+		}) : null, r]
+	});
+}
+var v = r(function({ compact: e, tenant: t, "aria-label": r, className: i, ...a }, o) {
+	return /* @__PURE__ */ d("button", {
+		ref: o,
+		type: "button",
+		className: `workspace-switcher-trigger${e ? " is-compact" : ""}`,
+		"aria-haspopup": "true",
+		"aria-label": r,
+		...a,
+		children: [/* @__PURE__ */ u(g, { tenant: t }), e ? null : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("span", {
+			className: "workspace-switcher-trigger-name",
+			children: t?.name
+		}), /* @__PURE__ */ u(n, {
+			name: "chevrons-up-down",
+			size: 16,
+			className: "workspace-switcher-chevron"
+		})] })]
+	});
+});
+//#endregion
+export { m as default };

package/dist/components/ModalIcons.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/status-icon";
+//#region src/components/ModalIcons.jsx
+var t = (t) => function({ size: n = 72 }) {
+	return /* @__PURE__ */ e("wui-status-icon", {
+		tone: t,
+		size: n
+	});
+}, n = t("success"), r = t("error"), i = t("warning"), a = t("info"), o = t("delete"), s = t("primary"), c = {
+	success: n,
+	error: r,
+	warning: i,
+	info: a,
+	delete: o,
+	primary: s
+};
+//#endregion
+export { o as DeleteIcon, r as ErrorIcon, a as InfoIcon, c as MODAL_ICONS, s as PrimaryIcon, n as SuccessIcon, i as WarningIcon };