@byyuurin/ui 0.0.3 → 0.0.4

package/dist/runtime/utils/index.d.ts

@@ -1,17 +1,6 @@
-import type { InjectionKey } from 'vue';
 export * from './extend-theme';
 export * from './link';
 export * from './styler';
-export declare function createInjection<T>(name: string): {
-    injectionKey: InjectionKey<T>;
-    provide: (value: T) => void;
-    inject: () => T | undefined;
-};
-export declare function createInjection<T>(name: string, defaultValue: T): {
-    injectionKey: InjectionKey<T>;
-    provide: (value: T) => void;
-    inject: () => T;
-};
 export declare function pick<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Pick<Data, Keys>;
 export declare function omit<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Omit<Data, Keys>;
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;

package/dist/runtime/utils/index.mjs

@@ -1,18 +1,7 @@
 import { isEqual } from "ohash";
-import { inject as vueInject, provide as vueProvide } from "vue";
 export * from "./extend-theme.mjs";
 export * from "./link.mjs";
 export * from "./styler.mjs";
-export function createInjection(name, defaultValue) {
-  const injectionKey = Symbol(name);
-  const provide = (value) => vueProvide(injectionKey, value);
-  const inject = () => vueInject(injectionKey, defaultValue);
-  return {
-    injectionKey,
-    provide,
-    inject
-  };
-}
 export function pick(data, keys) {
   const result = {};
   for (const key of keys)

package/dist/shared/{ui.CPXA9QoM.mjs → ui.Cmq14xN9.mjs}

@@ -12,9 +12,11 @@ const componentNames = [
   "ModalProvider",
   "Popover",
   "RadioGroup",
+  "ScrollArea",
   "Select",
   "Switch",
   "Tabs",
+  "Textarea",
   "Toast",
   "Toaster",
   "Tooltip"

package/dist/unocss-preset.d.mts

@@ -1,6 +1,6 @@
+import * as unocss from 'unocss';
 import { CRRule } from '@byyuurin/ui-kit';
-import * as _unocss_core from '@unocss/core';
-import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { UserConfig, Rule } from '@unocss/core';
 import { Theme } from '@unocss/preset-mini';
 
 declare const cssVarsPrefix = "ui";
@@ -8,15 +8,19 @@ declare const cssVarsBase: string[];
 declare const cssVarsDynamic: string[];
 declare const cssVarsAll: string[];
 
-declare function createMergeRules(): CRRule[];
-
 interface PresetOptions {
     /** @default "0rem" */
     radius?: string;
     /** @default "[radius]" */
+    radiusBox?: string;
+    /** @default "[radius]" */
     radiusButton?: string;
     /** @default "[radius]" */
-    radiusBox?: string;
+    radiusCheckbox?: string;
+    /** @default "[radius]" */
+    radiusRadio?: string;
+    /** @default "[radius]" */
+    radiusSwitch?: string;
     /** @default "[radius]" */
     radiusTabs?: string;
     /**
@@ -40,10 +44,14 @@ interface PresetOptions {
      */
     c3?: string;
 }
-declare const preset: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetOptions>;
+declare const preset: unocss.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, createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };
+export { type PresetOptions, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };

package/dist/unocss-preset.d.ts

@@ -1,6 +1,6 @@
+import * as unocss from 'unocss';
 import { CRRule } from '@byyuurin/ui-kit';
-import * as _unocss_core from '@unocss/core';
-import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { UserConfig, Rule } from '@unocss/core';
 import { Theme } from '@unocss/preset-mini';
 
 declare const cssVarsPrefix = "ui";
@@ -8,15 +8,19 @@ declare const cssVarsBase: string[];
 declare const cssVarsDynamic: string[];
 declare const cssVarsAll: string[];
 
-declare function createMergeRules(): CRRule[];
-
 interface PresetOptions {
     /** @default "0rem" */
     radius?: string;
     /** @default "[radius]" */
+    radiusBox?: string;
+    /** @default "[radius]" */
     radiusButton?: string;
     /** @default "[radius]" */
-    radiusBox?: string;
+    radiusCheckbox?: string;
+    /** @default "[radius]" */
+    radiusRadio?: string;
+    /** @default "[radius]" */
+    radiusSwitch?: string;
     /** @default "[radius]" */
     radiusTabs?: string;
     /**
@@ -40,10 +44,14 @@ interface PresetOptions {
      */
     c3?: string;
 }
-declare const preset: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetOptions>;
+declare const preset: unocss.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, createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };
+export { type PresetOptions, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };

package/dist/unocss-preset.mjs

@@ -1,12 +1,46 @@
-import { mergeDeep, toArray, definePreset } from '@unocss/core';
-import { h, isCSSMathFn, parseColor, globalKeywords, directionMap, splitShorthand, resolveBreakpoints, directionSize, parseCssColor } from '@unocss/preset-mini/utils';
-import { theme as theme$1 } from '@unocss/preset-mini';
+import { definePreset, mergeConfigs } from '@unocss/core';
+import { parseColor, parseCssColor } from '@unocss/preset-mini/utils';
+import { presetUno } from '@unocss/preset-uno';
 
 const cssVarsPrefix = "ui";
 const cssVarsBase = ["cb", "c1", "c2", "c3"];
 const cssVarsDynamic = ["fill", "content"];
 const cssVarsAll = [...cssVarsBase, ...cssVarsDynamic];
 
+const rules = [
+  [
+    new RegExp(`^${cssVarsPrefix}-([^/]+)$`),
+    ([_, color], ctx) => {
+      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) => {
+      const data = parseColor(color, ctx.theme);
+      const value = resolveRuleValue(data);
+      if (value)
+        return { [`--${cssVarsPrefix}-${prop}`]: value };
+    },
+    { autocomplete: `${cssVarsPrefix}-(${cssVarsAll.join("|")})-$colors` }
+  ],
+  // 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;
+}
+
 const theme = {
   colors: {
     [cssVarsPrefix]: {
@@ -36,10 +70,7 @@ const theme = {
     }
   },
   borderRadius: {
-    [`${cssVarsPrefix}-base`]: cssVar("radius"),
-    [`${cssVarsPrefix}-button`]: cssVar("radius-button", cssVar("radius")),
-    [`${cssVarsPrefix}-box`]: cssVar("radius-box", cssVar("radius")),
-    [`${cssVarsPrefix}-tabs`]: cssVar("radius-tabs", cssVar("radius"))
+    ...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"
@@ -81,387 +112,11 @@ function cssColor(...rgb) {
   return `rgb(${rgb.join(" ")})`;
 }
 
-function createMergeRules() {
-  const theme$2 = mergeDeep(theme$1, theme);
-  const directionSpacing = (type, direction = "", size = "") => {
-    if (directionSize(type)(["", direction, size], { theme: theme$2 }))
-      return directionMap[direction]?.map((v) => `${type}${v}`).join(",");
-    return null;
-  };
-  return [
-    // _rules/align
-    [
-      /^(?:vertical|align|v)-([-\w]+%?)$/,
-      () => "vertical-align"
-    ],
-    [
-      /^(?:text-align|text)-(.+)$/,
-      ([value]) => ["center", "left", "right", "justify", "start", "end"].includes(value) ? "text-align" : null
-    ],
-    // _rules/behaviors
-    [
-      /^outline-(?:width-|size-)?(.+)$/,
-      ([value]) => {
-        if (theme$2.lineWidth && value in theme$2.lineWidth)
-          return "outline-width";
-        if (h.bracket.cssvar.global.px(value))
-          return "outline-width";
-        return null;
-      }
-    ],
-    [
-      /^outline-(?:color-)?(.+)$/,
-      ([value]) => {
-        if (isCSSMathFn(h.bracket(value)))
-          return null;
-        const parsed = parseColor(value, theme$2);
-        return parsed?.color ? "outline-color" : null;
-      }
-    ],
-    [
-      /^outline-offset-(.+)$/,
-      ([value]) => {
-        if (theme$2.lineWidth && value in theme$2.lineWidth)
-          return "outline-offset";
-        if (h.bracket.cssvar.global.px(value))
-          return "outline-offset";
-        return null;
-      }
-    ],
-    [
-      /^outline(?:-(.+))$/,
-      ([value]) => {
-        if (!value)
-          return "outline-style";
-        if (["auto", "dashed", "dotted", "double", "hidden", "solid", "groove", "ridge", "inset", "outset", ...globalKeywords].includes(value))
-          return "outline-style";
-        if (value === "none")
-          return "outline,outline-offset";
-        return null;
-      }
-    ],
-    // _rules/border
-    [/^(?:border|b)(?:-(.+))?$/, ([value]) => {
-      if (!value)
-        return "border-width";
-      const borderStyles = /* @__PURE__ */ new Set(["solid", "dashed", "dotted", "double", "hidden", "none", "groove", "ridge", "inset", "outset", ...globalKeywords]);
-      if (borderStyles.has(value))
-        return "border-style";
-      const matched = value && value.match(/^([xyrltbse]|block|inline|[bi][se])?(?:-(.+))?$/);
-      if (matched) {
-        const [_, d = "", value2 = "1"] = matched;
-        const parsed = parseColor(value2, theme$2);
-        const size = !!(theme$2.lineWidth && value2 in theme$2.lineWidth || h.bracket.cssvar.global.px(value2));
-        const base = directionMap[d]?.map((v) => `border${v}`) ?? null;
-        if (!base)
-          return `null`;
-        if (borderStyles.has(value2))
-          return base.map((v) => `${v}-style`).join(",");
-        if (size)
-          return base.map((v) => `${v}-width`).join(",");
-        if (parsed?.color)
-          return base.map((v) => `${v}-color`).join(",");
-      }
-      return null;
-    }],
-    [/^(?:border-|b-)?(?:rounded|rd)(.+)$/, ([type]) => {
-      let result = "border-radius";
-      [
-        /^([xyrltbse]|block|inline|[bi][se])(?:-(.+))?$/
-      ].some((r) => {
-        const matched = type.match(r);
-        if (matched) {
-          result = `border-radius-${matched[1]}`;
-          return true;
-        }
-        return false;
-      });
-      return result;
-    }],
-    // _rules/color
-    [/^op(?:acity)?-?(.+)$/, () => `opacity`],
-    [/^bg-(.+)$/, ([type]) => {
-      if (/^\[url\(.+\)\]$/.test(type))
-        return "image";
-      if (/^\[image:.+\]$/.test(type))
-        return "image";
-      if (/^\[(?:linear|conic|radial)-gradient\(.+\)\]$/.test(type))
-        return "image";
-      if (/^\[(?:length|size):.+\]$/.test(type))
-        return "size";
-      if (/^\[position:.+\]$/.test(type))
-        return "position";
-      if (/^op(?:acity)?-?(.+)$/.test(type))
-        return "opacity";
-      const parsed = parseColor(type, theme$2);
-      return parsed?.color ? "background-color" : null;
-    }],
-    // _rules/container
-    [/^@container(?:\/(\w+))?(?:-(normal))?$/, () => "container"],
-    // _rules/decoration
-    // _rules/default
-    // _rules/flex
-    // _rules/gap
-    [
-      /^(?:flex-|grid-)?(?:gap-?()|gap-([xy]-?|col-?|row-?))(.+)$/,
-      ([direction]) => {
-        if (direction === "y" || direction === "row")
-          return "row-gap";
-        if (direction === "x" || direction === "col")
-          return "column-gap";
-        return "gap";
-      }
-    ],
-    // _rules/grid
-    // _rules/layout
-    // _rules/position
-    [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, () => "position"],
-    [/^(?:position-|pos-)([-\w]+)$/, ([value]) => globalKeywords.includes(value) ? "position" : null],
-    [/^(?:position-|pos-)?(static)$/, () => "position"],
-    // _rules/question-mark
-    // _rules/ring
-    // _rules/shadow
-    // _rules/size
-    [
-      /^size-(min-|max-)?(.+)$/,
-      ([m, s]) => {
-        return getSizeValue(m, "w", theme$2, s) ? [getSizePropName(m, "w"), getSizePropName(m, "h")].join(",") : null;
-      }
-    ],
-    [
-      /^(?:size-)?(min-|max-)?([wh])-?(.+)$/,
-      ([m, w, s]) => {
-        return getSizeValue(m, w, theme$2, s) ? getSizePropName(m, w) : null;
-      }
-    ],
-    [
-      /^(?:size-)?(min-|max-)?(block|inline)-(.+)$/,
-      ([m, w, s]) => {
-        return getSizeValue(m, w, theme$2, s) ? getSizePropName(m, w) : null;
-      }
-    ],
-    [
-      /^(?:size-)?(min-|max-)?(h)-screen-(.+)$/,
-      ([m, h2, p]) => getSizeBreakpointValue(theme$2, p, "verticalBreakpoints") ? getSizePropName(m, h2) : null
-    ],
-    [
-      /^(?:size-)?(min-|max-)?(w)-screen-(.+)$/,
-      ([m, w, p]) => getSizeBreakpointValue(theme$2, p) ? getSizePropName(m, w) : null
-    ],
-    [
-      /^(?:size-)?aspect-(?:ratio-)?(?:\d+\/\d+|square|video)$/,
-      () => "aspect-ratio"
-    ],
-    // _rules/spacing
-    [
-      /^p-?([xyrltbse])?(?:-?(.+))?$/,
-      ([direction, size]) => directionSpacing("padding", direction, size)
-    ],
-    [
-      /^p-(block|inline)(?:-(.+))?$/,
-      ([direction, size]) => directionSpacing("padding", direction, size)
-    ],
-    [
-      /^p-?([bi][se])(?:-?(.+))?$/,
-      ([direction, size]) => directionSpacing("padding", direction, size)
-    ],
-    [
-      /^m-?([xyrltbse])?(?:-?(.+))?$/,
-      ([direction, size]) => directionSpacing("margin", direction, size)
-    ],
-    [
-      /^m-(block|inline)(?:-(.+))?$/,
-      ([direction, size]) => directionSpacing("margin", direction, size)
-    ],
-    [
-      /^m-?([bi][se])(?:-?(.+))?$/,
-      ([direction, size]) => directionSpacing("margin", direction, size)
-    ],
-    // _rules/static
-    [
-      /^(?:display-(.+)|inline|block|inline-block|contents|flow-root|list-item|hidden)$/,
-      ([value]) => {
-        if (!value || globalKeywords.includes(value))
-          return "display";
-        return null;
-      }
-    ],
-    [
-      /^(?:visible|invisible|backface-(.+))$/,
-      ([value]) => value ? "backface-visibility" : "visibility"
-    ],
-    [/^content-(.+)$/, () => "content"],
-    // _rules/svg
-    // _rules/transform
-    [
-      /^(?:transform-)?(origin|perspect(?:ive)?(?:-origin)?|(?:translate|rotate|skew|scale)(?:-[xyz])?)-(.+)$/,
-      ([type]) => type
-    ],
-    [
-      /^(?:transform-)?preserve-(?:3d|flat)$/,
-      () => "transform-style"
-    ],
-    [
-      /^(?:transform)(?:-(.+))?$/,
-      ([value]) => {
-        if (!value || value === "none" || globalKeywords.includes(value))
-          return "transform";
-        return null;
-      }
-    ],
-    // _rules/transition
-    [
-      /^(?:transition-)?(?:(duration|delay|ease|property)-)(.+)$/,
-      ([value]) => {
-        const mapping = {
-          duration: "transition-duration",
-          delay: "transition-delay",
-          ease: "transition-timing-function",
-          property: "transition-property"
-        };
-        return mapping[value];
-      }
-    ],
-    [
-      /^transition(?:-(.+))$/,
-      ([value]) => {
-        if (!value)
-          return "transition-property,transition-timing-function,transition-duration";
-        if (value === "none" || globalKeywords.includes(value))
-          return "transition";
-        if (/^discrete|normal$/.test(value))
-          return "transition-behavior";
-        return null;
-      }
-    ],
-    // _rules/typography
-    [
-      /^text-(.+)$/,
-      ([s = "base"]) => {
-        const returnValue = "font-size";
-        const split = splitShorthand(s, "length");
-        if (!split)
-          return null;
-        const [size] = split;
-        const sizePairs = toArray(theme$2.fontSize?.[size]);
-        if (sizePairs?.[0])
-          return returnValue;
-        const fontSize = h.bracketOfLength.rem(size);
-        if (fontSize)
-          return returnValue;
-        return h.bracketOfLength.rem(s) ? returnValue : null;
-      }
-    ],
-    [
-      /^(?:text|font)-size-(.+)$/,
-      ([s]) => {
-        const themed = toArray(theme$2.fontSize?.[s]);
-        const size = themed?.[0] ?? h.bracket.cssvar.global.rem(s);
-        return size == null ? null : "font-size";
-      }
-    ],
-    [
-      /^text-(?:color-)?(.+)$/,
-      ([colorOrSize]) => {
-        if (isCSSMathFn(h.bracket(colorOrSize)))
-          return "font-size";
-        const parsed = parseColor(colorOrSize, theme$2);
-        return parsed?.color ? "color" : null;
-      }
-    ],
-    [
-      /^(?:color|c)-(.+)$/,
-      ([color]) => {
-        const parsed = parseColor(color, theme$2);
-        return parsed?.color ? "color" : null;
-      }
-    ],
-    // _rules/variables
-    [
-      /^\[(.*)\]$/,
-      ([body]) => {
-        if (!body.includes(":"))
-          return null;
-        return body.split(":")[0];
-      }
-    ],
-    // others
-    [
-      new RegExp(`^${cssVarsPrefix}-((?:${cssVarsAll.join("|")})-)?(.+)$`),
-      ([prop, color]) => {
-        const parsed = parseColor(color, theme$2);
-        if (!parsed?.color)
-          return null;
-        return prop ? `--ui-${prop}` : "--ui-fill,--ui-content";
-      }
-    ]
-  ];
-}
-function getSizePropName(minmax, hw) {
-  const sizeMapping = {
-    h: "height",
-    w: "width",
-    inline: "inline-size",
-    block: "block-size"
-  };
-  return `${minmax || ""}${sizeMapping[hw]}`;
-}
-function getSizeValue(minmax, hw, theme, prop) {
-  const str = getSizePropName(minmax, hw).replace(/-(\w)/g, (_, p) => p.toUpperCase());
-  const v = theme[str]?.[prop];
-  if (v != null)
-    return v;
-  switch (prop) {
-    case "fit":
-    case "max":
-    case "min":
-      return `${prop}-content`;
-  }
-  return h.bracket.cssvar.global.auto.fraction.rem(prop);
-}
-function getSizeBreakpointValue(theme, point, key = "breakpoints") {
-  const bp = resolveBreakpoints({ theme }, key);
-  if (bp)
-    return bp.find((i) => i.point === point)?.size;
-}
-
 const preset = definePreset((options = {}) => {
-  const 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;
-  };
   return {
     name: "unocss-preset-ui",
     theme,
-    rules: [
-      [
-        new RegExp(`^${cssVarsPrefix}-([^/]+)$`),
-        ([_, color], ctx) => {
-          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) => {
-          const data = parseColor(color, ctx.theme);
-          const value = resolveRuleValue(data);
-          if (value)
-            return { [`--${cssVarsPrefix}-${prop}`]: value };
-        },
-        { autocomplete: `${cssVarsPrefix}-(${cssVarsAll.join("|")})-$colors` }
-      ],
-      // overrides
-      [/^rotate-(\d+)$/, ([_, d]) => ({ rotate: `${d}deg` })]
-    ],
+    rules,
     preflights: [
       { getCSS: () => createRootCSS(mergeOptions(options)) }
     ],
@@ -471,8 +126,11 @@ const preset = definePreset((options = {}) => {
 function mergeOptions(options) {
   const defaults = {
     radius: "0rem",
-    radiusButton: "",
     radiusBox: "",
+    radiusButton: "",
+    radiusCheckbox: "",
+    radiusRadio: "",
+    radiusSwitch: "",
     radiusTabs: "",
     cb: "#1f2937",
     c1: "#ffffff",
@@ -511,4 +169,50 @@ function createRootCSS(kv) {
   return css.join("");
 }
 
-export { createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };
+const baseUnoConfig = mergeConfigs([
+  presetUno(),
+  preset()
+]);
+function transformUnoRules(userConfig = {}) {
+  const { rules = [], theme = {} } = mergeConfigs([baseUnoConfig, userConfig]);
+  const mergeRules = [];
+  const resolveCSSEntries = (entries) => () => entries.flatMap((value) => Object.keys(value)).join(",");
+  const resolveCSSObject = (object) => () => {
+    if (JSON.stringify(object) === "{}")
+      return null;
+    return Object.keys(object).join(",");
+  };
+  for (const rule of rules) {
+    const [maybeString, maybeResult] = rule;
+    const ruleRE = typeof maybeString === "string" ? new RegExp(`^${maybeString}$`) : maybeString;
+    if (Array.isArray(maybeResult)) {
+      mergeRules.push([ruleRE, resolveCSSEntries(maybeResult)]);
+      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 result.filter((i) => typeof i === "object").map((i) => Array.isArray(i) ? i[0] : Object.keys(i).join(",")).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;
+}
+
+export { cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };