@witchcraft/ui 0.4.0 → 0.4.2

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

@@ -1,165 +0,0 @@
-import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
-type WrapperTypes = WrapperProps<"suggestions", HTMLAttributes> & WrapperProps<"wrapper", HTMLAttributes> & WrapperProps<"inner-wrapper", HTMLAttributes>;
-type RealProps = SuggestionsProps & LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    suggestions?: SuggestionsProps["suggestions"];
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSubmit"> & TailwindClassProp>, 
-/** @vue-ignore */
-Partial<WrapperTypes>, RealProps {
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    values?: string[] | undefined;
-    modelValue: string;
-    inputValue?: string;
-}, {
-    suggestionsComponent: import("vue").Ref<{
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: HTMLElement | null;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    } | null, import("vue").ShallowUnwrapRef<{
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    }> | {
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: HTMLElement | null;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    } | null>;
-    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:inputValue": (value: string) => any;
-    "update:values": (value: string[] | undefined) => any;
-} & {
-    blur: (val: FocusEvent) => any;
-    input: (val: InputEvent) => any;
-    submit: (val: string, suggestion?: any) => any;
-    keydown: (val: KeyboardEvent) => any;
-    focus: (val: FocusEvent) => any;
-    indicatorClick: (val: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    values?: string[] | undefined;
-    modelValue: string;
-    inputValue?: string;
-}> & Readonly<{
-    onBlur?: ((val: FocusEvent) => any) | undefined;
-    onInput?: ((val: InputEvent) => any) | undefined;
-    onSubmit?: ((val: string, suggestion?: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onUpdate:values"?: ((value: string[] | undefined) => any) | undefined;
-    onKeydown?: ((val: KeyboardEvent) => any) | undefined;
-    onFocus?: ((val: FocusEvent) => any) | undefined;
-    onIndicatorClick?: ((val: MouseEvent) => any) | undefined;
-}>, {
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-    suggestions: any[];
-    updateOnlyOnSubmit: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    label?: (props: any) => any;
-} & {
-    default?: (props: any) => any;
-} & {
-    left?: (props: any) => any;
-} & {
-    input?: (props: any) => any;
-} & {
-    indicator?: (props: {
-        isOpen: any;
-        suggestionsIndicatorClickHandler: any;
-    }) => any;
-} & {
-    values?: (props: any) => any;
-} & {
-    right?: (props: any) => any;
-} & {
-    suggestions?: (props: any) => any;
-} & {
-    'suggestion-item'?: (props: any) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,26 +0,0 @@
-import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyled?: boolean;
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<LabelHTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    id: string;
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/LibLabel/LibLabel.vue

@@ -1,45 +0,0 @@
-<template>
-<!-- we use data-disabled because labels have no disabled property technically -->
-<label
-	:id="`label-${id ?? fallbackId}`"
-	:class="!$attrs.unstyle && twMerge(
-  `
-			pr-0
-			text-sm
-		`,
-  !valid && `text-danger-700`,
-  $attrs?.class
-)"
-	:data-disabled="disabled"
-	:data-invalid="!valid"
-	:for="id"
-	v-bind="{ ...$attrs, class: void 0 }"
->
-	<slot/>
-</label>
-</template>
-
-<script setup>
-import { useAttrs } from "vue";
-import { twMerge } from "../../utils/twMerge.js";
-import { getFallbackId } from "../shared/props.js";
-defineOptions({
-  name: "LibLabel"
-});
-const fallbackId = getFallbackId();
-defineProps({
-  id: { type: String, required: false, default: "" },
-  label: { type: String, required: false },
-  disabled: { type: Boolean, required: false, default: false },
-  readonly: { type: Boolean, required: false, default: false },
-  border: { type: Boolean, required: false, default: true },
-  unstyle: { type: Boolean, required: false, default: false },
-  unstyled: { type: Boolean, required: false },
-  valid: { type: Boolean, required: false, default: true }
-});
-const $attrs = useAttrs();
-</script>
-
-<script>
-
-</script>

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

@@ -1,26 +0,0 @@
-import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyled?: boolean;
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<LabelHTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    id: string;
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,29 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js";
-type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes>>;
-type RealProps = LabelProps & BaseInteractiveProps & {
-    border?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, 
-/** @vue-ignore */
-WrapperTypes, RealProps {
-}
-declare const _default: <T extends string | number>(__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<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (Props & {
-        modelValue?: T[];
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T as K]: T[K];
-} & {};

package/dist/runtime/components/LibMultiValues/LibMultiValues.vue

@@ -1,109 +0,0 @@
-<template>
-<div
-	v-if="$modelValue && $modelValue?.length > 0"
-	:class="
-  twMerge(
-    `
-		multivalues
-		group
-		flex
-		flex-initial
-		items-center
-		justify-center
-		gap-1
-		overflow-x-scroll
-		scrollbar-hidden
-	`,
-    $.attrs?.class
-  )
-"
-	:data-disabled="disabled"
-	:data-read-only="readonly"
-	:aria-label="`Values for ${label}`"
-	:tabindex="disabled ? -1 : 0"
-	v-bind="{ ...$.attrs, class: void 0 }"
->
-	<div
-		:data-border="border"
-		:class="twMerge(
-  `
-				multivalues--item
-				flex-basis-0
-				min-w-2
-				flex
-				max-w-fit
-				flex-1
-				items-center
-				gap-0.5
-				overflow-hidden
-				px-1
-				text-xs
-				leading-none`,
-  !(disabled || readonly) && `
-				group-focus:text-accent-500
-				focus:text-accent-500`,
-  border && `
-				rounded-sm
-				border-neutral-400
-				border
-				focus:border-accent-400
-			`,
-  border && (disabled || readonly) && `
-				border-neutral-200
-				focus:border-neutral-200
-				dark:border-neutral-800
-				dark:focus:border-neutral-800
-			`,
-  $.itemAttrs?.class
-)"
-		:tabindex="canEdit ? 0 : void 0"
-		v-for="(value) of $modelValue"
-		:key="value"
-		@keydown.ctrl.c.prevent="copy(value.toString())"
-	>
-		<span class="multivalues--label truncate">{{ value }}</span>
-		<lib-button
-			class="multivalues--remove-button !p-0 text-sm !leading-none"
-			:aria-label="`Remove ${value}`"
-			:border="false"
-			:disabled="disabled || readonly"
-			@click="removeVal(value)"
-		>
-			<icon><i-fa6-solid-xmark/></icon>
-		</lib-button>
-	</div>
-</div>
-</template>
-
-<script setup>
-import { removeIfIn } from "@alanscodelog/utils/removeIfIn";
-import { computed } from "vue";
-import IFa6SolidXmark from "~icons/fa6-solid/xmark";
-import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
-import { copy } from "../../helpers/copy.js";
-import { twMerge } from "../../utils/twMerge.js";
-import Icon from "../Icon/Icon.vue";
-import LibButton from "../LibButton/LibButton.vue";
-defineOptions({
-  name: "LibMultiValues",
-  inheritAttrs: false
-});
-const $ = useDivideAttrs(["item"]);
-const props = defineProps({
-  label: { type: String, required: false },
-  disabled: { type: Boolean, required: false, default: false },
-  readonly: { type: Boolean, required: false, default: false },
-  border: { type: Boolean, required: false, default: true },
-  unstyle: { type: Boolean, required: false, default: false }
-});
-const canEdit = computed(() => !props.disabled && !props.readonly);
-const $modelValue = defineModel({ type: Array, ...{ default: () => [] } });
-const removeVal = (value) => {
-  if (!canEdit.value) return;
-  removeIfIn($modelValue.value, value);
-};
-</script>
-
-<script>
-
-</script>

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

@@ -1,29 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js";
-type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes>>;
-type RealProps = LabelProps & BaseInteractiveProps & {
-    border?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, 
-/** @vue-ignore */
-WrapperTypes, RealProps {
-}
-declare const _default: <T extends string | number>(__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<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (Props & {
-        modelValue?: T[];
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T as K]: T[K];
-} & {};

package/dist/runtime/components/LibNotifications/LibNotification.d.vue.ts

@@ -1,30 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { TailwindClassProp } from "../shared/props.js";
-type RealProps = {
-    notification: NotificationEntry;
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
-    focus: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    handler: NotificationHandler;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    top?: (props: {
-        notification: any;
-    }) => any;
-} & {
-    title?: (props: any) => any;
-} & {
-    message?: (props: any) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/LibNotifications/LibNotification.vue.d.ts

@@ -1,30 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { TailwindClassProp } from "../shared/props.js";
-type RealProps = {
-    notification: NotificationEntry;
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
-    focus: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    handler: NotificationHandler;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    top?: (props: {
-        notification: any;
-    }) => any;
-} & {
-    title?: (props: any) => any;
-} & {
-    message?: (props: any) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,13 +0,0 @@
-import { NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-import type { HTMLAttributes } from "vue";
-type RealProps = LinkableByIdProps & {
-    /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -1,13 +0,0 @@
-import { NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-import type { HTMLAttributes } from "vue";
-type RealProps = LinkableByIdProps & {
-    /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -1,104 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js";
-/**
- * Pagination component.
- *
- * Can be passed a slot like so to use a custom link element (like NuxtLink):
- * ```vue
- * <template #link="{ href, i, text, ariaLabel, ariaCurrent}">
- * 	<NuxtLink :to="href" :aria-label="ariaLabel" :aria-current="ariaCurrent ?? false">{{ text ?? i }}</NuxtLink>
- * </template>
- * ```
- */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    customRoute: (route: string, i: number) => {
-        i: number;
-        href: string;
-    };
-    extraPages: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    link?: (props: {
-        class: string;
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
-    }) => any;
-} & {
-    link?: (props: {
-        class: string;
-        i: number;
-        href: any;
-        text: any;
-        ariaLabel: any;
-    }) => any;
-} & {
-    link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
-        class: string;
-    }) => any;
-} & {
-    current?: (props: {
-        tabindex: string;
-        i: any;
-        ariaLabel: any;
-        aria_current: boolean;
-        class: string;
-    }) => any;
-} & {
-    link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
-        class: string;
-    }) => any;
-} & {
-    link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
-        class: string;
-    }) => any;
-} & {
-    link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
-        class: string;
-    }) => any;
-}>;
-export default _default;
-type RealProps = {
-    /** The total number of pages. */
-    total: number;
-    /** The number of the current page. It must be valid, between 0 - total or the component will throw an error. */
-    current: number;
-    /** The base route/link path for the page. Should end with a forward slash `/`. */
-    route: string;
-    /**
-     * A function to customize the output href and page link number. By default, page 0 is page 1, page 1 is 1, then everything else is normal.
-     *
-     * This is because usually we have routes like: `/page/1`, `/page/2`, not `/page/0`.
-     *
-     * You can use this function to customize things further. For example, make `/page/1` just `/`
-     */
-    customRoute?: (route: string, i: number) => {
-        i: number;
-        href: string;
-    };
-    /** How many extra pages to show to each side of the current page. */
-    extraPages?: number;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};