uisv 0.0.12 → 0.0.13

package/dist/vite.js

@@ -0,0 +1,157 @@
+import uno_plugin from 'unocss/vite';
+import { transformerVariantGroup, transformerCompileClass, transformerDirectives, presetWebFonts, presetIcons, presetWind4, definePreset, } from 'unocss';
+import {} from '@unocss/preset-web-fonts';
+import { defu } from 'defu';
+import { getColors } from 'theme-colors';
+import { presetTheme } from 'unocss-preset-theme';
+import { evaluatePath } from 'doc-path';
+export function uisv(options) {
+    const _opts = defu(options, {
+        colors: {
+            primary: 'orange',
+            surface: 'neutral',
+            info: 'blue',
+            success: 'green',
+            warning: 'yellow',
+            error: 'red',
+        },
+        fonts: {
+            fonts: {
+                sans: 'Public Sans:400,500,600',
+            },
+        },
+        icons: {},
+        theme: {
+            radius: {
+                base: `${options.radius || 0.375}rem`,
+            },
+        },
+    });
+    // const semantics_preset = semantics({
+    // 	colors: _opts.colors,
+    // 	light: {
+    // 		base: 'surface.700',
+    // 		dimmed: 'surface.400',
+    // 		muted: 'surface.500',
+    // 		toned: 'surface.600',
+    // 		highlighted: 'surface.900',
+    // 		inverted: 'white',
+    // 		surface: {
+    // 			base: 'white',
+    // 			muted: 'surface.50',
+    // 			elevated: 'surface.100',
+    // 			accented: 'surface.200',
+    // 			inverted: 'surface.900',
+    // 		},
+    // 	},
+    // 	dark: {
+    // 		base: 'surface.700',
+    // 		dimmed: 'surface.400',
+    // 		muted: 'surface.500',
+    // 		toned: 'surface.600',
+    // 		highlighted: 'surface.900',
+    // 		inverted: 'white',
+    // 		surface: {
+    // 			base: 'surface.900',
+    // 			muted: 'surface.800',
+    // 			elevated: 'surface.800',
+    // 			accented: 'surface.700',
+    // 			inverted: 'white',
+    // 		},
+    // 	},
+    // });
+    return [
+        uno_plugin({
+            content: {
+                pipeline: {
+                    include: [
+                        // the default
+                        /\.(vue|svelte|[jt]sx|vine.ts|mdx?|astro|elm|php|phtml|marko|html)($|\?)/,
+                        // include js/ts files
+                        'src/**/*.{js,ts}',
+                    ],
+                },
+            },
+            theme: _opts.theme,
+            preflights: [
+                {
+                    getCSS({ theme }) {
+                        if (!('colors' in theme) || typeof theme.colors !== 'object')
+                            return;
+                        const colors = theme.colors;
+                        if (typeof colors.surface !== 'object')
+                            return '';
+                        const variables = `
+              --colors-DEFAULT: ${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-surface-DEFAULT: ${colors.surface['900']};
+      				--colors-surface-muted: ${colors.surface['800']};
+      				--colors-surface-elevated: ${colors.surface['800']};
+      				--colors-surface-accented: ${colors.surface['700']};
+      				--colors-surface-inverted: white;
+            `;
+                        return `
+						body {
+						  background-color: var(--colors-inverted);
+						}
+
+
+
+            .dark {
+              ${variables}
+            }
+            `;
+                    },
+                },
+            ],
+            presets: [
+                presetWind4({
+                    dark: 'media',
+                    preflights: {
+                        reset: true,
+                    },
+                }),
+                presetWebFonts(_opts.fonts),
+                presetIcons(_opts.icons),
+                // semantics_preset,
+                // theme_preset,
+            ],
+            transformers: [transformerVariantGroup(), transformerCompileClass(), transformerDirectives()],
+            extendTheme: (theme) => {
+                if (!('colors' in theme) || typeof theme.colors !== 'object')
+                    theme.colors = {};
+                const colors = theme.colors;
+                for (const [color, value] of Object.entries(_opts.colors)) {
+                    if (typeof value !== 'string') {
+                        colors[color] = value;
+                        continue;
+                    }
+                    const in_theme = colors[value];
+                    colors[color] = in_theme ? in_theme : getColors(value);
+                }
+                if (typeof colors.surface === 'object') {
+                    colors['DEFAULT'] = 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, {
+                        DEFAULT: '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,13 +1,13 @@
 {
 	"name": "uisv",
-	"version": "0.0.12",
+	"version": "0.0.13",
 	"description": "ui library for the rest of us",
 	"license": "MIT",
 	"repository": "ui-sv/uisv",
 	"homepage": "https://uisv.pages.dev",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build && bun prepack",
+		"build": "vite build && prepack",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
 		"prepack": "svelte-kit sync && svelte-package && publint",