@webflare/ui 0.0.0-stage → 0.1.0

package/dist/CardHeader-DDRGpYth.js

@@ -0,0 +1,31 @@
+import { r as cardStyles, t as CardStylesKey } from "./types-CBApDh_h.js";
+import { t as withCss } from "./css-DWYlz0rn.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/Card/CardHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["innerHTML"];
+var _hoisted_2 = ["innerHTML"];
+// src/components/Card/CardHeader.vue
+var CardHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "CardHeader",
+	props: {
+		title: {},
+		subtitle: {},
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = inject(CardStylesKey, computed(() => cardStyles.raw()));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", { class: normalizeClass(unref(withCss)(unref(styles).header, props.css?.root)) }, [renderSlot(_ctx.$slots, "icon"), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(unref(withCss)(unref(styles).headerBody, props.css?.body)) }, [renderSlot(_ctx.$slots, "title", {}, () => [__props.title ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(withCss)(unref(styles).headerTitle, props.css?.title)),
+				innerHTML: __props.title
+			}, null, 10, _hoisted_1)) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "subtitle", {}, () => [__props.subtitle ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(withCss)(unref(styles).headerSubtitle, props.css?.subtitle)),
+				innerHTML: __props.subtitle
+			}, null, 10, _hoisted_2)) : createCommentVNode("", true)])], 2)])], 2);
+		};
+	}
+});
+export { CardHeader_default as t };

package/dist/CardRoot-CZpgncJQ.cjs

@@ -0,0 +1,49 @@
+const require_types = require("./types-cLDeFros.cjs");
+const require_css = require("./css-BRRSQx3P.cjs");
+const require_CardHeader = require("./CardHeader-Cx1pE9No.cjs");
+let vue = require("vue");
+// src/components/Card/CardRoot.vue
+var CardRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CardRoot",
+	props: {
+		as: { default: "div" },
+		colorStrategy: { default: "default" },
+		color: { default: "default" },
+		borderSize: { default: 1 },
+		borderRadius: { default: "md" },
+		header: {},
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		function resolveBorderSize(value) {
+			const rounded = Math.round(value);
+			return require_types.cardBorderSizes.includes(rounded) ? rounded : 1;
+		}
+		const styles = (0, vue.computed)(() => require_types.cardStyles.raw({
+			borderRadius: props.borderRadius,
+			borderSize: resolveBorderSize(props.borderSize),
+			colorStrategy: props.colorStrategy,
+			color: props.color
+		}));
+		(0, vue.provide)(require_types.CardStylesKey, styles);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(props.as), { class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)(styles.value.root, props.css?.root)) }, {
+				default: (0, vue.withCtx)(() => [
+					(0, vue.renderSlot)(_ctx.$slots, "before"),
+					(0, vue.renderSlot)(_ctx.$slots, "header", {}, () => [props.header ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_CardHeader.CardHeader_default, (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, props.header)), null, 16)) : (0, vue.createCommentVNode)("", true)]),
+					(0, vue.renderSlot)(_ctx.$slots, "default"),
+					(0, vue.renderSlot)(_ctx.$slots, "footer"),
+					(0, vue.renderSlot)(_ctx.$slots, "after")
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+Object.defineProperty(exports, "CardRoot_default", {
+	enumerable: true,
+	get: function() {
+		return CardRoot_default;
+	}
+});

package/dist/CardRoot-ia9NDth1.js

@@ -0,0 +1,44 @@
+import { n as cardBorderSizes, r as cardStyles, t as CardStylesKey } from "./types-CBApDh_h.js";
+import { t as withCss } from "./css-DWYlz0rn.js";
+import { t as CardHeader_default } from "./CardHeader-DDRGpYth.js";
+import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+// src/components/Card/CardRoot.vue
+var CardRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "CardRoot",
+	props: {
+		as: { default: "div" },
+		colorStrategy: { default: "default" },
+		color: { default: "default" },
+		borderSize: { default: 1 },
+		borderRadius: { default: "md" },
+		header: {},
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		function resolveBorderSize(value) {
+			const rounded = Math.round(value);
+			return cardBorderSizes.includes(rounded) ? rounded : 1;
+		}
+		const styles = computed(() => cardStyles.raw({
+			borderRadius: props.borderRadius,
+			borderSize: resolveBorderSize(props.borderSize),
+			colorStrategy: props.colorStrategy,
+			color: props.color
+		}));
+		provide(CardStylesKey, styles);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(props.as), { class: normalizeClass(unref(withCss)(styles.value.root, props.css?.root)) }, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "before"),
+					renderSlot(_ctx.$slots, "header", {}, () => [props.header ? (openBlock(), createBlock(CardHeader_default, normalizeProps(mergeProps({ key: 0 }, props.header)), null, 16)) : createCommentVNode("", true)]),
+					renderSlot(_ctx.$slots, "default"),
+					renderSlot(_ctx.$slots, "footer"),
+					renderSlot(_ctx.$slots, "after")
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+export { CardRoot_default as t };

package/dist/CarouselItem-CJ9Kj2lU.cjs

@@ -0,0 +1,21 @@
+const require_styles = require("./styles-BvLgeNpb.cjs");
+const require_css = require("./css-BRRSQx3P.cjs");
+let vue = require("vue");
+// src/components/Carousel/CarouselItem.vue
+var CarouselItem_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CarouselItem",
+	props: { css: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = require_styles.carouselStyles.raw();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", { class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).item, props.css?.root)) }, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+Object.defineProperty(exports, "CarouselItem_default", {
+	enumerable: true,
+	get: function() {
+		return CarouselItem_default;
+	}
+});

package/dist/CarouselItem-Crs28MA9.js

@@ -0,0 +1,16 @@
+import { t as carouselStyles } from "./styles-WOyB8APA.js";
+import { t as withCss } from "./css-DWYlz0rn.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/Carousel/CarouselItem.vue
+var CarouselItem_default = /* @__PURE__ */ defineComponent({
+	__name: "CarouselItem",
+	props: { css: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = carouselStyles.raw();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(unref(withCss)(unref(styles).item, props.css?.root)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { CarouselItem_default as t };

package/dist/CarouselNavigation-BUZyy5GA.cjs

@@ -0,0 +1,53 @@
+const require_styles = require("./styles-BvLgeNpb.cjs");
+const require_css = require("./css-BRRSQx3P.cjs");
+const require_types = require("./types-D2v625uE.cjs");
+let vue = require("vue");
+// src/components/Carousel/CarouselNavigation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = ["disabled"];
+// src/components/Carousel/CarouselNavigation.vue
+var CarouselNavigation_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CarouselNavigation",
+	props: {
+		prevLabel: { default: "Prev" },
+		nextLabel: { default: "Next" },
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = (0, vue.inject)(require_types.CarouselContextKey, null);
+		const itemCount = (0, vue.computed)(() => carousel?.carouselItems.value.length ?? 0);
+		const index = (0, vue.computed)(() => carousel?.currentCarouselItemIndex.value ?? 0);
+		const allVisible = (0, vue.computed)(() => carousel?.allItemsVisible.value ?? false);
+		const prevDisabled = (0, vue.computed)(() => allVisible.value || itemCount.value === 0 || index.value === 0);
+		const nextDisabled = (0, vue.computed)(() => allVisible.value || itemCount.value === 0 || index.value === itemCount.value - 1);
+		const handlePrev = () => carousel?.handlePrev();
+		const handleNext = () => carousel?.handleNext();
+		const styles = require_styles.carouselStyles.raw();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).navigation, props.css?.root)) }, [(0, vue.renderSlot)(_ctx.$slots, "action-prev", {
+				handlePrev,
+				disabled: prevDisabled.value
+			}, () => [(0, vue.createElementVNode)("button", {
+				type: "button",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).button, props.css?.button)),
+				disabled: prevDisabled.value,
+				onClick: handlePrev
+			}, (0, vue.toDisplayString)(__props.prevLabel), 11, _hoisted_1)]), (0, vue.renderSlot)(_ctx.$slots, "action-next", {
+				handleNext,
+				disabled: nextDisabled.value
+			}, () => [(0, vue.createElementVNode)("button", {
+				type: "button",
+				class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).button, props.css?.button)),
+				disabled: nextDisabled.value,
+				onClick: handleNext
+			}, (0, vue.toDisplayString)(__props.nextLabel), 11, _hoisted_2)])], 2);
+		};
+	}
+});
+Object.defineProperty(exports, "CarouselNavigation_default", {
+	enumerable: true,
+	get: function() {
+		return CarouselNavigation_default;
+	}
+});

package/dist/CarouselNavigation-aM0v6IoI.js

@@ -0,0 +1,48 @@
+import { t as carouselStyles } from "./styles-WOyB8APA.js";
+import { t as withCss } from "./css-DWYlz0rn.js";
+import { t as CarouselContextKey } from "./types-Boy3jvmf.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+// src/components/Carousel/CarouselNavigation.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = ["disabled"];
+// src/components/Carousel/CarouselNavigation.vue
+var CarouselNavigation_default = /* @__PURE__ */ defineComponent({
+	__name: "CarouselNavigation",
+	props: {
+		prevLabel: { default: "Prev" },
+		nextLabel: { default: "Next" },
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = inject(CarouselContextKey, null);
+		const itemCount = computed(() => carousel?.carouselItems.value.length ?? 0);
+		const index = computed(() => carousel?.currentCarouselItemIndex.value ?? 0);
+		const allVisible = computed(() => carousel?.allItemsVisible.value ?? false);
+		const prevDisabled = computed(() => allVisible.value || itemCount.value === 0 || index.value === 0);
+		const nextDisabled = computed(() => allVisible.value || itemCount.value === 0 || index.value === itemCount.value - 1);
+		const handlePrev = () => carousel?.handlePrev();
+		const handleNext = () => carousel?.handleNext();
+		const styles = carouselStyles.raw();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(withCss)(unref(styles).navigation, props.css?.root)) }, [renderSlot(_ctx.$slots, "action-prev", {
+				handlePrev,
+				disabled: prevDisabled.value
+			}, () => [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(unref(withCss)(unref(styles).button, props.css?.button)),
+				disabled: prevDisabled.value,
+				onClick: handlePrev
+			}, toDisplayString(__props.prevLabel), 11, _hoisted_1)]), renderSlot(_ctx.$slots, "action-next", {
+				handleNext,
+				disabled: nextDisabled.value
+			}, () => [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(unref(withCss)(unref(styles).button, props.css?.button)),
+				disabled: nextDisabled.value,
+				onClick: handleNext
+			}, toDisplayString(__props.nextLabel), 11, _hoisted_2)])], 2);
+		};
+	}
+});
+export { CarouselNavigation_default as t };

package/dist/CarouselRoot-Co9IuVve.cjs

@@ -0,0 +1,45 @@
+const require_styles = require("./styles-BvLgeNpb.cjs");
+const require_carousel = require("./carousel-BrCOR927.cjs");
+const require_css = require("./css-BRRSQx3P.cjs");
+const require_types = require("./types-D2v625uE.cjs");
+let vue = require("vue");
+// src/components/Carousel/CarouselRoot.vue
+var CarouselRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CarouselRoot",
+	props: {
+		scrollMode: { default: "item" },
+		wheelNavigation: { type: Boolean },
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = (0, vue.ref)(null);
+		const state = require_carousel.useCarousel({ scrollMode: () => props.scrollMode }, carousel);
+		(0, vue.provide)(require_types.CarouselContextKey, {
+			...state,
+			carousel
+		});
+		const styles = require_styles.carouselStyles.raw();
+		const onWheel = (event) => {
+			if (props.wheelNavigation) state.handleWheel(event);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).root, props.css?.root)) }, [
+				(0, vue.renderSlot)(_ctx.$slots, "carousel-before"),
+				(0, vue.createElementVNode)("ul", {
+					ref_key: "carousel",
+					ref: carousel,
+					class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)((0, vue.unref)(styles).viewport, props.css?.viewport)),
+					onWheel
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 34),
+				(0, vue.renderSlot)(_ctx.$slots, "carousel-after")
+			], 2);
+		};
+	}
+});
+Object.defineProperty(exports, "CarouselRoot_default", {
+	enumerable: true,
+	get: function() {
+		return CarouselRoot_default;
+	}
+});

package/dist/CarouselRoot-DlGJZCox.js

@@ -0,0 +1,40 @@
+import { t as carouselStyles } from "./styles-WOyB8APA.js";
+import { t as useCarousel } from "./carousel-CBw9xA_6.js";
+import { t as withCss } from "./css-DWYlz0rn.js";
+import { t as CarouselContextKey } from "./types-Boy3jvmf.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, provide, ref, renderSlot, unref } from "vue";
+// src/components/Carousel/CarouselRoot.vue
+var CarouselRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "CarouselRoot",
+	props: {
+		scrollMode: { default: "item" },
+		wheelNavigation: { type: Boolean },
+		css: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const carousel = ref(null);
+		const state = useCarousel({ scrollMode: () => props.scrollMode }, carousel);
+		provide(CarouselContextKey, {
+			...state,
+			carousel
+		});
+		const styles = carouselStyles.raw();
+		const onWheel = (event) => {
+			if (props.wheelNavigation) state.handleWheel(event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(withCss)(unref(styles).root, props.css?.root)) }, [
+				renderSlot(_ctx.$slots, "carousel-before"),
+				createElementVNode("ul", {
+					ref_key: "carousel",
+					ref: carousel,
+					class: normalizeClass(unref(withCss)(unref(styles).viewport, props.css?.viewport)),
+					onWheel
+				}, [renderSlot(_ctx.$slots, "default")], 34),
+				renderSlot(_ctx.$slots, "carousel-after")
+			], 2);
+		};
+	}
+});
+export { CarouselRoot_default as t };

package/dist/ControlSwitch-C-pzHgWm.cjs

@@ -0,0 +1,188 @@
+const require_css = require("./css-BRRSQx3P.cjs");
+const require_useFieldControl = require("./useFieldControl-CEI7IRAa.cjs");
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+// src/internal/controls/switchStyles.ts
+var switchStyles = (0, require("@webflare/ui/css").sva)({
+	slots: [
+		"root",
+		"track",
+		"thumb",
+		"label"
+	],
+	base: {
+		root: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "sm",
+			cursor: "pointer",
+			userSelect: "none",
+			_disabled: {
+				cursor: "not-allowed",
+				opacity: "0.5"
+			}
+		},
+		track: {
+			"transition": "all 300ms",
+			"overflow": "hidden",
+			"display": "flex",
+			"flexDir": "row",
+			"cursor": "pointer",
+			"justifyContent": "start",
+			"borderWidth": "1px",
+			"borderStyle": "solid",
+			"borderColor": {
+				base: "grey.300",
+				_dark: "grey.300/75",
+				_osDark: "grey.300/75"
+			},
+			"padding": "2px",
+			"borderRadius": "pill",
+			"bgColor": {
+				base: "grey.100",
+				_dark: "grey.950",
+				_osDark: "grey.950"
+			},
+			"flexShrink": "0",
+			"_hover": { borderColor: {
+				base: "grey.400",
+				_dark: "grey.400",
+				_osDark: "grey.400"
+			} },
+			"&[data-state=\"checked\"]": { bgColor: {
+				base: "primary",
+				_dark: "primary",
+				_osDark: "primary"
+			} },
+			"&[data-disabled]": { cursor: "not-allowed" },
+			"&[data-invalid]": { borderColor: {
+				base: "danger.subtle",
+				_dark: "danger.subtle",
+				_osDark: "danger.subtle"
+			} }
+		},
+		thumb: {
+			transition: "all 300ms",
+			aspectRatio: "1",
+			display: "block",
+			borderRadius: "pill",
+			bgColor: "white",
+			translate: "auto",
+			translateX: "0",
+			shadow: "0 0 16px var(--shadow-color)",
+			shadowColor: {
+				base: "grey.400",
+				_dark: "grey.950",
+				_osDark: "grey.950"
+			}
+		},
+		label: {
+			fontWeight: "500",
+			color: "neutral",
+			lineHeight: "1.4"
+		}
+	},
+	variants: { size: {
+		sm: {
+			track: { width: "32px" },
+			thumb: {
+				"width": "12px",
+				"[data-state=\"checked\"] &": { translateX: "14px" }
+			},
+			label: { fontSize: "sm" }
+		},
+		md: {
+			track: { width: "40px" },
+			thumb: {
+				"width": "16px",
+				"[data-state=\"checked\"] &": { translateX: "18px" }
+			},
+			label: { fontSize: "md" }
+		},
+		lg: {
+			track: { width: "48px" },
+			thumb: {
+				"width": "20px",
+				"[data-state=\"checked\"] &": { translateX: "22px" }
+			},
+			label: { fontSize: "lg" }
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+// src/internal/controls/ControlSwitch.vue
+var ControlSwitch_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ControlSwitch",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		id: {},
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		css: {},
+		class: {}
+	}, {
+		"modelValue": {
+			type: [Boolean, null],
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component ControlSwitch
+		* @description Switch built on reka-ui Switch primitives.
+		*/
+		const props = __props;
+		const model = (0, vue.useModel)(__props, "modelValue");
+		const { id, describedBy, invalid } = require_useFieldControl.useFieldControl(props);
+		const styles = (0, vue.computed)(() => switchStyles.raw({ size: props.size }));
+		const handleUpdate = (value) => {
+			model.value = value;
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.label ? "label" : "div"), {
+				class: (0, vue.normalizeClass)([(0, vue.unref)(require_css.withCss)(styles.value.root, props.css?.root), props.class]),
+				"data-disabled": __props.disabled ? "" : void 0
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.SwitchRoot), {
+					id: (0, vue.unref)(id),
+					name: __props.name || void 0,
+					required: __props.required,
+					disabled: __props.disabled,
+					"model-value": Boolean(model.value),
+					"aria-invalid": (0, vue.unref)(invalid),
+					"aria-describedby": (0, vue.unref)(describedBy),
+					"data-invalid": (0, vue.unref)(invalid) ? "" : void 0,
+					class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)(styles.value.track, props.css?.track)),
+					"onUpdate:modelValue": handleUpdate
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.SwitchThumb), { class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)(styles.value.thumb, props.css?.thumb)) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, [
+					"id",
+					"name",
+					"required",
+					"disabled",
+					"model-value",
+					"aria-invalid",
+					"aria-describedby",
+					"data-invalid",
+					"class"
+				]), __props.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 0,
+					class: (0, vue.normalizeClass)((0, vue.unref)(require_css.withCss)(styles.value.label, props.css?.label))
+				}, (0, vue.toDisplayString)(__props.label), 3)) : (0, vue.createCommentVNode)("", true)]),
+				_: 1
+			}, 8, ["class", "data-disabled"]);
+		};
+	}
+});
+Object.defineProperty(exports, "ControlSwitch_default", {
+	enumerable: true,
+	get: function() {
+		return ControlSwitch_default;
+	}
+});