@astryx-vue/core 0.2.1 → 0.2.3

package/dist/CheckboxIndicator-DdJmksHt.js

@@ -1,52 +0,0 @@
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
-import "../styles/checkbox-indicator.css";
-//#region src/CheckboxIndicator/CheckboxIndicator.vue
-const _hoisted_1 = [
-	"data-state",
-	"data-size",
-	"data-disabled"
-];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxCheckboxIndicator",
-	inheritAttrs: false,
-	__name: "CheckboxIndicator",
-	props: {
-		state: {},
-		size: { default: "md" },
-		isDisabled: { type: Boolean }
-	},
-	setup(__props, { expose: __expose }) {
-		const attrs = useAttrs();
-		__expose({ element: useTemplateRef("indicator") });
-		function decorativeAttrs() {
-			return Object.fromEntries(Object.entries(attrs).filter(([key]) => !key.startsWith("aria-") && ![
-				"role",
-				"tabindex",
-				"contenteditable"
-			].includes(key)));
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps(decorativeAttrs(), {
-				ref: "indicator",
-				class: "astryx-checkbox-indicator",
-				"aria-hidden": "true",
-				"data-state": __props.state,
-				"data-size": __props.size,
-				"data-disabled": __props.isDisabled || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
-				class: "astryx-checkbox-indicator-check",
-				viewBox: "0 0 10 10",
-				focusable: "false"
-			}, [createElementVNode("path", {
-				d: "M8.5 2.5L4 7.5L1.5 5",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				fill: "none",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			})], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "astryx-checkbox-indicator-dash" }, null, -1))])], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/DateInput-Crcg-CCj.js

@@ -1,376 +0,0 @@
-import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
-import { a as useAstryxMessages, i as useAstryxLocale } from "./context-DzcK4T_C.js";
-import { t as _sfc_main$1 } from "./FieldIcon--NTgW5IU.js";
-import { t as _sfc_main$2 } from "./BottomSheet-Dg95HB1s.js";
-import { t as _sfc_main$3 } from "./Calendar-DqC3EDN1.js";
-import { t as _sfc_main$4 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$5 } from "./Popover-Crhk9PNP.js";
-import { t as formatInstant } from "./formatInstant-BDWUIxS7.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, ref, renderSlot, resolveDynamicComponent, useId, useTemplateRef, watch, withCtx } from "vue";
-import "../styles/date-input.css";
-//#region src/DateInput/DateInput.vue
-const _hoisted_1 = ["data-status", "data-presentation"];
-const _hoisted_2 = [
-	"data-disabled",
-	"data-size",
-	"data-status"
-];
-const _hoisted_3 = {
-	key: 0,
-	class: "astryx-date-input-prefix"
-};
-const _hoisted_4 = ["disabled", "aria-label"];
-const _hoisted_5 = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"inputmode",
-	"aria-label",
-	"aria-labelledby",
-	"aria-describedby",
-	"aria-invalid",
-	"aria-controls",
-	"aria-expanded",
-	"title"
-];
-const _hoisted_6 = ["aria-label"];
-const _hoisted_7 = {
-	key: 2,
-	class: "astryx-date-input-suffix"
-};
-const _hoisted_8 = ["id"];
-const _hoisted_9 = ["id"];
-const _hoisted_10 = ["name", "value"];
-const TOUCH_POINTER_QUERY = "(pointer: coarse)";
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxDateInput",
-	__name: "DateInput",
-	props: {
-		id: {},
-		describedBy: {},
-		modelValue: { default: null },
-		placeholder: {},
-		min: {},
-		max: {},
-		isDateDisabled: {},
-		name: {},
-		label: {},
-		description: {},
-		isLabelHidden: { type: Boolean },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		clearable: {
-			type: Boolean,
-			default: false
-		},
-		clearLabel: {},
-		size: { default: "md" },
-		status: {},
-		statusVariant: { default: "attached" },
-		format: {
-			type: [String, Function],
-			default: "date_long"
-		},
-		presentation: { default: "popover" }
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const PassThrough = defineComponent({
-			name: "DateInputPassThrough",
-			setup(_, { slots }) {
-				return () => slots.default?.({});
-			}
-		});
-		const generatedId = `astryx-date-input-${useId()}`;
-		const inputId = computed(() => props.id ?? generatedId);
-		const popupId = computed(() => `${inputId.value}-popup`);
-		const messages = useAstryxMessages();
-		const locale = useAstryxLocale();
-		const isCoarsePointer = useMediaQuery(TOUCH_POINTER_QUERY);
-		const resolvedPlaceholder = computed(() => props.placeholder ?? messages.value.dateInput.placeholder);
-		const resolvedClearLabel = computed(() => props.clearLabel ?? messages.value.dateInput.clear(props.label));
-		const dialogLabel = computed(() => props.label || messages.value.dateInput.dialogLabel);
-		const inputRef = useTemplateRef("inputRef");
-		const isOpen = ref(false);
-		const inputValue = ref("");
-		const modelValueRef = computed({
-			get: () => props.modelValue,
-			set: (value) => {
-				emit("update:modelValue", value);
-				emit("change", value);
-			}
-		});
-		function toIso(date) {
-			return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-		}
-		function formatCommitted(date) {
-			if (!date) return "";
-			const iso = toIso(date);
-			const format = props.format;
-			if (typeof format === "function") return format(iso);
-			if (format === "system_date") return iso;
-			return formatInstant(date, format, locale.value);
-		}
-		function parseDate(str) {
-			if (!str.trim()) return null;
-			const match = str.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
-			if (match) {
-				const [, year, month, day] = match;
-				const date = new Date(Number(year), Number(month) - 1, Number(day));
-				if (!Number.isNaN(date.getTime()) && date.getFullYear() === Number(year) && date.getMonth() === Number(month) - 1 && date.getDate() === Number(day)) return date;
-			}
-			return null;
-		}
-		function syncDisplayValue() {
-			inputValue.value = formatCommitted(props.modelValue);
-		}
-		watch(() => [
-			props.modelValue,
-			props.format,
-			locale.value
-		], syncDisplayValue, { immediate: true });
-		function resolvedStatus(status) {
-			if (status == null || status === "default") return void 0;
-			if (typeof status === "string") return { type: status };
-			return status;
-		}
-		const statusValue = computed(() => resolvedStatus(props.status));
-		const statusType = computed(() => statusValue.value?.type);
-		const useSheet = computed(() => {
-			if (props.presentation === "bottom-sheet") return true;
-			if (props.presentation === "adaptive-bottom-sheet") return isCoarsePointer.value;
-			return false;
-		});
-		const showsField = computed(() => {
-			if (props.isLabelHidden && !props.description && !statusValue.value?.message) return false;
-			return Boolean(props.label || props.description || statusValue.value?.message);
-		});
-		const shell = computed(() => showsField.value ? _sfc_main$4 : PassThrough);
-		const fieldBindings = computed(() => showsField.value ? {
-			label: props.label ?? "",
-			inputId: inputId.value,
-			description: props.description,
-			isLabelHidden: props.isLabelHidden || !props.label,
-			isDisabled: props.disabled,
-			status: statusValue.value,
-			statusVariant: props.statusVariant
-		} : {});
-		const toggleLabel = computed(() => isOpen.value ? messages.value.dateInput.closeCalendar : messages.value.dateInput.openCalendar);
-		function describedBy(fieldIds) {
-			return [props.describedBy, fieldIds].filter(Boolean).join(" ") || void 0;
-		}
-		function onInput(event) {
-			if (useSheet.value) return;
-			const target = event.target;
-			const value = target.value.trim();
-			inputValue.value = target.value;
-			const parsed = parseDate(value);
-			if (parsed) modelValueRef.value = parsed;
-		}
-		function onBlur() {
-			if (!parseDate(inputValue.value.trim())) syncDisplayValue();
-		}
-		function onOpenChange(open) {
-			if (!useSheet.value) isOpen.value = open;
-		}
-		function openCalendar() {
-			if (!props.disabled) isOpen.value = true;
-		}
-		function onToggleClick() {
-			if (useSheet.value) openCalendar();
-		}
-		function onInputKeyDown(event) {
-			if (props.disabled || isOpen.value) return;
-			if (event.key === "ArrowDown" || event.altKey && event.key === "ArrowDown") {
-				event.preventDefault();
-				openCalendar();
-			}
-		}
-		function onCalendarChange(date) {
-			modelValueRef.value = date;
-			isOpen.value = false;
-			inputRef.value?.blur();
-		}
-		function onClear(event) {
-			event.stopPropagation();
-			modelValueRef.value = null;
-			inputValue.value = "";
-			isOpen.value = false;
-		}
-		syncDisplayValue();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(shell.value), normalizeProps(guardReactiveProps(fieldBindings.value)), {
-				default: withCtx((field) => [createElementVNode("div", {
-					class: normalizeClass(["astryx-date-input", [statusType.value ? `status-${statusType.value}` : void 0, `size-${props.size}`]]),
-					"data-status": statusType.value,
-					"data-presentation": useSheet.value ? "bottom-sheet" : "popover"
-				}, [
-					createVNode(_sfc_main$5, {
-						"is-open": useSheet.value ? false : isOpen.value,
-						"is-enabled": !useSheet.value && !props.disabled,
-						placement: "below",
-						alignment: "start",
-						padding: 0,
-						width: 248,
-						"has-close-button": false,
-						"is-modal": false,
-						"has-auto-focus": true,
-						role: "dialog",
-						label: dialogLabel.value,
-						onOpenChange
-					}, {
-						content: withCtx(() => [!useSheet.value ? (openBlock(), createElementBlock("div", {
-							key: 0,
-							id: popupId.value
-						}, [createVNode(_sfc_main$3, {
-							"model-value": props.modelValue,
-							min: props.min,
-							max: props.max,
-							"is-date-disabled": props.isDateDisabled,
-							"onUpdate:modelValue": onCalendarChange
-						}, null, 8, [
-							"model-value",
-							"min",
-							"max",
-							"is-date-disabled"
-						])], 8, _hoisted_8)) : createCommentVNode("v-if", true)]),
-						default: withCtx(() => [createElementVNode("div", {
-							class: "astryx-date-input-wrapper",
-							"data-disabled": props.disabled ? "true" : void 0,
-							"data-size": props.size,
-							"data-status": statusType.value
-						}, [
-							_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true),
-							createElementVNode("button", {
-								type: "button",
-								class: "astryx-date-input-toggle",
-								disabled: props.disabled,
-								"aria-label": toggleLabel.value,
-								onClick: onToggleClick
-							}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
-								width: "16",
-								height: "16",
-								viewBox: "0 0 16 16",
-								fill: "none",
-								"aria-hidden": "true"
-							}, [
-								createElementVNode("rect", {
-									x: "3",
-									y: "4",
-									width: "10",
-									height: "9",
-									rx: "1",
-									stroke: "currentColor",
-									"stroke-width": "1.5"
-								}),
-								createElementVNode("path", {
-									d: "M3 6H13",
-									stroke: "currentColor",
-									"stroke-width": "1.5"
-								}),
-								createElementVNode("path", {
-									d: "M5 3V5M11 3V5",
-									stroke: "currentColor",
-									"stroke-width": "1.5",
-									"stroke-linecap": "round"
-								})
-							], -1)])], 8, _hoisted_4),
-							createElementVNode("input", {
-								id: inputId.value,
-								ref_key: "inputRef",
-								ref: inputRef,
-								type: "text",
-								class: "astryx-date-input-field",
-								role: "combobox",
-								value: inputValue.value,
-								placeholder: resolvedPlaceholder.value,
-								disabled: props.disabled,
-								readonly: useSheet.value,
-								inputmode: useSheet.value ? "none" : void 0,
-								"aria-label": showsField.value ? void 0 : props.label,
-								"aria-labelledby": showsField.value ? field?.labelId : void 0,
-								"aria-describedby": describedBy(field?.describedBy),
-								"aria-invalid": statusType.value === "error" ? "true" : void 0,
-								"aria-controls": popupId.value,
-								"aria-expanded": isOpen.value,
-								"aria-haspopup": "dialog",
-								title: props.disabledReason,
-								autocomplete: "off",
-								onInput,
-								onBlur,
-								onClick: openCalendar,
-								onKeydown: onInputKeyDown
-							}, null, 40, _hoisted_5),
-							props.clearable && props.modelValue ? (openBlock(), createElementBlock("button", {
-								key: 1,
-								type: "button",
-								class: "astryx-date-input-clear",
-								"aria-label": resolvedClearLabel.value,
-								tabindex: "-1",
-								onClick: onClear
-							}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
-								width: "16",
-								height: "16",
-								viewBox: "0 0 16 16",
-								fill: "none",
-								"aria-hidden": "true"
-							}, [createElementVNode("path", {
-								d: "M12 4L4 12M4 4L12 12",
-								stroke: "currentColor",
-								"stroke-width": "1.5",
-								"stroke-linecap": "round"
-							})], -1)])], 8, _hoisted_6)) : _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true),
-							statusType.value && props.statusVariant !== "tooltip" ? (openBlock(), createBlock(_sfc_main$1, {
-								key: 3,
-								type: statusType.value
-							}, null, 8, ["type"])) : createCommentVNode("v-if", true)
-						], 8, _hoisted_2)]),
-						_: 2
-					}, 1032, [
-						"is-open",
-						"is-enabled",
-						"label"
-					]),
-					useSheet.value ? (openBlock(), createBlock(_sfc_main$2, {
-						key: 0,
-						"is-open": isOpen.value,
-						"onUpdate:isOpen": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event),
-						label: dialogLabel.value,
-						height: "hug",
-						padding: 0
-					}, {
-						default: withCtx(() => [createElementVNode("div", { id: popupId.value }, [createVNode(_sfc_main$3, {
-							"model-value": props.modelValue,
-							min: props.min,
-							max: props.max,
-							"is-date-disabled": props.isDateDisabled,
-							"onUpdate:modelValue": onCalendarChange
-						}, null, 8, [
-							"model-value",
-							"min",
-							"max",
-							"is-date-disabled"
-						])], 8, _hoisted_9)]),
-						_: 1
-					}, 8, ["is-open", "label"])) : createCommentVNode("v-if", true),
-					props.name ? (openBlock(), createElementBlock("input", {
-						key: 1,
-						type: "hidden",
-						name: props.name,
-						value: props.modelValue ? toIso(props.modelValue) : ""
-					}, null, 8, _hoisted_10)) : createCommentVNode("v-if", true)
-				], 10, _hoisted_1)]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/DropdownMenu-XvW4BJob.js

@@ -1,164 +0,0 @@
-import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
-import { t as _sfc_main$1 } from "./Icon-Bku25g_K.js";
-import { c as useDropdownMenuContext, n as useMenuFocus, o as MENU_ITEM_ROLES, s as activateMenuItem } from "./DropdownMenu-8G0B1UND.js";
-import { t as _sfc_main$2 } from "./Item-C1z6gXn8.js";
-import { Fragment, Teleport, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, unref, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import "../styles/dropdown-menu.css";
-//#region src/DropdownMenu/DropdownMenuSubMenu.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxDropdownMenuSubMenu",
-	inheritAttrs: false,
-	__name: "DropdownMenuSubMenu",
-	props: {
-		label: {},
-		icon: {},
-		description: {},
-		isDisabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const menu = useDropdownMenuContext();
-		const rowComponent = ref(null);
-		const rowRef = computed(() => rowComponent.value?.element ?? null);
-		const flyoutRef = ref(null);
-		const flyoutOpen = ref(false);
-		const menuSize = computed(() => menu?.menuSize.value ?? "md");
-		const density = computed(() => menuSize.value === "sm" ? "compact" : "balanced");
-		const hasStart = computed(() => slots.icon != null || props.icon != null);
-		const focus = useMenuFocus({ list: flyoutRef });
-		const { position } = usePositionedLayer({
-			anchor: rowRef,
-			layer: flyoutRef,
-			isOpen: flyoutOpen,
-			placement: computed(() => "end"),
-			alignment: computed(() => "start"),
-			gap: 4
-		});
-		const flyoutStyle = computed(() => ({
-			top: `${position.value.top}px`,
-			left: `${position.value.left}px`,
-			zIndex: 1001
-		}));
-		let closeTimer = 0;
-		function cancelClose() {
-			if (closeTimer !== 0) window.clearTimeout(closeTimer);
-			closeTimer = 0;
-		}
-		function scheduleClose() {
-			cancelClose();
-			closeTimer = window.setTimeout(() => {
-				flyoutOpen.value = false;
-			}, 120);
-		}
-		async function openFlyout() {
-			if (props.isDisabled) return;
-			cancelClose();
-			flyoutOpen.value = true;
-			await nextTick();
-			focus.focusFirst();
-		}
-		function closeFlyout() {
-			cancelClose();
-			flyoutOpen.value = false;
-			rowComponent.value?.focus();
-		}
-		function onFlyoutKeydown(event) {
-			if (event.key === "ArrowLeft" || event.key === "Escape") {
-				event.preventDefault();
-				event.stopPropagation();
-				closeFlyout();
-				return;
-			}
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				event.stopPropagation();
-				const focused = document.activeElement;
-				if (focused instanceof HTMLElement && MENU_ITEM_ROLES.has(focused.getAttribute("role") ?? "")) activateMenuItem(focused, event);
-				return;
-			}
-			event.stopPropagation();
-			focus.handleKeyDown(event);
-		}
-		watch(() => menu?.isOpen.value, (open) => {
-			if (!open) flyoutOpen.value = false;
-		});
-		onBeforeUnmount(cancelClose);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$2, {
-				ref_key: "rowComponent",
-				ref: rowComponent,
-				class: "astryx-dropdown-menu-item",
-				role: "menuitem",
-				"aria-haspopup": "menu",
-				"aria-expanded": flyoutOpen.value,
-				"data-menu-size": menuSize.value,
-				"data-variant": "default",
-				density: density.value,
-				description: __props.description,
-				"is-disabled": __props.isDisabled,
-				label: __props.label,
-				tabindex: __props.isDisabled ? void 0 : -1,
-				"on-click": openFlyout,
-				onKeydown: [
-					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["right"]),
-					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["enter"]),
-					withKeys(withModifiers(openFlyout, ["prevent", "stop"]), ["space"])
-				],
-				onPointerenter: openFlyout,
-				onPointerleave: scheduleClose
-			}, createSlots({
-				endContent: withCtx(() => [createVNode(_sfc_main$1, {
-					color: "secondary",
-					icon: "chevronRight",
-					size: "sm"
-				})]),
-				_: 2
-			}, [
-				hasStart.value ? {
-					name: "startContent",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_sfc_main$1, {
-						color: "secondary",
-						icon: __props.icon,
-						size: "sm"
-					}, null, 8, ["icon"])])]),
-					key: "0"
-				} : void 0,
-				unref(slots).label ? {
-					name: "label",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
-					key: "1"
-				} : void 0,
-				unref(slots).description ? {
-					name: "description",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
-					key: "2"
-				} : void 0
-			]), 1032, [
-				"aria-expanded",
-				"data-menu-size",
-				"density",
-				"description",
-				"is-disabled",
-				"label",
-				"tabindex",
-				"onKeydown"
-			]), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
-				ref_key: "flyoutRef",
-				ref: flyoutRef,
-				class: "astryx-dropdown-menu astryx-dropdown-submenu",
-				role: "menu",
-				style: normalizeStyle(flyoutStyle.value),
-				tabindex: "-1",
-				onKeydown: onFlyoutKeydown,
-				onPointerenter: cancelClose,
-				onPointerleave: scheduleClose
-			}, [renderSlot(_ctx.$slots, "default")], 36), [[vShow, flyoutOpen.value]])]))], 64);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as t };

package/dist/InputGroup-ChrFVxzV.js

@@ -1,42 +0,0 @@
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, provide, renderSlot } from "vue";
-import "../styles/input-group.css";
-//#region src/InputGroup/context.ts
-const INPUT_GROUP_KEY = Symbol("InputGroup");
-//#endregion
-//#region src/InputGroup/InputGroup.vue
-const _hoisted_1 = {
-	key: 0,
-	class: "astryx-input-group-addon before"
-};
-const _hoisted_2 = { class: "astryx-input-group-field" };
-const _hoisted_3 = {
-	key: 1,
-	class: "astryx-input-group-addon after"
-};
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxInputGroup",
-	__name: "InputGroup",
-	props: {
-		size: { default: "md" },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		provide(INPUT_GROUP_KEY, {
-			size: computed(() => props.size),
-			disabled: computed(() => props.disabled)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["astryx-input-group", [`size-${props.size}`, { "is-disabled": props.disabled }]]) }, [
-				_ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "before")])) : createCommentVNode("v-if", true),
-				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]),
-				_ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "after")])) : createCommentVNode("v-if", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { INPUT_GROUP_KEY as n, _sfc_main as t };