@byyuurin/ui 0.0.2 → 0.0.4

package/dist/unocss-preset.mjs

@@ -1,113 +1,122 @@
-import { definePreset } from "@unocss/core";
-import { parseColor, parseCssColor } from "@unocss/preset-mini/utils";
-export const cssVarsPrefix = "ui";
-export const cssVarsBase = ["cb", "c1", "c2", "c3"];
-export const cssVarsDynamic = ["fill", "content"];
-export const cssVarsAll = [...cssVarsBase, ...cssVarsDynamic];
-export default definePreset((options = {}) => {
-  const theme = {
-    colors: {
-      [cssVarsPrefix]: {
-        cb: cssColor(cssVar("cb")),
-        c: {
-          1: cssColor(cssVar("c1")),
-          2: cssColor(cssVar("c2")),
-          3: cssColor(cssVar("c3"))
-        },
-        fill: cssColor(cssVar("fill", cssVar("cb"))),
-        content: cssColor(cssVar("content", cssVar("cb")))
-      }
-    },
-    backgroundColor: {
-      [cssVarsPrefix]: {
-        base: cssColor(cssVar("fill", cssVar("c1")))
-      }
-    },
-    textColor: {
-      [cssVarsPrefix]: {
-        base: cssColor(cssVar("content", cssVar("cb")))
-      }
+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]));
     },
-    borderColor: {
-      [cssVarsPrefix]: {
-        base: cssColor(cssVar("fill", cssVar("cb")))
-      }
-    },
-    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"))
-    },
-    ringWidth: {
-      DEFAULT: "1px"
-    },
-    shadowColor: {
-      [cssVarsPrefix]: {
-        base: cssColor(cssVar("fill", cssVar("cb")))
-      }
+    { 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 };
     },
-    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);}}"
-      }
+    { 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]: {
+      cb: cssColor(cssVar("cb")),
+      c: {
+        1: cssColor(cssVar("c1")),
+        2: cssColor(cssVar("c2")),
+        3: cssColor(cssVar("c3"))
+      },
+      fill: cssColor(cssVar("fill", cssVar("cb"))),
+      content: cssColor(cssVar("content", cssVar("cb")))
     }
-  };
-  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;
+  },
+  backgroundColor: {
+    [cssVarsPrefix]: {
+      base: cssColor(cssVar("fill", cssVar("c1")))
     }
-    return null;
-  };
+  },
+  textColor: {
+    [cssVarsPrefix]: {
+      base: cssColor(cssVar("content", cssVar("cb")))
+    }
+  },
+  borderColor: {
+    [cssVarsPrefix]: {
+      base: cssColor(cssVar("fill", 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("fill", 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(" ")})`;
+}
+
+const preset = definePreset((options = {}) => {
   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)) }
     ],
@@ -117,8 +126,11 @@ export default definePreset((options = {}) => {
 function mergeOptions(options) {
   const defaults = {
     radius: "0rem",
-    radiusButton: "",
     radiusBox: "",
+    radiusButton: "",
+    radiusCheckbox: "",
+    radiusRadio: "",
+    radiusSwitch: "",
     radiusTabs: "",
     cb: "#1f2937",
     c1: "#ffffff",
@@ -130,12 +142,6 @@ function mergeOptions(options) {
     ...options
   };
 }
-function cssVar(name, ...defaultValue) {
-  return `var(${[`--${cssVarsPrefix}-${name}`, ...defaultValue].join(",")})`;
-}
-function cssColor(...rgb) {
-  return `rgb(${rgb.join(" ")})`;
-}
 function createRootCSS(kv) {
   const kebabCase = (input) => input.replace(/([A-Z][^A-Z]*)/g, "-$1").replace(/^-/, "").toLowerCase();
   const join = (input) => input.map((item) => item.endsWith(";") ? item : `${item};`).join("");
@@ -162,3 +168,51 @@ function createRootCSS(kv) {
   ];
   return css.join("");
 }
+
+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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@byyuurin/ui",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "author": "Yuurin <byyuurin@gmail.com>",
   "license": "MIT",
@@ -16,24 +16,29 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs"
+      "default": "./dist/index.mjs"
+    },
+    "./index": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.mjs"
     },
     "./resolver": {
       "types": "./dist/resolver.d.ts",
-      "import": "./dist/resolver.mjs"
+      "default": "./dist/resolver.mjs"
     },
     "./nuxt": {
       "types": "./dist/nuxt.d.ts",
-      "import": "./dist/nuxt.mjs"
+      "default": "./dist/nuxt.mjs"
     },
     "./unocss-preset": {
       "types": "./dist/unocss-preset.d.ts",
-      "import": "./dist/unocss-preset.mjs"
-    }
+      "default": "./dist/unocss-preset.mjs"
+    },
+    "./*": "./dist/*"
   },
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
@@ -43,6 +48,7 @@
     }
   },
   "files": [
+    "*.d.ts",
     "dist"
   ],
   "peerDependencies": {
@@ -56,7 +62,7 @@
     }
   },
   "dependencies": {
-    "@byyuurin/ui-kit": "^0.3.3",
+    "@byyuurin/ui-kit": "^0.3.5",
     "@nuxt/kit": "^3.15.4",
     "@unocss/core": "^65.4.3",
     "@unocss/preset-mini": "^65.4.3",
@@ -72,7 +78,7 @@
     "@antfu/ni": "^23.3.1",
     "@byyuurin/eslint-config": "^1.7.0",
     "@nuxt/schema": "^3.15.4",
-    "@types/node": "^22.13.0",
+    "@types/node": "^22.13.1",
     "bumpp": "^10.0.1",
     "eslint": "^9.19.0",
     "eslint-plugin-format": "1.0.1",
@@ -82,7 +88,7 @@
     "typescript": "^5.7.3",
     "unbuild": "^3.3.1",
     "unplugin-vue-components": "^28.0.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.0"
   },

package/dist/composables/useTheme.mjs

@@ -1,18 +0,0 @@
-import { createSharedComposable } from "@vueuse/core";
-import { computed, toValue } from "vue";
-import { createMergeRules, extendTheme, prepareStyler } from "../internal/index.mjs";
-import * as theme from "../theme/index.mjs";
-import { createInjection } from "../utils/index.mjs";
-export const {
-  provide: provideThemeExtension,
-  inject: injectThemeExtension
-} = createInjection("ui.themeExtension", {});
-export const mergeRules = createMergeRules();
-export const useTheme = createSharedComposable(() => {
-  const _theme = injectThemeExtension();
-  const { createStyler } = prepareStyler(mergeRules);
-  return {
-    theme: computed(() => extendTheme(toValue(_theme), theme)),
-    createStyler
-  };
-});

package/dist/internal/constants.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentName } from '../types';
-export declare const packageName = "@byyuurin/ui";
-export declare const componentNames: ComponentName[];

package/dist/internal/index.d.ts

@@ -1,4 +0,0 @@
-export * from './constants';
-export * from './extend-theme';
-export * from './link';
-export * from './styler';

package/dist/internal/index.mjs

@@ -1,4 +0,0 @@
-export * from "./constants.mjs";
-export * from "./extend-theme.mjs";
-export * from "./link.mjs";
-export * from "./styler.mjs";

package/dist/internal/styler.mjs

@@ -1,236 +0,0 @@
-import { cv } from "@byyuurin/ui-kit";
-import { mergeConfigs, toArray } from "@unocss/core";
-import { h, isCSSMathFn, parseColor, splitShorthand } from "@unocss/preset-mini/utils";
-import { presetUno } from "@unocss/preset-uno";
-import presetUI, { cssVarsAll, cssVarsPrefix } from "../unocss-preset.mjs";
-const theme = mergeConfigs([
-  presetUno(),
-  presetUI()
-]).theme;
-export function createMergeRules() {
-  const GlobalKeywordsRE = /^inherit|initial|revert|revert-layer|unset$/;
-  return [
-    // _rules/align
-    [/^(?:vertical|align|v)-([-\w]+%?)$/, ([type]) => {
-      const valid = [
-        GlobalKeywordsRE,
-        /^(mid(?:dle)?|base(?:line)?|btm|bottom|top|start|bottom|end|text-(?:top|bottom)|sub|super)$/
-      ].some((r) => r.test(type));
-      return valid ? "vertical-align" : null;
-    }],
-    [/^text-?(?:align-?)?(.+)$/, ([type]) => {
-      const valid = [
-        GlobalKeywordsRE,
-        /^center|left|right|justify|start|end$/
-      ].some((r) => r.test(type));
-      return valid ? "text-align" : null;
-    }],
-    // _rules/behaviors
-    // _rules/border
-    [/^(?:border-|b-)(.+)$/, ([type]) => {
-      let result = "border";
-      [
-        /^([xyrltbse]|block|inline|[bi][se])(?:-(.+))?$/
-      ].some((r) => {
-        const matched = type.match(r);
-        if (matched) {
-          const [_, type2, color = ""] = matched;
-          const parsed2 = parseColor(color, theme);
-          result = parsed2?.color ? `border-${type2}-color` : `border-${type2}`;
-          return true;
-        }
-        return false;
-      });
-      const parsed = parseColor(type, theme);
-      return parsed?.color ? "border-color" : result;
-    }],
-    [/^(?: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);
-      return parsed?.color ? "color" : null;
-    }, { scope: "bg" }],
-    // _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 "gap-row";
-        if (direction === "x" || direction === "col")
-          return "gap-column";
-        return "gap";
-      }
-    ],
-    // _rules/grid
-    // _rules/layout
-    // _rules/position
-    [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, () => "position"],
-    [/^(?:position-|pos-)([-\w]+)$/, ([type]) => GlobalKeywordsRE.test(type) ? "position" : null],
-    [/^(?:position-|pos-)?(static)$/, () => "position"],
-    // _rules/question-mark
-    // _rules/ring
-    // _rules/shadow
-    // _rules/size
-    // _rules/spacing
-    [/^p-?([xy])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
-    [/^p-?([rltbse])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
-    [/^p-(block|inline)(?:-(.+))?$/, ([type]) => `padding-${type}`],
-    [/^p-?([bi][se])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
-    // [/^pa?()-?(.+)$/, () => 'padding'],
-    // [/^p-?xy()()$/, () => 'padding'],
-    [/^m-?([xy])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
-    [/^m-?([rltbse])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
-    [/^m-(block|inline)(?:-(.+))?$/, ([type]) => `margin-${type}`],
-    [/^m-?([bi][se])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
-    // [/^ma?()-?(.+)$/, () => 'margin'],
-    // [/^m-?xy()()$/, () => 'margin'],
-    // _rules/static
-    [
-      /^(?:display-(.+)|inline|block|inline-block|contents|flow-root|list-item|hidden)$/,
-      ([type]) => {
-        if (!type || GlobalKeywordsRE.test(type))
-          return "display";
-        return null;
-      }
-    ],
-    [
-      /^(?:visible|invisible|backface-(.+))$/,
-      ([type]) => {
-        if (!type || GlobalKeywordsRE.test(type) || /^(?:visible|hidden)$/.test(type))
-          return "visibility";
-        return null;
-      }
-    ],
-    [/^content-(.+)$/, () => "content"],
-    // _rules/svg
-    // _rules/transform
-    [
-      /^(?:transform-)?(origin|perspect(?:ive)?(?:-origin)?|(?:translate|rotate|skew|scale)(?:-[xyz])?)-(.+)$/,
-      ([type]) => type
-    ],
-    [
-      /^(?:transform-)?preserve-(?:3d|flat)$/,
-      () => "preserve"
-    ],
-    [
-      /^(?:transform)(?:-(.+))?$/,
-      ([type]) => {
-        if (!type || type === "none" || GlobalKeywordsRE.test(type))
-          return "transform";
-        return null;
-      }
-    ],
-    // _rules/transition
-    [/^(?:transition-)?(?:(duration|delay|ease|property)-)(.+)$/, ([type]) => type],
-    [/^transition(?:-(.+))$/, ([type]) => {
-      if (!type || type === "none" || GlobalKeywordsRE.test(type))
-        return "transition";
-      if (/^discrete|normal$/.test(type))
-        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.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.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);
-        return parsed?.color ? "color" : null;
-      }
-    ],
-    [
-      /^(?:color|c)-(.+)$/,
-      ([color]) => {
-        const parsed = parseColor(color, theme);
-        return parsed?.color ? "color" : null;
-      }
-    ],
-    // _rules/variables
-    [
-      /^\[(.*)\]$/,
-      ([body]) => {
-        if (!body.includes(":"))
-          return null;
-        const [prop] = body.split(":");
-        return prop;
-      },
-      { scope: "variables" }
-    ],
-    // others
-    [
-      new RegExp(`^${cssVarsPrefix}-((?:${cssVarsAll.join("|")})-)?(.+)$`),
-      ([type = "base", color]) => {
-        const parsed = parseColor(color, theme);
-        return parsed?.color ? type : null;
-      },
-      { scope: cssVarsPrefix }
-    ]
-  ];
-}
-export function prepareStyler(rules = []) {
-  const createVariants = cv(rules);
-  function createStyler(theme2) {
-    const ui = createVariants(theme2);
-    const styler = (props) => ui(props);
-    return styler;
-  }
-  return { createStyler };
-}

package/dist/utils/unocss.d.ts

@@ -1,3 +0,0 @@
-import type { CRRule } from '@byyuurin/ui-kit';
-import type { ConfigBase } from 'unocss';
-export declare function transformUnoRules<Theme extends object = object>(config?: ConfigBase<Theme>): CRRule[];