@vinicunca/unocss-preset 1.24.0 → 1.26.0

package/dist/{akar-DZp5UN-l.js → akar-SLlHrcnC.js}

@@ -1,7 +1,11 @@
 import { compressCSS } from "./utils-DZIu2j5I.js";
+import { isString } from "@vinicunca/perkakas";
 import { theme } from "unocss/preset-wind4";
 
 //#region src/presets/akar/akar.brand-preflights.ts
+function isHexColor(value) {
+	return /^#([A-F0-9]{6}|[A-F0-9]{3})$/i.test(value);
+}
 function getBrandPreflight(options) {
 	return {
 		layer: "theme",
@@ -10,9 +14,20 @@ function getBrandPreflight(options) {
 			const lightVars = [];
 			const darkVars = [];
 			Object.entries(brands).forEach(([brandName, value]) => {
-				const colorValue = theme.colors[value];
-				lightVars.push(`--akar-brand-${brandName}: ${colorValue[500]};`);
-				darkVars.push(`--akar-brand-${brandName}: ${colorValue[400]};`);
+				let lightBrand, darkBrand;
+				/**
+				* If the value is a hex color, use it directly.
+				*/
+				if (isString(value) && isHexColor(value)) {
+					lightBrand = value;
+					darkBrand = value;
+				} else {
+					const colorValue = theme.colors[value];
+					lightBrand = colorValue?.[500];
+					darkBrand = colorValue?.[400];
+				}
+				lightVars.push(`--akar-brand-${brandName}: ${lightBrand};`);
+				darkVars.push(`--akar-brand-${brandName}: ${darkBrand};`);
 			});
 			return compressCSS(`
         :root {

package/dist/index.js

@@ -613,10 +613,13 @@ const DEFAULT_PRESET_OPTIONS = {
 
 //#endregion
 //#region src/presets/akar/akar.theme.ts
+function isHexColor(value) {
+	return /^#([A-F0-9]{6}|[A-F0-9]{3})$/i.test(value);
+}
 function getAkarTheme(brands = {}) {
 	return Object.entries(brands).reduce((acc, [brandKey, brandValue]) => {
-		acc[brandKey] = theme.colors[brandValue];
-		if (isObjectType(acc[brandKey])) acc[brandKey].DEFAULT = `var(--akar-brand-${brandKey})`;
+		if (isString(brandValue) && isHexColor(brandValue)) acc[brandKey] = { DEFAULT: brandValue };
+		else acc[brandKey] = theme.colors[brandValue];
 		return acc;
 	}, {});
 }
@@ -667,7 +670,7 @@ async function resolvePresets(options) {
 		magicCss: import("./magic-css-BxO5zv5z.js").then((mod) => mod.presetMagicss),
 		animation: import("./animation-KZDlcVMl.js").then((mod) => mod.presetAnimation),
 		fluid: import("./fluid-Ne2qtSnB.js").then((mod) => mod.presetFluid),
-		akar: import("./akar-DZp5UN-l.js").then((mod) => mod.presetAkar)
+		akar: import("./akar-SLlHrcnC.js").then((mod) => mod.presetAkar)
 	};
 	for (const [key, preset] of Object.entries(presetMap)) {
 		const option = options[key];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vinicunca/unocss-preset",
   "type": "module",
-  "version": "1.24.0",
+  "version": "1.26.0",
   "description": "Opinionated UnoCSS preset",
   "author": "praburangki<https://github.com/praburangki>",
   "license": "MIT",
@@ -42,20 +42,20 @@
   ],
   "peerDependencies": {
     "@vinicunca/perkakas": "^1.7.1",
-    "unocss": "66.5.2"
+    "unocss": "66.5.3"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@unocss/core": "66.5.2",
-    "@unocss/preset-icons": "66.5.2",
-    "@unocss/preset-mini": "66.5.2",
-    "@unocss/preset-typography": "66.5.2",
-    "@unocss/preset-web-fonts": "66.5.2",
-    "@unocss/preset-wind4": "66.5.2",
-    "@unocss/transformer-directives": "66.5.2",
-    "@unocss/transformer-variant-group": "66.5.2",
+    "@unocss/core": "66.5.3",
+    "@unocss/preset-icons": "66.5.3",
+    "@unocss/preset-mini": "66.5.3",
+    "@unocss/preset-typography": "66.5.3",
+    "@unocss/preset-web-fonts": "66.5.3",
+    "@unocss/preset-wind4": "66.5.3",
+    "@unocss/transformer-directives": "66.5.3",
+    "@unocss/transformer-variant-group": "66.5.3",
     "defu": "^6.1.4",
     "postcss": "^8.5.6",
     "postcss-js": "^5.0.1"