@velkymx/vibeui 0.9.0 → 1.0.2

package/package.json

@@ -1,20 +1,28 @@
 {
   "name": "@velkymx/vibeui",
-  "version": "0.9.0",
+  "version": "1.0.2",
   "description": "A lightweight Vue 3 component library for Bootstrap 5.3 with dual-mode support (shorthand props and composable slots)",
   "main": "./dist/vibeui.umd.js",
   "module": "./dist/vibeui.es.js",
-  "types": "./dist/types/index.d.ts",
+  "types": "./dist/src/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/src/index.d.ts",
       "import": "./dist/vibeui.es.js",
       "require": "./dist/vibeui.umd.js"
     },
     "./dist/style.css": "./dist/vibeui.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "llms.txt",
+    "AGENTS.md",
+    "CLAUDE.md",
+    "docs",
+    "examples"
   ],
   "scripts": {
     "dev": "vite",
@@ -22,10 +30,13 @@
     "preview": "vite preview",
     "examples": "npm run build && cd examples && python3 -m http.server 8000",
     "smoke": "npm run build && cp dist/vibeui.es.js dist/vibeui.css smoke/dist/ && cd smoke && python3 -m http.server 8001",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "test": "vitest --project unit",
+    "test:ui": "vitest --ui --project unit",
+    "test:run": "vitest run --project unit",
+    "test:coverage": "vitest run --project unit --coverage",
+    "test:browser": "vitest run --project browser",
+    "test:all": "vitest run",
+    "test:examples": "npm run build && playwright test",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -42,36 +53,55 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/velkymx/vibeui.git"
+    "url": "git+https://github.com/velkymx/vibeui.git"
   },
   "bugs": {
     "url": "https://github.com/velkymx/vibeui/issues"
   },
   "homepage": "https://github.com/velkymx/vibeui#readme",
   "dependencies": {
-    "@floating-ui/dom": "^1.7.6",
-    "vue": "^3.5.0"
+    "@floating-ui/dom": "^1.7.6"
   },
   "devDependencies": {
+    "@playwright/test": "^1.60.0",
+    "@types/dompurify": "^3.0.5",
     "@vitejs/plugin-vue": "^6.0.4",
+    "@vitest/browser": "^4.1.7",
+    "@vitest/browser-playwright": "^4.1.7",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
+    "@vue/language-core": "^3.3.2",
     "@vue/test-utils": "^2.4.6",
+    "bootstrap": "^5.3.8",
+    "dompurify": "^3.4.7",
     "happy-dom": "^20.1.0",
+    "playwright": "^1.60.0",
     "quill": "^2.0.3",
-    "typescript": "^5.7.2",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.14",
+    "vite-plugin-dts": "^5.0.1",
     "vitest": "^4.0.16",
+    "vitest-browser-vue": "^2.1.0",
+    "vue": "^3.5.0",
     "vue-tsc": "^3.2.5"
   },
+  "overrides": {
+    "typescript": "$typescript"
+  },
   "peerDependencies": {
+    "bootstrap": "^5.3.0",
+    "bootstrap-icons": "^1.11.0",
+    "dompurify": "^3.0.0",
+    "quill": "^2.0.0",
     "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
     "bootstrap-icons": {
       "optional": true
     },
+    "dompurify": {
+      "optional": true
+    },
     "quill": {
       "optional": true
     }

package/dist/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/HelloWorld.vue.d.ts

@@ -1,5 +0,0 @@
-type __VLS_Props = {
-    msg: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/VibeAccordion.vue.d.ts

@@ -1,90 +0,0 @@
-import { AccordionItem } from '../types';
-interface BootstrapCollapse {
-    show: () => void;
-    hide: () => void;
-    toggle: () => void;
-    dispose: () => void;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {
-            item: AccordionItem;
-            index: number;
-        }): any;
-        content?(_: {
-            item: AccordionItem;
-            index: number;
-        }): any;
-    };
-    refs: {
-        accordionRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    flush: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    items: {
-        type: () => AccordionItem[];
-        required: true;
-    };
-    alwaysOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    bsInstances: Map<string, BootstrapCollapse>;
-    refresh: () => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "component-error": (...args: any[]) => void;
-    show: (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
-    shown: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
-    hidden: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    flush: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    items: {
-        type: () => AccordionItem[];
-        required: true;
-    };
-    alwaysOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
-    onShown?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
-    onHidden?: ((...args: any[]) => any) | undefined;
-}>, {
-    id: string;
-    flush: boolean;
-    alwaysOpen: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    accordionRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VibeAutocomplete.vue.d.ts

@@ -1,46 +0,0 @@
-declare const _default: <T = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{
-        modelValue: string;
-        label: string;
-        disabled: boolean;
-        placeholder: string;
-        id: string;
-        minChars: number;
-        debounce: number;
-        itemText: (item: T) => string;
-        maxResults: number;
-    }> & Omit<{
-        readonly modelValue: string;
-        readonly source: T[] | ((query: string) => T[] | Promise<T[]>);
-        readonly disabled: boolean;
-        readonly placeholder: string;
-        readonly minChars: number;
-        readonly debounce: number;
-        readonly maxResults: number;
-        readonly label?: string | undefined;
-        readonly id?: string | undefined;
-        readonly itemText?: ((item: T) => string) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        readonly onSelect?: ((item: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "modelValue" | "label" | "disabled" | "placeholder" | "id" | "minChars" | "debounce" | "itemText" | "maxResults">, "onUpdate:modelValue" | "source" | "onSelect" | ("modelValue" | "label" | "disabled" | "placeholder" | "id" | "minChars" | "debounce" | "itemText" | "maxResults")> & {} & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        item?(_: {
-            item: T;
-            index: number;
-            label: string;
-        }): any;
-        empty?(_: {}): any;
-    };
-    emit: {
-        (e: "update:modelValue", value: string): void;
-        (e: "select", item: T): void;
-    };
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/VibeBreadcrumb.vue.d.ts

@@ -1,47 +0,0 @@
-import { BreadcrumbItem } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        item?(_: {
-            item: BreadcrumbItem;
-            index: number;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    items: {
-        type: () => BreadcrumbItem[];
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "component-error": (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    items: {
-        type: () => BreadcrumbItem[];
-        required: true;
-    };
-}>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
-}>, {
-    ariaLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VibeCollapse.vue.d.ts

@@ -1,84 +0,0 @@
-import { Tag } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        collapseRef: unknown;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tag: {
-        type: () => Tag;
-        default: string;
-    };
-    horizontal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isNav: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    "component-error": (...args: any[]) => void;
-    show: (...args: any[]) => void;
-    shown: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
-    hidden: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tag: {
-        type: () => Tag;
-        default: string;
-    };
-    horizontal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isNav: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    onShown?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
-    onHidden?: ((...args: any[]) => any) | undefined;
-}>, {
-    modelValue: boolean;
-    tag: Tag;
-    id: string;
-    horizontal: boolean;
-    isNav: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    collapseRef: unknown;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VibeContainer.vue.d.ts

@@ -1,44 +0,0 @@
-import { PropType } from 'vue';
-import { Tag, ContainerType } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    fluid: {
-        type: PropType<boolean | ContainerType>;
-        default: boolean;
-    };
-    tag: {
-        type: PropType<Tag>;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "component-error": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    fluid: {
-        type: PropType<boolean | ContainerType>;
-        default: boolean;
-    };
-    tag: {
-        type: PropType<Tag>;
-        default: string;
-    };
-}>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-}>, {
-    tag: Tag;
-    fluid: boolean | ContainerType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VibeDataTable.vue.d.ts

@@ -1,76 +0,0 @@
-import { DataTableColumn } from '../types';
-declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{
-        variant: string;
-        small: boolean;
-        items: T[];
-        stack: boolean;
-        hover: boolean;
-        rowKey: string;
-        striped: boolean;
-        bordered: boolean;
-        borderless: boolean;
-        responsive: boolean;
-        searchable: boolean;
-        sortable: boolean;
-        paginated: boolean;
-        searchPlaceholder: string;
-        searchDebounce: number;
-        showEmpty: boolean;
-        emptyText: string;
-        showPerPage: boolean;
-        showInfo: boolean;
-        infoText: string;
-        filteredInfoText: string;
-        perPageOptions: number[];
-    }> & Omit<{
-        readonly small: boolean;
-        readonly items: T[];
-        readonly stack: boolean;
-        readonly hover: boolean;
-        readonly columns: DataTableColumn<T>[];
-        readonly rowKey: string;
-        readonly striped: boolean;
-        readonly bordered: boolean;
-        readonly borderless: boolean;
-        readonly responsive: boolean;
-        readonly searchable: boolean;
-        readonly sortable: boolean;
-        readonly paginated: boolean;
-        readonly searchPlaceholder: string;
-        readonly searchDebounce: number;
-        readonly showEmpty: boolean;
-        readonly emptyText: string;
-        readonly showPerPage: boolean;
-        readonly showInfo: boolean;
-        readonly infoText: string;
-        readonly filteredInfoText: string;
-        readonly perPageOptions: number[];
-        readonly variant?: string | undefined;
-        readonly "onComponent-error"?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:currentPage"?: ((value: number) => any) | undefined;
-        readonly "onUpdate:perPage"?: ((value: number) => any) | undefined;
-        readonly "onUpdate:sortBy"?: ((value: string | undefined) => any) | undefined;
-        readonly "onUpdate:sortDesc"?: ((value: boolean) => any) | undefined;
-        readonly "onRow-clicked"?: ((...args: any[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "variant" | "small" | "items" | "stack" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions">, "onComponent-error" | "onUpdate:currentPage" | "columns" | "onUpdate:perPage" | "onUpdate:sortBy" | "onUpdate:sortDesc" | "onRow-clicked" | ("variant" | "small" | "items" | "stack" | "hover" | "rowKey" | "striped" | "bordered" | "borderless" | "responsive" | "searchable" | "sortable" | "paginated" | "searchPlaceholder" | "searchDebounce" | "showEmpty" | "emptyText" | "showPerPage" | "showInfo" | "infoText" | "filteredInfoText" | "perPageOptions")> & {
-        currentPage?: number;
-        perPage?: number;
-        sortBy?: string | undefined;
-        sortDesc?: boolean;
-    } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: Partial<Record<`cell(${keyof T & string})`, (_: {
-        item: T;
-        value: T[keyof T & string];
-        index: number;
-    }) => any>>;
-    emit: ((event: "component-error" | "row-clicked", ...args: any[]) => void) & (((evt: "update:currentPage", value: number) => void) & ((evt: "update:perPage", value: number) => void) & ((evt: "update:sortBy", value: string | undefined) => void) & ((evt: "update:sortDesc", value: boolean) => void));
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/VibeNavbarBrand.vue.d.ts

@@ -1,42 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    to: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "component-error": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    to: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-}>, {
-    href: string;
-    to: string | Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/VibeNavbarNav.vue.d.ts

@@ -1,61 +0,0 @@
-import { NavItem, DropdownItem } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        item?(_: {
-            item: NavItem;
-            index: number;
-        }): any;
-        item?(_: {
-            item: NavItem;
-            index: number;
-        }): any;
-        'dropdown-item'?(_: {
-            item: NavItem;
-            child: DropdownItem;
-            index: number;
-            childIndex: number;
-        }): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    items: {
-        type: () => NavItem[];
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "component-error": (...args: any[]) => void;
-    "item-click": (...args: any[]) => void;
-    "dropdown-item-click": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    items: {
-        type: () => NavItem[];
-        default: undefined;
-    };
-}>> & Readonly<{
-    "onComponent-error"?: ((...args: any[]) => any) | undefined;
-    "onItem-click"?: ((...args: any[]) => any) | undefined;
-    "onDropdown-item-click"?: ((...args: any[]) => any) | undefined;
-}>, {
-    tag: string;
-    items: NavItem[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};