@community-release/nx-ui 0.0.44 → 0.0.46

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "ui",
   "configKey": "ui",
-  "version": "0.0.44"
+  "version": "0.0.46"
 }

package/dist/runtime/components/button/index.vue

@@ -7,6 +7,7 @@
 		:class="classes" 
 		:style="styles" 
 		@click="handleClick"
+		ref="refCom"
 	>
 		<div class="button-bg" :style="buttonBgStyle"></div>
 
@@ -22,19 +23,15 @@
 	</component>
 </template>
 
-<script>
-import UiImpulseIndicator from '../impulse-indicator.vue';
-import UiLoading from '../loading.vue';
-import comProps from '#build/ui.button.mjs';
-
-export default {
-	components: {
-		UiImpulseIndicator,
-		UiLoading,
-	},
-	
-	// Data
-	props: {
+<script setup>
+// Imports
+	import { ref, computed } from 'vue';
+	import UiImpulseIndicator from '../impulse-indicator.vue';
+	import UiLoading from '../loading.vue';
+	import comProps from '#build/ui.button.mjs';
+
+// Data
+	const props = defineProps({
 		color: {
 			type: String,
 			default: comProps.color,
@@ -71,74 +68,88 @@ export default {
 			type: [Boolean, Number],
 			default: false,
 		},
-	},
-	data: function() {
-		return {
-			impulse: false,
-		};
-	},
-	computed: {
-		computedType() {
-			return this.type !== '' ? this.type : (this.href !== '' ? 'a' : 'button');
-		},
-		classes() {
-			let ar = [];
+	});
 
-			if (this.size) ar.push(`tag-size-${this.size}`);
-			if (this.shape) ar.push(`tag-shape-${this.shape}`);
-			if (this.variant) ar.push(`tag-variant-${this.variant}`);
-			if (this.block) ar.push('tag-block');
-			if (this.loading) ar.push('tag-loading');
-			if (this.disabled) ar.push('tag-disabled');
+	const refCom = ref(null);
 
-			return ar;
-		},
-		stylesHoverColor() {
-			return `var(--ui-color-text-on-${this.color})`;
-		},
-		styles() {
-			let background = `var(--ui-color-${this.color})`;
-			let color = `var(--ui-color-text-on-${this.color})`;
+	const impulse = ref(false);
+		
+	const computedType = computed(() => {
+		return props.type !== '' ? props.type : (props.href !== '' ? 'a' : 'button');
+	});
+
+	const classes = computed(() => {
+		let ar = [];
+
+		if (props.size) ar.push(`tag-size-${props.size}`);
+		if (props.shape) ar.push(`tag-shape-${props.shape}`);
+		if (props.variant) ar.push(`tag-variant-${props.variant}`);
+		if (props.block) ar.push('tag-block');
+		if (props.loading) ar.push('tag-loading');
+		if (props.disabled) ar.push('tag-disabled');
+
+		return ar;
+	});
+
+	const styles = computed(() => {
+		let background = `var(--ui-color-${props.color})`;
+		let color = `var(--ui-color-text-on-${props.color})`;
+
+		if (props.variant === 'flat' || props.variant === 'outline') {
+			background = 'transparent';
+			color = `var(--ui-color-${props.color}-text)`;
+		}
 
-			if (this.variant === 'flat' || this.variant === 'outline') 
-				background = 'transparent';
+		return {
+			background,
+			color,
+		};
+	});
 
-			if (this.variant === 'flat' || this.variant === 'outline') 
-				color = `var(--ui-color-${this.color}-text)`;
+	const stylesHover = computed(() => {
+		let background = `var(--ui-color-${props.color})`;
+		let color = `var(--ui-color-text-on-${props.color})`;
 
-			return {
-				background,
-				color,
-			};
-		},
-		buttonBgStyle() {
-			return {
-				'background': (this.variant === 'flat' || this.variant === 'outline') ? `var(--ui-color-${this.color})` : 'rgba(66,88,120, 0.075)'
-			}
+		if (props.variant === 'flat' || props.variant === 'outline') {
+			background = `var(--ui-color-surface)`;
+			color = `var(--ui-color-${props.color}-text)`;
 		}
-	},
 
-	// Methods
-	methods: {
-		handleClick(e) {
-			if (this.disabled || this.loading) return;
-
-			let rect = this.$el.getBoundingClientRect();
-
-			this.impulse = {
-				left	: e.clientX - rect.left,
-				top		: e.clientY - rect.top,
-				width	: this.$el.offsetWidth,
-				height	: this.$el.offsetHeight
-			};
+		return {
+			background,
+			color,
+		};
+	});
+	const buttonBgStyle = computed(() => {
+		return {
+			'background': (props.variant === 'flat' || props.variant === 'outline') ? `var(--ui-color-${props.color.value})` : 'rgba(66,88,120, 0.075)'
 		}
+	});
+
+	// Methods
+	function handleClick(e) {
+		if (props.disabled || props.loading) return;
+
+		let rect = refCom.value.getBoundingClientRect();
+
+		impulse.value = {
+			left	: e.clientX - rect.left,
+			top		: e.clientY - rect.top,
+			width	: refCom.value.offsetWidth,
+			height	: refCom.value.offsetHeight
+		};
 	}
-}
 </script>
 
 <style lang="less">
 .component-ui-button {
-	--button-hover-color: v-bind(stylesHoverColor);
+	--button-hover-text-color: #fff;
+	--button-hover-background: #fff;
+	--button-text-color: #fff;
+	--button-background: #fff;
+
+	--button-hover-text-color: v-bind(stylesHover.color);
+	--button-hover-background: v-bind(stylesHover.background);
 	--button-text-color: v-bind(styles.color);
 	--button-background: v-bind(styles.background);
 
@@ -354,12 +365,16 @@ export default {
 
 		&:hover {
 			text-decoration: none;
-			color: var(--button-hover-color) !important;
+			color: var(--button-hover-text-color) !important;
+			background: var(--button-hover-background) !important;
 
 			.button-bg { opacity: 1; }
 		}
 
 		&:focus {
+			outline: none;
+		}
+		&:focus-visible {
 			outline: @com-outline;
 			outline-offset: @com-outline-offset;
 		}

package/dist/runtime/components/checkbox.vue

@@ -11,8 +11,6 @@
 				:disabled="disabled"
 				:aria-describedby="describedby"
 				@change="updateValue($event.target.checked)"
-				@blur="focus = false"
-				@focus="focus = true"
 				autocomplete="off"
 			/>
 
@@ -27,10 +25,7 @@
 
 <script setup>
 // Imports
-	import { ref, computed, useSlots } from 'vue';
-
-// Misc
-	const slots = useSlots();
+	import { ref, computed } from 'vue';
 
 //
 	const props = defineProps({
@@ -62,14 +57,12 @@
 
 	const emit = defineEmits(['change', 'onchange', 'update:modelValue']);
 
-	const focus = ref(false);
-
 	const classes = computed(() => {
 		const ar = [];
 
 		if (props.error) 		ar.push('tag-error');
 		if (props.disabled) 	ar.push('tag-disabled');
-		if (focus.value) 		ar.push('tag-focus');
+		if (props.error) 		ar.push('tag-error');
 
 		return ar;
 	});
@@ -104,7 +97,7 @@
 	@com-color-text: var(--ui-color-text);
 	@com-color-header-text: var(--ui-color-header-text);
 	@com-color-gray-text: var(--ui-color-gray-text);
-	@com-color-error-text: var(--ui-color-error);
+	@com-color-error: var(--ui-color-error);
 
 	@com-text-medium: var(--ui-text-medium);
 	@com-text-small: var(--ui-text-small);
@@ -198,17 +191,24 @@
 
 	// Error
 	&.tag-error {
-		> label { color: @com-color-error-text; }
+		> label i { border-color: @com-color-error; }
+		> label > input:checked + i {
+			border-color: @com-color-error;
+			background: @com-color-error;
+		}
 	}
 }
 
 @media (hover: hover) {
-	.component-ui-checkbox.tag-focus {
+	.component-ui-checkbox {
 		// Ally
 		@com-outline: var(--ui-outline);
 		@com-outline-offset: var(--ui-outline-offset);
 
-		i {
+		input:focus {
+			outline: none;
+		}
+		input:focus-visible + i {
 			outline: @com-outline;
 			outline-offset: @com-outline-offset;
 		}

package/dist/runtime/components/input/index.vue

@@ -60,6 +60,10 @@
 			type: Boolean,
 			default: false,
 		},
+		error: {
+			type: Boolean,
+			default: false,
+		},
 		type: {
 			type: String,
 			default: 'text'
@@ -88,6 +92,7 @@
 		if (props.disabled) ar.push('tag-disabled');
 		if (props.size) ar.push(`tag-size-${props.size}`);
 		if (props.shape) ar.push(`tag-shape-${props.shape}`);
+		if (props.error) ar.push(`tag-error`);
 
 		return ar;
 	});
@@ -138,7 +143,8 @@
 @com-color-bg: var(--ui-color-bg);
 @com-color-header-text: var(--ui-color-header-text);
 @com-color-gray-text: var(--ui-color-gray-text);
-@com-color-primary: var(--color-primary);
+@com-color-primary: var(--ui-color-primary);
+@com-color-error: var(--ui-color-error);
 
 // Space
 @com-space-small: var(--ui-space-small);
@@ -248,5 +254,14 @@
 			cursor: not-allowed;
 		}
 	}
+
+	// Error
+	&.tag-error {
+		border-color: @com-color-error;
+
+		&.tag-focus {
+			border-color: transparent;
+		}
+	}
 }
 </style>

package/dist/runtime/components/label/index.vue

@@ -1,10 +1,12 @@
 <template>
-	<component :is="fieldset ? 'fieldset' : 'div'"  class="component-ui-label" :class="[`tag-size-${size}`, `tag-weight-${weight}`, required ? 'tag-required' : '']">
-		<component :is="fieldset ? 'legend' : 'label'" class="component-ui-label--text" :for="labelFor">
-			{{ text }} <span v-if="required" aria-hidden="true">*</span>
-		</component>
-		<slot></slot>
-	</component>
+	<div>
+		<div class="component-ui-label" :class="[`tag-size-${size}`, `tag-weight-${weight}`, required ? 'tag-required' : '']">
+			<component :is="isLegend ? 'legend' : 'label'" class="component-ui-label--text" :for="labelFor">
+				{{ text }} <span v-if="required" aria-hidden="true">*</span>
+			</component>
+			<slot />
+		</div>
+	</div>
 </template>
 
 <script setup>
@@ -23,6 +25,10 @@
 		labelFor: {
 			default: ''
 		},
+		isLegend: {
+			type: Boolean,
+			default: false
+		},
 		size: {
 			type: String,
 			default: comProps.size,

package/dist/runtime/components/map/index.vue

@@ -14,8 +14,9 @@ import { watch, computed, defineAsyncComponent } from 'vue';
 import { useMapStore } from './store';
 import comProps from '#build/ui.map.mjs';
 
-// Data
-const store = useMapStore();
+// // Data
+const nuxtApp = useNuxtApp();
+const store = useMapStore(nuxtApp.$pinia);
 const emit = defineEmits(['initialized']);
 
 const mapEngines = {

package/dist/runtime/components/radio.vue

@@ -12,8 +12,6 @@
 				:disabled="disabled"
 				:aria-required="required ? 'true' : 'false'"
 				:aria-describedby="describedby"
-				@blur="focus = false"
-				@focus="focus = true"
 				autocomplete="off"
 				@change="handleUpdate($event.target.value)"
 			/>
@@ -60,12 +58,14 @@
 		disabled: {
 			type: Boolean,
 			default: false
+		},
+		error: {
+			type: Boolean,
+			default: false
 		}
 	})
 
 	const emit = defineEmits(['update:modelValue']);
-	
-	const focus = ref(false);
 
 	const classes = computed(() => {
 		const ar = [];
@@ -74,7 +74,7 @@
 		if (props.haveError) 	ar.push('tag-error');
 		if (props.text) 		ar.push('tag-text');
 		if (props.disabled) 	ar.push('tag-disabled');
-		if (focus.value) 	ar.push('tag-focus');
+		if (props.error) 		ar.push('tag-error');
 
 		return ar;
 	});
@@ -217,17 +217,24 @@
 
 	// Error
 	&.tag-error {
-		> label { color: @com-color-error; }
+		> label i { border-color: @com-color-error; }
+		> label > input:checked + i {
+			border-color: @com-color-error;
+			background: @com-color-error;
+		}
 	}
 }
 
 @media (hover: hover) {
-	.component-ui-radio.tag-focus {
+	.component-ui-radio {
 		// Ally
 		@com-outline: var(--ui-outline);
 		@com-outline-offset: var(--ui-outline-offset);
 
-		i {
+		input:focus {
+			outline: none;
+		}
+		input:focus-visible + i {
 			outline: @com-outline;
 			outline-offset: @com-outline-offset;
 		}

package/dist/runtime/components/select.vue

@@ -28,7 +28,6 @@
 <script setup>
 // Imports
 import { ref, computed, watch, onMounted, nextTick } from 'vue';
-import uniq from './helpers/uniq';
 
 // Setup
 const props = defineProps({
@@ -77,7 +76,6 @@ const isOpen = ref(false);
 const increaseZIndex = ref(false);
 const focus = ref(false);
 const select = ref(null);
-const uniqId = uniq();
 
 const valueName = computed(() => {
 	let result = '...';
@@ -176,6 +174,7 @@ onMounted(() => {
 @com-color-surface: var(--ui-color-surface);
 @com-color-red: var(--ui-color-red);
 @com-color-border: var(--ui-color-border-bolder);
+@com-color-error: var(--ui-color-error);
 
 @com-border-radius-default: var(--ui-border-radius-default);
 @com-bs-1: var(--ui-bs-1);
@@ -294,6 +293,18 @@ onMounted(() => {
 			border-color: transparent;
 			outline: @com-outline;
 		}
+
+
+	}
+
+	&.tag-error {
+		.value {
+			border-color: @com-color-error;
+		}
+
+		&.tag-focus .value {
+			border-color: transparent;
+		}
 	}
 }
 
@@ -302,5 +313,15 @@ onMounted(() => {
 		background: @com-color-surface;
 		border-color: transparent;
 	}
+
+	&.tag-error {
+		.value {
+			border-color: @com-color-error;
+		}
+
+		&.tag-focus .value {
+			border-color: transparent;
+		}
+	}
 }
 </style>

package/dist/runtime/components/textarea/index.vue

@@ -58,6 +58,10 @@
 			type: String,
 			default: 'on',
 		},
+		error: {
+			type: Boolean,
+			default: false,
+		},
 	});
 
 	const refInput = ref(null);
@@ -72,6 +76,7 @@
 		if (haveFocus.value) ar.push('tag-focus');
 		if (props.disabled) ar.push('tag-disabled');
 		if (props.shape) ar.push(`tag-shape-${props.shape}`);
+		if (props.error) ar.push(`tag-error`);
 
 		return ar;
 	});
@@ -110,6 +115,7 @@
 @com-color-border-bolder: var(--ui-color-border-bolder);
 @com-color-header-text: var(--ui-color-header-text);
 @com-color-gray-text: var(--ui-color-gray-text);
+@com-color-error: var(--ui-color-error);
 
 // Padding
 @com-space-default: var(--ui-space-default);
@@ -177,5 +183,18 @@
 			outline: @com-outline;
 		}
 	}
+
+	// Error
+	&.tag-error {
+		textarea {
+			border-color: @com-color-error;
+		}
+
+		&.tag-focus {
+			textarea {
+				border-color: transparent;
+			}
+		}
+	}
 }
 </style>

package/dist/runtime/plugins/methods.mjs

@@ -2,7 +2,7 @@ import { defineNuxtPlugin } from '#app';
 import { useUINoticeStore } from '../components/notice/store.mjs';
 
 export default defineNuxtPlugin(function (nuxt) {
-	const noticeStore = useUINoticeStore();
+	const noticeStore = useUINoticeStore(nuxt.$pinia);
 
     return {
         provide: {

package/package.json

@@ -1,66 +1,66 @@
 {
-    "name": "@community-release/nx-ui",
-    "version": "0.0.44",
-    "description": "nx-ui - Nuxt UI library",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/community-release/nx-ui.git"
-    },
-    "license": "MIT",
-    "type": "module",
-    "exports": {
-        ".": {
-            "import": "./dist/module.mjs",
-            "require": "./dist/module.cjs"
-        }
-    },
-    "main": "./dist/module.cjs",
-    "files": [
-        "dist"
-    ],
-    "dependencies": {
-        "@nuxt/kit": "^3.15.4",
-        "@nuxtjs/color-mode": "^3.5.2",
-        "@nuxtjs/i18n": "^9.2.0",
-        "@pinia/nuxt": "^0.10.1",
-        "pinia": "^3.0.1",
-        "ol": "^9.1.0",
-        "vue": "^3.5.13"
-    },
-    "devDependencies": {
-        "@nuxt/devtools": "latest",
-        "@nuxt/module-builder": "^0.5.5",
-        "@nuxt/schema": "^3.11.2",
-        "@nuxt/test-utils": "^3.12.0",
-        "@vitejs/plugin-vue": "^5.2.1",
-        "@vue/test-utils": "^2.4.6",
-        "@vuedoc/md": "^4.0.0-beta8",
-        "@vuedoc/parser": "^4.0.0-beta14",
-        "changelogen": "^0.5.5",
-        "cross-env": "^7.0.3",
-        "happy-dom": "^14.12.0",
-        "less": "^3.9.0",
-        "less-loader": "^5.0.0",
-        "nuxt": "^3.15.4",
-        "vite-raw-plugin": "^1.0.2",
-        "vitest": "^1.6.0",
-        "vue-docgen-cli": "^4.79.0",
-        "vue-tsc": "^2.0.24"
-    },
-    "resolutions": {
-        "string-width": "4.2.3"
-    },
-    "scripts": {
-        "prepack": "nuxt-module-build build",
-        "dev": "nuxi dev docs --host --port 7012",
-        "build": "nuxi build docs",
-        "prepare": "nuxt-module-build build && nuxt-module-build prepare && nuxi prepare docs",
-        "release": "npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-        "test": "vitest run",
-        "test:watch": "vitest watch",
-        "test:com": "vitest components run",
-        "test:genmocks": "node ./src/utils/generateTestMocks.mjs",
-        "docs:components": "vue-docgen",
-        "docs:generate": "npm run generate:production -prefix ./docs"
-    }
-}
+	"name": "@community-release/nx-ui",
+	"version": "0.0.46",
+	"description": "nx-ui - Nuxt UI library",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/community-release/nx-ui.git"
+	},
+	"license": "MIT",
+	"type": "module",
+	"exports": {
+		".": {
+			"import": "./dist/module.mjs",
+			"require": "./dist/module.cjs"
+		}
+	},
+	"main": "./dist/module.cjs",
+	"files": [
+		"dist"
+	],
+	"dependencies": {
+		"@nuxt/kit": "^3.15.4",
+		"@nuxtjs/color-mode": "^3.5.2",
+		"@nuxtjs/i18n": "^9.2.0",
+		"@pinia/nuxt": "^0.10.1",
+		"pinia": "^3.0.1",
+		"ol": "^9.1.0",
+		"vue": "^3.5.13"
+	},
+	"devDependencies": {
+		"@nuxt/devtools": "latest",
+		"@nuxt/module-builder": "^0.5.5",
+		"@nuxt/schema": "^3.11.2",
+		"@nuxt/test-utils": "^3.12.0",
+		"@vitejs/plugin-vue": "^5.2.1",
+		"@vue/test-utils": "^2.4.6",
+		"@vuedoc/md": "^4.0.0-beta8",
+		"@vuedoc/parser": "^4.0.0-beta14",
+		"changelogen": "^0.5.5",
+		"cross-env": "^7.0.3",
+		"happy-dom": "^14.12.0",
+		"less": "^3.9.0",
+		"less-loader": "^5.0.0",
+		"nuxt": "^3.15.4",
+		"vite-raw-plugin": "^1.0.2",
+		"vitest": "^1.6.0",
+		"vue-docgen-cli": "^4.79.0",
+		"vue-tsc": "^2.0.24"
+	},
+	"resolutions": {
+		"string-width": "4.2.3"
+	},
+	"scripts": {
+		"prepack": "nuxt-module-build build",
+		"dev": "nuxi dev docs --host --port 7012",
+		"build": "nuxi build docs",
+		"prepare": "nuxt-module-build build && nuxt-module-build prepare && nuxi prepare docs",
+		"release": "npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+		"test": "vitest run",
+		"test:watch": "vitest watch",
+		"test:com": "vitest components run",
+		"test:genmocks": "node ./src/utils/generateTestMocks.mjs",
+		"docs:components": "vue-docgen",
+		"docs:generate": "npm run generate:production -prefix ./docs"
+	}
+}

package/dist/runtime/components/button/index.vue.d.ts

@@ -1,153 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        default: any;
-    };
-    size: {
-        type: StringConstructor;
-        default: any;
-    };
-    variant: {
-        type: StringConstructor;
-        default: any;
-    };
-    shape: {
-        type: StringConstructor;
-        default: any;
-    };
-    href: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: (BooleanConstructor | NumberConstructor)[];
-        default: boolean;
-    };
-}>, {}, {
-    impulse: boolean;
-}, {
-    computedType(): any;
-    classes(): string[];
-    stylesHoverColor(): string;
-    styles(): {
-        background: string;
-        color: string;
-    };
-    buttonBgStyle(): {
-        background: string;
-    };
-}, {
-    handleClick(e: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    color: {
-        type: StringConstructor;
-        default: any;
-    };
-    size: {
-        type: StringConstructor;
-        default: any;
-    };
-    variant: {
-        type: StringConstructor;
-        default: any;
-    };
-    shape: {
-        type: StringConstructor;
-        default: any;
-    };
-    href: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: (BooleanConstructor | NumberConstructor)[];
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    type: string;
-    color: string;
-    size: string;
-    variant: string;
-    shape: string;
-    href: string;
-    block: boolean;
-    loading: boolean;
-    disabled: number | boolean;
-}, {}, {
-    UiImpulseIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        impulse: {
-            type: (ObjectConstructor | BooleanConstructor)[];
-            default: boolean;
-        };
-    }>, {}, {
-        impulseArray: never[];
-    }, {}, {
-        addImpulse(options: any): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        impulse: {
-            type: (ObjectConstructor | BooleanConstructor)[];
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        impulse: boolean | Record<string, any>;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    UiLoading: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-            active: boolean;
-            $props: {
-                readonly active?: boolean | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
-            progress: (typeof __VLS_nativeElements)["circle"];
-        }, HTMLElement, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {
-            active: boolean;
-            $props: {
-                readonly active?: boolean | undefined;
-            };
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-        active: boolean;
-        $props: {
-            readonly active?: boolean | undefined;
-        };
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?: ((props: {}) => any) | undefined;
-        };
-    });
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;