@witchcraft/ui 0.3.1 → 0.3.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/assets/animations.css

@@ -0,0 +1 @@
+@theme{--animate-blinkInf:blink 1s linear-infinite;@keyframes blink{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}--animate-slideBgInf:slide-bg 10s linear-infinite;@keyframes slide{0%{background-position:0}to{background-position:100%}}--animate-hide:hide 500ms ease-in;@keyframes hide{0%{opacity:1}to{opacity:0}}--animate-slideIn:slideIn 500ms cubic-bezier(0.16,1,0.3,1);@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}--animate-overlayShow:overlayShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes overlayShow{0%{opacity:0}to{opacity:1}}--animate-contentShow:contentShow 500ms cubic-bezier(0.16,1,0.3,1);@keyframes contentShow{0%{opacity:0;transform:translateY(-10%) scale(.96)}to{opacity:1;transform:scale(1)}}}

package/dist/runtime/assets/base.css

@@ -1 +1 @@
-.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.list-enter-active,.list-leave-active,.list-move{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateX(100%)}.list-leave-active{position:absolute}.list-leave-to,.list-move{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes blink{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes slide{0%{background-position:0}to{background-position:100%}}a{@apply link-like}*{@apply styled-scrollbar}textarea{@apply styled-resizer}
+.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.list-enter-active,.list-leave-active,.list-move{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateX(100%)}.list-leave-active{position:absolute}.list-leave-to,.list-move{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{@apply link-like}*{@apply styled-scrollbar}textarea{@apply styled-resizer}

package/dist/runtime/assets/tailwind.css

@@ -1 +1 @@
-@import "tailwindcss" source("../../");@import "./theme.css";@import "./base.css";@import "./utils.css";
+@import "tailwindcss" source("../../");@import "./theme.css";@import "./animations.css";@import "./base.css";@import "./utils.css";

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

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type ButtonProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type ButtonProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & ButtonProps;
 interface Props extends 
 /** @vue-ignore */

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

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type ButtonProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type ButtonProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & ButtonProps;
 interface Props extends 
 /** @vue-ignore */

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
 type WrapperTypes = Partial<WrapperProps<"label", HTMLAttributes, {
     /** Tailwind classes. */
     class?: string;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
 type WrapperTypes = Partial<WrapperProps<"label", HTMLAttributes, {
     /** Tailwind classes. */
     class?: string;

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

@@ -1,6 +1,6 @@
 import { type ButtonHTMLAttributes } from "vue";
-import type { HsvaColor, RgbaColor } from "../../types/index.js.js";
-import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import type { HsvaColor, RgbaColor } from "../../types/index.js";
+import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LabelProps & LinkableByIdProps & {
     allowAlpha?: boolean;
     border?: boolean;

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

@@ -1,6 +1,6 @@
 import { type ButtonHTMLAttributes } from "vue";
-import type { HsvaColor, RgbaColor } from "../../types/index.js.js";
-import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import type { HsvaColor, RgbaColor } from "../../types/index.js";
+import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LabelProps & LinkableByIdProps & {
     allowAlpha?: boolean;
     border?: boolean;

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

@@ -1,5 +1,5 @@
-import type { HsvaColor, RgbaColor } from "../../types/index.js.js";
-import { type LabelProps, type LinkableByIdProps } from "../shared/props.js.js";
+import type { HsvaColor, RgbaColor } from "../../types/index.js";
+import { type LabelProps, type LinkableByIdProps } from "../shared/props.js";
 type __VLS_Props = LabelProps & LinkableByIdProps & {
     allowAlpha?: boolean;
     /**

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

@@ -1,5 +1,5 @@
-import type { HsvaColor, RgbaColor } from "../../types/index.js.js";
-import { type LabelProps, type LinkableByIdProps } from "../shared/props.js.js";
+import type { HsvaColor, RgbaColor } from "../../types/index.js";
+import { type LabelProps, type LinkableByIdProps } from "../shared/props.js";
 type __VLS_Props = LabelProps & LinkableByIdProps & {
     allowAlpha?: boolean;
     /**

package/dist/runtime/components/LibColorPicker/utils/safeConvertToHsva.d.ts

@@ -1,2 +1,2 @@
-import type { HsvaColor, RgbaColor } from "../../../types/index.js.js";
+import type { HsvaColor, RgbaColor } from "../../../types/index.js";
 export declare function safeConvertToHsva(val: string | RgbaColor, allowAlpha: boolean): HsvaColor | undefined;

package/dist/runtime/components/LibColorPicker/utils/safeConvertToRgba.d.ts

@@ -1,2 +1,2 @@
-import type { HsvaColor, RgbaColor } from "../../../types/index.js.js";
+import type { HsvaColor, RgbaColor } from "../../../types/index.js";
 export declare function safeConvertToRgba(val: string | HsvaColor, allowAlpha: boolean): RgbaColor | undefined;

package/dist/runtime/components/LibColorPicker/utils/toLowPrecisionRgbaString.d.ts

@@ -1,2 +1,2 @@
-import type { RgbaColor } from "../../../main.lib.js.js";
+import type { RgbaColor } from "../../../main.lib.js";
 export declare function toLowPrecisionRgbaString(rgba: RgbaColor, withAlpha: boolean, precision: number): string;

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

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { TailwindClassProp } from "../shared/props.js";
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:darkMode": (value: boolean) => any;
     "update:darkModeState": (value: "system" | "dark" | "light") => any;

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

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { TailwindClassProp } from "../shared/props.js";
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:darkMode": (value: boolean) => any;
     "update:darkModeState": (value: "system" | "dark" | "light") => any;

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

@@ -1,4 +1,4 @@
-import type { RangeDate, SingleDate } from "../../types/index.js.js";
+import type { RangeDate, SingleDate } from "../../types/index.js";
 type __VLS_Props = {
     showTime?: boolean;
     id?: string;

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

@@ -1,4 +1,4 @@
-import type { RangeDate, SingleDate } from "../../types/index.js.js";
+import type { RangeDate, SingleDate } from "../../types/index.js";
 type __VLS_Props = {
     showTime?: boolean;
     id?: string;

package/dist/runtime/components/LibDatePicker/LibRangeDatePicker.d.vue.ts

@@ -1,4 +1,4 @@
-import type { RangeDate } from "../../types/index.js.js";
+import type { RangeDate } from "../../types/index.js";
 type __VLS_Props = {
     useTime?: boolean;
     id: string;

package/dist/runtime/components/LibDatePicker/LibRangeDatePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import type { RangeDate } from "../../types/index.js.js";
+import type { RangeDate } from "../../types/index.js";
 type __VLS_Props = {
     useTime?: boolean;
     id: string;

package/dist/runtime/components/LibDatePicker/LibSingleDatePicker.d.vue.ts

@@ -1,4 +1,4 @@
-import type { SingleDate } from "../../types/index.js.js";
+import type { SingleDate } from "../../types/index.js";
 type __VLS_Props = {
     useTime?: boolean;
     id: string;

package/dist/runtime/components/LibDatePicker/LibSingleDatePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SingleDate } from "../../types/index.js.js";
+import type { SingleDate } from "../../types/index.js";
 type __VLS_Props = {
     useTime?: boolean;
     id: string;

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import type { FileInputError } from "../../types/index.js.js";
-import { type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+import type { FileInputError } from "../../types/index.js";
+import { type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     input: (val: File[]) => any;
     errors: (val: FileInputError[]) => any;

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import type { FileInputError } from "../../types/index.js.js";
-import { type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+import type { FileInputError } from "../../types/index.js";
+import { type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     input: (val: File[]) => any;
     errors: (val: FileInputError[]) => any;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+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"];

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js.js";
+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"];

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

@@ -1,5 +1,5 @@
 import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
     unstyled?: boolean;
     valid?: boolean;

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

@@ -1,5 +1,5 @@
 import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
     unstyled?: boolean;
     valid?: boolean;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js";
 type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes>>;
 type RealProps = LabelProps & BaseInteractiveProps & {
     border?: boolean;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LabelProps, TailwindClassProp, WrapperProps } from "../shared/props.js";
 type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes>>;
 type RealProps = LabelProps & BaseInteractiveProps & {
     border?: boolean;

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js.js";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
+import type { TailwindClassProp } from "../shared/props.js";
 type RealProps = {
     notification: NotificationEntry;
     handler?: NotificationHandler;
@@ -9,9 +9,22 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 }
-declare const _default: import("vue").DefineComponent<Props, {
+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>;
+}, {}, {}, {}, 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

@@ -1,7 +1,9 @@
 <template>
 <div
+	v-if="notification"
 	:class="twMerge(
-  `notification
+  `
+		notification
 		max-w-700px
 		bg-neutral-50
 		dark:bg-neutral-900
@@ -9,11 +11,15 @@
 		dark:text-bg
 		border
 		border-neutral-400
+		dark:border-neutral-700
 		rounded-sm
 		focus-outline
-		flex-flex-col
+		flex
+		flex-col
 		gap-2
-		p-2 m-2
+		p-1
+		text-sm
+		focus:border-accent-500
 	`,
   $attrs.class
 )"
@@ -22,30 +28,59 @@
 	ref="notificationEl"
 	@keydown.enter.self="NotificationHandler.resolveToDefault(notification)"
 >
-	<div class="notification--header flex-reverse flex justify-between">
-		<div
+	<slot
+		name="top"
+		:notification="notification"
+	/>
+	<div
+		class="
+			notification--header
+			flex-reverse
+			flex
+			justify-between
+			items-center
+		"
+	>
+		<slot
 			v-if="notification.title"
-			tabindex="0"
-			class="title
-				focus-outline flex
-				rounded-sm
-				font-bold
-			"
+			name="title"
+			v-bind="setSlotVar('title', {
+  title: notification.title,
+  class: `
+					notification--title
+					focus-outline
+					rounded-sm
+					font-bold
+				`,
+  tabindex: 0
+})"
 		>
-			{{ notification.title }}
-		</div>
+			<div
+				v-bind="slotVars.title"
+			>
+				{{ notification.title }}
+			</div>
+		</slot>
 		<div class="notification--spacer flex-1"/>
 		<div class="actions flex">
 			<LibButton
 				:border="false"
-				class="notification--copy-button text-neutral-700"
+				class="
+					notification--title-button
+					notification--copy-button
+					text-neutral-700
+					dark:text-neutral-300
+				"
 				@click="copy(handler ? handler.stringify(notification) : JSON.stringify(notification))"
 			>
 				<icon><i-fa6-regular-copy/></icon>
 			</LibButton>
 			<lib-button
 				v-if="notification.cancellable"
-				class="notification--cancel-button"
+				class="
+					notification--title-button
+					notification--cancel-button
+				"
 				:border="false"
 				@click="NotificationHandler.dismiss(notification)"
 			>
@@ -53,12 +88,27 @@
 			</lib-button>
 		</div>
 	</div>
-	<div
-		class="notification--message whitespace-pre-wrap"
-		tabindex="0"
+	<slot
+		v-if="notification.message"
+		name="message"
+		v-bind="setSlotVar('message', {
+  class: `
+				notification--message
+				whitespace-pre-wrap
+				text-neutral-800
+				dark:text-neutral-200
+				mb-1
+			`,
+  message: notification.message,
+  tabindex: 0
+})"
 	>
-		{{ notification.message }}
-	</div>
+		<div
+			v-bind="slotVars.message"
+		>
+			{{ notification.message }}
+		</div>
+	</slot>
 	<div class="notification--footer flex items-end justify-between">
 		<div
 			v-if="notification.code"
@@ -69,8 +119,11 @@
 		<div class="notification--footer-spacer flex-1 py-1"/>
 		<div
 			v-if="notification.options"
-			class="notification--options
-				flex flex-wrap justify-end
+			class="
+				notification--options
+				flex
+				flex-wrap
+				justify-end
 				gap-2
 			"
 		>
@@ -78,11 +131,12 @@
 				:label="option"
 				:class="twMerge(
   `
+					notification--button
 					notification--option-button
+					px-2
 				`,
-  buttonColors[i] == 'secondary' && 'p-0'
+  notification.default === option && `notification--default`
 )"
-				:border="buttonColors[i] !== 'secondary'"
 				:color="buttonColors[i]"
 				v-for="option, i in notification.options"
 				:key="option"
@@ -94,9 +148,10 @@
 </template>
 
 <script setup>
-import { computed, ref, useAttrs } from "vue";
+import { computed, onMounted, ref, useAttrs } from "vue";
 import IFa6RegularCopy from "~icons/fa6-regular/copy";
 import IFa6SolidXmark from "~icons/fa6-solid/xmark";
+import { useSlotVars } from "../../composables/useSlotVars.js";
 import { copy } from "../../helpers/copy.js";
 import { NotificationHandler } from "../../helpers/NotificationHandler.js";
 import { twMerge } from "../../utils/twMerge.js";
@@ -107,6 +162,7 @@ defineOptions({
   inheritAttrs: false
 });
 const $attrs = useAttrs();
+const { setSlotVar, slotVars } = useSlotVars();
 const props = defineProps({
   notification: { type: null, required: true },
   handler: { type: Object, required: false, default: void 0 }
@@ -114,6 +170,9 @@ const props = defineProps({
 const getColor = (notification, option) => notification.default === option ? "primary" : notification.dangerous.includes(option) ? "danger" : "secondary";
 const buttonColors = computed(() => props.notification.options.map((option) => getColor(props.notification, option)));
 const notificationEl = ref(null);
+onMounted(() => {
+  notificationEl.value?.focus();
+});
 defineExpose({
   focus: () => {
     notificationEl.value?.focus();

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js.js";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
+import type { TailwindClassProp } from "../shared/props.js";
 type RealProps = {
     notification: NotificationEntry;
     handler?: NotificationHandler;
@@ -9,9 +9,22 @@ interface Props extends
 /** @vue-ignore */
 Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
 }
-declare const _default: import("vue").DefineComponent<Props, {
+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>;
+}, {}, {}, {}, 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,5 +1,5 @@
-import { NotificationHandler } from "../../helpers/NotificationHandler.js.js";
-import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js.js";
+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). */