@byyuurin/ui 0.0.11 → 0.2.0

package/dist/shared/ui.DpbffTXs.d.mts

@@ -0,0 +1,84 @@
+import * as _unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+import { Options as Options$1 } from 'unplugin-vue-components/types';
+import { V as VariantsColor, C as Color, N as NeutralColor, a as VariantsSize, M as ModuleOptions } from './ui.IulR-OYx.mjs';
+import * as ui from '#build/ui';
+import { UIConfig as UIConfig$1 } from '../../dist/runtime/types/style.js';
+import { PresetOptions } from '../unocss.mjs';
+
+declare const icons: {
+    close: string;
+    loading: string;
+    check: string;
+    chevronUp: string;
+    chevronDown: string;
+    chevronLeft: string;
+    chevronRight: string;
+    chevronDoubleLeft: string;
+    chevronDoubleRight: string;
+    ellipsis: string;
+    plus: string;
+    minus: string;
+    external: string;
+};
+
+type AppConfigIcons = Record<keyof typeof icons | (string & {}), string>;
+type AppConfigUI<Colors extends string = VariantsColor> = {
+    colors?: {
+        [C in Colors extends '' | never ? VariantsColor : Colors]?: Color;
+    } & {
+        primary?: Color;
+        neutral?: NeutralColor | (string & {});
+    };
+    icons?: Partial<AppConfigIcons>;
+} & UIConfig$1<typeof ui>;
+interface UIConfig<Color extends string = VariantsColor> extends Omit<UIOptions, 'theme' | 'ui'> {
+    theme?: {
+        /**
+         * Define the color aliases available for components
+         * @default ["primary", "secondary", "success", "info", "warning", "error"]
+         */
+        colors?: Color[];
+        /**
+         * Enable or disable transitions on components
+         * @default true
+         */
+        transitions?: boolean;
+        defaultVariants?: {
+            /**
+             * The default color variant to use for components
+             * @default "primary"
+             */
+            color?: Color;
+            /**
+             * The default size variant to use for components
+             * @default "md"
+             */
+            size?: VariantsSize | (string & {});
+        };
+    };
+    ui?: AppConfigUI<Color>;
+}
+declare function setup<Color extends string = VariantsColor>(defaults?: UIConfig<Color>): {
+    uno: PresetOptions;
+    vite: UIOptions;
+};
+
+declare const runtimeDir: string;
+interface UIOptions extends Omit<ModuleOptions, 'fonts'> {
+    /** Whether to generate declaration files for auto-imported components. */
+    dts?: boolean;
+    ui?: AppConfigUI;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
+}
+declare const unplugin: _unplugin.UnpluginInstance<UIOptions | undefined, boolean>;
+
+export { runtimeDir as r, setup as s, unplugin as u };
+export type { AppConfigIcons as A, UIOptions as U, AppConfigUI as a };

package/dist/shared/ui.IulR-OYx.d.mts

@@ -0,0 +1,64 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { colors } from '@unocss/preset-wind4/colors';
+import '../../dist/runtime/types/index.js';
+
+declare const themeSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+type VariantsSize = typeof themeSizes[number];
+declare const defaultColors: readonly ["primary", "secondary", "success", "info", "warning", "error"];
+type VariantsColor = typeof defaultColors[number];
+declare const neutralColors: ("slate" | "gray" | "zinc" | "neutral" | "stone" | "light" | "dark")[];
+type NeutralColor = typeof neutralColors[number];
+type Color$1 = keyof Omit<typeof colors, NeutralColor | 'black' | 'white'> | (string & {});
+
+type Color = VariantsColor | (string & {});
+type Size = VariantsSize | (string & {});
+interface ModuleOptions {
+    /**
+     * Prefix for components
+     *
+     * @default "U"
+     */
+    prefix?: string;
+    /**
+     * Enable or disable `@nuxt/fonts` module
+     * @default true
+     */
+    fonts?: boolean;
+    /**
+     * Enable or disable `@nuxtjs/color-mode` module
+     *
+     * @default true
+     */
+    colorMode?: boolean;
+    /**
+     * Customize how the theme is generated
+     */
+    theme?: {
+        /**
+         * Define the color aliases available for components
+         * @default ["primary", "secondary", "success", "info", "warning", "error"]
+         */
+        colors?: Color[];
+        /**
+         * Enable or disable transitions on components
+         * @default true
+         */
+        transitions?: boolean;
+        defaultVariants?: {
+            /**
+             * The default color variant to use for components
+             * @default "primary"
+             */
+            color?: Color;
+            /**
+             * The default size variant to use for components
+             * @default "md"
+             */
+            size?: Size;
+        };
+    };
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as _ };
+export type { Color$1 as C, ModuleOptions as M, NeutralColor as N, VariantsColor as V, VariantsSize as a };

package/dist/types.d.mts

@@ -1 +1,3 @@
-export { type ModuleOptions, default } from './module.mjs'
+export { type ModuleOptions, default } from './shared/ui.IulR-OYx.mjs'
+
+export * from '../dist/runtime/types/index.js'

package/dist/unocss.d.mts

@@ -1,52 +1,12 @@
-import * as _unocss_core from '@unocss/core';
-import { UserConfig, Rule } from '@unocss/core';
-import { CRRule } from '@byyuurin/ui-kit';
-import { Theme } from '@unocss/preset-mini';
-
-declare const cssVarsPrefix = "ui";
-declare const cssVarsBase: string[];
-declare const cssVarsDynamic: string[];
-declare const cssVarsAll: string[];
-
-interface PresetOptions {
-    /** @default "0rem" */
-    radius?: string;
-    /** @default "[radius]" */
-    radiusBox?: string;
-    /** @default "[radius]" */
-    radiusButton?: string;
-    /** @default "[radius]" */
-    radiusCheckbox?: string;
-    /** @default "[radius]" */
-    radiusRadio?: string;
-    /** @default "[radius]" */
-    radiusSwitch?: string;
-    /** @default "[radius]" */
-    radiusTabs?: string;
-    /**
-     * Base content color
-     * @default "#1f2937"
-     */
-    cb?: string;
-    /**
-     * Primary color
-     * @default "[cb]"
-     */
-    cp?: string;
-    /**
-     * Base background color
-     * @default "#ffffff"
-     */
-    cx?: string;
-}
-declare const preset: _unocss_core.PresetFactory<object, PresetOptions>;
-
-declare function transformUnoRules(userConfig?: UserConfig): CRRule[];
-
-declare const rules: Rule[];
-
-declare const theme: Theme;
-declare function cssVar(name: string, ...defaultValue: string[]): string;
-declare function cssColor(...rgb: (string | number)[]): string;
-
-export { type PresetOptions, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset, rules, theme, transformUnoRules };
+import { Preset } from '@unocss/core';
+import { Theme } from '@unocss/preset-wind4/theme';
+import { M as ModuleOptions } from './shared/ui.IulR-OYx.mjs';
+import '@nuxt/schema';
+import '@unocss/preset-wind4/colors';
+import '../dist/runtime/types/index.js';
+
+type PresetOptions = Pick<(ModuleOptions['theme'] & {}), 'colors'>;
+declare function createUnoPreset(options?: PresetOptions): () => Preset<Theme>;
+
+export { createUnoPreset };
+export type { PresetOptions };

package/dist/unocss.mjs

@@ -1,265 +1,155 @@
-import { definePreset, mergeConfigs } from '@unocss/core';
-import { parseColor, parseCssColor } from '@unocss/preset-mini/utils';
-import { kebabCase } from 'scule';
-import { presetWind3 } from '@unocss/preset-wind3';
+import { colors } from '@unocss/preset-wind4/colors';
+import { parseColor } from '@unocss/preset-wind4/utils';
+import { r as resolveColors } from './shared/ui.CzIlLITK.mjs';
+import '../dist/runtime/utils/index.js';
 
-const cssVarsPrefix = "ui";
-const cssVarsBase = ["cb", "cp", "cx"];
-const cssVarsDynamic = ["fill"];
-const cssVarsAll = [...cssVarsBase, ...cssVarsDynamic];
+function createUnoPreset(options = {}) {
+  const themeShades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+  const colors$1 = Object.fromEntries(resolveColors(options?.colors).map((color) => {
+    const colorValues = Object.fromEntries(themeShades.map((shade) => [shade, `var(--ui-color-${color}-${shade})`]));
+    return [color, { ...colorValues, DEFAULT: `var(--ui-${color})` }];
+  }));
+  const keyframes = {
+    "fade-in": "{from {opacity: 0;}to {opacity: 1;}}",
+    "fade-out": "{from {opacity: 1;}to {opacity: 0;}}",
+    "scale-in": "{from {opacity: 0;scale: 0.95;}to {opacity: 1;scale: 1;}}",
+    "scale-out": "{from {opacity: 1;scale: 1;}to {opacity: 0;scale: 0.95;}}",
+    "slide-in-from-top": "{from {transform: translateY(-100%);}to {transform: translateY(0);}}",
+    "slide-out-to-top": "{from {transform: translateY(0);}to {transform: translateY(-100%);}}",
+    "slide-in-from-right": "{from {transform: translateX(100%);}to {transform: translateX(0);}}",
+    "slide-out-to-right": "{from {transform: translateX(0);}to {transform: translateX(100%);}}",
+    "slide-in-from-bottom": "{from {transform: translateY(100%);}to {transform: translateY(0);}}",
+    "slide-out-to-bottom": "{from {transform: translateY(0);}to {transform: translateY(100%);}}",
+    "slide-in-from-left": "{from {transform: translateX(-100%);}to {transform: translateX(0);}}",
+    "slide-out-to-left": "{from {transform: translateX(0);}to {transform: translateX(-100%);}}",
+    "slide-in-from-top-and-fade": "{from {opacity: 0;transform: translateY(-4px);}to {opacity: 1;transform: translateY(0);}}",
+    "slide-out-to-top-and-fade": "{from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(-4px);}}",
+    "slide-in-from-right-and-fade": "{from {opacity: 0;transform: translateX(4px);}to {opacity: 1;transform: translateX(0);}}",
+    "slide-out-to-right-and-fade": "{from {opacity: 1;transform: translateX(0);}to {opacity: 0;transform: translateX(4px);}}",
+    "slide-in-from-bottom-and-fade": "{from {opacity: 0;transform: translateY(4px);}to {opacity: 1;transform: translateY(0);}}",
+    "slide-out-to-bottom-and-fade": "{from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(4px);}}",
+    "slide-in-from-left-and-fade": "{from {opacity: 0;transform: translateX(-4px);}to {opacity: 1;transform: translateX(0);}}",
+    "slide-out-to-left-and-fade": "{from {opacity: 1;transform: translateX(0);}to {opacity: 0;transform: translateX(-4px);}}",
+    "enter-from-right": "{from{opacity:0;transform:translateX(200px);}to{opacity:1;transform:translateX(0);}}",
+    "enter-from-left": "{from{opacity:0;transform:translateX(-200px);}to{opacity:1;transform:translateX(0);}}",
+    "exit-to-right": "{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(200px);}}",
+    "exit-to-left": "{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-200px);}}",
+    "carousel": "{0%,100% {width: 50%}0% {transform: translateX(-100%)}100% {transform: translateX(200%)}}",
+    "carousel-rtl": "{0%,100% {width: 50%}0% {transform: translateX(100%)}100% {transform: translateX(-200%)}}",
+    "carousel-vertical": "{0%,100% {height: 50%}0% {transform: translateY(-100%)}100% {transform: translateY(200%)}}",
+    "carousel-inverse": "{0%,100% {width: 50%}0% {transform: translateX(200%)}100% {transform: translateX(-100%)}}",
+    "carousel-inverse-rtl": "{0%,100% {width: 50%}0% {transform: translateX(-200%)}100% {transform: translateX(100%)}}",
+    "carousel-inverse-vertical": "{0%,100% {height: 50%}0% {transform: translateY(200%)}100% {transform: translateY(-100%)}}",
+    "swing": "{0%,100% {width: 50%}0%,100% {transform: translateX(-25%)}50% {transform: translateX(125%)}}",
+    "swing-vertical": "{0%,100% {height: 50%}0%,100% {transform: translateY(-25%)}50% {transform: translateY(125%)}}",
+    "elastic": "{0%,100% {width: 50%;margin-left: 25%;}50% {width: 90%;margin-left: 5%;}}",
+    "elastic-vertical": "{0%,100% {height: 50%;margin-top: 25%;}50% {height: 90%;margin-top: 5%;}}"
+  };
+  const preset = {
+    name: "@byyuurin/ui/uno-preset",
+    theme: {
+      font: {
+        sans: '"Public Sans",sans-serif'
+      },
+      colors: {
+        // theme colors
+        "tw-neutral": colors.neutral,
+        ...colors$1
+      },
+      radius: {
+        "DEFAULT": "var(--ui-radius)",
+        "xs": "calc(var(--ui-radius) * 0.5)",
+        "sm": "var(--ui-radius)",
+        "md": "calc(var(--ui-radius) * 1.5)",
+        "lg": "calc(var(--ui-radius) * 2)",
+        "xl": "calc(var(--ui-radius) * 3)",
+        "2xl": "calc(var(--ui-radius) * 4)",
+        "3xl": "calc(var(--ui-radius) * 6)",
+        "4xl": "calc(var(--ui-radius) * 8)"
+      },
+      animation: {
+        keyframes
+      }
+    },
+    shortcuts: [
+      [
+        /^(?:(text|bg|border-[rltbsexy]|border|divide|outline|ring-offset|ring|stroke|fill)-)(.+)$/,
+        ([, t = "", c = ""], { theme }) => {
+          if (/^\[.*\]$/.test(c))
+            return;
+          const parsed = parseColor(c, theme);
+          if (!parsed || !/^(?:default|dimmed|muted|toned|highlighted|inverted|elevated|accented|border|bg)/.test(c))
+            return;
+          if (t.includes(parsed.name))
+            return;
+          const result = `${t}-[--ui-${t}-${parsed.name}]/${parsed.opacity ?? 100}`.replace("-default", "").replace("/100", "").replace(/\[--ui-(?:border-[rltbsexy]|border|divide|outline|ring-offset|ring|stroke|fill)(-.+)?\]/, "[--ui-border$1]").replace(/(?:bg-(border)|border-(bg))/, "$1$2");
+          return result;
+        }
+      ]
+    ],
+    safelist: Object.keys(keyframes).map((s) => `keyframes-${s}`),
+    preflights: [
+      {
+        layer: "base",
+        getCSS() {
+          return `body {
+  accent-color: var(--ui-text);
+  background-color: var(--ui-bg);
+  color: var(--ui-text);
+  scrollbar-color: var(--ui-border-accented) transparent;
 
-const theme = {
-  colors: {
-    [cssVarsPrefix]: {
-      cb: cssColor(cssVar("cb")),
-      cx: cssColor(cssVar("cx")),
-      primary: cssColor(cssVar("cp", cssVar("content"), cssVar("cb"))),
-      fill: cssColor(cssVar("fill", cssVar("cb")))
-    }
-  },
-  backgroundColor: {
-    [cssVarsPrefix]: {
-      base: cssColor(cssVar("cx"))
-    }
-  },
-  textColor: {
-    [cssVarsPrefix]: {
-      base: cssColor(cssVar("cb"))
-    }
-  },
-  borderColor: {
-    [cssVarsPrefix]: {
-      base: cssColor(cssVar("cb"))
-    }
-  },
-  borderRadius: {
-    ...Object.fromEntries(["base", "box", "button", "checkbox", "radio", "switch", "tabs"].map((name) => [`${cssVarsPrefix}-${name}`, name === "base" ? cssVar("radius") : cssVar(`radius-${name}`, cssVar("radius"))]))
-  },
-  ringWidth: {
-    DEFAULT: "1px"
-  },
-  shadowColor: {
-    [cssVarsPrefix]: {
-      base: cssColor(cssVar("cb"))
-    }
-  },
-  animation: {
-    keyframes: {
-      "fade-in": "{from {opacity: 0;}to {opacity: 1;}}",
-      "fade-out": "{from {opacity: 1;}to {opacity: 0;}}",
-      "scale-in": "{from {opacity: 0;scale: 0.95;}to {opacity: 1;scale: 1;}}",
-      "scale-out": "{from {opacity: 1;scale: 1;}to {opacity: 0;scale: 0.95;}}",
-      "slide-in-from-top": "{from {transform: translateY(-100%);}to {transform: translateY(0);}}",
-      "slide-out-to-top": "{from {transform: translateY(0);}to {transform: translateY(-100%);}}",
-      "slide-in-from-right": "{from {transform: translateX(100%);}to {transform: translateX(0);}}",
-      "slide-out-to-right": "{from {transform: translateX(0);}to {transform: translateX(100%);}}",
-      "slide-in-from-bottom": "{from {transform: translateY(100%);}to {transform: translateY(0);}}",
-      "slide-out-to-bottom": "{from {transform: translateY(0);}to {transform: translateY(100%);}}",
-      "slide-in-from-left": "{from {transform: translateX(-100%);}to {transform: translateX(0);}}",
-      "slide-out-to-left": "{from {transform: translateX(0);}to {transform: translateX(-100%);}}",
-      "slide-in-from-top-and-fade": "{from {opacity: 0;transform: translateY(-4px);}to {opacity: 1;transform: translateY(0);}}",
-      "slide-out-to-top-and-fade": "{from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(-4px);}}",
-      "slide-in-from-right-and-fade": "{from {opacity: 0;transform: translateX(4px);}to {opacity: 1;transform: translateX(0);}}",
-      "slide-out-to-right-and-fade": "{from {opacity: 1;transform: translateX(0);}to {opacity: 0;transform: translateX(4px);}}",
-      "slide-in-from-bottom-and-fade": "{from {opacity: 0;transform: translateY(4px);}to {opacity: 1;transform: translateY(0);}}",
-      "slide-out-to-bottom-and-fade": "{from {opacity: 1;transform: translateY(0);}to {opacity: 0;transform: translateY(4px);}}",
-      "slide-in-from-left-and-fade": "{from {opacity: 0;transform: translateX(-4px);}to {opacity: 1;transform: translateX(0);}}",
-      "slide-out-to-left-and-fade": "{from {opacity: 1;transform: translateX(0);}to {opacity: 0;transform: translateX(-4px);}}"
-    }
-  }
-};
-function cssVar(name, ...defaultValue) {
-  return `var(${[`--${cssVarsPrefix}-${name}`, ...defaultValue].join(",")})`;
-}
-function cssColor(...rgb) {
-  return `rgb(${rgb.join(" ")})`;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-const rules = [
-  [
-    new RegExp(`^${cssVarsPrefix}-([^/]+)$`),
-    ([_, color], ctx) => {
-      if (!color)
-        return;
-      if (color === "base")
-        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, cssVar("cb")]));
-      if (color === "base-reverse")
-        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, cssVar("cx")]));
-      if (color === "primary")
-        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, cssVar("cp", cssVar("cb"))]));
-      const data = parseColor(color, ctx.theme);
-      const value = resolveRuleValue(data);
-      if (value)
-        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, value]));
-    },
-    { autocomplete: `${cssVarsPrefix}-$colors` }
-  ],
-  [
-    new RegExp(`^${cssVarsPrefix}-(?:(${cssVarsAll.join("|")})-)([^/]+)$`),
-    ([_, prop, color], ctx) => {
-      if (!color)
-        return;
-      if (color === "base")
-        return { [`--${cssVarsPrefix}-${prop}`]: cssVar("cb") };
-      if (color === "base-reverse")
-        return { [`--${cssVarsPrefix}-${prop}`]: cssVar("cx") };
-      if (color === "primary")
-        return { [`--${cssVarsPrefix}-${prop}`]: cssVar("cp", cssVar("cb")) };
-      const data = parseColor(color, ctx.theme);
-      const value = resolveRuleValue(data);
-      if (value)
-        return { [`--${cssVarsPrefix}-${prop}`]: value };
-    },
-    { autocomplete: `${cssVarsPrefix}-(${cssVarsAll.join("|")})-$colors` }
-  ],
-  [
-    /^bg-soft-(.+)$/,
-    ([_, color], { theme }) => {
-      if (!color)
-        return;
-      const parsed = parseColor(color, theme);
-      if (!parsed || parsed.cssColor?.type !== "rgb")
-        return;
-      const rgb = `rgb(${parsed.cssColor.components.join(" ")})`;
-      const opacity = parsed.opacity || "100";
-      return {
-        "background-color": `color-mix(in srgb, ${rgb} ${opacity}%, ${cssColor(cssVar("cx"))})`
-      };
-    }
-  ],
-  // overrides
-  [/^rotate-(\d+)$/, ([_, d]) => ({ rotate: `${d}deg` })]
-];
-function resolveRuleValue(data) {
-  if (data?.color && data.cssColor?.components) {
-    let value = data.cssColor.components.join(" ");
-    if (!/var\s*\((.+)\)(.*)/.test(data.color))
-      value += ` /* ${data.color} */`;
-    return value;
-  }
-  return null;
-}
+:root, .light {
+  --un-default-border-color: var(--ui-border);
 
-const preset = definePreset((options = {}) => {
-  return {
-    name: "unocss-preset-ui",
-    theme,
-    rules,
-    preflights: [
-      { getCSS: () => createRootCSS(mergeOptions(options)) }
-    ],
-    safelist: Object.keys(theme.animation.keyframes).map((v) => `keyframes-${v}`)
-  };
-});
-function mergeOptions(options) {
-  const defaults = {
-    radius: "0rem",
-    radiusBox: "",
-    radiusButton: "",
-    radiusCheckbox: "",
-    radiusRadio: "",
-    radiusSwitch: "",
-    radiusTabs: "",
-    cb: "#1f2937",
-    cp: "",
-    cx: "#ffffff"
-  };
-  return {
-    ...defaults,
-    ...options
-  };
-}
-function createRootCSS(kv) {
-  const join = (input) => input.map((item) => item.endsWith(";") ? item : `${item};`).join("");
-  const css = [
-    // initial
-    `:root{${join(Object.entries(kv).filter(([_, v]) => Boolean(v)).map(([k, v]) => {
-      const name = kebabCase(k);
-      const content = parseCssColor(v)?.components.join(" ") ?? v;
-      return `--${cssVarsPrefix}-${name}:${content}`;
-    }))}}`,
-    // reset
-    `:root{${join([
-      `color:${cssColor(cssVar("cb"))}`
-    ])}}`,
-    `*,::before,::after{${join([
-      `--un-default-border-color:color-mix(in srgb,${cssColor(cssVar("cb"))} 10%,transparent)`,
-      `accent-color:${cssColor(cssVar("fill", cssVar("cb")))}`,
-      `scrollbar-color:color-mix(in srgb,${cssColor(cssVar("cb"))} 25%,transparent) transparent`
-    ])}}`,
-    `*::selection{${join([
-      `color:${cssColor(cssVar("cx"))}`,
-      `background-color:${cssColor(cssVar("cp", cssVar("cb")))}`
-    ])}}`
-  ];
-  return css.join("");
+  --ui-text: var(--ui-color-neutral-700);
+  --ui-text-dimmed: var(--ui-color-neutral-400);
+  --ui-text-muted: var(--ui-color-neutral-500);
+  --ui-text-toned: var(--ui-color-neutral-600);
+  --ui-text-highlighted: var(--ui-color-neutral-900);
+  --ui-text-inverted: #fff;
+
+  --ui-bg: #fff;
+  --ui-bg-muted: var(--ui-color-neutral-50);
+  --ui-bg-elevated: var(--ui-color-neutral-100);
+  --ui-bg-accented: var(--ui-color-neutral-200);
+  --ui-bg-inverted: var(--ui-color-neutral-900);
+
+  --ui-border: var(--ui-color-neutral-200);
+  --ui-border-muted: var(--ui-color-neutral-200);
+  --ui-border-accented: var(--ui-color-neutral-300);
+  --ui-border-inverted: var(--ui-color-neutral-900);
+
+  --ui-radius: 0.25rem;
 }
 
-const baseUnoConfig = mergeConfigs([
-  presetWind3(),
-  preset()
-]);
-function transformUnoRules(userConfig = {}) {
-  const { rules = [], theme = {} } = mergeConfigs([baseUnoConfig, userConfig]);
-  const mergeRules = [];
-  const toString = (values) => {
-    const variables = /* @__PURE__ */ new Set([]);
-    const properties = /* @__PURE__ */ new Set([]);
-    const propertiesIgnores = /* @__PURE__ */ new Set(["transform"]);
-    let propertiesOnly = true;
-    values.forEach((value) => {
-      if (propertiesIgnores.has(value)) {
-        properties.add(value);
-        propertiesOnly = false;
-        return;
-      }
-      if (value.startsWith("--")) {
-        variables.add(value);
-        return;
+.dark {
+  --ui-text-dimmed: var(--ui-color-neutral-500);
+  --ui-text-muted: var(--ui-color-neutral-400);
+  --ui-text-toned: var(--ui-color-neutral-300);
+  --ui-text: var(--ui-color-neutral-200);
+  --ui-text-highlighted: #fff;
+  --ui-text-inverted: var(--ui-color-neutral-900);
+
+  --ui-bg: var(--ui-color-neutral-900);
+  --ui-bg-muted: var(--ui-color-neutral-800);
+  --ui-bg-elevated: var(--ui-color-neutral-800);
+  --ui-bg-accented: var(--ui-color-neutral-700);
+  --ui-bg-inverted: #fff;
+
+  --ui-border: var(--ui-color-neutral-800);
+  --ui-border-muted: var(--ui-color-neutral-700);
+  --ui-border-accented: var(--ui-color-neutral-700);
+  --ui-border-inverted: #fff;
+}`;
+        }
       }
-      properties.add(value);
-    });
-    const valueArray = propertiesOnly && properties.size > 0 ? Array.from(properties.values()) : values;
-    return valueArray.join(",");
+    ]
   };
-  const resolveCSSValues = (values) => () => toString(values.flatMap((value) => Object.keys(value)));
-  const resolveCSSObject = (object) => () => {
-    if (JSON.stringify(object) === "{}")
-      return null;
-    return toString(Object.keys(object));
-  };
-  for (const rule of rules) {
-    const [maybeString, maybeResult] = rule;
-    const ruleRE = typeof maybeString === "string" ? new RegExp(`^(?:${maybeString})$`) : maybeString;
-    if (Array.isArray(maybeResult)) {
-      const inputs = maybeResult.filter((item) => typeof item === "object");
-      mergeRules.push([ruleRE, resolveCSSValues(inputs)]);
-      continue;
-    }
-    if (typeof maybeResult === "object") {
-      mergeRules.push([ruleRE, resolveCSSObject(maybeResult)]);
-      continue;
-    }
-    const matcher = (matches) => {
-      try {
-        const result = maybeResult(["", ...matches], {
-          theme,
-          // @ts-expect-error pass
-          generator: { config: {} }
-        });
-        if (Array.isArray(result))
-          return toString(result.filter((i) => typeof i === "object").map((i) => Array.isArray(i) ? i[0] : Object.keys(i).join(",")));
-        if (typeof result === "object")
-          return resolveCSSObject(result)();
-      } catch (e) {
-        console.warn(`[Fail Rule]`, ruleRE, e.message);
-      }
-      return null;
-    };
-    mergeRules.push([ruleRE, matcher]);
-  }
-  return mergeRules.sort(([r1], [r2]) => r2.source.length - r1.source.length);
+  return () => preset;
 }
 
-export { cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset, rules, theme, transformUnoRules };
-//# sourceMappingURL=unocss.mjs.map
+export { createUnoPreset };

package/dist/unplugin.d.mts

@@ -1,26 +1,13 @@
-import * as _unplugin from 'unplugin';
-import { Options } from 'unplugin-auto-import/types';
-import { Options as Options$1 } from 'unplugin-vue-components/types';
-
-declare const runtimeDir: string;
-interface UIOptions {
-    /**
-     * prefix for components used in templates
-     *
-     * @default "U"
-     */
-    prefix?: string;
-    /** Whether to generate declaration files for auto-imported components. */
-    dts?: boolean;
-    /**
-     * Override options for `unplugin-auto-import`
-     */
-    autoImport?: Partial<Options>;
-    /**
-     * Override options for `unplugin-vue-components`
-     */
-    components?: Partial<Options$1>;
-}
-declare const unplugin: _unplugin.UnpluginInstance<UIOptions | undefined, boolean>;
-
-export { type UIOptions, runtimeDir, unplugin };
+import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
+import './shared/ui.IulR-OYx.mjs';
+export { U as UIOptions, r as runtimeDir, u as unplugin } from './shared/ui.DpbffTXs.mjs';
+import '@nuxt/schema';
+import '@unocss/preset-wind4/colors';
+import '../dist/runtime/types/index.js';
+import '#build/ui';
+import '../dist/runtime/types/style.js';
+import './unocss.mjs';
+import '@unocss/core';
+import '@unocss/preset-wind4/theme';