@vinicunca/unocss-preset 1.22.0 → 1.24.0

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

@@ -14,15 +14,13 @@ function getBrandPreflight(options) {
 				lightVars.push(`--akar-brand-${brandName}: ${colorValue[500]};`);
 				darkVars.push(`--akar-brand-${brandName}: ${colorValue[400]};`);
 			});
-			const lightStr = lightVars.join("\n  ");
-			const darkStr = darkVars.join("\n  ");
 			return compressCSS(`
         :root {
-          ${lightStr}
+          ${lightVars.join("\n  ")}
         }
 
         .dark {
-          ${darkStr}
+          ${darkVars.join("\n  ")}
         }
       `);
 		}

package/dist/{fluid-7LHAeN3X.js → fluid-Ne2qtSnB.js}

@@ -65,8 +65,7 @@ function toRem(value, config) {
 * The result of this value is used to calculate the min and max values in rem when the viewport are extended.
 */
 function calculateRelativeSize({ originalViewPortMin, originalMinSize, originalMaxSize, originalViewPortMax, newViewPortSize }) {
-	const slope = (originalMaxSize - originalMinSize) / (originalViewPortMax - originalViewPortMin);
-	return slope * (newViewPortSize - originalViewPortMin) + originalMinSize;
+	return (originalMaxSize - originalMinSize) / (originalViewPortMax - originalViewPortMin) * (newViewPortSize - originalViewPortMin) + originalMinSize;
 }
 /**
 * Returns the min and max values in rem for the given match.
@@ -150,12 +149,11 @@ function getIntersection({ min, slope, minWidth }) {
 * @returns The slope value as a percentage for use in the 'clamp' function.
 */
 function getSlopePercentage({ min, max, config }) {
-	const slope = getSlope({
+	return getSlope({
 		min,
 		max,
 		config
-	});
-	return slope * 100;
+	}) * 100;
 }
 /**
 * Generates a CSS 'clamp' function value for fluid.
@@ -168,14 +166,13 @@ function getSlopePercentage({ min, max, config }) {
 * @returns A string representing the CSS 'clamp' function.
 */
 function getClamp({ min, max, config }) {
-	const slope = getSlope({
-		min,
-		max,
-		config
-	});
 	const intersection = getIntersection({
 		min,
-		slope,
+		slope: getSlope({
+			min,
+			max,
+			config
+		}),
 		minWidth: getRemMinWidth(config)
 	});
 	const slopePercentage = getSlopePercentage({
@@ -306,9 +303,7 @@ function buildMultiplePropertiesRule({ match, config, properties }) {
 	return { ...selectors };
 }
 function buildRule({ name, properties, config }) {
-	const regexPattersNumericValues = `^${name}${REGEX_PATTERNS_NUMERIC_VALUES}`;
-	const regexPattersRangeValues = `^${name}${REGEX_PATTERNS_RANGE_VALUES}`;
-	const regexPattern = `${regexPattersNumericValues}|${regexPattersRangeValues}`;
+	const regexPattern = `${`^${name}${REGEX_PATTERNS_NUMERIC_VALUES}`}|${`^${name}${REGEX_PATTERNS_RANGE_VALUES}`}`;
 	const regex = new RegExp(regexPattern);
 	if (Array.isArray(properties)) return [[regex, (match) => buildMultiplePropertiesRule({
 		match,

package/dist/index.js

@@ -614,12 +614,11 @@ const DEFAULT_PRESET_OPTIONS = {
 //#endregion
 //#region src/presets/akar/akar.theme.ts
 function getAkarTheme(brands = {}) {
-	const brandTheme = Object.entries(brands).reduce((acc, [brandKey, brandValue]) => {
+	return Object.entries(brands).reduce((acc, [brandKey, brandValue]) => {
 		acc[brandKey] = theme.colors[brandValue];
 		if (isObjectType(acc[brandKey])) acc[brandKey].DEFAULT = `var(--akar-brand-${brandKey})`;
 		return acc;
 	}, {});
-	return brandTheme;
 }
 
 //#endregion
@@ -634,8 +633,7 @@ async function resolveOptions(options) {
 	const presets = await resolvePresets(optionsWithDefault);
 	const transformers = await resolveTransformers(optionsWithDefault);
 	const { theme: themeExtend, shortcuts, safelist } = resolveExtend(optionsWithDefault);
-	const resolvedTheme = resolveTheme(optionsWithDefault);
-	const theme_ = mergeDeep(themeExtend, resolvedTheme);
+	const theme_ = mergeDeep(themeExtend, resolveTheme(optionsWithDefault));
 	return {
 		...optionsWithDefault,
 		theme: { ...theme_ },
@@ -665,11 +663,11 @@ async function resolvePresets(options) {
 		typography: import("@unocss/preset-typography").then((mod) => mod.presetTypography),
 		wind3: import("unocss").then((m) => m.presetWind3),
 		wind4: import("unocss").then((m) => m.presetWind4),
-		scrollbar: import("./scrollbar-DGguyrXf.js").then((mod) => mod.presetScrollbar),
+		scrollbar: import("./scrollbar-CeS4p1zr.js").then((mod) => mod.presetScrollbar),
 		magicCss: import("./magic-css-BxO5zv5z.js").then((mod) => mod.presetMagicss),
 		animation: import("./animation-KZDlcVMl.js").then((mod) => mod.presetAnimation),
-		fluid: import("./fluid-7LHAeN3X.js").then((mod) => mod.presetFluid),
-		akar: import("./akar-CcA2NVpg.js").then((mod) => mod.presetAkar)
+		fluid: import("./fluid-Ne2qtSnB.js").then((mod) => mod.presetFluid),
+		akar: import("./akar-DZp5UN-l.js").then((mod) => mod.presetAkar)
 	};
 	for (const [key, preset] of Object.entries(presetMap)) {
 		const option = options[key];
@@ -702,11 +700,10 @@ function resolveExtend(options) {
 	const shortcuts_ = [];
 	let { animation = {}, keyframes = {} } = options.theme.extend ?? {};
 	const safelist = [];
-	const enableAkar = Boolean(options.akar);
 	/**
 	* If akar is enabled we want to safelist all default animations
 	*/
-	if (enableAkar) {
+	if (Boolean(options.akar)) {
 		animation = mergeDeep(animation, DEFAULT_AKAR_OPTIONS.animation ?? {});
 		keyframes = mergeDeep(keyframes, DEFAULT_AKAR_OPTIONS.keyframes ?? {});
 		let akarAnimation = DEFAULT_AKAR_OPTIONS.animation ?? {};
@@ -716,8 +713,7 @@ function resolveExtend(options) {
 			akarKeyframes = mergeDeep(akarKeyframes, options.akar.keyframes ?? {});
 		}
 		const animationKeys = Object.keys(akarAnimation);
-		const keyframesKeys = Object.keys(akarKeyframes);
-		keyframesKeys.forEach((frameKey) => {
+		Object.keys(akarKeyframes).forEach((frameKey) => {
 			if (!animationKeys.includes(frameKey)) safelist.push(`animate-${frameKey}`);
 		});
 	}

package/dist/{scrollbar-DGguyrXf.js → scrollbar-CeS4p1zr.js}

@@ -28,8 +28,7 @@ function presetScrollbar(option) {
 	};
 	function resolveVar(name) {
 		const prefix = config.varPrefix;
-		const prefixStr = prefix ? `${prefix}-` : "";
-		return `--${prefixStr}scrollbar-${name}`;
+		return `--${prefix ? `${prefix}-` : ""}scrollbar-${name}`;
 	}
 	const variantsRE = /^(scrollbar(-track|-thumb)?):.+$/;
 	return {
@@ -105,8 +104,7 @@ function presetScrollbar(option) {
 				numberVarRegex,
 				([_, type, value, unit]) => {
 					const val = unit ? value + unit : config.numberToUnit(Number.parseInt(value));
-					const vars = customRules[type].map((v) => resolveVar(v));
-					return vars.reduce((acc, v) => {
+					return customRules[type].map((v) => resolveVar(v)).reduce((acc, v) => {
 						acc[v] = val;
 						return acc;
 					}, {});

package/package.json

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