@witchcraft/ui 0.3.0 → 0.3.2

package/dist/module.json

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

package/dist/module.mjs

@@ -145,7 +145,10 @@ const module = defineNuxtModule({
     const mainCssFile = await resolvePath(options.mainCssFile, nuxt.options.alias);
     const exists = fs.existsSync(mainCssFile);
     if (exists) {
-      nuxt.options.css.push(mainCssFile);
+      logger.info(`Adding ${options.mainCssFile}.`);
+      nuxt.options.css.push(options.mainCssFile);
+    } else {
+      logger.warn(`Could not find ${options.mainCssFile} (resolved to ${mainCssFile}).`);
     }
     nuxt.options.alias["#witchcraft-ui"] = resolve("runtime");
     nuxt.options.alias["#witchcraft-ui-helpers"] = resolve("runtime/helpers");

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;

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;

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). */

package/dist/runtime/components/LibNotifications/LibNotifications.vue.d.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). */

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { TailwindClassProp } from "../shared/props.js";
 /**
  * Pagination component.
  *

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { TailwindClassProp } from "../shared/props.js";
 /**
  * Pagination component.
  *

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

@@ -1,5 +1,5 @@
 import type { Theme } from "metamorphosis";
-import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js";
 declare const _default: import("vue").DefineComponent<LinkableByIdProps & BaseInteractiveProps & {
     theme?: Theme;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkableByIdProps & BaseInteractiveProps & {

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

@@ -1,5 +1,5 @@
 import type { Theme } from "metamorphosis";
-import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js.js";
+import type { BaseInteractiveProps, LinkableByIdProps } from "../shared/props.js";
 declare const _default: import("vue").DefineComponent<LinkableByIdProps & BaseInteractiveProps & {
     theme?: Theme;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkableByIdProps & BaseInteractiveProps & {

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "vue";
-import { type LinkableByIdProps, type TailwindClassProp, type PopupProps } from "../shared/props.js.js";
-import type { IPopupReference } from "../../types/index.js.js";
+import { type LinkableByIdProps, type TailwindClassProp, type PopupProps } from "../shared/props.js";
+import type { IPopupReference } from "../../types/index.js";
 type RealProps = LinkableByIdProps & PopupProps;
 interface Props extends 
 /** @vue-ignore */
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     canClose: boolean;
     useDialogForBackdrop: false;
     useBackdrop: boolean;
-    preferredHorizontal: ("center" | "right" | "left" | "either" | "center-screen" | "right-most" | "left-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
-    preferredVertical: ("top" | "bottom" | "center" | "either" | "center-screen" | "top-most" | "bottom-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
+    preferredHorizontal: ("center" | "right" | "left" | "either" | "center-screen" | "right-most" | "left-most" | "center-most")[] | import("../../main.lib.js").PopupPositioner;
+    preferredVertical: ("top" | "bottom" | "center" | "either" | "center-screen" | "top-most" | "bottom-most" | "center-most")[] | import("../../main.lib.js").PopupPositioner;
     avoidRepositioning: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     button?: (props: {

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

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "vue";
-import { type LinkableByIdProps, type TailwindClassProp, type PopupProps } from "../shared/props.js.js";
-import type { IPopupReference } from "../../types/index.js.js";
+import { type LinkableByIdProps, type TailwindClassProp, type PopupProps } from "../shared/props.js";
+import type { IPopupReference } from "../../types/index.js";
 type RealProps = LinkableByIdProps & PopupProps;
 interface Props extends 
 /** @vue-ignore */
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props & {
     canClose: boolean;
     useDialogForBackdrop: false;
     useBackdrop: boolean;
-    preferredHorizontal: ("center" | "right" | "left" | "either" | "center-screen" | "right-most" | "left-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
-    preferredVertical: ("top" | "bottom" | "center" | "either" | "center-screen" | "top-most" | "bottom-most" | "center-most")[] | import("../../main.lib.js.js").PopupPositioner;
+    preferredHorizontal: ("center" | "right" | "left" | "either" | "center-screen" | "right-most" | "left-most" | "center-most")[] | import("../../main.lib.js").PopupPositioner;
+    preferredVertical: ("top" | "bottom" | "center" | "either" | "center-screen" | "top-most" | "bottom-most" | "center-most")[] | import("../../main.lib.js").PopupPositioner;
     avoidRepositioning: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     button?: (props: {

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

@@ -1,4 +1,4 @@
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 import type { HTMLAttributes } from "vue";
 type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
     progress: number;

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

@@ -1,4 +1,4 @@
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 import type { HTMLAttributes } from "vue";
 type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
     progress: number;

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
     border?: boolean;
     /** A value to display while recording, if none given the i18n `recorder.recording` key is used. */

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

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & BaseInteractiveProps & LabelProps & {
     border?: boolean;
     /** A value to display while recording, if none given the i18n `recorder.recording` key is used. */

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

@@ -1,5 +1,5 @@
 import type { Theme } from "metamorphosis";
-import { NotificationHandler } from "../../helpers/NotificationHandler.js.js";
+import { NotificationHandler } from "../../helpers/NotificationHandler.js";
 type __VLS_Props = {
     theme?: Theme;
     outline?: boolean;
@@ -19,7 +19,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
-    darkMode: import("../../composables/useDarkMode.js.js").DarkModeState & import("../../composables/useDarkMode.js.js").DarkModeCommands;
+    darkMode: import("../../composables/useDarkMode.js").DarkModeState & import("../../composables/useDarkMode.js").DarkModeCommands;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     theme: Theme;
     id: string;

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

@@ -1,5 +1,5 @@
 import type { Theme } from "metamorphosis";
-import { NotificationHandler } from "../../helpers/NotificationHandler.js.js";
+import { NotificationHandler } from "../../helpers/NotificationHandler.js";
 type __VLS_Props = {
     theme?: Theme;
     outline?: boolean;
@@ -19,7 +19,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
-    darkMode: import("../../composables/useDarkMode.js.js").DarkModeState & import("../../composables/useDarkMode.js.js").DarkModeCommands;
+    darkMode: import("../../composables/useDarkMode.js").DarkModeState & import("../../composables/useDarkMode.js").DarkModeCommands;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     theme: Theme;
     id: string;

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

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
     placeholder?: InputHTMLAttributes["placeholder"];
     disabled?: InputHTMLAttributes["disabled"];

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

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js.js";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
 type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
     placeholder?: InputHTMLAttributes["placeholder"];
     disabled?: InputHTMLAttributes["disabled"];

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { type TableHTMLAttributes } from "vue";
-import type { ResizableOptions, TableColConfig } from "../../types/index.js.js";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { ResizableOptions, TableColConfig } from "../../types/index.js";
+import type { TailwindClassProp } from "../shared/props.js";
 type T = any;
 type RealProps = {
     resizable?: Partial<ResizableOptions>;

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

@@ -1,6 +1,6 @@
 import { type TableHTMLAttributes } from "vue";
-import type { ResizableOptions, TableColConfig } from "../../types/index.js.js";
-import type { TailwindClassProp } from "../shared/props.js.js";
+import type { ResizableOptions, TableColConfig } from "../../types/index.js";
+import type { TailwindClassProp } from "../shared/props.js";
 type T = any;
 type RealProps = {
     resizable?: Partial<ResizableOptions>;

package/dist/runtime/components/Template/TemplateStory.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
-import NAME from "./NAME.vue.js";
+import NAME from "./NAME.vue";
 declare const meta: Meta<typeof NAME>;
 export default meta;
 type Story = StoryObj<typeof NAME>;

package/dist/runtime/components/index.d.ts

@@ -1,20 +1,20 @@
-export { default as aria } from "./Aria/Aria.vue.js";
-export { default as LibButton } from "./LibButton/LibButton.vue.js";
-export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue.js";
-export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue.js";
-export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue.js";
-export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue.js";
-export { default as LibDatePicker } from "./LibDatePicker/LibDatePicker.vue.js";
-export { default as LibDebug } from "./LibDebug/LibDebug.vue.js";
-export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue.js";
-export { default as LibInputDeprecated } from "./LibInputDeprecated/LibInputDeprecated.vue.js";
-export { default as LibLabel } from "./LibLabel/LibLabel.vue.js";
-export { default as LibNotifications } from "./LibNotifications/LibNotifications.vue.js";
-export { default as LibPagination } from "./LibPagination/LibPagination.vue.js";
-export { default as LibPopup } from "./LibPopup/LibPopup.vue.js";
-export { default as LibProgressBar } from "./LibProgressBar/LibProgressBar.vue.js";
-export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue.js";
-export { default as LibRoot } from "./LibRoot/LibRoot.vue.js";
-export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue.js";
-export { default as LibTable } from "./LibTable/LibTable.vue.js";
-export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue.js";
+export { default as aria } from "./Aria/Aria.vue";
+export { default as LibButton } from "./LibButton/LibButton.vue";
+export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue";
+export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue";
+export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue";
+export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue";
+export { default as LibDatePicker } from "./LibDatePicker/LibDatePicker.vue";
+export { default as LibDebug } from "./LibDebug/LibDebug.vue";
+export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue";
+export { default as LibInputDeprecated } from "./LibInputDeprecated/LibInputDeprecated.vue";
+export { default as LibLabel } from "./LibLabel/LibLabel.vue";
+export { default as LibNotifications } from "./LibNotifications/LibNotifications.vue";
+export { default as LibPagination } from "./LibPagination/LibPagination.vue";
+export { default as LibPopup } from "./LibPopup/LibPopup.vue";
+export { default as LibProgressBar } from "./LibProgressBar/LibProgressBar.vue";
+export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue";
+export { default as LibRoot } from "./LibRoot/LibRoot.vue";
+export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue";
+export { default as LibTable } from "./LibTable/LibTable.vue";
+export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue";

package/dist/runtime/components/shared/props.d.ts

@@ -1,4 +1,4 @@
-import type { PopupPositioner, PopupPositionModifier } from "../../types/index.js";
+import type { PopupPositioner, PopupPositionModifier } from "../../types";
 export interface LinkableByIdProps {
     /**
      * The id for the input. Uses vue's useId if none provided.

package/dist/runtime/composables/index.d.ts

@@ -1,15 +1,15 @@
-export { useAccesibilityOutline } from "./useAccesibilityOutline.js.js";
-export { useAriaLabel } from "./useAriaLabel.js.js";
-export { useDarkMode } from "./useDarkMode.js.js";
-export { useDivideAttrs } from "./useDivideAttrs.js.js";
-export { useDragWithThreshold } from "./useDragWithThreshold.js.js";
-export { useGlobalResizeObserver } from "./useGlobalResizeObserver.js.js";
-export { useInjectedDarkMode } from "./useInjectedDarkMode.js.js";
-export { useInjectedI18n } from "./useInjectedI18n.js.js";
-export { useInjectedLocale } from "./useInjectedLocale.js.js";
-export { useNotificationHandler } from "./useNotificationHandler.js.js";
-export { usePreHydrationValue } from "./usePreHydrationValue.js.js";
-export { useScrollNearContainerEdges } from "./useScrollNearContainerEdges.js.js";
-export { useSetupDarkMode } from "./useSetupDarkMode.js.js";
-export { useShowDevOnlyKey } from "./useShowDevOnlyKey.js.js";
-export { useSuggestions } from "./useSuggestions.js.js";
+export { useAccesibilityOutline } from "./useAccesibilityOutline.js";
+export { useAriaLabel } from "./useAriaLabel.js";
+export { useDarkMode } from "./useDarkMode.js";
+export { useDivideAttrs } from "./useDivideAttrs.js";
+export { useDragWithThreshold } from "./useDragWithThreshold.js";
+export { useGlobalResizeObserver } from "./useGlobalResizeObserver.js";
+export { useInjectedDarkMode } from "./useInjectedDarkMode.js";
+export { useInjectedI18n } from "./useInjectedI18n.js";
+export { useInjectedLocale } from "./useInjectedLocale.js";
+export { useNotificationHandler } from "./useNotificationHandler.js";
+export { usePreHydrationValue } from "./usePreHydrationValue.js";
+export { useScrollNearContainerEdges } from "./useScrollNearContainerEdges.js";
+export { useSetupDarkMode } from "./useSetupDarkMode.js";
+export { useShowDevOnlyKey } from "./useShowDevOnlyKey.js";
+export { useSuggestions } from "./useSuggestions.js";

package/dist/runtime/composables/useDragWithThreshold.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import type { Point } from "../types/index.js.js";
+import type { Point } from "../types/index.js";
 /**
  * A composable for dragging items only after a certain threshold of movement has been reached.
  *

package/dist/runtime/composables/useInjectedDarkMode.d.ts

@@ -1,2 +1,2 @@
-import type { DarkModeCommands, DarkModeState } from "./useDarkMode.js.js";
+import type { DarkModeCommands, DarkModeState } from "./useDarkMode.js";
 export declare function useInjectedDarkMode(): DarkModeState & DarkModeCommands;

package/dist/runtime/composables/useInjectedI18n.d.ts

@@ -1,2 +1,2 @@
-import type { TranslationFunction } from "./useSetupI18n.js.js";
+import type { TranslationFunction } from "./useSetupI18n.js";
 export declare function useInjectedI18n(): TranslationFunction;

package/dist/runtime/composables/useInjectedLocale.d.ts

@@ -1,2 +1,2 @@
-import type { useSetupLocale } from "./useSetupLocale.js.js";
+import type { useSetupLocale } from "./useSetupLocale.js";
 export declare function useInjectedLocale(): ReturnType<typeof useSetupLocale>;

package/dist/runtime/composables/useNotificationHandler.d.ts

@@ -1,4 +1,4 @@
-import type { NotificationHandler } from "../helpers/NotificationHandler.js.js";
+import type { NotificationHandler } from "../helpers/NotificationHandler.js";
 export declare const useNotificationHandler: (handler?: NotificationHandler, 
 /** True by default, should be passed import.meta.client if using nuxt, or false when running server side. */
 isClientSide?: boolean) => NotificationHandler;

package/dist/runtime/composables/useScrollNearContainerEdges.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from "vue";
-import type { ScrollNearContainerEdgesOptions } from "../types/index.js.js";
+import type { ScrollNearContainerEdgesOptions } from "../types/index.js";
 /**
  * Creates a function `scrollContainer` that allows scrolling a container manually when the coordinates are near it's edges.
  * Supports scrolling faster the closer one is to the edge, and configuing an inner and outer margin.

package/dist/runtime/composables/useSetupDarkMode.d.ts

@@ -1,4 +1,4 @@
-import { useDarkMode } from "./useDarkMode.js.js";
+import { useDarkMode } from "./useDarkMode.js";
 /**
  * A composable for setting up dark mode that automatically takes care of saving the user's preference.
  *

package/dist/runtime/composables/useSuggestions.d.ts

@@ -1,6 +1,6 @@
 import type { AnyFunction } from "@alanscodelog/utils";
 import { type Ref } from "vue";
-import type { SuggestionsEmits, SuggestionsOptions } from "../components/shared/props.js.js";
+import type { SuggestionsEmits, SuggestionsOptions } from "../components/shared/props.js";
 /**
  * The logic for the suggestions component.
  *

package/dist/runtime/directives/index.d.ts

@@ -1,4 +1,4 @@
-export { vDetectFlex } from "./vDetectFlex.js.js";
-export { vExtractRootEl } from "./vExtractRootEl.js.js";
-export { vResizableCols } from "./vResizableCols.js.js";
-export { vResizeObserver } from "./vResizeObserver.js.js";
+export { vDetectFlex } from "./vDetectFlex.js";
+export { vExtractRootEl } from "./vExtractRootEl.js";
+export { vResizableCols } from "./vResizableCols.js";
+export { vResizeObserver } from "./vResizeObserver.js";

package/dist/runtime/globalResizeObserver.d.ts

@@ -1,5 +1,5 @@
 /**
  * This is not inside helpers to avoid having it get dragged in by an import of /helpers.
  */
-import { ResizeObserverWrapper } from "./helpers/resizeObserverWrapper.js.js";
+import { ResizeObserverWrapper } from "./helpers/resizeObserverWrapper.js";
 export declare const globalResizeObserver: ResizeObserverWrapper;

package/dist/runtime/helpers/index.d.ts

@@ -1,10 +1,10 @@
-export { base64ToImg } from "./base64ToImg.js.js";
-export { copy } from "./copy.js.js";
-export { createNoonUtcDate } from "./createNoonUtcDate.js.js";
-export { createRecorderHandler } from "./storybook.js.js";
-export { defaultTranslationFunction } from "./defaultTranslationFunction.js.js";
-export { getTimeZoneList } from "./getTimeZoneList.js.js";
-export { hasModifiers } from "./hasModifiers.js.js";
-export { NotificationHandler } from "./NotificationHandler.js.js";
-export { readFile } from "./readFile.js.js";
-export { ResizeObserverWrapper } from "./resizeObserverWrapper.js.js";
+export { base64ToImg } from "./base64ToImg.js";
+export { copy } from "./copy.js";
+export { createNoonUtcDate } from "./createNoonUtcDate.js";
+export { createRecorderHandler } from "./storybook.js";
+export { defaultTranslationFunction } from "./defaultTranslationFunction.js";
+export { getTimeZoneList } from "./getTimeZoneList.js";
+export { hasModifiers } from "./hasModifiers.js";
+export { NotificationHandler } from "./NotificationHandler.js";
+export { readFile } from "./readFile.js";
+export { ResizeObserverWrapper } from "./resizeObserverWrapper.js";

package/dist/runtime/helpers/resizeObserverWrapper.d.ts

@@ -1,4 +1,4 @@
-import type { ResizeCallback } from "../types/index.js.js";
+import type { ResizeCallback } from "../types/index.js";
 export declare class ResizeObserverWrapper {
     observers: WeakMap<Element, Set<ResizeCallback>>;
     observer: ResizeObserver;

package/dist/runtime/injectionKeys.d.ts

@@ -1,6 +1,6 @@
 import type { InjectionKey, Ref } from "vue";
-import type { DarkModeCommands, DarkModeState } from "./composables/useDarkMode.js.js";
-import type { TranslationFunction } from "./composables/useSetupI18n.js.js";
+import type { DarkModeCommands, DarkModeState } from "./composables/useDarkMode.js";
+import type { TranslationFunction } from "./composables/useSetupI18n.js";
 /** @deprecated */
 export declare const isDarkModeInjectionKey: InjectionKey<Ref<boolean>>;
 /** @deprecated */

package/dist/runtime/main.lib.d.ts

@@ -1,13 +1,13 @@
-export * from "./types/index.js.js";
-export * as components from "./components/index.js.js";
-export * as helpers from "./helpers/index.js.js";
-export * as composables from "./composables/index.js.js";
-export * as directives from "./directives/index.js.js";
-export { registerDirectives } from "./vue/registerDirectives.js.js";
-export { registerComponents } from "./vue/registerComponents.js.js";
-export { VueComponentsPlugin } from "./vue/VueComponentsPlugin.js.js";
-export * from "./injectionKeys.js.js";
-import type * as components from "./components/index.js.js";
+export * from "./types/index.js";
+export * as components from "./components/index.js";
+export * as helpers from "./helpers/index.js";
+export * as composables from "./composables/index.js";
+export * as directives from "./directives/index.js";
+export { registerDirectives } from "./vue/registerDirectives.js";
+export { registerComponents } from "./vue/registerComponents.js";
+export { VueComponentsPlugin } from "./vue/VueComponentsPlugin.js";
+export * from "./injectionKeys.js";
+import type * as components from "./components/index.js";
 type Components = typeof components;
 /**
  * To get global typings, in a global declaration file (e.g. global.d.ts) do:

package/dist/runtime/tailwind/index.d.ts

@@ -1 +1 @@
-export { themeConvertionOpts } from "./themeConvertionOpts.js.js";
+export { themeConvertionOpts } from "./themeConvertionOpts.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@witchcraft/ui",
-	"version": "0.3.0",
+	"version": "0.3.2",
 	"description": "Vue component library.",
 	"type": "module",
 	"main": "./dist/runtime/main.lib.js",
@@ -49,7 +49,7 @@
 		"failOnWarn": false
 	},
 	"scripts": {
-		"prepare": "husky && pnpm gen:theme && cd playground && pnpm i",
+		"prepare": "husky && pnpm gen:theme && cd playground && pnpm i --ignore-scripts",
 		"build": "nuxt-module-build prepare && nuxt-module-build build && nuxi generate playground",
 		"build:only": "nuxt-module-build build",
 		"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
@@ -66,7 +66,7 @@
 		"lint:types": "vue-tsc --noEmit --pretty --project tsconfig.types.json",
 		"lint:commits": "commitlint --from-last-tag --to HEAD --verbose",
 		"lint:imports": "madge --circular --extensions ts ./src",
-		"lint": "pnpm lint:types && pnpm lint:eslint",
+		"lint": "pnpm lint:eslint && pnpm lint:types && pnpm lint:commits && pnpm lint:imports",
 		"//actions:debug": "echo For debugging github build action locally with nektos/act. Requires act and docker. Note: Cache will never work locally because of https://github.com/nektos/act/issues/285",
 		"actions:debug": "act -r -j release",
 		"gen:exports": "indexit update --ignore **.d.ts **.stories.ts **.vue -o '${path}.js'",
@@ -179,6 +179,13 @@
 			"@alanscodelog"
 		]
 	},
+	"madge": {
+		"detectiveOptions": {
+			"ts": {
+				"skipTypeImports": true
+			}
+		}
+	},
 	"engines": {
 		"node": ">=20.0.0"
 	},

package/src/module.ts

@@ -214,7 +214,10 @@ export default defineNuxtModule<ModuleOptions>({
 
 		const exists = fs.existsSync(mainCssFile)
 		if (exists) {
-			nuxt.options.css.push(mainCssFile)
+			logger.info(`Adding ${options.mainCssFile!}.`)
+			nuxt.options.css.push(options.mainCssFile!)
+		} else {
+			logger.warn(`Could not find ${options.mainCssFile!} (resolved to ${mainCssFile}).`)
 		}
 
 		// todo make names more specific