@byyuurin/ui 0.0.1 → 0.0.3

package/dist/unocss-preset.mjs

@@ -1,77 +1,431 @@
-import { parseColor, parseCssColor } from "@unocss/preset-mini/utils";
-import { definePreset } from "unocss";
-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")))
-      }
-    },
-    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")))
-      }
-    },
-    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);}}"
-      }
+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';
+
+const cssVarsPrefix = "ui";
+const cssVarsBase = ["cb", "c1", "c2", "c3"];
+const cssVarsDynamic = ["fill", "content"];
+const cssVarsAll = [...cssVarsBase, ...cssVarsDynamic];
+
+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")))
+    }
+  },
+  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")))
+    }
+  },
+  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(" ")})`;
+}
+
+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(" ");
@@ -130,12 +484,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 +510,5 @@ function createRootCSS(kv) {
   ];
   return css.join("");
 }
+
+export { createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@byyuurin/ui",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "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.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
@@ -43,6 +48,7 @@
     }
   },
   "files": [
+    "*.d.ts",
     "dist"
   ],
   "peerDependencies": {
@@ -58,12 +64,12 @@
   "dependencies": {
     "@byyuurin/ui-kit": "^0.3.3",
     "@nuxt/kit": "^3.15.4",
+    "@unocss/core": "^65.4.3",
     "@unocss/preset-mini": "^65.4.3",
     "@vueuse/core": "^12.5.0",
     "defu": "^6.1.4",
     "ohash": "^1.1.4",
     "reka-ui": "1.0.0-alpha.8",
-    "unocss": "^65.4.3",
     "vaul-vue": "^0.2.1",
     "vue-component-type-helpers": "^2.2.0"
   },

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/extend-theme.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/internal/extend-theme.test.mjs

@@ -1,45 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { link } from "../theme/index.mjs";
-import { extendTheme } from "./extend-theme.mjs";
-describe("check defu result", () => {
-  it("should merge", () => {
-    const ui = {
-      base: "el-link",
-      variants: {
-        active: {
-          true: "el-link--active",
-          false: " "
-        }
-      }
-    };
-    const result = extendTheme(ui, link);
-    expect(result).toMatchInlineSnapshot(`
-      {
-        "base": "border-y border-t-transparent focus-visible:outline-ui-cb el-link",
-        "compoundVariants": undefined,
-        "slots": undefined,
-        "variants": {
-          "active": {
-            "false": [
-              "color-ui-cb hover:color-ui-cb/80 transition-colors",
-              "disabled:hover:color-ui-cb aria-disabled:hover:color-ui-cb",
-              " ",
-            ],
-            "true": [
-              "color-ui-fill",
-              "disabled:color-ui-fill aria-disabled:color-ui-fill",
-              "el-link--active",
-            ],
-          },
-          "disabled": {
-            "true": "cursor-not-allowed opacity-50",
-          },
-          "underline": {
-            "false": "border-transparent",
-            "true": "border-current",
-          },
-        },
-      }
-    `);
-  });
-});

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";