routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/.vite/deps/variant-CqXtG9Ih.js

@@ -0,0 +1,48 @@
+import { M as Fragment, Qn as toRef, W as createBaseVNode, ar as normalizeClass, er as toValue } from "./vue.runtime.esm-bundler-BvoXUmaf.js";
+import { c as getCurrentInstanceName, l as propsFactory } from "./defineComponent-DB6xIcDy.js";
+import { n as useColor } from "./color-B6vuQruj.js";
+//#region node_modules/vuetify/lib/composables/variant.js
+var allowedVariants = [
+	"elevated",
+	"flat",
+	"tonal",
+	"outlined",
+	"text",
+	"plain"
+];
+function genOverlays(isClickable, name) {
+	return createBaseVNode(Fragment, null, [isClickable && createBaseVNode("span", {
+		"key": "overlay",
+		"class": normalizeClass(`${name}__overlay`)
+	}, null), createBaseVNode("span", {
+		"key": "underlay",
+		"class": normalizeClass(`${name}__underlay`)
+	}, null)]);
+}
+var makeVariantProps = propsFactory({
+	color: String,
+	variant: {
+		type: String,
+		default: "elevated",
+		validator: (v) => allowedVariants.includes(v)
+	}
+}, "variant");
+function useVariant(props, name = getCurrentInstanceName()) {
+	const variantClasses = toRef(() => {
+		const { variant } = toValue(props);
+		return `${name}--variant-${variant}`;
+	});
+	const { colorClasses, colorStyles } = useColor(() => {
+		const { variant, color } = toValue(props);
+		return { [["elevated", "flat"].includes(variant) ? "background" : "text"]: color };
+	});
+	return {
+		colorClasses,
+		colorStyles,
+		variantClasses
+	};
+}
+//#endregion
+export { makeVariantProps as n, useVariant as r, genOverlays as t };
+
+//# sourceMappingURL=variant-CqXtG9Ih.js.map