@frontpanel/vue 0.2.0 → 0.3.0

package/README.md

@@ -72,7 +72,7 @@ const playing = ref(false)
 | `FpLcd`, `FpLcdLine` | LCD glass, and a line of text on it with optional unlit segments (`ghost`, `cells`) and a left-to-right `redraw` |
 | `FpLed` | A `green`, `amber` or `red` LED; `lit`, and `blink` to confirm an action |
 | `FpHousing`, `FpWell`, `FpSilk`, `FpScrew` | A dark housing for LEDs, a recessed well, a silkscreened label, a screw head |
-| `FpIcon` | An 18-glyph 16 px pixel icon set (`fpIconNames`) |
+| `FpIcon` | A 19-glyph 16 px pixel icon set (`fpIconNames`) |
 
 Element components take Reka's `as` and `asChild`.
 

package/dist/FpSwitch.vue.d.ts

@@ -0,0 +1,28 @@
+import type { FpLedColor } from './FpLed.vue';
+export interface FpSwitchProps {
+    /** A silkscreen label, which also names the switch. Without one, give it an `aria-label`. */
+    label?: string;
+    /** Where the label sits: under the switch, or level with it and before it in the line. */
+    labelPlacement?: 'below' | 'start';
+    /** Standing up, I at the top; or on its side, I on the right. */
+    orientation?: 'vertical' | 'horizontal';
+    /** The colour its lamp lights in. */
+    color?: FpLedColor;
+    disabled?: boolean;
+}
+type __VLS_Props = FpSwitchProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: FpLedColor;
+    orientation: "vertical" | "horizontal";
+    labelPlacement: "start" | "below";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/icons.d.ts

@@ -1,4 +1,4 @@
-export type FpIconName = 'add' | 'saved' | 'settings' | 'help' | 'home' | 'undo' | 'redo' | 'save' | 'copy' | 'trash' | 'close' | 'grip' | 'left' | 'right' | 'quick' | 'grid' | 'go' | 'menu';
+export type FpIconName = 'add' | 'saved' | 'settings' | 'help' | 'home' | 'undo' | 'redo' | 'save' | 'copy' | 'trash' | 'close' | 'grip' | 'left' | 'right' | 'quick' | 'grid' | 'go' | 'play' | 'menu';
 /** One path per glyph: every horizontal run of lit pixels becomes a 1 px tall rectangle. */
 export declare function toPath(rows: readonly string[]): string;
 /** Every icon name, in the order the set lists them. */

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export { default as FpSilk } from './FpSilk.vue';
 export type { FpSilkProps } from './FpSilk.vue';
 export { default as FpSlider } from './FpSlider.vue';
 export type { FpSliderProps } from './FpSlider.vue';
+export { default as FpSwitch } from './FpSwitch.vue';
+export type { FpSwitchProps } from './FpSwitch.vue';
 export { default as FpWell } from './FpWell.vue';
 export type { FpWellProps } from './FpWell.vue';
 export { default as FpWindow } from './FpWindow.vue';

package/dist/index.js

@@ -1,5 +1,5 @@
 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 } from "reka-ui";
+import { Primitive as D, SliderRoot as O, SliderThumb as k, SliderTrack as A, SwitchRoot as ee, SwitchThumb as te } from "reka-ui";
 //#endregion
 //#region src/FpButton.vue
 var j = /* @__PURE__ */ c({
@@ -30,7 +30,7 @@ var j = /* @__PURE__ */ c({
 			"aria-pressed"
 		]));
 	}
-}), M = /* @__PURE__ */ c({
+}), ne = /* @__PURE__ */ c({
 	__name: "FpCap",
 	props: {
 		color: { default: "white" },
@@ -69,7 +69,7 @@ var j = /* @__PURE__ */ c({
 });
 //#endregion
 //#region src/fit.ts
-function ee(e, t, n, r) {
+function re(e, t, n, r) {
 	if (t.width <= 0 || n.width <= 0) return null;
 	let i = t.width / n.width;
 	if (e === "contain") {
@@ -80,7 +80,7 @@ function ee(e, t, n, r) {
 }
 //#endregion
 //#region src/FpDevice.vue?vue&type=script&setup=true&lang.ts
-var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
+var M = { class: "fp-device-body" }, N = /* @__PURE__ */ c({
 	__name: "FpDevice",
 	props: {
 		backdrop: {
@@ -100,7 +100,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 		let n = e, r = C("stage"), o = C("device"), s = _({
 			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 : ee(n.fit, s.value, {
+		}), 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, {
 			width: n.width,
 			height: u.value
 		}, n.maxScale));
@@ -152,7 +152,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 			ref: o,
 			class: "fp-device-rim",
 			style: f(b.value)
-		}, [a("div", te, [h(e.$slots, "default")])], 4)) : (p(), i("div", {
+		}, [a("div", M, [h(e.$slots, "default")])], 4)) : (p(), i("div", {
 			key: 1,
 			ref_key: "device",
 			ref: o,
@@ -160,7 +160,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 			style: f(b.value)
 		}, [h(e.$slots, "default")], 4))], 4)], 6));
 	}
-}), re = /* @__PURE__ */ c({
+}), P = /* @__PURE__ */ c({
 	__name: "FpGelButton",
 	props: {
 		asChild: { type: Boolean },
@@ -182,7 +182,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 			"type"
 		]));
 	}
-}), N = /* @__PURE__ */ c({
+}), ie = /* @__PURE__ */ c({
 	__name: "FpHousing",
 	props: {
 		asChild: { type: Boolean },
@@ -199,7 +199,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), P = [
+}), F = [
 	"................",
 	"................",
 	".....#..........",
@@ -216,7 +216,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 	"................",
 	"................",
 	"................"
-], F = [
+], I = [
 	"................",
 	"................",
 	".........##.....",
@@ -233,7 +233,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 	".........##.....",
 	"................",
 	"................"
-], I = (e) => e.map((e) => [...e].reverse().join("")), L = {
+], L = (e) => e.map((e) => [...e].reverse().join("")), R = {
 	add: [
 		"................",
 		"................",
@@ -270,8 +270,8 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 		"................",
 		"................"
 	],
-	left: F,
-	right: I(F),
+	left: I,
+	right: L(I),
 	go: [
 		"................",
 		"................",
@@ -290,8 +290,26 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 		"................",
 		"................"
 	],
-	undo: P,
-	redo: I(P),
+	play: [
+		"................",
+		"................",
+		"....#...........",
+		"....###.........",
+		"....####........",
+		"....######......",
+		"....#######.....",
+		"....#########...",
+		"....#########...",
+		"....#######.....",
+		"....######......",
+		"....####........",
+		"....###.........",
+		"....#...........",
+		"................",
+		"................"
+	],
+	undo: F,
+	redo: L(F),
 	home: [
 		"................",
 		".......##.......",
@@ -491,7 +509,7 @@ var te = { class: "fp-device-body" }, ne = /* @__PURE__ */ c({
 		"................"
 	]
 };
-function ie(e) {
+function z(e) {
 	let t = "";
 	return e.forEach((e, n) => {
 		let r = 0;
@@ -507,27 +525,27 @@ function ie(e) {
 		}
 	}), t;
 }
-var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B = [
+var B = Object.keys(R), V = Object.fromEntries(B.map((e) => [e, z(R[e])])), H = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], V = ["d"], H = /* @__PURE__ */ c({
+], U = ["d"], W = /* @__PURE__ */ c({
 	__name: "FpIcon",
 	props: {
 		name: {},
 		label: {}
 	},
 	setup(e) {
-		let n = e, r = t(() => z[n.name]);
+		let n = e, r = t(() => V[n.name]);
 		return (e, t) => (p(), 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, V)], 8, B));
+		}, [a("path", { d: r.value }, null, 8, U)], 8, H));
 	}
-}), U = [
+}), G = [
 	"tabindex",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -535,7 +553,7 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 	"aria-valuetext",
 	"aria-labelledby",
 	"aria-disabled"
-], W = ["id"], G = 200, K = .1, q = 270, J = /* @__PURE__ */ c({
+], K = ["id"], q = 200, J = .1, Y = 270, ae = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpKnob",
 	props: /*@__PURE__*/ l({
@@ -564,7 +582,7 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 		}
 		let C = t(() => _(c.value)), w = t(() => {
 			let e = o.max - o.min, t = e > 0 ? (C.value - o.min) / e : 0;
-			return Math.round(t * q - q / 2);
+			return Math.round(t * Y - Y / 2);
 		});
 		function T(e) {
 			let t = _(e);
@@ -600,7 +618,7 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 		}
 		function k(e) {
 			if (!D || e.pointerId !== D.pointerId) return;
-			let t = (o.max - o.min) / G * (e.shiftKey ? K : 1);
+			let t = (o.max - o.min) / q * (e.shiftKey ? J : 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,13 +644,13 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 		}), [a("span", {
 			class: "fp-knob-mark",
 			style: f({ rotate: `${w.value}deg` })
-		}, null, 4)], 16, U), o.label ? (p(), i("span", {
+		}, null, 4)], 16, G), o.label ? (p(), i("span", {
 			key: 0,
 			id: y(h),
 			class: "fp-silk"
-		}, v(o.label), 9, W)) : r("", !0)], 16));
+		}, v(o.label), 9, K)) : r("", !0)], 16));
 	}
-}), Y = /* @__PURE__ */ c({
+}), oe = /* @__PURE__ */ c({
 	__name: "FpLcd",
 	props: {
 		asChild: { type: Boolean },
@@ -649,11 +667,11 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), ae = {
+}), se = {
 	key: 0,
 	class: "fp-lcd-ghost",
 	"aria-hidden": "true"
-}, oe = { key: 2 }, se = /* @__PURE__ */ c({
+}, ce = { key: 2 }, le = /* @__PURE__ */ c({
 	__name: "FpLcdLine",
 	props: {
 		text: {},
@@ -670,10 +688,10 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 			"as-child": a.asChild,
 			class: "fp-lcd-line"
 		}, {
-			default: E(() => [a.ghost ? (p(), i("span", ae, v(o.value), 1)) : r("", !0), a.redraw ? (p(), i("span", {
+			default: E(() => [a.ghost ? (p(), i("span", se, v(o.value), 1)) : r("", !0), a.redraw ? (p(), i("span", {
 				key: a.text,
 				class: "fp-lcd-redraw"
-			}, v(a.text), 1)) : (p(), i("span", oe, v(a.text), 1))]),
+			}, v(a.text), 1)) : (p(), i("span", ce, v(a.text), 1))]),
 			_: 1
 		}, 8, ["as", "as-child"]));
 	}
@@ -681,11 +699,11 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 	flat: "fp-lens-flat",
 	diffused: "fp-lens-diffused",
 	clear: "fp-lens-clear"
-}, ce = [
+}, ue = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], le = /* @__PURE__ */ c({
+], de = /* @__PURE__ */ c({
 	__name: "FpLed",
 	props: {
 		color: { default: "green" },
@@ -712,16 +730,16 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 			role: t.label ? "img" : void 0,
 			"aria-label": t.label || void 0,
 			"aria-hidden": t.label ? void 0 : "true"
-		}, null, 10, ce));
+		}, null, 10, ue));
 	}
-}), ue = [
+}), fe = [
 	"data-orientation",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext",
 	"aria-labelledby"
-], de = ["id"], fe = /* @__PURE__ */ c({
+], pe = ["id"], me = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpMeter",
 	props: {
@@ -770,11 +788,11 @@ var R = Object.keys(L), z = Object.fromEntries(R.map((e) => [e, ie(L[e])])), B =
 			"aria-valuetext": n.valueText?.(d.value),
 			"aria-labelledby": n.label ? y(l) : void 0,
 			style: h.value
-		}), null, 16, ue), n.label ? (p(), i("span", {
+		}), null, 16, fe), n.label ? (p(), i("span", {
 			key: 0,
 			id: y(l),
 			class: "fp-silk"
-		}, v(n.label), 9, de)) : r("", !0)], 16));
+		}, v(n.label), 9, pe)) : r("", !0)], 16));
 	}
 }), Z = {
 	0: "abcdef",
@@ -820,10 +838,10 @@ function Q(e) {
 }
 //#endregion
 //#region src/FpReadout.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-readout-lit" }, ge = ["data-segment"], _e = {
+var he = { class: "fp-readout-text" }, ge = ["data-colon"], _e = { class: "fp-readout-lit" }, ve = ["data-segment"], ye = {
 	key: 0,
 	"data-segment": "dp"
-}, ve = /* @__PURE__ */ c({
+}, be = /* @__PURE__ */ c({
 	__name: "FpReadout",
 	props: {
 		value: {},
@@ -858,25 +876,25 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { 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", pe, 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) => (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", {
 			key: o,
 			class: "fp-readout-cell",
 			"data-colon": t.colon ? "" : void 0,
 			"aria-hidden": "true"
-		}, [a("span", he, [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", _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", {
 			key: e,
 			"data-segment": e
-		}, null, 8, ge))), 128)), t.dot ? (p(), i("span", _e)) : r("", !0)], 64))])], 8, me))), 128))], 2));
+		}, null, 8, ve))), 128)), t.dot ? (p(), i("span", ye)) : r("", !0)], 64))])], 8, ge))), 128))], 2));
 	}
 }), $ = {
 	class: "fp-screw",
 	"aria-hidden": "true"
-}, ye = /* @__PURE__ */ c({
+}, xe = /* @__PURE__ */ c({
 	__name: "FpScrew",
 	setup(e) {
 		return (e, t) => (p(), i("span", $));
 	}
-}), be = /* @__PURE__ */ c({
+}), Se = /* @__PURE__ */ c({
 	__name: "FpSilk",
 	props: {
 		asChild: { type: Boolean },
@@ -893,7 +911,7 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), xe = ["id"], Se = /* @__PURE__ */ c({
+}), Ce = ["id"], we = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "FpSlider",
 	props: /*@__PURE__*/ l({
@@ -967,9 +985,66 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 			key: 0,
 			id: y(m),
 			class: "fp-silk"
-		}, v(a.label), 9, xe)) : r("", !0)], 16));
+		}, v(a.label), 9, Ce)) : r("", !0)], 16));
+	}
+}), Te = ["data-label-placement"], Ee = ["id"], De = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "FpSwitch",
+	props: /*@__PURE__*/ l({
+		label: {},
+		labelPlacement: { default: "below" },
+		orientation: { default: "vertical" },
+		color: { default: "red" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = e, o = {
+			green: "fp-led-green",
+			amber: "fp-led-amber",
+			red: "fp-led-red"
+		}, c = S(e, "modelValue"), l = x(), d = b(), f = t(() => ({
+			class: d.class,
+			style: d.style
+		})), m = t(() => {
+			let { class: e, style: t, ...n } = d;
+			return n;
+		});
+		return (e, t) => (p(), i("div", u({
+			class: "fp-unit",
+			"data-label-placement": n.labelPlacement
+		}, f.value), [s(y(ee), u(m.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
+		}), {
+			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)]]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, [
+			"modelValue",
+			"class",
+			"data-orientation",
+			"disabled",
+			"aria-labelledby"
+		]), n.label ? (p(), i("span", {
+			key: 0,
+			id: y(l),
+			class: "fp-silk"
+		}, v(n.label), 9, Ee)) : r("", !0)], 16, Te));
 	}
-}), Ce = /* @__PURE__ */ c({
+}), Oe = /* @__PURE__ */ c({
 	__name: "FpWell",
 	props: {
 		asChild: { type: Boolean },
@@ -986,7 +1061,7 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
-}), we = { class: "fp-module-title" }, Te = /* @__PURE__ */ c({
+}), ke = { class: "fp-module-title" }, Ae = /* @__PURE__ */ c({
 	__name: "FpWindow",
 	props: {
 		as: { default: "section" },
@@ -1005,7 +1080,7 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 			class: d(["fp-window", [i.sheet ? "fp-sheet-panel" : "fp-module"]]),
 			"aria-labelledby": y(l)
 		}, {
-			default: E(() => [a("div", we, [
+			default: E(() => [a("div", ke, [
 				(p(), n(g(`h${i.level}`), {
 					id: y(l),
 					class: "fp-silk fp-window-title"
@@ -1019,7 +1094,7 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 					"aria-label": i.closeLabel ?? `Close ${i.title}`,
 					onClick: t[0] ||= (e) => c("close")
 				}, {
-					default: E(() => [s(H, { name: "close" })]),
+					default: E(() => [s(W, { name: "close" })]),
 					_: 1
 				}, 8, ["aria-label"])) : r("", !0)
 			]), a("div", { class: d(i.flush ? void 0 : "fp-window-body") }, [h(e.$slots, "default")], 2)]),
@@ -1032,4 +1107,4 @@ var pe = { class: "fp-readout-text" }, me = ["data-colon"], he = { class: "fp-re
 	}
 });
 //#endregion
-export { j as FpButton, M as FpCap, ne as FpDevice, re as FpGelButton, N as FpHousing, H as FpIcon, J as FpKnob, Y as FpLcd, se as FpLcdLine, le as FpLed, fe as FpMeter, ve as FpReadout, ye as FpScrew, be as FpSilk, Se as FpSlider, Ce as FpWell, Te as FpWindow, R as fpIconNames, Q as fpReadoutGlyph };
+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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontpanel/vue",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Vue 3 components for the Frontpanel early-2000s hardware skin: a scale-to-fit device frame, windows, chrome and gel buttons, caps, LCDs and LEDs, built on Reka UI.",
   "author": "Dulan Katukurundage",
   "license": "MIT",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "reka-ui": "^2.11.0",
-    "@frontpanel/css": "^0.2.0"
+    "@frontpanel/css": "^0.3.0"
   },
   "devDependencies": {
     "@tailwindcss/oxide": "^4.3.3",