unocss-merge 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Magicdawn(magicdawn@qq.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,29 @@
+# unocss-merge
+
+> simple utility to merge unocss class names
+
+[![Build Status](https://img.shields.io/github/actions/workflow/status/magicdawn/unocss-merge/ci.yml?style=flat-square&branch=main)](https://github.com/magicdawn/unocss-merge/actions/workflows/ci.yml)
+[![Coverage Status](https://img.shields.io/codecov/c/github/magicdawn/unocss-merge.svg?style=flat-square)](https://codecov.io/gh/magicdawn/unocss-merge)
+[![npm version](https://img.shields.io/npm/v/unocss-merge.svg?style=flat-square)](https://www.npmjs.com/package/unocss-merge)
+[![npm downloads](https://img.shields.io/npm/dm/unocss-merge.svg?style=flat-square)](https://www.npmjs.com/package/unocss-merge)
+[![npm license](https://img.shields.io/npm/l/unocss-merge.svg?style=flat-square)](http://magicdawn.mit-license.org)
+
+## Install
+
+```sh
+$ pnpm add unocss-merge
+```
+
+## API
+
+```js
+const unocssMerge = require('unocss-merge');
+```
+
+## Changelog
+
+[CHANGELOG.md](CHANGELOG.md)
+
+## License
+
+the MIT License http://magicdawn.mit-license.org

package/dist/chunk-XPETEQCQ.js

@@ -0,0 +1,180 @@
+// src/index.ts
+import { uniq } from "es-toolkit";
+
+// src/config.ts
+var singleValues = {
+  "display": toValues(`
+    block,inline-block,inline,flex,inline-flex,
+    table,inline-table,table-caption,table-cell,table-column,table-row,
+    table-column-group,table-footer-group,table-header-group,table-row-group,
+    flow-root,grid,inline-grid,contents,list-item,hidden
+  `),
+  "isolation": ["isolate", "isolation-auto"],
+  "position": ["static", "fixed", "absolute", "relative", "stick"],
+  "visibility": ["visible", "invisible", "collapse"],
+  "flex-direction": ["flex-row", "flex-row-reverse", "flex-col", "flex-col-reverse"],
+  "flex-wrap": ["flex-wrap", "flex-wrap-reverse", "flex-nowrap"],
+  "object-fit": [
+    "object-contain",
+    "object-cover",
+    "object-fill",
+    "object-none",
+    "object-scale-down"
+  ],
+  "object-position": [
+    "object-bottom",
+    "object-center",
+    "object-left",
+    "object-left-bottom",
+    "object-left-top",
+    "object-right",
+    "object-right-bottom",
+    "object-right-top",
+    "object-top"
+  ],
+  "font-smoothing": ["antialiased", "subpixel-antialiased"],
+  "font-style": ["italic", "not-italic"],
+  "font-weight": [
+    "font-thin",
+    "font-extralight",
+    "font-light",
+    "font-normal",
+    "font-medium",
+    "font-semibold",
+    "font-bold",
+    "font-extrabold",
+    "font-black"
+  ],
+  "font-variant-numeric": [
+    "normal-nums",
+    "ordinal",
+    "slashed-zero",
+    "lining-nums",
+    "oldstyle-nums",
+    "proportional-nums",
+    "tabular-nums",
+    "diagonal-fractions",
+    "stacked-fractions"
+  ],
+  // TODO:
+  "font-size": [
+    "text-xs",
+    "text-sm",
+    "text-base",
+    "text-lg",
+    "text-xl",
+    "text-2xl",
+    "text-3xl",
+    "text-4xl",
+    "text-5xl",
+    "text-6xl",
+    "text-7xl",
+    "text-8xl",
+    "text-9xl"
+  ],
+  "list-style-position": ["list-inside", "list-outside"],
+  "list-style-type": ["list-none", "list-disc", "list-decimal"],
+  "text-align": [
+    "text-left",
+    "text-center",
+    "text-right",
+    "text-justify",
+    "text-start",
+    "text-end"
+  ]
+};
+var specialValues = {
+  "grow": { key: "flex-grow", value: "1" },
+  "shrink": { key: "flex-shrink", value: "1" },
+  "flex-grow": { key: "flex-grow", value: "1" },
+  "flex-shrink": { key: "flex-shrink", value: "1" }
+};
+var classNameMap = /* @__PURE__ */ new Map();
+for (const [prop, values] of Object.entries(singleValues)) {
+  for (const cls of values) {
+    classNameMap.set(cls, { key: prop, value: cls });
+  }
+}
+for (const [cls, config] of Object.entries(specialValues)) {
+  classNameMap.set(cls, config);
+}
+var knownPrefixHasDashValue = [
+  "break-after",
+  // break-after-avoid-page
+  "break-before",
+  "break-inside",
+  // grid
+  "grid-flow"
+  // grid-flow-row-dense
+];
+var ShortcutMap = new Map(
+  Object.entries({
+    "grow": "flex-grow",
+    "shrink": "flex-shrink",
+    "col": "grid-column",
+    // `col-auto` =>	`grid-column: auto;`
+    "col-span": "grid-column",
+    "col-start": "grid-column-start",
+    "col-end": "grid-column-end",
+    "row": "grid-row",
+    // `row-auto` =>	`grid-row: auto;`
+    "row-span": "grid-row",
+    "row-start": "grid-row-start",
+    "row-end": "grid-row-end",
+    "leading": "line-height"
+  })
+);
+function toValues(str) {
+  return str.split("\n").map((line) => line.trim()).filter(Boolean).map(
+    (line) => line.split(",").map((x) => x.trim()).filter(Boolean)
+  ).flat();
+}
+
+// src/index.ts
+function getClassList(className) {
+  return uniq(
+    (className || "").split(" ").map((x) => x.trim()).filter(Boolean)
+  );
+}
+function unoMerge(...classNames) {
+  const classList = classNames.map(getClassList).flat().filter(Boolean);
+  const map = /* @__PURE__ */ new Map();
+  for (const cls of classList) {
+    if (classNameMap.has(cls)) {
+      const { key: key2, value } = classNameMap.get(cls);
+      map.set(key2, value);
+      continue;
+    }
+    const prefix = knownPrefixHasDashValue.find((prefix2) => cls.startsWith(prefix2 + "-"));
+    if (prefix) {
+      map.set(prefix, cls);
+      continue;
+    }
+    let clsForSearing = cls;
+    const reg = /(\[[\w_,-]+\])$/;
+    if (reg.test(cls)) {
+      clsForSearing = cls.replace(reg, function(match, p1) {
+        return "*".repeat(p1.length);
+      });
+    }
+    if (clsForSearing.includes("--")) {
+      clsForSearing = clsForSearing.replace(/--/g, "-*");
+    }
+    const lastHyphenIndex = clsForSearing.lastIndexOf("-");
+    if (lastHyphenIndex === -1) {
+      map.set(cls, cls);
+      continue;
+    }
+    let key = cls.slice(0, lastHyphenIndex);
+    if (ShortcutMap.has(key)) {
+      key = ShortcutMap.get(key);
+    }
+    map.set(key, cls);
+  }
+  return Array.from(map.values()).join(" ");
+}
+
+export {
+  getClassList,
+  unoMerge
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+declare function getClassList(className?: string): string[];
+declare function unoMerge(...classNames: Array<string | undefined>): string;
+
+export { getClassList, unoMerge };

package/dist/index.js

@@ -0,0 +1,8 @@
+import {
+  getClassList,
+  unoMerge
+} from "./chunk-XPETEQCQ.js";
+export {
+  getClassList,
+  unoMerge
+};

package/dist/react.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @note `useMemo` `deps array`.length should not change in runtime
+ */
+declare function useUnoMerge(...classNames: Array<string | undefined>): string;
+
+export { useUnoMerge };

package/dist/react.js

@@ -0,0 +1,12 @@
+import {
+  unoMerge
+} from "./chunk-XPETEQCQ.js";
+
+// src/react.ts
+import { useMemo } from "react";
+function useUnoMerge(...classNames) {
+  return useMemo(() => unoMerge(...classNames), [...classNames]);
+}
+export {
+  useUnoMerge
+};

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "unocss-merge",
+  "version": "0.0.1",
+  "description": "simple utility to merge unocss class names",
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "default": "./dist/react.js"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "prepare": "husky",
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:dev": "vitest",
+    "test-cover": "vitest run --coverage",
+    "prepublishOnly": "pnpm typecheck && pnpm test-cover && pnpm build"
+  },
+  "dependencies": {
+    "es-toolkit": "^1.36.0"
+  },
+  "devDependencies": {
+    "@magicdawn/prettier-config": "^0.0.4",
+    "@swc/core": "^1.11.22",
+    "@types/node": "^22.15.0",
+    "@typescript-eslint/eslint-plugin": "^8.31.0",
+    "@typescript-eslint/parser": "^8.31.0",
+    "@vitest/coverage-v8": "^3.1.2",
+    "eslint": "^9.25.1",
+    "eslint-config-prettier": "^10.1.2",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.5.1",
+    "prettier": "^3.5.3",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.2"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/magicdawn/unocss-merge.git"
+  },
+  "keywords": [
+    "unocss",
+    "merge",
+    "tw-merge"
+  ],
+  "author": "magicdawn",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/magicdawn/unocss-merge/issues"
+  },
+  "homepage": "https://github.com/magicdawn/unocss-merge#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "lint-staged": {
+    "**/*": [
+      "prettier --write --ignore-unknown"
+    ],
+    "*.{js,jsx,ts,tsx,less,md}": [
+      "prettier --write"
+    ]
+  },
+  "packageManager": "pnpm@10.9.0+sha512.0486e394640d3c1fb3c9d43d49cf92879ff74f8516959c235308f5a8f62e2e19528a65cdc2a3058f587cde71eba3d5b56327c8c33a97e4c4051ca48a10ca2d5f"
+}