@witchcraft/ui 0.1.2 → 0.2.0

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

@@ -34,14 +34,15 @@
 )"
 	>
 		<TestControls v-if="testWrapperMode" :show-outline="showOutline"/>
-		<Notifications v-if="useNotifications && isClientSide"/>
+		<!-- @vue-expect-error data-allow-mismatch is for vue/nuxt to allow the hydration mismatch-->
+		<Notifications v-if="useNotifications && isClientSide" data-allow-mismatch/>
 		<slot/>
 	</div>
 </div>
 </template>
 
 <script setup>
-import { unreachable } from "@alanscodelog/utils/unreachable.js";
+import { unreachable } from "@alanscodelog/utils/unreachable";
 import {} from "metamorphosis";
 import { computed, onBeforeUnmount, onMounted, ref, toRaw } from "vue";
 import { useAccesibilityOutline } from "../../composables/useAccesibilityOutline.js";

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

@@ -76,30 +76,23 @@ import { useAriaLabel } from "../../composables/useAriaLabel.js";
 import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js";
 import { hasModifiers } from "../../helpers/hasModifiers.js";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-simple-input",
   inheritAttrs: false
 });
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
-  id: { type: String, required: false },
-  label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  placeholder: { type: null, required: false },
-  type: { type: null, required: false },
-  valid: { type: Boolean, required: false }
-}, {
-  id: "",
-  placeholder: "",
-  valid: true,
-  label: "",
-  type: void 0,
-  ...baseInteractivePropsDefaults
-}));
+const props = defineProps({
+  id: { type: String, required: false, default: "" },
+  label: { type: String, required: false, default: "" },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
+  placeholder: { type: null, required: false, default: "" },
+  type: { type: null, required: false, default: void 0 },
+  valid: { type: Boolean, required: false, default: true }
+});
 const modelValue = defineModel({ type: null, ...{ required: true } });
 const emit = defineEmits(["submit", "input"]);
 const $attrs = useAttrs();

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

@@ -66,7 +66,7 @@ import { useSuggestions } from "../../composables/useSuggestions.js";
 import { hasModifiers } from "../../helpers/hasModifiers.js";
 import { twMerge } from "../../utils/twMerge.js";
 import LibCheckbox from "../LibCheckbox/LibCheckbox.vue";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-suggestions",
   inheritAttrs: false
@@ -74,14 +74,14 @@ defineOptions({
 const $ = useDivideAttrs(["item"]);
 const emits = defineEmits(["submit", "update:isOpen", "update:activeSuggestion"]);
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+const props = defineProps({
   id: { type: String, required: false },
   label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  filterKeydown: { type: Function, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
+  filterKeydown: { type: Function, required: false, default: void 0 },
   filterBlur: { type: Function, required: false },
   filterFocus: { type: Function, required: false },
   suggestions: { type: Array, required: false },
@@ -90,17 +90,12 @@ const props = defineProps(/* @__PURE__ */ _mergeDefaults({
   updateOnlyOnSubmit: { type: Boolean, required: false },
   suggestionsFilter: { type: Function, required: false },
   allowOpenEmpty: { type: Boolean, required: false },
-  canOpen: { type: Boolean, required: false },
+  canOpen: { type: Boolean, required: false, default: true },
   canClose: { type: Boolean, required: false },
-  isValid: { type: Boolean, required: false },
+  isValid: { type: Boolean, required: false, default: true },
   suggestionSelector: { type: Function, required: false },
   showSelectedValues: { type: Boolean, required: false }
-}, {
-  isValid: true,
-  canOpen: true,
-  filterKeydown: void 0,
-  ...baseInteractivePropsDefaults
-}));
+});
 const $modelValue = defineModel("modelValue", { type: null, ...{ required: true } });
 const $inputValue = defineModel("inputValue", { type: String, ...{ default: "" } });
 const $open = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -89,7 +89,7 @@
 </template>
 
 <script setup>
-import { keys } from "@alanscodelog/utils/keys.js";
+import { keys } from "@alanscodelog/utils/keys";
 import { computed, ref } from "vue";
 import { vResizableCols } from "../../directives/vResizableCols.js";
 import { twMerge } from "../../utils/twMerge.js";
@@ -105,7 +105,7 @@ const props = defineProps({
   border: { type: Boolean, required: false, default: true },
   cellBorder: { type: Boolean, required: false, default: true },
   header: { type: Boolean, required: false, default: true },
-  colConfig: { type: null, required: false, default: () => ({}) }
+  colConfig: { type: Object, required: false, default: () => ({}) }
 });
 const widths = ref([]);
 const resizableOptions = computed(() => ({

package/dist/runtime/components/Template/NAME.vue

@@ -9,9 +9,9 @@
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+import { ref } from "vue";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractiveProps } from "../shared/props.js";
+import {} from "../shared/props.js";
 defineOptions({
   name: "lib-name",
   /* todo */

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

@@ -1,4 +1,3 @@
-import { type PropType } from "vue";
 import type { PopupPositioner, PopupPositionModifier } from "../../types/index.js";
 export interface LinkableByIdProps {
     /**
@@ -145,28 +144,6 @@ export interface PopupProps {
     modifyPosition?: PopupPositionModifier;
     canClose?: boolean;
 }
-export declare const baseInteractiveProps: {
-    readonly unstyle: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly readonly: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly border: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: true;
-    };
-};
 export type BaseInteractiveProps = {
     /** Default is false. */
     disabled?: boolean;
@@ -177,12 +154,6 @@ export type BaseInteractiveProps = {
     /** Removes styles from the component. Default is false. */
     unstyle?: boolean;
 };
-export declare const baseInteractivePropsDefaults: {
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-};
 /**
     * @internal
     *  For easily typing attributes created by useDivideAttrs. See readme.

package/dist/runtime/components/shared/props.js

@@ -1,14 +1,2 @@
 import { useId } from "vue";
 export const getFallbackId = () => useId();
-export const baseInteractiveProps = {
-  unstyle: { type: Boolean, required: false, default: false },
-  disabled: { type: Boolean, required: false, default: false },
-  readonly: { type: Boolean, required: false, default: false },
-  border: { type: Boolean, required: false, default: true }
-};
-export const baseInteractivePropsDefaults = {
-  disabled: false,
-  readonly: false,
-  border: true,
-  unstyle: false
-};

package/dist/runtime/composables/useAccesibilityOutline.js

@@ -1,4 +1,4 @@
-import { castType } from "@alanscodelog/utils/castType.js";
+import { castType } from "@alanscodelog/utils/castType";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 export function useAccesibilityOutline(target, enable = ref(true)) {
   const outline = ref(false);

package/dist/runtime/composables/useDivideAttrs.js

@@ -1,4 +1,4 @@
-import { keys } from "@alanscodelog/utils/keys.js";
+import { keys } from "@alanscodelog/utils/keys";
 import { computed, useAttrs } from "vue";
 export const useDivideAttrs = (divisionKeys) => computed(() => {
   const attrs = useAttrs();

package/dist/runtime/composables/useSuggestions.js

@@ -1,7 +1,7 @@
-import { isBlank } from "@alanscodelog/utils/isBlank.js";
-import { isObject } from "@alanscodelog/utils/isObject.js";
-import { pushIfNotIn } from "@alanscodelog/utils/pushIfNotIn.js";
-import { removeIfIn } from "@alanscodelog/utils/removeIfIn.js";
+import { isBlank } from "@alanscodelog/utils/isBlank";
+import { isObject } from "@alanscodelog/utils/isObject";
+import { pushIfNotIn } from "@alanscodelog/utils/pushIfNotIn";
+import { removeIfIn } from "@alanscodelog/utils/removeIfIn";
 import { computed, ref, toRaw, watch } from "vue";
 export function useSuggestions($inputValue, $modelValue, $open, emit, opts, debug = false) {
   if (typeof opts.suggestions?.[0] === "object" && !opts.suggestionLabel && !opts.suggestionsFilter) {

package/dist/runtime/directives/vDetectFlex.js

@@ -1,7 +1,7 @@
-import { castType } from "@alanscodelog/utils/castType.js";
-import { last } from "@alanscodelog/utils/last.js";
-import { throttle } from "@alanscodelog/utils/throttle.js";
-import { unreachable } from "@alanscodelog/utils/unreachable.js";
+import { castType } from "@alanscodelog/utils/castType";
+import { last } from "@alanscodelog/utils/last";
+import { throttle } from "@alanscodelog/utils/throttle";
+import { unreachable } from "@alanscodelog/utils/unreachable";
 import { globalResizeObserver } from "../globalResizeObserver.js";
 const observer = globalResizeObserver;
 const callbacks = {};

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

@@ -8,7 +8,7 @@ import type { Directive } from "vue";
  *
  * One can create a ref:
  * ```ts
- * import { vExtractRootEl } from "@witchcraft/ui/directives/vExtractRootEl.js"
+ * import { vExtractRootEl } from "@witchcraft/ui/directives/vExtractRootEl"
  * const el = ref<HTMLElement|null>(null)
  *
  * ```

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

@@ -9,7 +9,7 @@ import type { Directive } from "vue";
  * 	</div>
  * </template>
  * <script setup>
- * import {vResizeCols} from "@witchcraft/ui/directives/vResizableCols.js"
+ * import {vResizeCols} from "@witchcraft/ui/directives/vResizableCols"
  * </script>
  * ```
  *

package/dist/runtime/directives/vResizableCols.js

@@ -1,7 +1,7 @@
-import { castType } from "@alanscodelog/utils/castType.js";
-import { override } from "@alanscodelog/utils/override.js";
-import { throttle } from "@alanscodelog/utils/throttle.js";
-import { unreachable } from "@alanscodelog/utils/unreachable.js";
+import { castType } from "@alanscodelog/utils/castType";
+import { override } from "@alanscodelog/utils/override";
+import { throttle } from "@alanscodelog/utils/throttle";
+import { unreachable } from "@alanscodelog/utils/unreachable";
 import { globalResizeObserver } from "../globalResizeObserver.js";
 const observer = globalResizeObserver;
 const elMap = /* @__PURE__ */ new WeakMap();

package/dist/runtime/helpers/NotificationHandler.js

@@ -1,9 +1,9 @@
-import { castType } from "@alanscodelog/utils/castType.js";
-import { crop } from "@alanscodelog/utils/crop.js";
-import { indent } from "@alanscodelog/utils/indent.js";
-import { isBlank } from "@alanscodelog/utils/isBlank.js";
-import { pretty } from "@alanscodelog/utils/pretty.js";
-import { setReadOnly } from "@alanscodelog/utils/setReadOnly.js";
+import { castType } from "@alanscodelog/utils/castType";
+import { crop } from "@alanscodelog/utils/crop";
+import { indent } from "@alanscodelog/utils/indent";
+import { isBlank } from "@alanscodelog/utils/isBlank";
+import { pretty } from "@alanscodelog/utils/pretty";
+import { setReadOnly } from "@alanscodelog/utils/setReadOnly";
 export class NotificationHandler {
   timeout = 5e3;
   debug = false;

package/dist/runtime/helpers/base64ToImg.js

@@ -1,10 +1,10 @@
 export const base64ToImg = async (imageSrc) => {
   const img = new Image();
-  const loaded = new Promise((resolve) => {
+  const loaded = new Promise(((resolve) => {
     img.addEventListener("load", () => {
       resolve(img);
     });
-  });
+  }));
   img.src = imageSrc;
   await loaded;
   return img;

package/dist/runtime/nuxt/plugins/vue-plugin.js

@@ -1,4 +1,4 @@
-import { isArray } from "@alanscodelog/utils/isArray.js";
+import { isArray } from "@alanscodelog/utils/isArray";
 import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
 import { registerDirectives } from "../../vue/registerDirectives.js";
 export default defineNuxtPlugin({

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

@@ -1,2 +1,2 @@
-import { type themeAsTailwindCss } from "metamorphosis/tailwind.js";
+import { type themeAsTailwindCss } from "metamorphosis/tailwind";
 export declare const themeConvertionOpts: Parameters<typeof themeAsTailwindCss>[1];

package/dist/runtime/theme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from "metamorphosis/Theme.js";
+import type { Theme } from "metamorphosis/Theme";
 export declare const theme: Theme;

package/dist/runtime/theme.js

@@ -1,2 +1,2 @@
-import { baseTheme } from "metamorphosis/BaseTheme.js";
+import { baseTheme } from "metamorphosis/BaseTheme";
 export const theme = baseTheme;

package/dist/runtime/utils/notifyIfError.js

@@ -1,4 +1,4 @@
-import { TypedError } from "@alanscodelog/utils/TypedError.js";
+import { TypedError } from "@alanscodelog/utils/TypedError";
 import { useNotificationHandler } from "../composables/useNotificationHandler.js";
 export function notifyIfError(err, {
   logger,

package/dist/runtime/vue/registerComponents.js

@@ -1,4 +1,4 @@
-import { capitalize } from "@alanscodelog/utils/capitalize.js";
+import { capitalize } from "@alanscodelog/utils/capitalize";
 export const registerComponents = (app, components, prefix = "") => {
   for (const key of Object.keys(components)) {
     const component = components[key];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@witchcraft/ui",
-	"version": "0.1.2",
+	"version": "0.2.0",
 	"description": "Vue component library.",
 	"type": "module",
 	"main": "./dist/runtime/main.lib.js",
@@ -10,10 +10,6 @@
 			"types": "./types/index.d.ts",
 			"import": "./dist/runtime/main.lib.js"
 		},
-		"./*": {
-			"import": "./dist/runtime/*",
-			"types": "./dist/runtime/*.d.ts"
-		},
 		"./components": {
 			"types": "./dist/runtime/components/index.d.ts",
 			"import": "./dist/runtime/components/index.js"
@@ -22,10 +18,6 @@
 			"types": "./dist/runtime/components/*/*.vue.d.ts",
 			"import": "./dist/runtime/components/*/*.vue"
 		},
-		"./composables/*": {
-			"types": "./dist/runtime/composables/*",
-			"import": "./dist/runtime/composables/*"
-		},
 		"./composables": {
 			"types": "./dist/runtime/composables/index.d.ts",
 			"import": "./dist/runtime/composables/index.js"
@@ -34,22 +26,10 @@
 			"types": "./dist/runtime/directives/index.d.ts",
 			"import": "./dist/runtime/directives/index.js"
 		},
-		"./directives/*": {
-			"types": "./dist/runtime/directives/*",
-			"import": "./dist/runtime/directives/*"
-		},
 		"./helpers": {
 			"types": "./dist/runtime/helpers/index.d.ts",
 			"import": "./dist/runtime/helpers/index.js"
 		},
-		"./helpers/*": {
-			"types": "./dist/runtime/helpers/*",
-			"import": "./dist/runtime/helpers/*"
-		},
-		"./build/*": {
-			"types": "./dist/runtime/build/*.d.ts",
-			"import": "./dist/runtime/build/*"
-		},
 		"./utils.css": "./src/runtime/assets/utils.css",
 		"./base.css": "./src/runtime/assets/base.css",
 		"./nuxt": {
@@ -59,6 +39,10 @@
 		"./types": {
 			"types": "./dist/runtime/types/index.d.ts",
 			"import": "./dist/runtime/types/index.js"
+		},
+		"./*": {
+			"import": "./dist/runtime/*.js",
+			"types": "./dist/runtime/*.d.ts"
 		}
 	},
 	"unbuild": {
@@ -67,6 +51,7 @@
 	"scripts": {
 		"prepare": "husky && pnpm gen:theme && cd playground && pnpm i",
 		"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",
 		"dev": "nuxi dev playground",
 		"storybook": "BROWSER=none storybook dev -p 6006",
@@ -87,10 +72,10 @@
 		"gen:theme": "echo src/runtime/build/generateTheme.ts"
 	},
 	"peerDependencies": {
+		"@iconify/json": "^2.2.323",
 		"tailwindcss": "^4.0.17",
-		"vue": "^3.2.47",
 		"unplugin-icons": "^22.1.0",
-		"@iconify/json": "^2.2.323"
+		"vue": "^3.2.47"
 	},
 	"peerDependenciesMeta": {
 		"tailwindcss": {
@@ -101,83 +86,82 @@
 		}
 	},
 	"dependencies": {
-		"@alanscodelog/utils": "^5.1.0",
+		"@alanscodelog/utils": "^6.0.1",
 		"@egoist/vue-to-react": "^1.2.0",
-		"@iconify/json": "^2.2.323",
-		"@nuxt/kit": "^4.0.1",
-		"@nuxt/schema": "^4.0.1",
-		"@nuxt/types": "^2.17.3",
-		"@tailwindcss/vite": "^4.1.0",
-		"@witchcraft/nuxt-utils": "^0.1.0",
+		"@iconify/json": "^2.2.378",
+		"@nuxt/kit": "^4.0.3",
+		"@nuxt/schema": "^4.0.3",
+		"@nuxt/types": "^2.18.1",
+		"@tailwindcss/vite": "^4.1.12",
+		"@witchcraft/nuxt-utils": "^0.2.0",
 		"colord": "^2.9.3",
 		"colorjs.io": "0.6.0-alpha.1",
 		"defu": "^6.1.4",
-		"fast-glob": "^3.3.2",
-		"metamorphosis": "^0.4.1",
-		"reka-ui": "^2.2.1",
-		"tailwind-merge": "^3.1.0",
-		"unplugin-icons": "^22.1.0",
-		"unplugin-vue-components": "^28.4.1",
-		"vue-component-type-helpers": "^2.0.29"
+		"fast-glob": "^3.3.3",
+		"metamorphosis": "^0.6.0",
+		"reka-ui": "^2.5.0",
+		"tailwind-merge": "^3.3.1",
+		"unplugin-icons": "^22.2.0",
+		"unplugin-vue-components": "^28.8.0",
+		"vue-component-type-helpers": "^2.2.12"
 	},
 	"devDependencies": {
-		"@alanscodelog/commitlint-config": "^3.0.2",
-		"@alanscodelog/eslint-config": "^5.0.0",
+		"@alanscodelog/commitlint-config": "^3.1.2",
+		"@alanscodelog/eslint-config": "^5.0.4",
 		"@alanscodelog/semantic-release-config": "^5.0.4",
-		"@alanscodelog/tsconfigs": "^6.0.0",
+		"@alanscodelog/tsconfigs": "^6.1.0",
 		"@alanscodelog/vite-config": "^0.0.5",
-		"@chromatic-com/storybook": "^3.2.6",
-		"@commitlint/cli": "^19.3.0",
-		"@internationalized/date": "^3.1.0",
-		"@nuxt/eslint-config": "^1.3.0",
+		"@chromatic-com/storybook": "^3.2.7",
+		"@commitlint/cli": "^19.8.1",
+		"@internationalized/date": "^3.9.0",
+		"@nuxt/eslint-config": "^1.9.0",
 		"@nuxt/module-builder": "^1.0.2",
-		"@nuxtjs/i18n": "^9.5.3",
-		"@playwright/test": "=1.50.0",
+		"@nuxtjs/i18n": "^9.5.6",
+		"@playwright/test": "^1.50.0",
 		"@rollup/plugin-node-resolve": "^16.0.1",
-		"@storybook/addon-a11y": "^8.6.12",
-		"@storybook/addon-actions": "^8.6.12",
-		"@storybook/addon-essentials": "^8.6.12",
-		"@storybook/addon-interactions": "^8.6.12",
-		"@storybook/addon-links": "^8.6.12",
-		"@storybook/addon-storysource": "^8.6.12",
-		"@storybook/blocks": "^8.6.12",
-		"@storybook/manager-api": "^8.6.12",
-		"@storybook/test": "^8.6.12",
-		"@storybook/test-runner": "^0.22.0",
-		"@storybook/vue3": "^8.6.12",
-		"@storybook/vue3-vite": "^8.6.12",
-		"@tailwindcss/cli": "^4.1.4",
-		"@tailwindcss/postcss": "^4.1.2",
-		"@types/node": "^24.1.0",
-		"@vitejs/plugin-vue": "^6.0.0",
-		"@vue/runtime-core": "^3.4.27",
-		"@vue/runtime-dom": "^3.4.27",
-		"@vueuse/components": "^13.0.0",
-		"@vueuse/core": "^13.0.0",
-		"autoprefixer": "^10.4.19",
-		"concurrently": "^9.1.2",
-		"eslint": "^9.32.0",
-		"eslint-plugin-jsdoc": "^48.0.0",
+		"@storybook/addon-a11y": "^8.6.14",
+		"@storybook/addon-actions": "^8.6.14",
+		"@storybook/addon-essentials": "^8.6.14",
+		"@storybook/addon-interactions": "^8.6.14",
+		"@storybook/addon-links": "^8.6.14",
+		"@storybook/addon-storysource": "^8.6.14",
+		"@storybook/blocks": "^8.6.14",
+		"@storybook/manager-api": "^8.6.14",
+		"@storybook/test": "^8.6.14",
+		"@storybook/test-runner": "^0.22.1",
+		"@storybook/vue3": "^8.6.14",
+		"@storybook/vue3-vite": "^8.6.14",
+		"@tailwindcss/cli": "^4.1.12",
+		"@tailwindcss/postcss": "^4.1.12",
+		"@types/node": "^24.3.0",
+		"@vitejs/plugin-vue": "^6.0.1",
+		"@vue/runtime-core": "^3.5.20",
+		"@vue/runtime-dom": "^3.5.20",
+		"@vueuse/components": "^13.8.0",
+		"@vueuse/core": "^13.8.0",
+		"autoprefixer": "^10.4.21",
+		"concurrently": "^9.2.1",
+		"eslint": "^9.34.0",
+		"eslint-plugin-jsdoc": "^48.11.0",
 		"http-server": "^14.1.1",
-		"husky": "^9.0.11",
+		"husky": "^9.1.7",
 		"indexit": "2.1.0-beta.3",
 		"madge": "^7.0.0",
-		"nuxt": "^4.0.1",
-		"playwright": "=1.50.0",
-		"playwright-core": "=1.50.0",
-		"semantic-release": "^24.1.2",
-		"storybook": "^8.6.12",
+		"nuxt": "^4.0.3",
+		"playwright": "^1.50.0",
+		"playwright-core": "^1.50.0",
+		"semantic-release": "^24.2.7",
+		"storybook": "^8.6.14",
 		"storybook-dark-mode": "^4.0.2",
-		"tailwindcss": "^4.1.2",
+		"tailwindcss": "^4.1.12",
 		"ts-node": "^10.9.2",
-		"typescript": "~5.8.2",
-		"unbuild": "^3.5.0",
-		"vite": "^7.0.6",
-		"vite-plugin-externalize-deps": "^0.9.0",
-		"vite-tsconfig-paths": "^5.0.1",
-		"vue": "^3.5.13",
+		"typescript": "~5.8.3",
+		"unbuild": "^3.6.1",
+		"vite": "^7.1.3",
+		"vite-tsconfig-paths": "^5.1.4",
+		"vue": "^3.5.20",
 		"vue-tsc": "3.0.4",
-		"wait-on": "^8.0.3"
+		"wait-on": "^8.0.4"
 	},
 	"author": "Alan <alanscodelog@gmail.com>",
 	"repository": "https://github.com/witchcraftjs/ui",
@@ -202,10 +186,5 @@
 	},
 	"publishConfig": {
 		"access": "public"
-	},
-	"pnpm": {
-		"overrides": {
-			"rollup": "=4.45.0"
-		}
 	}
 }

package/src/module.ts

@@ -8,8 +8,8 @@ import {
 	useLogger,
 } from "@nuxt/kit"
 import tailwindcss from "@tailwindcss/vite"
-import { addImportsCustom } from "@witchcraft/nuxt-utils/utils/addImportsCustom.js"
-import { globFiles } from "@witchcraft/nuxt-utils/utils/globFiles.js"
+import { addImportsCustom } from "@witchcraft/nuxt-utils/utils/addImportsCustom"
+import { globFiles } from "@witchcraft/nuxt-utils/utils/globFiles"
 import { defu } from "defu"
 import fs from "fs"
 import { themeAsTailwindCss } from "metamorphosis/tailwind"
@@ -158,16 +158,23 @@ export default defineNuxtModule<ModuleOptions>({
 				logger.info(`Adding unplugin-icons`)
 				config.plugins ??= []
 				config.plugins = [
-					// we must prepend or the custom style options don't work when the module is used
-					ViteComponents({
-						resolvers: [
-							IconsResolver(),
-							// we don't need our resolver since we use nuxt instead
-						],
-					}),
-					Icons({
-						...unpluginIconViteOptions,
-					}),
+					...(
+						options.includeUnpluginIconsPlugins
+							? [
+								// we must prepend or the custom style options don't work when the module is used
+								ViteComponents({
+									resolvers: [
+										IconsResolver({prefix:"i"}),
+										// we don't need our resolver since we use nuxt instead
+									],
+								}),
+								Icons({
+									compiler: "vue3",
+									...unpluginIconViteOptions,
+								}),
+							]
+							: []	
+					),
 					tailwindcss() as any,
 					...config.plugins,
 				]