@witchcraft/ui 0.3.20 → 0.3.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@witchcraft/ui",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Vue component library.",
   "type": "module",
   "main": "./dist/runtime/main.lib.js",
@@ -49,9 +49,9 @@
     "failOnWarn": false
   },
   "peerDependencies": {
-    "tailwindcss": "^4.1.12",
-    "unplugin-icons": "^22.2.0",
-    "vue": "^3.5.20"
+    "tailwindcss": "^4.1.18",
+    "unplugin-icons": "^22.5.0",
+    "vue": "^3.5.27"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {
@@ -62,82 +62,82 @@
     }
   },
   "dependencies": {
-    "@alanscodelog/utils": "^6.0.1",
-    "@iconify/json": "^2.2.379",
-    "@nuxt/kit": "^4.0.3",
-    "@nuxt/schema": "^4.0.3",
+    "@alanscodelog/utils": "^6.0.2",
+    "@iconify/json": "^2.2.437",
+    "@nuxt/kit": "^4.3.1",
+    "@nuxt/schema": "^4.3.1",
     "@nuxt/types": "^2.18.1",
-    "@tailwindcss/vite": "^4.1.12",
+    "@tailwindcss/vite": "^4.1.18",
     "@witchcraft/nuxt-utils": "^0.3.6",
     "colord": "^2.9.3",
     "colorjs.io": "0.6.0-alpha.1",
     "defu": "^6.1.4",
     "fast-glob": "^3.3.3",
     "metamorphosis": "^0.6.1",
-    "reka-ui": "^2.5.0",
-    "tailwind-merge": "^3.3.1",
-    "unplugin-icons": "^22.2.0",
+    "reka-ui": "^2.8.0",
+    "tailwind-merge": "^3.4.0",
+    "unplugin-icons": "^22.5.0",
     "unplugin-vue-components": "^28.8.0",
     "vue-component-type-helpers": "^2.2.12"
   },
   "devDependencies": {
     "@alanscodelog/commitlint-config": "^3.1.2",
-    "@alanscodelog/eslint-config": "^6.3.0",
-    "@alanscodelog/semantic-release-config": "^6.0.0",
+    "@alanscodelog/eslint-config": "^6.3.1",
+    "@alanscodelog/semantic-release-config": "^6.0.2",
     "@alanscodelog/tsconfigs": "^6.2.0",
-    "@alanscodelog/vite-config": "^0.0.6",
+    "@alanscodelog/vite-config": "^0.0.7",
     "@chromatic-com/storybook": "^3.2.7",
-    "@commitlint/cli": "^19.8.1",
-    "@internationalized/date": "^3.9.0",
-    "@faker-js/faker": "^10.0.0",
-    "@nuxt/eslint-config": "^1.9.0",
+    "@commitlint/cli": "^20.4.1",
+    "@internationalized/date": "^3.11.0",
+    "@faker-js/faker": "^10.3.0",
+    "@nuxt/eslint-config": "^1.14.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxtjs/i18n": "^9.5.6",
-    "@playwright/test": "=1.54.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-actions": "^8.6.14",
+    "@playwright/test": "^1.54.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@storybook/addon-a11y": "^8.6.15",
+    "@storybook/addon-actions": "^8.6.15",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-links": "^8.6.15",
     "@storybook/addon-storysource": "^8.6.14",
     "@storybook/blocks": "^8.6.14",
     "@storybook/manager-api": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/test": "^8.6.15",
     "@storybook/test-runner": "^0.22.1",
-    "@storybook/vue3": "^8.6.14",
-    "@storybook/vue3-vite": "^8.6.14",
-    "@tanstack/vue-virtual": "^3.13.0",
-    "@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",
+    "@storybook/vue3": "^8.6.15",
+    "@storybook/vue3-vite": "^8.6.15",
+    "@tanstack/vue-virtual": "^3.13.18",
+    "@tailwindcss/cli": "^4.1.18",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^24.10.12",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vue/runtime-core": "^3.5.27",
+    "@vue/runtime-dom": "^3.5.27",
+    "@vueuse/components": "^13.9.0",
+    "@vueuse/core": "^13.9.0",
+    "autoprefixer": "^10.4.24",
     "concurrently": "^9.2.1",
-    "eslint": "^9.34.0",
+    "eslint": "^9.39.2",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "indexit": "2.1.0-beta.3",
     "madge": "^7.0.0",
-    "nuxt": "^4.2.1",
-    "playwright": "=1.54.0",
-    "playwright-core": "=1.54.0",
-    "semantic-release": "^24.2.7",
-    "storybook": "^8.6.14",
+    "nuxt": "^4.3.1",
+    "playwright": "^1.54.0",
+    "playwright-core": "^1.54.0",
+    "semantic-release": "^24.2.9",
+    "storybook": "^8.6.15",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^4.1.12",
+    "tailwindcss": "^4.1.18",
     "ts-node": "^10.9.2",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vite": "^7.1.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vue": "^3.5.20",
-    "vue-tsc": "3.0.6",
-    "wait-on": "^8.0.4"
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.1.0",
+    "vue": "^3.5.27",
+    "vue-tsc": "3.2.4",
+    "wait-on": "^8.0.5"
   },
   "author": "Alan <alanscodelog@gmail.com>",
   "repository": "https://github.com/witchcraftjs/ui",

package/src/module.ts

@@ -133,20 +133,24 @@ export default defineNuxtModule<ModuleOptions>({
 			}
 		)
 
+		const assetDir = resolve("runtime/assets")
+		const tailwindFiles = globFiles([
+			`${assetDir}/**/*.css`,
+			`!${assetDir}/**/tailwind.css`
+		], [])
+
 		addTemplate({
 			filename: "witchcraft-ui.css",
 			write: true,
 			getContents: () => options._playgroundWorkaround
 				? crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					@import "${resolve("runtime/assets/base.css")}";
-					@import "${resolve("runtime/assets/utils.css")}";
+					${indent(tailwindFiles.map(_ => `@import "${_.filepath}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map(_ => `@source "${_.filepath}";`).join("\n"), 5)}
 				`
 				: crop`
 					${indent(themeAsTailwindCss(theme, themeConvertionOpts), 5)}
-					@import "@witchcraft/ui/base.css";
-					@import "@witchcraft/ui/utils.css";
+					${indent(tailwindFiles.map(_ => `@import "${_.filepath.replace(assetDir, "@witchcraft/ui/")}";`).join("\n"), 5)}
 					${indent(filteredComponentsInfo.map(_ => `@source "${_.filepath}";`).join("\n"), 5)}
 				`
 		})

package/src/runtime/assets/animations.css

@@ -9,7 +9,7 @@
 }
 
 @theme {
-	--animate-blinkInf: blink 1s linear-infinite;
+	--animate-blinkInf: blink 1s linear infinite;
 	@keyframes blink {
 		0% {
 			opacity: 0;
@@ -28,7 +28,7 @@
 		}
 	}
 
-	--animate-slideBgInf: slide-bg 10s linear-infinite;
+	--animate-slideBgInf: slide-bg 10s ease-in-out linear-infinite;
 	@keyframes slide {
 		0% {
 			background-position:0%;

package/src/runtime/assets/tailwind.css

@@ -1,4 +1,4 @@
-/* For storybook, not exported. */
+/* For storybook, **NOT EXPORTED**. The nuxt module creates it's own version of this file by looking at all css files in this folder. See it for details. */
 @import "tailwindcss" source("../../");
 @import "./theme.css";
 @import "./animations.css";

package/src/runtime/components/LibCheckbox/LibCheckbox.vue

@@ -121,8 +121,10 @@ interface Props
 	Partial<Omit<
 		InputHTMLAttributes,
 		"class" | "readonly" | "disabled" | "onSumbit"
+		// https://github.com/vuejs/core/pull/14237
+		| "autocomplete"
 	> & TailwindClassProp>,
-	/** @vue-ignore */
+	// /** @vue-ignore */
 	WrapperTypes,
 	RealProps
 {}

package/src/runtime/components/LibFileInput/LibFileInput.vue

@@ -355,9 +355,13 @@ defineExpose({
 export default { name: "LibFileInput" }
 
 type WrapperTypes
-	= & WrapperProps<"input", InputHTMLAttributes>
-		& WrapperProps<"wrapper", HTMLAttributes>
-		& WrapperProps<"previews", HTMLAttributes>
+	= & WrapperProps<
+		"input",
+		// https://github.com/vuejs/core/pull/14237
+		Omit<InputHTMLAttributes, "autocomplete">
+	>
+	& WrapperProps<"wrapper", HTMLAttributes>
+	& WrapperProps<"previews", HTMLAttributes>
 
 type RealProps
 	= & LinkableByIdProps
@@ -375,7 +379,12 @@ type RealProps
 interface Props
 	extends
 	/** @vue-ignore */
-	Partial<Omit<InputHTMLAttributes, "class" | "multiple" | "formats" | "compact"> & TailwindClassProp>,
+	Partial<Omit<
+		InputHTMLAttributes,
+		"class" | "multiple" | "formats" | "compact"
+		// https://github.com/vuejs/core/pull/14237
+		| "autocomplete"
+	> & TailwindClassProp>,
 	/** @vue-ignore */
 	Partial<WrapperTypes>,
 	RealProps { }

package/src/runtime/components/LibInputDeprecated/LibInputDeprecated.vue

@@ -407,7 +407,12 @@ type RealProps
 interface Props
 	extends
 	/** @vue-ignore */
-	Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSubmit"> & TailwindClassProp>,
+	Partial<Omit<
+		InputHTMLAttributes,
+		"class" | "readonly" | "disabled" | "onSubmit"
+		// https://github.com/vuejs/core/pull/14237
+		| "autocomplete"
+	> & TailwindClassProp>,
 	/** @vue-ignore */
 	Partial<WrapperTypes>,
 	RealProps { }

package/src/runtime/components/LibSimpleInput/LibSimpleInput.vue

@@ -147,6 +147,8 @@ interface Props
 		| "disabled"
 		| "onSubmit"
 		| "onInput"
+		// https://github.com/vuejs/core/pull/14237
+		| "autocomplete"
 	> & TailwindClassProp>,
 	RealProps
 {}