uisv 0.0.21 → 0.0.22

package/dist/vite.js

@@ -1,8 +1,10 @@
-import uno_plugin from 'unocss/vite';
 import { transformerVariantGroup, transformerCompileClass, transformerDirectives, presetWebFonts, presetIcons, presetWind4, } from 'unocss';
 import {} from '@unocss/preset-web-fonts';
 import { defu } from 'defu';
 import { getColors } from 'theme-colors';
+// import type { Plugin } from 'vite';
+// import { resolve } from 'node:path';
+import uno_plugin from 'unocss/vite';
 export default (options = {}) => {
     const _opts = defu(options, {
         colors: {
@@ -38,17 +40,6 @@ export default (options = {}) => {
             },
         },
     });
-    // const theme_plugin: Plugin = {
-    // 	name: 'vite-plugin-uisv',
-    // 	enforce: 'pre',
-    // 	async configResolved() {
-    // 		const path = resolve('node_modules/uisv/theme.js');
-    // 		console.log(await write(path, `export const button = {}`));
-    // 	},
-    // 	resolveId(source, importer, options) {
-    // 		if (source === '$build') return resolve('node_modules/uisv/theme.js');
-    // 	},
-    // };
     return [
         uno_plugin({
             content: {
@@ -71,12 +62,12 @@ export default (options = {}) => {
                         if (typeof colors.surface !== 'object')
                             return '';
                         const variables = `
-              --colors-base: ${colors.surface['200']};
-      				--colors-dimmed: ${colors.surface['500']};
-      				--colors-muted: ${colors.surface['400']};
-      				--colors-toned: ${colors.surface['300']};
-      				--colors-highlighted: white;
-      				--colors-inverted: ${colors.surface['900']};
+              --colors-label-base: ${colors.surface['200']};
+      				--colors-label-dimmed: ${colors.surface['500']};
+      				--colors-label-muted: ${colors.surface['400']};
+      				--colors-label-toned: ${colors.surface['300']};
+      				--colors-label-highlighted: white;
+      				--colors-label-inverted: ${colors.surface['900']};
 
       				--colors-surface-base: ${colors.surface['900']};
       				--colors-surface-muted: ${colors.surface['800']};
@@ -86,7 +77,7 @@ export default (options = {}) => {
             `;
                         return `
 						body {
-						  background-color: var(--colors-inverted);
+						  background-color: var(--colors-label-inverted);
 						}
 
             .dark {
@@ -109,7 +100,7 @@ export default (options = {}) => {
             transformers: [transformerVariantGroup(), transformerCompileClass(), transformerDirectives()],
             extendTheme: (theme) => {
                 if (!('colors' in theme) || typeof theme.colors !== 'object')
-                    theme.colors = {};
+                    return;
                 const colors = theme.colors;
                 for (const [color, value] of Object.entries(_opts.colors)) {
                     if (typeof value !== 'string') {
@@ -119,21 +110,25 @@ export default (options = {}) => {
                     const in_theme = colors[value];
                     colors[color] = in_theme ? in_theme : getColors(value);
                 }
-                if (typeof colors.surface === 'object') {
-                    colors['base'] = colors.surface['700'];
-                    colors['dimmed'] = colors.surface['400'];
-                    colors['muted'] = colors.surface['500'];
-                    colors['toned'] = colors.surface['600'];
-                    colors['highlighted'] = colors.surface['900'];
-                    colors['inverted'] = 'white';
-                    colors['surface'] = defu(colors.surface, {
-                        base: 'white',
-                        muted: colors.surface['50'],
-                        elevated: colors.surface['100'],
-                        accented: colors.surface['200'],
-                        inverted: colors.surface['900'],
-                    });
-                }
+                if (typeof colors.surface !== 'object')
+                    colors.surface = {};
+                if (typeof colors.label === 'object')
+                    colors.label = {};
+                colors.label = defu(colors.label, {
+                    base: colors.surface['700'],
+                    dimmed: colors.surface['400'],
+                    muted: colors.surface['500'],
+                    toned: colors.surface['600'],
+                    highlighted: colors.surface['900'],
+                    inverted: 'white',
+                });
+                colors['surface'] = defu(colors.surface, {
+                    base: 'white',
+                    muted: colors.surface['50'],
+                    elevated: colors.surface['100'],
+                    accented: colors.surface['200'],
+                    inverted: colors.surface['900'],
+                });
                 if (theme.colors)
                     theme.colors = colors;
             },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "uisv",
-	"version": "0.0.21",
+	"version": "0.0.22",
 	"description": "ui library for the rest of us",
 	"license": "MIT",
 	"repository": "ui-sv/uisv",
@@ -33,6 +33,7 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js",
+			"style": "./dist/runtime/index.css",
 			"default": "./dist/index.js"
 		},
 		"./vite": {
@@ -55,45 +56,49 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^2.0.2",
+		"@eslint/compat": "^2.0.5",
 		"@eslint/js": "^10.0.1",
-		"@iconify-json/lucide": "^1.2.90",
+		"@iconify-json/lucide": "^1.2.105",
 		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/kit": "^2.52.0",
+		"@sveltejs/kit": "^2.59.1",
 		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",
-		"@types/node": "^25.2.3",
-		"@vitest/browser": "^4.0.18",
-		"eslint": "^10.0.0",
+		"@types/node": "^25.6.1",
+		"@vitest/browser": "^4.1.5",
+		"eslint": "^10.3.0",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.15.0",
-		"globals": "^17.3.0",
-		"playwright": "^1.58.2",
-		"prettier": "^3.8.1",
-		"prettier-plugin-svelte": "^3.4.1",
-		"publint": "^0.3.17",
-		"svelte": "^5.51.2",
-		"svelte-check": "^4.4.0",
+		"eslint-plugin-svelte": "^3.17.1",
+		"globals": "^17.6.0",
+		"playwright": "^1.59.1",
+		"prettier": "^3.8.3",
+		"prettier-plugin-svelte": "^3.5.1",
+		"publint": "^0.3.19",
+		"svelte": "^5.55.5",
+		"svelte-check": "^4.4.8",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.55.0",
-		"vite": "^7.3.1",
-		"vitest": "^4.0.18",
-		"vitest-browser-svelte": "^2.0.2"
+		"typescript-eslint": "^8.59.2",
+		"vite": "^7.3.3",
+		"vitest": "^4.1.5",
+		"vitest-browser-svelte": "^2.1.1"
 	},
 	"dependencies": {
-		"@internationalized/date": "^3.11.0",
-		"@unocss/preset-web-fonts": "^66.6.0",
-		"bits-ui": "^2.16.5",
-		"colortranslator": "^5.0.0",
-		"defu": "^6.1.4",
+		"@internationalized/date": "^3.12.1",
+		"@unocss/preset-web-fonts": "^66.6.8",
+		"@unocss/svelte-scoped": "^66.6.8",
+		"bits-ui": "^2.18.1",
+		"colortranslator": "^6.1.1",
+		"defu": "^6.1.7",
+		"devalue": "^5.8.0",
 		"maska": "^3.2.0",
+		"mlly": "^1.8.2",
 		"mode-watcher": "^1.1.0",
 		"runed": "^0.37.1",
 		"scule": "^1.3.0",
-		"tailwind-merge": "^3.5.0",
+		"svelte-sonner": "^1.1.1",
+		"svelte-toolbelt": "^0.10.6",
 		"tailwind-variants": "^3.2.2",
 		"theme-colors": "^0.1.0",
-		"unocss": "^66.6.0"
+		"unocss": "^66.6.8"
 	},
 	"keywords": [
 		"svelte",