@frontpanel/vue 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, shallowRef as _, toDisplayString as v, unref as y, useAttrs as b, useId as x, useModel as S, useTemplateRef as C, warn as w, watch as T, withCtx as E } from "vue";
-import { Primitive as D, SliderRoot as O, SliderThumb as k, SliderTrack as A, SwitchRoot as ee, SwitchThumb as te } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, shallowRef as y, toDisplayString as b, unref as x, useAttrs as S, useId as C, useModel as w, useTemplateRef as T, warn as E, watch as D, withCtx as O } from "vue";
+import { CheckboxGroupRoot as k, CheckboxRoot as A, DropdownMenuContent as ee, DropdownMenuItem as te, DropdownMenuPortal as j, DropdownMenuRoot as ne, DropdownMenuSeparator as re, DropdownMenuTrigger as ie, Primitive as M, RadioGroupItem as ae, RadioGroupRoot as oe, SliderRoot as se, SliderThumb as ce, SliderTrack as le, SwitchRoot as ue, SwitchThumb as de } from "reka-ui";
 //#endregion
 //#region src/FpButton.vue
-var j = /* @__PURE__ */ c({
+var N = /* @__PURE__ */ c({
 	__name: "FpButton",
 	props: {
 		pressed: {
@@ -14,14 +14,14 @@ var j = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-chrome-btn",
 			type: t.as === "button" && !t.asChild ? "button" : void 0,
 			"aria-pressed": t.pressed
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",
@@ -30,7 +30,25 @@ var j = /* @__PURE__ */ c({
 			"aria-pressed"
 		]));
 	}
-}), ne = /* @__PURE__ */ c({
+}), P = /* @__PURE__ */ c({
+	__name: "FpButtonGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (m(), n(x(M), {
+			as: t.as,
+			"as-child": t.asChild,
+			class: "fp-button-group",
+			role: "group"
+		}, {
+			default: O(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "as-child"]));
+	}
+}), F = /* @__PURE__ */ c({
 	__name: "FpCap",
 	props: {
 		color: { default: "white" },
@@ -49,14 +67,14 @@ var j = /* @__PURE__ */ c({
 			graphite: "fp-cap-graphite",
 			berry: "fp-cap-berry"
 		};
-		return (e, i) => (p(), n(y(D), {
+		return (e, i) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: d(["fp-cap", r[t.color]]),
 			type: t.as === "button" && !t.asChild ? "button" : void 0,
 			"aria-pressed": t.pressed
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",
@@ -66,10 +84,130 @@ var j = /* @__PURE__ */ c({
 			"aria-pressed"
 		]));
 	}
+}), I = {
+	green: "fp-led-green",
+	amber: "fp-led-amber",
+	red: "fp-led-red"
+}, L = ["data-orientation"], R = ["id"], z = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpCheckbox",
+	props: /*@__PURE__*/ l({
+		label: {},
+		orientation: { default: "horizontal" },
+		led: { default: "strip" },
+		color: { default: "green" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = e, a = w(e, "modelValue"), c = C(), l = S(), f = t(() => ({
+			class: l.class,
+			style: l.style
+		})), p = t(() => {
+			let { class: e, style: t, ...n } = l;
+			return n;
+		});
+		return (e, t) => (m(), i("div", u({
+			class: "fp-keys",
+			"data-orientation": n.orientation
+		}, f.value), [n.label ? (m(), i("span", {
+			key: 0,
+			id: x(c),
+			class: "fp-silk"
+		}, [n.led === "above" ? (m(), i("span", {
+			key: 0,
+			class: d(["fp-led", [x(I)[n.color], { "fp-led-lit": a.value }]]),
+			"aria-hidden": "true"
+		}, null, 2)) : r("", !0), o(b(n.label), 1)], 8, R)) : r("", !0), s(x(A), u(p.value, {
+			modelValue: a.value,
+			"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+			class: ["fp-key", n.led === "strip" ? x(I)[n.color] : void 0],
+			"data-strip": n.led === "strip" ? void 0 : "plain",
+			disabled: n.disabled,
+			"aria-labelledby": n.label ? x(c) : void 0
+		}), null, 16, [
+			"modelValue",
+			"class",
+			"data-strip",
+			"disabled",
+			"aria-labelledby"
+		])], 16, L));
+	}
+}), B = ["id"], V = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpCheckboxGroup",
+	props: /*@__PURE__*/ l({
+		options: {},
+		label: {},
+		orientation: { default: "horizontal" },
+		led: { default: "strip" },
+		color: { default: "green" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let c = n, l = w(n, "modelValue"), f = C(), p = `${f}-label`, h = (e) => `${f}-key-${e}`, _ = (e) => I[e.color ?? c.color], v = S(), y = t(() => ({
+			class: v.class,
+			style: v.style
+		})), T = t(() => {
+			let { class: e, style: t, ...n } = v;
+			return n;
+		});
+		return (t, n) => (m(), i("div", u({ class: "fp-unit" }, y.value), [s(x(k), u(T.value, {
+			modelValue: l.value,
+			"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
+			class: "fp-keys",
+			role: "group",
+			"roving-focus": !1,
+			"data-orientation": c.orientation,
+			disabled: c.disabled,
+			"aria-labelledby": c.label ? p : void 0
+		}), {
+			default: O(() => [(m(!0), i(e, null, g(c.options, (t, n) => (m(), i(e, { key: t.value }, [a("span", {
+				id: h(n),
+				class: "fp-silk"
+			}, [c.led === "above" ? (m(), i("span", {
+				key: 0,
+				class: d(["fp-led", [_(t), { "fp-led-lit": l.value.includes(t.value) }]]),
+				"aria-hidden": "true"
+			}, null, 2)) : r("", !0), o(b(t.label), 1)], 8, B), s(x(A), {
+				value: t.value,
+				disabled: t.disabled,
+				class: d(["fp-key", c.led === "strip" ? _(t) : void 0]),
+				"data-strip": c.led === "strip" ? void 0 : "plain",
+				"aria-labelledby": h(n)
+			}, null, 8, [
+				"value",
+				"disabled",
+				"class",
+				"data-strip",
+				"aria-labelledby"
+			])], 64))), 128))]),
+			_: 1
+		}, 16, [
+			"modelValue",
+			"data-orientation",
+			"disabled",
+			"aria-labelledby"
+		]), c.label ? (m(), i("span", {
+			key: 0,
+			id: p,
+			class: "fp-silk"
+		}, b(c.label), 1)) : r("", !0)], 16));
+	}
 });
 //#endregion
 //#region src/fit.ts
-function re(e, t, n, r) {
+function H(e, t, n, r) {
 	if (t.width <= 0 || n.width <= 0) return null;
 	let i = t.width / n.width;
 	if (e === "contain") {
@@ -80,7 +218,7 @@ function re(e, t, n, r) {
 }
 //#endregion
 //#region src/FpDevice.vue?vue&type=script&setup=true&lang.ts
-var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
+var fe = { class: "fp-device-body" }, pe = /* @__PURE__ */ c({
 	__name: "FpDevice",
 	props: {
 		backdrop: {
@@ -97,14 +235,14 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 		maxScale: { default: 1 }
 	},
 	setup(e) {
-		let n = e, r = C("stage"), o = C("device"), s = _({
+		let n = e, r = T("stage"), o = T("device"), s = y({
 			width: 0,
 			height: 0
-		}), c = _(0), l = t(() => n.fit === "none" ? !1 : n.width !== void 0 || (w(`FpDevice: fit="${n.fit}" needs a design width; the device is not scaled.`), !1)), u = t(() => n.height ?? c.value), m = t(() => !l.value || n.fit === "none" ? null : re(n.fit, s.value, {
+		}), c = y(0), l = t(() => n.fit === "none" ? !1 : n.width !== void 0 || (E(`FpDevice: fit="${n.fit}" needs a design width; the device is not scaled.`), !1)), u = t(() => n.height ?? c.value), p = t(() => !l.value || n.fit === "none" ? null : H(n.fit, s.value, {
 			width: n.width,
 			height: u.value
 		}, n.maxScale));
-		function g() {
+		function h() {
 			if (!r.value || !o.value) return;
 			let e = getComputedStyle(r.value), t = (e) => Number.parseFloat(e) || 0;
 			s.value = {
@@ -112,23 +250,23 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 				height: r.value.clientHeight - t(e.paddingTop) - t(e.paddingBottom)
 			}, c.value = o.value.offsetHeight;
 		}
-		T([
+		D([
 			l,
 			r,
 			o
 		], ([e, t, n], r, i) => {
 			if (!e || !t || !n || typeof ResizeObserver > "u") return;
-			let a = new ResizeObserver(g);
+			let a = new ResizeObserver(h);
 			a.observe(t), a.observe(n), i(() => a.disconnect());
 		}, {
 			flush: "post",
 			immediate: !0
 		});
-		let v = t(() => l.value ? { contain: "inline-size" } : void 0), y = t(() => {
+		let g = t(() => l.value ? { contain: "inline-size" } : void 0), v = t(() => {
 			if (!l.value) return { display: "contents" };
-			if (m.value !== null) return {
-				width: `${n.width * m.value}px`,
-				height: `${u.value * m.value}px`,
+			if (p.value !== null) return {
+				width: `${n.width * p.value}px`,
+				height: `${u.value * p.value}px`,
 				marginInline: "auto"
 			};
 		}), b = t(() => {
@@ -136,31 +274,31 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 				boxSizing: "border-box",
 				width: `${n.width}px`,
 				height: n.height === void 0 ? void 0 : `${n.height}px`,
-				scale: m.value ?? void 0,
+				scale: p.value ?? void 0,
 				transformOrigin: "0 0",
-				visibility: m.value === null ? "hidden" : void 0
+				visibility: p.value === null ? "hidden" : void 0
 			};
 		});
-		return (e, t) => (p(), i("div", {
+		return (e, t) => (m(), i("div", {
 			ref_key: "stage",
 			ref: r,
 			class: d({ "fp-device-backdrop": n.backdrop }),
-			style: f(v.value)
-		}, [a("div", { style: f(y.value) }, [n.rim ? (p(), i("div", {
+			style: f(g.value)
+		}, [a("div", { style: f(v.value) }, [n.rim ? (m(), i("div", {
 			key: 0,
 			ref_key: "device",
 			ref: o,
 			class: "fp-device-rim",
 			style: f(b.value)
-		}, [a("div", M, [h(e.$slots, "default")])], 4)) : (p(), i("div", {
+		}, [a("div", fe, [_(e.$slots, "default")])], 4)) : (m(), i("div", {
 			key: 1,
 			ref_key: "device",
 			ref: o,
 			class: "fp-device-body",
 			style: f(b.value)
-		}, [h(e.$slots, "default")], 4))], 4)], 6));
+		}, [_(e.$slots, "default")], 4))], 4)], 6));
 	}
-}), P = /* @__PURE__ */ c({
+}), me = /* @__PURE__ */ c({
 	__name: "FpGelButton",
 	props: {
 		asChild: { type: Boolean },
@@ -168,13 +306,13 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-gel",
 			type: t.as === "button" && !t.asChild ? "button" : void 0
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",
@@ -182,7 +320,7 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 			"type"
 		]));
 	}
-}), ie = /* @__PURE__ */ c({
+}), he = /* @__PURE__ */ c({
 	__name: "FpHousing",
 	props: {
 		asChild: { type: Boolean },
@@ -190,16 +328,16 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-housing"
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), F = [
+}), U = [
 	"................",
 	"................",
 	".....#..........",
@@ -216,7 +354,7 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 	"................",
 	"................",
 	"................"
-], I = [
+], W = [
 	"................",
 	"................",
 	".........##.....",
@@ -233,7 +371,7 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 	".........##.....",
 	"................",
 	"................"
-], L = (e) => e.map((e) => [...e].reverse().join("")), R = {
+], G = (e) => e.map((e) => [...e].reverse().join("")), K = {
 	add: [
 		"................",
 		"................",
@@ -270,8 +408,26 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 		"................",
 		"................"
 	],
-	left: I,
-	right: L(I),
+	left: W,
+	right: G(W),
+	down: [
+		"................",
+		"................",
+		"................",
+		"................",
+		"................",
+		"..##........##..",
+		"..###......###..",
+		"...###....###...",
+		"....###..###....",
+		".....######.....",
+		"......####......",
+		".......##.......",
+		"................",
+		"................",
+		"................",
+		"................"
+	],
 	go: [
 		"................",
 		"................",
@@ -308,8 +464,8 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 		"................",
 		"................"
 	],
-	undo: F,
-	redo: L(F),
+	undo: U,
+	redo: G(U),
 	home: [
 		"................",
 		".......##.......",
@@ -507,9 +663,27 @@ var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 		"................",
 		"................",
 		"................"
+	],
+	power: [
+		"................",
+		"................",
+		".......##.......",
+		".......##.......",
+		"...##..##..##...",
+		"..###..##..###..",
+		"..##...##...##..",
+		"..##...##...##..",
+		"..##........##..",
+		"..##........##..",
+		"..###......###..",
+		"...###....###...",
+		"....########....",
+		".....######.....",
+		"................",
+		"................"
 	]
 };
-function z(e) {
+function ge(e) {
 	let t = "";
 	return e.forEach((e, n) => {
 		let r = 0;
@@ -525,27 +699,27 @@ function z(e) {
 		}
 	}), t;
 }
-var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H = [
+var q = Object.keys(K), _e = Object.fromEntries(q.map((e) => [e, ge(K[e])])), ve = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], U = ["d"], W = /* @__PURE__ */ c({
+], ye = ["d"], J = /* @__PURE__ */ c({
 	__name: "FpIcon",
 	props: {
 		name: {},
 		label: {}
 	},
 	setup(e) {
-		let n = e, r = t(() => V[n.name]);
-		return (e, t) => (p(), i("svg", {
+		let n = e, r = t(() => _e[n.name]);
+		return (e, t) => (m(), i("svg", {
 			viewBox: "0 0 16 16",
 			class: "fp-icon",
 			role: n.label ? "img" : void 0,
 			"aria-label": n.label || void 0,
 			"aria-hidden": n.label ? void 0 : "true"
-		}, [a("path", { d: r.value }, null, 8, U)], 8, H));
+		}, [a("path", { d: r.value }, null, 8, ye)], 8, ve));
 	}
-}), G = [
+}), be = [
 	"tabindex",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -553,7 +727,7 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 	"aria-valuetext",
 	"aria-labelledby",
 	"aria-disabled"
-], K = ["id"], q = 200, J = .1, Y = 270, ae = /* @__PURE__ */ c({
+], xe = ["id"], Se = 200, Ce = .1, Y = 270, we = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpKnob",
 	props: /*@__PURE__*/ l({
@@ -569,34 +743,34 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 	}),
 	emits: /*@__PURE__*/ l(["valueCommit"], ["update:modelValue"]),
 	setup(e, { emit: n }) {
-		let o = e, s = n, c = S(e, "modelValue"), l = b(), d = t(() => ({
+		let o = e, s = n, c = w(e, "modelValue"), l = S(), d = t(() => ({
 			class: l.class,
 			style: l.style
-		})), m = t(() => {
+		})), p = t(() => {
 			let { class: e, style: t, ...n } = l;
 			return n;
-		}), h = x(), g = t(() => (String(o.step).split(".")[1] ?? "").length);
+		}), h = C(), g = t(() => (String(o.step).split(".")[1] ?? "").length);
 		function _(e) {
 			let t = Math.round((e - o.min) / o.step) * o.step + o.min, n = Math.min(o.max, Math.max(o.min, t));
 			return Number(n.toFixed(g.value));
 		}
-		let C = t(() => _(c.value)), w = t(() => {
-			let e = o.max - o.min, t = e > 0 ? (C.value - o.min) / e : 0;
+		let v = t(() => _(c.value)), y = t(() => {
+			let e = o.max - o.min, t = e > 0 ? (v.value - o.min) / e : 0;
 			return Math.round(t * Y - Y / 2);
 		});
 		function T(e) {
 			let t = _(e);
-			return t !== C.value && (c.value = t, !0);
+			return t !== v.value && (c.value = t, !0);
 		}
 		function E(e) {
 			if (o.disabled) return;
 			let t = o.step * 10, n = {
-				ArrowUp: C.value + o.step,
-				ArrowRight: C.value + o.step,
-				ArrowDown: C.value - o.step,
-				ArrowLeft: C.value - o.step,
-				PageUp: C.value + t,
-				PageDown: C.value - t,
+				ArrowUp: v.value + o.step,
+				ArrowRight: v.value + o.step,
+				ArrowDown: v.value - o.step,
+				ArrowLeft: v.value - o.step,
+				PageUp: v.value + t,
+				PageDown: v.value - t,
 				Home: o.min,
 				End: o.max
 			}[e.key];
@@ -612,13 +786,13 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 			}), D = {
 				pointerId: e.pointerId,
 				y: e.clientY,
-				raw: C.value,
-				start: C.value
+				raw: v.value,
+				start: v.value
 			};
 		}
 		function k(e) {
 			if (!D || e.pointerId !== D.pointerId) return;
-			let t = (o.max - o.min) / q * (e.shiftKey ? J : 1);
+			let t = (o.max - o.min) / Se * (e.shiftKey ? Ce : 1);
 			D.raw = Math.min(o.max, Math.max(o.min, D.raw + (D.y - e.clientY) * t)), D.y = e.clientY, T(D.raw);
 		}
 		function A(e) {
@@ -626,15 +800,15 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 			let t = _(D.raw), n = t !== D.start;
 			D = void 0, n && s("valueCommit", t);
 		}
-		return (e, t) => (p(), i("div", u({ class: "fp-unit" }, d.value), [a("div", u(m.value, {
+		return (e, t) => (m(), i("div", u({ class: "fp-unit" }, d.value), [a("div", u(p.value, {
 			class: "fp-knob",
 			role: "slider",
 			tabindex: o.disabled ? void 0 : 0,
 			"aria-valuemin": o.min,
 			"aria-valuemax": o.max,
-			"aria-valuenow": C.value,
-			"aria-valuetext": o.valueText?.(C.value),
-			"aria-labelledby": o.label ? y(h) : void 0,
+			"aria-valuenow": v.value,
+			"aria-valuetext": o.valueText?.(v.value),
+			"aria-labelledby": o.label ? x(h) : void 0,
 			"aria-disabled": o.disabled || void 0,
 			onKeydown: E,
 			onPointerdown: O,
@@ -643,14 +817,14 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 			onPointercancel: A
 		}), [a("span", {
 			class: "fp-knob-mark",
-			style: f({ rotate: `${w.value}deg` })
-		}, null, 4)], 16, G), o.label ? (p(), i("span", {
+			style: f({ rotate: `${y.value}deg` })
+		}, null, 4)], 16, be), o.label ? (m(), i("span", {
 			key: 0,
-			id: y(h),
+			id: x(h),
 			class: "fp-silk"
-		}, v(o.label), 9, K)) : r("", !0)], 16));
+		}, b(o.label), 9, xe)) : r("", !0)], 16));
 	}
-}), oe = /* @__PURE__ */ c({
+}), Te = /* @__PURE__ */ c({
 	__name: "FpLcd",
 	props: {
 		asChild: { type: Boolean },
@@ -658,20 +832,20 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-lcd"
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), se = {
+}), Ee = {
 	key: 0,
 	class: "fp-lcd-ghost",
 	"aria-hidden": "true"
-}, ce = { key: 2 }, le = /* @__PURE__ */ c({
+}, De = { key: 2 }, Oe = /* @__PURE__ */ c({
 	__name: "FpLcdLine",
 	props: {
 		text: {},
@@ -683,15 +857,15 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 	},
 	setup(e) {
 		let a = e, o = t(() => "8".repeat(a.cells ?? a.text.length));
-		return (e, t) => (p(), n(y(D), {
+		return (e, t) => (m(), n(x(M), {
 			as: a.as,
 			"as-child": a.asChild,
 			class: "fp-lcd-line"
 		}, {
-			default: E(() => [a.ghost ? (p(), i("span", se, v(o.value), 1)) : r("", !0), a.redraw ? (p(), i("span", {
+			default: O(() => [a.ghost ? (m(), i("span", Ee, b(o.value), 1)) : r("", !0), a.redraw ? (m(), i("span", {
 				key: a.text,
 				class: "fp-lcd-redraw"
-			}, v(a.text), 1)) : (p(), i("span", ce, v(a.text), 1))]),
+			}, b(a.text), 1)) : (m(), i("span", De, b(a.text), 1))]),
 			_: 1
 		}, 8, ["as", "as-child"]));
 	}
@@ -699,11 +873,11 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 	flat: "fp-lens-flat",
 	diffused: "fp-lens-diffused",
 	clear: "fp-lens-clear"
-}, ue = [
+}, ke = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], de = /* @__PURE__ */ c({
+], Ae = /* @__PURE__ */ c({
 	__name: "FpLed",
 	props: {
 		color: { default: "green" },
@@ -718,10 +892,10 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 			amber: "fp-led-amber",
 			red: "fp-led-red"
 		};
-		return (e, r) => (p(), i("span", {
+		return (e, r) => (m(), i("span", {
 			class: d(["fp-led", [
 				n[t.color],
-				t.lens && y(X)[t.lens],
+				t.lens && x(X)[t.lens],
 				{
 					"fp-led-lit": t.lit,
 					"fp-blink-twice": t.lit && t.blink
@@ -730,16 +904,112 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 			role: t.label ? "img" : void 0,
 			"aria-label": t.label || void 0,
 			"aria-hidden": t.label ? void 0 : "true"
-		}, null, 10, ue));
+		}, null, 10, ke));
+	}
+}), je = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpMenu",
+	props: /*@__PURE__*/ l({
+		side: { default: "bottom" },
+		align: { default: "start" },
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		to: { default: "body" }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(e) {
+		let t = e, r = w(e, "open"), i = S(), a = h(), o = h();
+		function c() {
+			let e = a.value?.$el;
+			o.value = e instanceof Element ? e.closest("[data-fp-skin]")?.getAttribute("data-fp-skin") ?? void 0 : void 0;
+		}
+		return D(r, (e) => {
+			e && c();
+		}), p(() => {
+			r.value && c();
+		}), (e, c) => (m(), n(x(ne), {
+			open: r.value,
+			"onUpdate:open": c[0] ||= (e) => r.value = e,
+			modal: t.modal
+		}, {
+			default: O(() => [s(x(ie), {
+				ref_key: "trigger",
+				ref: a,
+				"as-child": ""
+			}, {
+				default: O(() => [_(e.$slots, "trigger", { open: r.value })]),
+				_: 3
+			}, 512), s(x(j), { to: t.to }, {
+				default: O(() => [s(x(ee), u(x(i), {
+					class: "fp-menu",
+					"data-fp-skin": o.value,
+					side: t.side,
+					align: t.align,
+					"side-offset": 4,
+					"collision-padding": 8,
+					style: { maxHeight: "var(--reka-dropdown-menu-content-available-height)" }
+				}), {
+					default: O(() => [_(e.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"data-fp-skin",
+					"side",
+					"align"
+				])]),
+				_: 3
+			}, 8, ["to"])]),
+			_: 3
+		}, 8, ["open", "modal"]));
+	}
+}), Me = /* @__PURE__ */ c({
+	__name: "FpMenuItem",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: { default: "div" }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let r = e, i = t;
+		return (e, t) => (m(), n(x(te), {
+			as: r.as,
+			"as-child": r.asChild,
+			disabled: r.disabled,
+			"text-value": r.textValue,
+			class: "fp-menu-item",
+			onSelect: t[0] ||= (e) => i("select", e)
+		}, {
+			default: O(() => [_(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"disabled",
+			"text-value"
+		]));
 	}
-}), fe = [
+}), Ne = /* @__PURE__ */ c({
+	__name: "FpMenuSeparator",
+	setup(e) {
+		return (e, t) => (m(), n(x(re), { class: "fp-menu-separator" }));
+	}
+}), Pe = [
 	"data-orientation",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext",
 	"aria-labelledby"
-], pe = ["id"], me = /* @__PURE__ */ c({
+], Fe = ["id"], Ie = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpMeter",
 	props: {
@@ -755,44 +1025,107 @@ var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H =
 		valueText: {}
 	},
 	setup(e) {
-		let n = e, o = b(), s = t(() => ({
+		let n = e, o = S(), s = t(() => ({
 			class: o.class,
 			style: o.style
 		})), c = t(() => {
 			let { class: e, style: t, ...n } = o;
 			return n;
-		}), l = x(), d = t(() => Math.min(n.max, Math.max(n.min, n.value)));
+		}), l = C(), d = t(() => Math.min(n.max, Math.max(n.min, n.value)));
 		function f(e) {
 			let t = n.max - n.min;
 			return t > 0 ? Math.min(1, Math.max(0, (e - n.min) / t)) : 0;
 		}
-		function m(e, t) {
+		function p(e, t) {
 			return t(f(e) * n.segments + 1e-9) / n.segments;
 		}
 		let h = t(() => {
 			let e = n.max - n.min;
 			return {
-				"--fp-meter-level": String(m(d.value, Math.floor)),
+				"--fp-meter-level": String(p(d.value, Math.floor)),
 				"--fp-meter-segments": String(n.segments),
-				"--fp-meter-amber": String(m(n.amberAt ?? n.min + e * .7, Math.round)),
-				"--fp-meter-red": String(m(n.redAt ?? n.min + e * .9, Math.round))
+				"--fp-meter-amber": String(p(n.amberAt ?? n.min + e * .7, Math.round)),
+				"--fp-meter-red": String(p(n.redAt ?? n.min + e * .9, Math.round))
 			};
 		});
-		return (e, t) => (p(), i("div", u({ class: "fp-unit" }, s.value), [a("div", u(c.value, {
-			class: ["fp-meter", n.lens && y(X)[n.lens]],
+		return (e, t) => (m(), i("div", u({ class: "fp-unit" }, s.value), [a("div", u(c.value, {
+			class: ["fp-meter", n.lens && x(X)[n.lens]],
 			role: "meter",
 			"data-orientation": n.orientation,
 			"aria-valuemin": n.min,
 			"aria-valuemax": n.max,
 			"aria-valuenow": d.value,
 			"aria-valuetext": n.valueText?.(d.value),
-			"aria-labelledby": n.label ? y(l) : void 0,
+			"aria-labelledby": n.label ? x(l) : void 0,
 			style: h.value
-		}), null, 16, fe), n.label ? (p(), i("span", {
+		}), null, 16, Pe), n.label ? (m(), i("span", {
 			key: 0,
-			id: y(l),
+			id: x(l),
 			class: "fp-silk"
-		}, v(n.label), 9, pe)) : r("", !0)], 16));
+		}, b(n.label), 9, Fe)) : r("", !0)], 16));
+	}
+}), Le = ["id"], Re = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpRadioGroup",
+	props: /*@__PURE__*/ l({
+		options: {},
+		label: {},
+		orientation: { default: "horizontal" },
+		led: { default: "strip" },
+		color: { default: "green" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let c = n, l = w(n, "modelValue"), f = C(), p = `${f}-label`, h = (e) => `${f}-key-${e}`, _ = (e) => I[e.color ?? c.color], v = S(), y = t(() => ({
+			class: v.class,
+			style: v.style
+		})), T = t(() => {
+			let { class: e, style: t, ...n } = v;
+			return n;
+		});
+		return (t, n) => (m(), i("div", u({ class: "fp-unit" }, y.value), [s(x(oe), u(T.value, {
+			modelValue: l.value,
+			"onUpdate:modelValue": n[0] ||= (e) => l.value = e,
+			class: "fp-keys",
+			orientation: c.orientation,
+			disabled: c.disabled,
+			"aria-labelledby": c.label ? p : void 0
+		}), {
+			default: O(() => [(m(!0), i(e, null, g(c.options, (t, n) => (m(), i(e, { key: t.value }, [a("span", {
+				id: h(n),
+				class: "fp-silk"
+			}, [c.led === "above" ? (m(), i("span", {
+				key: 0,
+				class: d(["fp-led", [_(t), { "fp-led-lit": l.value === t.value }]]),
+				"aria-hidden": "true"
+			}, null, 2)) : r("", !0), o(b(t.label), 1)], 8, Le), s(x(ae), {
+				value: t.value,
+				disabled: t.disabled,
+				class: d(["fp-key", c.led === "strip" ? _(t) : void 0]),
+				"data-strip": c.led === "strip" ? void 0 : "plain",
+				"aria-labelledby": h(n)
+			}, null, 8, [
+				"value",
+				"disabled",
+				"class",
+				"data-strip",
+				"aria-labelledby"
+			])], 64))), 128))]),
+			_: 1
+		}, 16, [
+			"modelValue",
+			"orientation",
+			"disabled",
+			"aria-labelledby"
+		]), c.label ? (m(), i("span", {
+			key: 0,
+			id: p,
+			class: "fp-silk"
+		}, b(c.label), 1)) : r("", !0)], 16));
 	}
 }), Z = {
 	0: "abcdef",
@@ -838,10 +1171,10 @@ function Q(e) {
 }
 //#endregion
 //#region src/FpReadout.vue?vue&type=script&setup=true&lang.ts
-var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-readout-lit" }, ve = ["data-segment"], ye = {
+var ze = { class: "fp-readout-text" }, Be = ["data-colon"], Ve = { class: "fp-readout-lit" }, He = ["data-segment"], Ue = {
 	key: 0,
 	"data-segment": "dp"
-}, be = /* @__PURE__ */ c({
+}, We = /* @__PURE__ */ c({
 	__name: "FpReadout",
 	props: {
 		value: {},
@@ -876,25 +1209,25 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 				dot: !1
 			})), ...e];
 		});
-		return (t, n) => (p(), i("span", { class: d(["fp-readout", [s[o.color], o.lens && y(X)[o.lens]]]) }, [a("span", he, v(o.valueText ? o.valueText(c.value) : c.value), 1), (p(!0), i(e, null, m(l.value, (t, o) => (p(), i("span", {
+		return (t, n) => (m(), i("span", { class: d(["fp-readout", [s[o.color], o.lens && x(X)[o.lens]]]) }, [a("span", ze, b(o.valueText ? o.valueText(c.value) : c.value), 1), (m(!0), i(e, null, g(l.value, (t, o) => (m(), i("span", {
 			key: o,
 			class: "fp-readout-cell",
 			"data-colon": t.colon ? "" : void 0,
 			"aria-hidden": "true"
-		}, [a("span", _e, [t.colon ? (p(), i(e, { key: 0 }, [n[0] ||= a("span", { "data-segment": "colon-upper" }, null, -1), n[1] ||= a("span", { "data-segment": "colon-lower" }, null, -1)], 64)) : (p(), i(e, { key: 1 }, [(p(!0), i(e, null, m(t.lit, (e) => (p(), i("span", {
+		}, [a("span", Ve, [t.colon ? (m(), i(e, { key: 0 }, [n[0] ||= a("span", { "data-segment": "colon-upper" }, null, -1), n[1] ||= a("span", { "data-segment": "colon-lower" }, null, -1)], 64)) : (m(), i(e, { key: 1 }, [(m(!0), i(e, null, g(t.lit, (e) => (m(), i("span", {
 			key: e,
 			"data-segment": e
-		}, null, 8, ve))), 128)), t.dot ? (p(), i("span", ye)) : r("", !0)], 64))])], 8, ge))), 128))], 2));
+		}, null, 8, He))), 128)), t.dot ? (m(), i("span", Ue)) : r("", !0)], 64))])], 8, Be))), 128))], 2));
 	}
 }), $ = {
 	class: "fp-screw",
 	"aria-hidden": "true"
-}, xe = /* @__PURE__ */ c({
+}, Ge = /* @__PURE__ */ c({
 	__name: "FpScrew",
 	setup(e) {
-		return (e, t) => (p(), i("span", $));
+		return (e, t) => (m(), i("span", $));
 	}
-}), Se = /* @__PURE__ */ c({
+}), Ke = /* @__PURE__ */ c({
 	__name: "FpSilk",
 	props: {
 		asChild: { type: Boolean },
@@ -902,16 +1235,16 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-silk"
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), Ce = ["id"], we = /* @__PURE__ */ c({
+}), qe = ["id"], Je = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpSlider",
 	props: /*@__PURE__*/ l({
@@ -928,31 +1261,31 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 	}),
 	emits: /*@__PURE__*/ l(["valueCommit"], ["update:modelValue"]),
 	setup(e, { emit: n }) {
-		let a = e, o = n, c = S(e, "modelValue"), l = b(), d = t(() => ({
+		let a = e, o = n, c = w(e, "modelValue"), l = S(), d = t(() => ({
 			class: l.class,
 			style: l.style
 		})), f = t(() => {
 			let { class: e, style: t, ...n } = l;
 			return n;
-		}), m = x(), h = t(() => [c.value]);
+		}), p = C(), h = t(() => [c.value]);
 		function g(e) {
 			e?.[0] !== void 0 && (c.value = e[0]);
 		}
-		let _ = C("unit");
-		function w(e) {
+		let _ = T("unit");
+		function v(e) {
 			a.disabled || e.button !== 0 || _.value?.querySelector("[role=\"slider\"]")?.focus({
 				preventScroll: !0,
 				focusVisible: !1
 			});
 		}
-		function T(e) {
+		function y(e) {
 			e[0] !== void 0 && o("valueCommit", e[0]);
 		}
-		return (e, t) => (p(), i("div", u({
+		return (e, t) => (m(), i("div", u({
 			ref_key: "unit",
 			ref: _,
 			class: "fp-unit"
-		}, d.value, { onPointerdownCapture: w }), [s(y(O), {
+		}, d.value, { onPointerdownCapture: v }), [s(x(se), {
 			class: "fp-fader",
 			"model-value": h.value,
 			min: a.min,
@@ -961,12 +1294,12 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 			orientation: a.orientation,
 			disabled: a.disabled,
 			"onUpdate:modelValue": g,
-			onValueCommit: T
+			onValueCommit: y
 		}, {
-			default: E(() => [s(y(A), { class: "fp-fader-slot" }), s(y(k), u(f.value, {
+			default: O(() => [s(x(le), { class: "fp-fader-slot" }), s(x(ce), u(f.value, {
 				class: "fp-fader-cap",
 				"aria-valuetext": a.valueText?.(c.value),
-				"aria-labelledby": a.label ? y(m) : void 0,
+				"aria-labelledby": a.label ? x(p) : void 0,
 				"aria-disabled": a.disabled || void 0
 			}), null, 16, [
 				"aria-valuetext",
@@ -981,13 +1314,13 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 			"step",
 			"orientation",
 			"disabled"
-		]), a.label ? (p(), i("span", {
+		]), a.label ? (m(), i("span", {
 			key: 0,
-			id: y(m),
+			id: x(p),
 			class: "fp-silk"
-		}, v(a.label), 9, Ce)) : r("", !0)], 16));
+		}, b(a.label), 9, qe)) : r("", !0)], 16));
 	}
-}), Te = ["data-label-placement"], Ee = ["id"], De = /* @__PURE__ */ c({
+}), Ye = ["data-label-placement"], Xe = ["id"], Ze = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpSwitch",
 	props: /*@__PURE__*/ l({
@@ -1009,26 +1342,26 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 			green: "fp-led-green",
 			amber: "fp-led-amber",
 			red: "fp-led-red"
-		}, c = S(e, "modelValue"), l = x(), d = b(), f = t(() => ({
+		}, c = w(e, "modelValue"), l = C(), d = S(), f = t(() => ({
 			class: d.class,
 			style: d.style
-		})), m = t(() => {
+		})), p = t(() => {
 			let { class: e, style: t, ...n } = d;
 			return n;
 		});
-		return (e, t) => (p(), i("div", u({
+		return (e, t) => (m(), i("div", u({
 			class: "fp-unit",
 			"data-label-placement": n.labelPlacement
-		}, f.value), [s(y(ee), u(m.value, {
+		}, f.value), [s(x(ue), u(p.value, {
 			modelValue: c.value,
 			"onUpdate:modelValue": t[0] ||= (e) => c.value = e,
 			class: ["fp-switch", o[n.color]],
 			"data-orientation": n.orientation,
 			disabled: n.disabled,
-			"aria-labelledby": n.label ? y(l) : void 0
+			"aria-labelledby": n.label ? x(l) : void 0
 		}), {
-			default: E(() => [s(y(te), { class: "fp-switch-rocker" }, {
-				default: E(() => [...t[1] ||= [a("span", { class: "fp-switch-lamp" }, null, -1), a("span", { class: "fp-switch-face" }, null, -1)]]),
+			default: O(() => [s(x(de), { class: "fp-switch-rocker" }, {
+				default: O(() => [...t[1] ||= [a("span", { class: "fp-switch-lamp" }, null, -1), a("span", { class: "fp-switch-face" }, null, -1)]]),
 				_: 1
 			})]),
 			_: 1
@@ -1038,13 +1371,13 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 			"data-orientation",
 			"disabled",
 			"aria-labelledby"
-		]), n.label ? (p(), i("span", {
+		]), n.label ? (m(), i("span", {
 			key: 0,
-			id: y(l),
+			id: x(l),
 			class: "fp-silk"
-		}, v(n.label), 9, Ee)) : r("", !0)], 16, Te));
+		}, b(n.label), 9, Xe)) : r("", !0)], 16, Ye));
 	}
-}), Oe = /* @__PURE__ */ c({
+}), Qe = /* @__PURE__ */ c({
 	__name: "FpWell",
 	props: {
 		asChild: { type: Boolean },
@@ -1052,16 +1385,16 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 	},
 	setup(e) {
 		let t = e;
-		return (e, r) => (p(), n(y(D), {
+		return (e, r) => (m(), n(x(M), {
 			as: t.as,
 			"as-child": t.asChild,
 			class: "fp-well"
 		}, {
-			default: E(() => [h(e.$slots, "default")]),
+			default: O(() => [_(e.$slots, "default")]),
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), ke = { class: "fp-module-title" }, Ae = /* @__PURE__ */ c({
+}), $e = { class: "fp-module-title" }, et = /* @__PURE__ */ c({
 	__name: "FpWindow",
 	props: {
 		as: { default: "section" },
@@ -1074,30 +1407,30 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 	},
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let i = e, c = t, l = x();
-		return (e, t) => (p(), n(y(D), {
+		let i = e, c = t, l = C();
+		return (e, t) => (m(), n(x(M), {
 			as: i.as,
 			class: d(["fp-window", [i.sheet ? "fp-sheet-panel" : "fp-module"]]),
-			"aria-labelledby": y(l)
+			"aria-labelledby": x(l)
 		}, {
-			default: E(() => [a("div", ke, [
-				(p(), n(g(`h${i.level}`), {
-					id: y(l),
+			default: O(() => [a("div", $e, [
+				(m(), n(v(`h${i.level}`), {
+					id: x(l),
 					class: "fp-silk fp-window-title"
 				}, {
-					default: E(() => [o(v(i.title), 1)]),
+					default: O(() => [o(b(i.title), 1)]),
 					_: 1
 				}, 8, ["id"])),
-				h(e.$slots, "actions"),
-				i.closable ? (p(), n(j, {
+				_(e.$slots, "actions"),
+				i.closable ? (m(), n(N, {
 					key: 0,
 					"aria-label": i.closeLabel ?? `Close ${i.title}`,
 					onClick: t[0] ||= (e) => c("close")
 				}, {
-					default: E(() => [s(W, { name: "close" })]),
+					default: O(() => [s(J, { name: "close" })]),
 					_: 1
 				}, 8, ["aria-label"])) : r("", !0)
-			]), a("div", { class: d(i.flush ? void 0 : "fp-window-body") }, [h(e.$slots, "default")], 2)]),
+			]), a("div", { class: d(i.flush ? void 0 : "fp-window-body") }, [_(e.$slots, "default")], 2)]),
 			_: 3
 		}, 8, [
 			"as",
@@ -1107,4 +1440,4 @@ var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-re
 	}
 });
 //#endregion
-export { j as FpButton, ne as FpCap, N as FpDevice, P as FpGelButton, ie as FpHousing, W as FpIcon, ae as FpKnob, oe as FpLcd, le as FpLcdLine, de as FpLed, me as FpMeter, be as FpReadout, xe as FpScrew, Se as FpSilk, we as FpSlider, De as FpSwitch, Oe as FpWell, Ae as FpWindow, B as fpIconNames, Q as fpReadoutGlyph };
+export { N as FpButton, P as FpButtonGroup, F as FpCap, z as FpCheckbox, V as FpCheckboxGroup, pe as FpDevice, me as FpGelButton, he as FpHousing, J as FpIcon, we as FpKnob, Te as FpLcd, Oe as FpLcdLine, Ae as FpLed, je as FpMenu, Me as FpMenuItem, Ne as FpMenuSeparator, Ie as FpMeter, Re as FpRadioGroup, We as FpReadout, Ge as FpScrew, Ke as FpSilk, Je as FpSlider, Ze as FpSwitch, Qe as FpWell, et as FpWindow, q as fpIconNames, Q as fpReadoutGlyph };