@nuxt/ui 2.18.3 → 3.0.0-alpha.0

package/dist/runtime/components/Pagination.vue

@@ -0,0 +1,80 @@
+<script>
+import { tv } from "tailwind-variants";
+import _appConfig from "#build/app.config";
+import theme from "#build/ui/pagination";
+const appConfig = _appConfig;
+const pagination = tv({ extend: tv(theme), ...appConfig.ui?.pagination || {} });
+</script>
+
+<script setup lang="ts">
+import { PaginationRoot, PaginationList, PaginationListItem, PaginationFirst, PaginationPrev, PaginationEllipsis, PaginationNext, PaginationLast, useForwardPropsEmits } from 'radix-vue'
+import { reactivePick } from '@vueuse/core'
+import { useAppConfig } from '#imports'
+
+const props = withDefaults(defineProps<PaginationProps>(), {
+  color: 'gray',
+  activeColor: 'primary',
+  variant: 'outline',
+  activeVariant: 'solid',
+  showControls: true
+})
+const emits = defineEmits<PaginationEmits>()
+const slots = defineSlots<PaginationSlots>()
+
+const appConfig = useAppConfig()
+
+const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage', 'disabled', 'itemsPerPage', 'page', 'showEdges', 'siblingCount', 'total'), emits)
+
+// eslint-disable-next-line vue/no-dupe-keys
+const ui = pagination()
+</script>
+
+<template>
+  <PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <PaginationList v-slot="{ items }" :class="ui.list({ class: props.ui?.list })">
+      <PaginationFirst v-if="showControls || !!slots.first" as-child>
+        <slot name="first">
+          <UButton :color="color" :variant="variant" :size="size" :icon="firstIcon || appConfig.ui.icons.chevronDoubleLeft" :to="to?.(1)" />
+        </slot>
+      </PaginationFirst>
+      <PaginationPrev v-if="showControls || !!slots.prev" as-child>
+        <slot name="prev">
+          <UButton :color="color" :variant="variant" :size="size" :icon="prevIcon || appConfig.ui.icons.chevronLeft" :to="page > 1 ? to?.(page - 1) : undefined" />
+        </slot>
+      </PaginationPrev>
+
+      <template v-for="(item, index) in items">
+        <PaginationListItem v-if="item.type === 'page'" :key="index" as-child :value="item.value">
+          <slot name="item" v-bind="{ item, index, page, pageCount }">
+            <UButton
+              :color="page === item.value ? activeColor : color"
+              :variant="page === item.value ? activeVariant : variant"
+              :size="size"
+              :label="String(item.value)"
+              :ui="{ label: ui.label() }"
+              :to="to?.(item.value)"
+              square
+            />
+          </slot>
+        </PaginationListItem>
+
+        <PaginationEllipsis v-else :key="item.type" :index="index" as-child>
+          <slot name="ellipsis">
+            <UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" :class="ui.ellipsis({ class: props.ui?.ellipsis })" />
+          </slot>
+        </PaginationEllipsis>
+      </template>
+
+      <PaginationNext v-if="showControls || !!slots.next" as-child>
+        <slot name="next">
+          <UButton :color="color" :variant="variant" :size="size" :icon="nextIcon || appConfig.ui.icons.chevronRight" :to="page < pageCount ? to?.(pageCount) : undefined" />
+        </slot>
+      </PaginationNext>
+      <PaginationLast v-if="showControls || !!slots.last" as-child>
+        <slot name="last">
+          <UButton :color="color" :variant="variant" :size="size" :icon="lastIcon || appConfig.ui.icons.chevronDoubleRight" :to=" to?.(pageCount)" />
+        </slot>
+      </PaginationLast>
+    </PaginationList>
+  </PaginationRoot>
+</template>

package/dist/runtime/components/Pagination.vue.d.ts

@@ -0,0 +1,295 @@
+import type { PaginationRootProps, PaginationRootEmits } from 'radix-vue';
+import type { RouteLocationRaw } from '#vue-router';
+import type { ButtonProps } from '../types.js';
+declare const pagination: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    ellipsis: string;
+    label: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    ellipsis: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    ellipsis: string;
+    label: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    ellipsis: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    list: string;
+    ellipsis: string;
+    label: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            ellipsis?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>>;
+export interface PaginationProps extends Pick<PaginationRootProps, 'defaultPage' | 'disabled' | 'itemsPerPage' | 'page' | 'showEdges' | 'siblingCount' | 'total'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue `div`
+     */
+    as?: any;
+    /**
+     * The icon to use for the first page control.
+     * @defaultValue appConfig.ui.icons.chevronDoubleLeft
+     */
+    firstIcon?: string;
+    /**
+     * The icon to use for the previous page control.
+     * @defaultValue appConfig.ui.icons.chevronLeft
+     */
+    prevIcon?: string;
+    /**
+     * The icon to use for the next page control.
+     * @defaultValue appConfig.ui.icons.chevronRight
+     */
+    nextIcon?: string;
+    /**
+     * The icon to use for the last page control.
+     * @defaultValue appConfig.ui.icons.chevronDoubleRight
+     */
+    lastIcon?: string;
+    /**
+     * The icon to use for the ellipsis control.
+     * @defaultValue appConfig.ui.icons.ellipsis
+     */
+    ellipsisIcon?: string;
+    /**
+     * The color of the pagination controls.
+     * @defaultValue 'white'
+     */
+    color?: ButtonProps['color'];
+    /**
+     * The variant of the pagination controls.
+     * @defaultValue 'solid'
+     */
+    variant?: ButtonProps['variant'];
+    /**
+     * The color of the active pagination control.
+     * @defaultValue 'black'
+     */
+    activeColor?: ButtonProps['color'];
+    /**
+     * The variant of the active pagination control.
+     * @defaultValue 'solid'
+     */
+    activeVariant?: ButtonProps['variant'];
+    /**
+     * Whether to show the first, previous, next, and last controls.
+     * @defaultValue true
+     */
+    showControls?: boolean;
+    size?: ButtonProps['size'];
+    /**
+     * A function to render page controls as links.
+     * @param page The page number to navigate to.
+     */
+    to?: (page: number) => RouteLocationRaw;
+    class?: any;
+    ui?: Partial<typeof pagination.slots>;
+}
+export interface PaginationEmits extends PaginationRootEmits {
+}
+export interface PaginationSlots {
+    first(props?: {}): any;
+    prev(props?: {}): any;
+    next(props?: {}): any;
+    last(props?: {}): any;
+    ellipsis(props?: {}): any;
+    item(props: {
+        page: number;
+        pageCount: number;
+        item: {
+            type: 'ellipsis';
+        } | {
+            type: 'page';
+            value: number;
+        };
+        index: number;
+    }): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PaginationProps>, {
+    color: string;
+    activeColor: string;
+    variant: string;
+    activeVariant: string;
+    showControls: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PaginationProps>, {
+    color: string;
+    activeColor: string;
+    variant: string;
+    activeVariant: string;
+    showControls: boolean;
+}>>> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {
+    color: "error" | "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "gray";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+    activeColor: "error" | "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "gray";
+    activeVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+    showControls: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<PaginationSlots> & PaginationSlots>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/runtime/components/Popover.vue

@@ -0,0 +1,52 @@
+<script>
+import { tv } from "tailwind-variants";
+import _appConfig from "#build/app.config";
+import theme from "#build/ui/popover";
+const appConfig = _appConfig;
+const popover = tv({ extend: tv(theme), ...appConfig.ui?.popover || {} });
+</script>
+
+<script setup lang="ts">
+import { computed, toRef } from 'vue'
+import { defu } from 'defu'
+import { useForwardPropsEmits } from 'radix-vue'
+import { Popover, HoverCard } from 'radix-vue/namespaced'
+import { reactivePick } from '@vueuse/core'
+
+const props = withDefaults(defineProps<PopoverProps>(), {
+  portal: true,
+  mode: 'click',
+  openDelay: 0,
+  closeDelay: 0
+})
+const emits = defineEmits<PopoverEmits>()
+const slots = defineSlots<PopoverSlots>()
+
+const pick = props.mode === 'hover' ? reactivePick(props, 'defaultOpen', 'open', 'openDelay', 'closeDelay') : reactivePick(props, 'defaultOpen', 'open', 'modal')
+const rootProps = useForwardPropsEmits(pick, emits)
+const contentProps = toRef(() => defu(props.content, { side: 'bottom', sideOffset: 8 }) as PopoverContentProps)
+const arrowProps = toRef(() => props.arrow as PopoverArrowProps)
+
+// eslint-disable-next-line vue/no-dupe-keys
+const ui = computed(() => popover({
+  side: contentProps.value.side
+}))
+
+const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
+</script>
+
+<template>
+  <Component.Root v-slot="{ open }" v-bind="rootProps">
+    <Component.Trigger v-if="!!slots.default" as-child>
+      <slot :open="open" />
+    </Component.Trigger>
+
+    <Component.Portal :disabled="!portal">
+      <Component.Content v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
+        <slot name="content" />
+
+        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
+      </Component.Content>
+    </Component.Portal>
+  </Component.Root>
+</template>

package/dist/runtime/components/Popover.vue.d.ts

@@ -0,0 +1,197 @@
+import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverArrowProps } from 'radix-vue';
+declare const popover: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    content: string;
+    arrow: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>>;
+export interface PopoverProps extends PopoverRootProps, Pick<HoverCardRootProps, 'openDelay' | 'closeDelay'> {
+    /**
+     * The display mode of the popover.
+     * @defaultValue 'click'
+     */
+    mode?: 'click' | 'hover';
+    /**
+     * The content of the popover.
+     * @defaultValue { side: 'bottom', sideOffset: 8 }
+     */
+    content?: Omit<PopoverContentProps, 'as' | 'asChild' | 'forceMount'>;
+    /**
+     * Display an arrow alongside the popover.
+     * @defaultValue false
+     */
+    arrow?: boolean | Omit<PopoverArrowProps, 'as' | 'asChild'>;
+    /**
+     * Render the popover in a portal.
+     * @defaultValue true
+     */
+    portal?: boolean;
+    class?: any;
+    ui?: Partial<typeof popover.slots>;
+}
+export interface PopoverEmits extends PopoverRootEmits {
+}
+export interface PopoverSlots {
+    default(props: {
+        open: boolean;
+    }): any;
+    content(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PopoverProps>, {
+    portal: boolean;
+    mode: string;
+    openDelay: number;
+    closeDelay: number;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PopoverProps>, {
+    portal: boolean;
+    mode: string;
+    openDelay: number;
+    closeDelay: number;
+}>>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    mode: "click" | "hover";
+    portal: boolean;
+    openDelay: number;
+    closeDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<PopoverSlots> & PopoverSlots>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};