@witchcraft/ui 0.3.19 → 0.3.21

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

@@ -10,20 +10,25 @@ 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 & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(Props & {
         modelValue?: T[];
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T[]) => void;
+    emit: (event: "update:modelValue", value: T[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -10,20 +10,25 @@ 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 & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(Props & {
         modelValue?: T[];
-    }) & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T[]) => void;
+    emit: (event: "update:modelValue", value: T[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -9,7 +9,9 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     pause: (notification: NotificationEntry) => any;
@@ -21,14 +23,21 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     handler: NotificationHandler;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     top?: (props: {
-        notification: any;
+        notification: NotificationEntry;
     }) => any;
 } & {
-    title?: (props: any) => any;
+    title?: (props: {
+        title: string;
+        class: string;
+        tabindex: number;
+    }) => any;
 } & {
-    message?: (props: any) => any;
+    message?: (props: {
+        class: string;
+        message: string;
+        tabindex: number;
+    }) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -4,7 +4,6 @@
 	:class="twMerge(
   `
 		notification
-		max-w-700px
 		bg-neutral-50
 		dark:bg-neutral-900
 		text-fg
@@ -65,7 +64,7 @@
 			</div>
 		</slot>
 		<div class="notification--spacer flex-1"/>
-		<div class="actions flex">
+		<div class="notification--actions flex">
 			<LibButton
 				:border="false"
 				class="
@@ -203,6 +202,7 @@ onMounted(() => {
         if (props.notification.isPaused) return;
         emit("pause", props.notification);
       } else {
+        if (!props.notification.isPaused) return;
         emit("resume", props.notification);
       }
     }, { signal: mousedownAbortController.signal });

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

@@ -9,7 +9,9 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     pause: (notification: NotificationEntry) => any;
@@ -21,14 +23,21 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     handler: NotificationHandler;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     top?: (props: {
-        notification: any;
+        notification: NotificationEntry;
     }) => any;
 } & {
-    title?: (props: any) => any;
+    title?: (props: {
+        title: string;
+        class: string;
+        tabindex: number;
+    }) => any;
 } & {
-    message?: (props: any) => any;
+    message?: (props: {
+        class: string;
+        message: string;
+        tabindex: number;
+    }) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -2,5 +2,6 @@ import type { CustomNotificationComponentProps } from "../../types/index.js";
 type __VLS_Props = CustomNotificationComponentProps & {
     customProp: 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>;
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -2,5 +2,6 @@ import type { CustomNotificationComponentProps } from "../../types/index.js";
 type __VLS_Props = CustomNotificationComponentProps & {
     customProp: 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>;
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -4,10 +4,12 @@ import type { HTMLAttributes } from "vue";
 type RealProps = LinkableByIdProps & {
     /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
     handler?: NotificationHandler;
+    progressUpdateInterval?: number;
 };
 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>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -5,17 +5,16 @@
 	tag="div"
 	:class="twMerge(`
 		notifications
-		[--notification-width:300px]
+		[--notification-width:calc(100dvw-var(--spacing)*4)]
+		sm:[--notification-width:300px]
 		fixed
 		top-0
 		z-50
 		right-[calc(var(--notification-width)*-1)]
 		w-[calc(var(--spacing)*2+var(--notification-width)*2)]
-		[&_.notification]:w-[var(--notification-width)]
 		max-h-[100dvh]
 		flex
 		flex-col
-		[&_.notification]:shrink-0
 		gap-1
 		list-none
 		outline-none
@@ -29,7 +28,16 @@
 		:handler="handler"
 		tabindex="0"
 		:notification="notification"
-		class="overflow-hidden my-2 max-h-[25dvh] min-h-[300px]"
+		class="
+			overflow-hidden
+			my-2
+			max-h-[300px]
+			w-[var(--notification-width)]
+			shrink-0
+			max-sm:[&_.notification--button]:p-2
+			max-sm:[&_.notification--button]:py-1
+			max-sm:[&_.notification--header]:text-lg
+		"
 		v-for="notification of notifications"
 		:key="notification.id"
 		@pause="handler.pause(notification)"
@@ -46,7 +54,7 @@
 					-mx-[calc(var(--spacing)*2+2px)]
 					rounded-none
 				"
-				:progress="100 - (notification.isPaused ? notification._timer.elapsedBeforePause : notification._timer.elapsedBeforePause + (time - notification.startTime)) / notification.timeout * 100"
+				:progress="calculateNotificationProgress(notification, time)"
 			/>
 		</template>
 	</lib-notification>
@@ -67,19 +75,27 @@
 		<AlertDialogContent
 			class="
 				data-[state=open]:animate-contentShow
+				max-sm:data-[state=open]:animate-slideInUp
 				fixed
 				flex
+				max-h-[80dvh]
 				top-[50%]
 				left-[50%]
-				translate-x-[-50%]
-				translate-y-[-50%]
-				max-h-[80dvh]
+				sm:translate-x-[-50%]
+				sm:translate-y-[-50%]
 				max-w-[700px]
+				max-sm:bottom-2
+				max-sm:top-[unset]
+				max-sm:left-2
+				max-sm:right-2
+				max-sm:w-[calc(100%-var(--spacing)*4)]
 				z-100
 			"
 		>
 			<lib-notification
 				class="
+					w-full
+					sm:max-w-[700px]
 					max-w-full
 					max-h-full
 					top-notification
@@ -120,9 +136,11 @@ import {
   AlertDialogRoot,
   AlertDialogTitle
 } from "reka-ui";
-import { computed, ref } from "vue";
+import { computed } from "vue";
+import { calculateNotificationProgress } from "./calculateNotificationProgress.js";
 import LibNotification from "./LibNotification.vue";
 import { useNotificationHandler } from "../../composables/useNotificationHandler.js";
+import { useTimeConditionally } from "../../composables/useTimeConditionally.js";
 import { NotificationHandler } from "../../helpers/NotificationHandler.js";
 import { twMerge } from "../../utils/twMerge.js";
 import LibProgressBar from "../LibProgressBar/LibProgressBar.vue";
@@ -132,17 +150,16 @@ defineOptions({
 });
 const props = defineProps({
   id: { type: String, required: false },
-  handler: { type: Object, required: false }
+  handler: { type: Object, required: false },
+  progressUpdateInterval: { type: Number, required: false }
 });
+const handler = props.handler ?? useNotificationHandler();
 const topNotifications = computed(() => handler.queue.filter((entry) => entry.requiresAction).reverse());
 const notifications = computed(() => handler.queue.filter((entry) => !entry.requiresAction));
-const time = ref(Date.now());
-setInterval(() => {
-  requestAnimationFrame(() => {
-    time.value = Date.now();
-  });
-}, 50);
-const handler = props.handler ?? useNotificationHandler();
+const fetchTime = computed(() => {
+  return notifications.value.filter((entry) => entry.timeout !== void 0 && !entry.isPaused).length > 0;
+});
+const { time } = useTimeConditionally(fetchTime, { refreshInterval: props.progressUpdateInterval });
 </script>
 
 <script>

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

@@ -4,10 +4,12 @@ import type { HTMLAttributes } from "vue";
 type RealProps = LinkableByIdProps & {
     /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
     handler?: NotificationHandler;
+    progressUpdateInterval?: number;
 };
 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>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,2 @@
+import type { NotificationEntry } from "../../helpers/NotificationHandler.js";
+export declare function calculateNotificationProgress(notification: NotificationEntry, time: number): number;

package/dist/runtime/components/LibNotifications/calculateNotificationProgress.js

@@ -0,0 +1,4 @@
+export function calculateNotificationProgress(notification, time) {
+  if (notification.timeout === void 0) return 0;
+  return 100 - (notification.isPaused ? notification._timer.elapsedBeforePause : notification._timer.elapsedBeforePause + (time - notification.startTime)) / notification.timeout * 100;
+}

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

@@ -10,7 +10,34 @@ import type { TailwindClassProp } from "../shared/props.js";
  * </template>
  * ```
  */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+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 {
+}
+declare const __VLS_export: __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;
@@ -19,84 +46,58 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     link?: (props: {
         class: string;
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: string;
+        ariaLabel: string;
     }) => any;
 } & {
     link?: (props: {
         class: string;
         i: number;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        href: string;
+        text: number;
+        ariaLabel: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     current?: (props: {
         tabindex: string;
-        i: any;
-        ariaLabel: any;
+        i: number;
+        ariaLabel: string;
         aria_current: boolean;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: number;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: string;
+        ariaLabel: string;
         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;

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

@@ -10,7 +10,34 @@ import type { TailwindClassProp } from "../shared/props.js";
  * </template>
  * ```
  */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+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 {
+}
+declare const __VLS_export: __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;
@@ -19,84 +46,58 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     link?: (props: {
         class: string;
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: string;
+        ariaLabel: string;
     }) => any;
 } & {
     link?: (props: {
         class: string;
         i: number;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        href: string;
+        text: number;
+        ariaLabel: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     current?: (props: {
         tabindex: string;
-        i: any;
-        ariaLabel: any;
+        i: number;
+        ariaLabel: string;
         aria_current: boolean;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: number;
+        ariaLabel: string;
         class: string;
     }) => any;
 } & {
     link?: (props: {
-        i: any;
-        href: any;
-        text: any;
-        ariaLabel: any;
+        i: number;
+        href: string;
+        text: string;
+        ariaLabel: string;
         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;

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

@@ -1,6 +1,8 @@
 import type { Theme } from "metamorphosis";
 import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js";
-declare const _default: import("vue").DefineComponent<LinkableByIdProps & BaseInteractiveProps & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<LinkableByIdProps & BaseInteractiveProps & {
     theme?: Theme;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkableByIdProps & BaseInteractiveProps & {
     theme?: Theme;
@@ -11,4 +13,3 @@ declare const _default: import("vue").DefineComponent<LinkableByIdProps & BaseIn
     border: boolean;
     unstyle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;