@likec4/styles 1.48.0 → 1.49.0

package/dist/types/style-props.d.mts

@@ -854,7 +854,7 @@ borderBlockEndStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-end-width
    */
-borderBlockEndWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderBlockEndWidth"]>>
+borderBlockEndWidth?: ConditionalValue<UtilityValues["borderBlockEndWidth"] | CssVars | CssProperties["borderBlockEndWidth"]>
  /**
    * The **`border-block-start`** CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
    *
@@ -908,7 +908,7 @@ borderBlockStartStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-start-width
    */
-borderBlockStartWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderBlockStartWidth"]>>
+borderBlockStartWidth?: ConditionalValue<UtilityValues["borderBlockStartWidth"] | CssVars | CssProperties["borderBlockStartWidth"]>
  /**
    * The **`border-block-style`** CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -936,7 +936,7 @@ borderBlockStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width
    */
-borderBlockWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderBlockWidth"]>>
+borderBlockWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"]>
  /**
    * The **`border-bottom`** shorthand CSS property sets an element's bottom border. It sets the values of `border-bottom-width`, `border-bottom-style` and `border-bottom-color`.
    *
@@ -1020,7 +1020,7 @@ borderBottomStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bo
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-bottom-width
    */
-borderBottomWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderBottomWidth"]>>
+borderBottomWidth?: ConditionalValue<UtilityValues["borderBottomWidth"] | CssVars | CssProperties["borderBottomWidth"]>
  /**
    * The **`border-collapse`** CSS property sets whether cells inside a `<table>` have shared or separate borders.
    *
@@ -1240,7 +1240,7 @@ borderInlineEndStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties[
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
    */
-borderInlineEndWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineEndWidth"]>>
+borderInlineEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"]>
  /**
    * The **`border-inline-start`** CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
    *
@@ -1296,7 +1296,7 @@ borderInlineStartStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
    */
-borderInlineStartWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineStartWidth"]>>
+borderInlineStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"]>
  /**
    * The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -1324,7 +1324,7 @@ borderInlineStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bo
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width
    */
-borderInlineWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineWidth"]>>
+borderInlineWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"]>
  /**
    * The **`border-left`** shorthand CSS property sets all the properties of an element's left border.
    *
@@ -1378,7 +1378,7 @@ borderLeftStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bord
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-left-width
    */
-borderLeftWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderLeftWidth"]>>
+borderLeftWidth?: ConditionalValue<UtilityValues["borderLeftWidth"] | CssVars | CssProperties["borderLeftWidth"]>
  /**
    * The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
    *
@@ -1445,7 +1445,7 @@ borderRightStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["bor
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-right-width
    */
-borderRightWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderRightWidth"]>>
+borderRightWidth?: ConditionalValue<UtilityValues["borderRightWidth"] | CssVars | CssProperties["borderRightWidth"]>
  /**
    * The **`border-spacing`** CSS property sets the distance between the borders of adjacent cells in a `<table>`. This property applies only when `border-collapse` is `separate`.
    *
@@ -1583,7 +1583,7 @@ borderTopStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["borde
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-top-width
    */
-borderTopWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderTopWidth"]>>
+borderTopWidth?: ConditionalValue<UtilityValues["borderTopWidth"] | CssVars | CssProperties["borderTopWidth"]>
  /**
    * The **`border-width`** shorthand CSS property sets the width of an element's border.
    *
@@ -1595,7 +1595,7 @@ borderTopWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderTopWidth"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-width
    */
-borderWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderWidth"]>>
+borderWidth?: ConditionalValue<UtilityValues["borderWidth"] | CssVars | CssProperties["borderWidth"]>
  /**
    * The **`bottom`** CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.
    *
@@ -4187,7 +4187,7 @@ outlineStyle?: ConditionalValue<WithEscapeHatch<CssVars | CssProperties["outline
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline-width
    */
-outlineWidth?: ConditionalValue<WithEscapeHatch<CssProperties["outlineWidth"]>>
+outlineWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"]>
  /**
    * The **`overflow`** CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.
    *
@@ -5340,7 +5340,7 @@ shapeOutside?: ConditionalValue<WithEscapeHatch<CssProperties["shapeOutside"]>>
  strokeLinejoin?: ConditionalValue<WithEscapeHatch<CssProperties["strokeLinejoin"]>>
  strokeMiterlimit?: ConditionalValue<WithEscapeHatch<CssProperties["strokeMiterlimit"]>>
  strokeOpacity?: ConditionalValue<WithEscapeHatch<CssProperties["strokeOpacity"]>>
- strokeWidth?: ConditionalValue<WithEscapeHatch<CssProperties["strokeWidth"]>>
+ strokeWidth?: ConditionalValue<UtilityValues["strokeWidth"] | CssVars | CssProperties["strokeWidth"]>
  /**
    * The **`tab-size`** CSS property is used to customize the width of tab characters (U+0009).
    *
@@ -6697,7 +6697,7 @@ marginStart?: ConditionalValue<WithEscapeHatch<UtilityValues["marginInlineStart"
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/outline-width
    */
-ringWidth?: ConditionalValue<WithEscapeHatch<CssProperties["outlineWidth"]>>
+ringWidth?: ConditionalValue<UtilityValues["outlineWidth"] | CssVars | CssProperties["outlineWidth"]>
  /**
    * The **`outline-color`** CSS property sets the color of an element's outline.
    *
@@ -7155,7 +7155,7 @@ borderX?: ConditionalValue<UtilityValues["borderInline"] | CssVars | CssProperti
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-width
    */
-borderXWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineWidth"]>>
+borderXWidth?: ConditionalValue<UtilityValues["borderInlineWidth"] | CssVars | CssProperties["borderInlineWidth"]>
  /**
    * The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -7195,7 +7195,7 @@ borderY?: ConditionalValue<UtilityValues["borderBlock"] | CssVars | CssPropertie
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-block-width
    */
-borderYWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderBlockWidth"]>>
+borderYWidth?: ConditionalValue<UtilityValues["borderBlockWidth"] | CssVars | CssProperties["borderBlockWidth"]>
  /**
    * The **`border-block-color`** CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -7235,7 +7235,7 @@ borderStart?: ConditionalValue<UtilityValues["borderInlineStart"] | CssVars | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width
    */
-borderStartWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineStartWidth"]>>
+borderStartWidth?: ConditionalValue<UtilityValues["borderInlineStartWidth"] | CssVars | CssProperties["borderInlineStartWidth"]>
  /**
    * The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -7277,7 +7277,7 @@ borderEnd?: ConditionalValue<UtilityValues["borderInlineEnd"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width
    */
-borderEndWidth?: ConditionalValue<WithEscapeHatch<CssProperties["borderInlineEndWidth"]>>
+borderEndWidth?: ConditionalValue<UtilityValues["borderInlineEndWidth"] | CssVars | CssProperties["borderInlineEndWidth"]>
  /**
    * The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.
    *
@@ -7366,10 +7366,10 @@ scrollPaddingX?: ConditionalValue<WithEscapeHatch<UtilityValues["scrollPaddingIn
  focusVisibleRing?: ConditionalValue<UtilityValues["focusVisibleRing"] | CssVars | CssProperties["focusVisibleRing"]>
  focusRingColor?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRingColor"] | CssVars>>
  focusRingOffset?: ConditionalValue<WithEscapeHatch<UtilityValues["focusRingOffset"] | CssVars>>
- focusRingWidth?: ConditionalValue<string | number | CssProperties["focusRingWidth"]>
+ focusRingWidth?: ConditionalValue<UtilityValues["focusRingWidth"] | CssVars | CssProperties["focusRingWidth"]>
  focusRingStyle?: ConditionalValue<string | number | CssProperties["focusRingStyle"]>
- divideX?: ConditionalValue<string | number | CssProperties["divideX"]>
- divideY?: ConditionalValue<string | number | CssProperties["divideY"]>
+ divideX?: ConditionalValue<UtilityValues["divideX"] | CssVars | CssProperties["divideX"]>
+ divideY?: ConditionalValue<UtilityValues["divideY"] | CssVars | CssProperties["divideY"]>
  divideColor?: ConditionalValue<WithEscapeHatch<UtilityValues["divideColor"] | CssVars>>
  divideStyle?: ConditionalValue<string | number | CssProperties["divideStyle"]>
  boxSize?: ConditionalValue<UtilityValues["boxSize"] | CssVars | CssProperties["boxSize"]>

package/package.json

@@ -2,14 +2,14 @@
   "name": "@likec4/styles",
   "description": "Shared PandaCSS preset and generated styles, used in LikeC4",
   "license": "MIT",
-  "version": "1.48.0",
+  "version": "1.49.0",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
   "files": [
     "dist",
-    "*.mts",
-    "*.mjs",
+    "**/*.mts",
+    "**/*.mjs",
     "**/package.json",
     "!build.config.ts"
   ],
@@ -23,8 +23,6 @@
     "access": "public"
   },
   "type": "module",
-  "types": "dist/types/index.d.mts",
-  "module": "dist/types/index.mjs",
   "sideEffects": false,
   "exports": {
     ".": {
@@ -60,58 +58,55 @@
       "default": "./dist/recipes/index.mjs"
     },
     "./preset": {
-      "types": "./dist/preset.d.mts",
-      "default": "./dist/preset.mjs"
+      "sources": "./preset.ts",
+      "default": {
+        "types": "./preset/preset.d.mts",
+        "default": "./preset/preset.mjs"
+      }
     },
     "./vars": {
-      "types": "./dist/vars/index.d.mts",
-      "default": "./dist/vars/index.mjs"
+      "sources": "./vars.ts",
+      "default": {
+        "types": "./vars/vars.d.mts",
+        "default": "./vars/vars.mjs"
+      }
     },
     "./dev": {
       "types": "./dev.d.mts",
       "default": "./dev.mjs"
     }
   },
+  "dependencies": {
+    "@pandacss/types": "^1.8.1"
+  },
   "peerDependencies": {
     "@pandacss/dev": "^1.8.1",
-    "@pandacss/types": "^1.8.1",
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x",
-    "@types/react": "^18.x || ^19.x",
-    "@types/react-dom": "^18.x || ^19.x"
+    "react": "^18.x || ^19.x"
   },
   "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
+    "@pandacss/dev": {
       "optional": true
     },
-    "@types/react": {
-      "optional": true
-    },
-    "@types/react-dom": {
+    "react": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@types/node": "~22.19.7",
+    "@types/node": "~22.19.10",
     "@pandabox/panda-plugins": "^0.0.8",
     "@pandabox/utils": "^0.0.5",
     "@pandabox/unplugin": "^0.2.2",
     "@pandacss/dev": "^1.8.1",
-    "@pandacss/types": "^1.8.1",
     "@types/picomatch": "^4.0.2",
-    "@types/react": "19.2.9",
-    "@types/react-dom": "19.2.3",
+    "@types/react": "19.2.13",
     "postcss": "8.5.6",
-    "remeda": "^2.32.0",
+    "remeda": "^2.33.5",
     "nano-spawn": "^2.0.0",
-    "obuild": "^0.4.20",
+    "obuild": "^0.4.27",
     "typescript": "5.9.3",
+    "@likec4/style-preset": "1.49.0",
     "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.48.0",
-    "@likec4/style-preset": "1.48.0"
+    "@likec4/tsconfig": "1.49.0"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
@@ -120,5 +115,7 @@
     "clean": "likec4ops clean",
     "pack": "pnpm pack",
     "lint:package": "pnpx publint ./package.tgz"
-  }
+  },
+  "types": "dist/types/index.d.mts",
+  "module": "dist/types/index.mjs"
 }

package/{dist → preset}/_chunks/libs/@radix-ui/colors.mjs

@@ -1,6 +1,4 @@
 import { t as __exportAll } from "../../rolldown-runtime.mjs";
-
-//#region ../../node_modules/.pnpm/@radix-ui+colors@3.0.0/node_modules/@radix-ui/colors/index.mjs
 var colors_exports = /* @__PURE__ */ __exportAll({
 	amber: () => amber,
 	amberA: () => amberA,
@@ -3783,6 +3781,4 @@ const whiteP3A = {
 	whiteA11: "color(display-p3 1 1 1 / 0.9)",
 	whiteA12: "color(display-p3 1 1 1 / 0.95)"
 };
-
-//#endregion
-export { colors_exports as t };
+export { grass as a, orange as c, red as d, ruby as f, yellow as g, violet as h, crimson as i, pink as l, tomato as m, blue as n, indigo as o, teal as p, colors_exports as r, lime as s, amber as t, purple as u };

package/preset/_chunks/libs/pandacss-preset-radix-colors.mjs

@@ -0,0 +1,147 @@
+import { r as colors_exports } from "./@radix-ui/colors.mjs";
+import { definePreset } from "@pandacss/dev";
+var SCALE_TAGS_REGEX = new RegExp(`(${["P3"].join("|")})|(?=[A-Z0-9])`, "g");
+function getScaleTags(fullName) {
+	return fullName.split(SCALE_TAGS_REGEX).filter(Boolean).map((x) => x.toLowerCase());
+}
+function getScalePath(tags) {
+	return tags.join(".");
+}
+function isScaleAlpha(tags) {
+	return tags.includes("a");
+}
+function isScaleDark(tags) {
+	return tags.includes("dark");
+}
+function isScaleP3(tags) {
+	return tags.includes("p3");
+}
+function getScaleName(tags) {
+	return tags[0];
+}
+function getScaleShades(value) {
+	return Object.assign({}, ...Object.values(value).map((shade, i) => ({ [++i]: shade })));
+}
+function getScales(lightPrefix) {
+	return Object.entries(colors_exports).map(([fullName, value]) => {
+		const tags = getScaleTags(fullName);
+		const dark = isScaleDark(tags);
+		if (!dark && lightPrefix) tags.splice(1, 0, "light");
+		return {
+			fullName,
+			tags,
+			name: getScaleName(tags),
+			path: getScalePath(tags),
+			dark,
+			alpha: isScaleAlpha(tags),
+			p3: isScaleP3(tags),
+			shades: getScaleShades(value)
+		};
+	});
+}
+function keysToObj(keys, value) {
+	if (keys.length === 0) return value;
+	const key = keys[0];
+	const obj = keysToObj(keys.slice(1), value);
+	return { [key]: obj };
+}
+function isObject(value) {
+	return value !== null && value !== void 0 && typeof value === "object" && !Array.isArray(value);
+}
+function mergeObjs(target, ...sources) {
+	if (!sources.length) return target;
+	const source = sources.shift();
+	if (isObject(target) && isObject(source)) for (const key in source) if (isObject(source[key])) {
+		if (!target[key]) Object.assign(target, { [key]: {} });
+		mergeObjs(target[key], source[key]);
+	} else Object.assign(target, { [key]: source[key] });
+	return mergeObjs(target, ...sources);
+}
+function findDarkScale(scale, scales) {
+	return scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.p3 === scale.p3 && x.dark);
+}
+function findP3Scale(scale, scales) {
+	return scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3);
+}
+function findLightScale(scale, scales) {
+	return scales.find((x) => x.name === scale.name && x.alpha === scale.alpha && x.dark === scale.dark && x.p3 === scale.p3 && x.tags.includes("light"));
+}
+function findRelatedScales(scale, scales, enableDarkMode, enableAutoP3) {
+	const result = { current: scale };
+	if (enableDarkMode && !scale.dark && !scale.tags.includes("light")) result.dark = findDarkScale(scale, scales);
+	if (!result.dark && enableAutoP3 && !scale.p3) result.p3 = findP3Scale(scale, scales);
+	if (result.dark) result.light = scale.tags.includes("light") ? scale : findLightScale(scale, scales);
+	return result;
+}
+function buildTokenValue(shade, shadeIndex, relatedScales) {
+	if (relatedScales.dark) return {
+		base: `{colors.${relatedScales.light?.path}.${shadeIndex}}`,
+		_dark: `{colors.${relatedScales.dark.path}.${shadeIndex}}`
+	};
+	if (relatedScales.p3) return {
+		base: shade,
+		_p3: `{colors.${relatedScales.p3.path}.${shadeIndex}}`
+	};
+	return shade;
+}
+function getSemanticTokens(darkMode, autoP3, colorScales = []) {
+	let scales = getScales(darkMode);
+	if (darkMode) scales = scales.concat(getScales(false).filter((x) => !x.dark));
+	const filteredScales = scales.filter((scale) => shouldIncludeScale(scale, colorScales));
+	return mergeObjs({}, ...filteredScales.map((scale) => generateScaleTokens(scale, filteredScales, darkMode, autoP3)));
+}
+function shouldIncludeScale(scale, colorScales) {
+	if (colorScales.length === 0) return true;
+	return colorScales.some((colorScale) => {
+		return scale.path === colorScale || scale.path.startsWith(colorScale + ".");
+	});
+}
+function generateScaleTokens(scale, allScales, enableDarkMode = false, enableAutoP3 = false) {
+	const relatedScales = findRelatedScales(scale, allScales, enableDarkMode, enableAutoP3);
+	const mergedShades = mergeObjs({}, ...Object.entries(scale.shades).map(([shadeIndex, color]) => {
+		const tokenValue = buildTokenValue(color, shadeIndex, relatedScales);
+		return { [shadeIndex]: { value: tokenValue } };
+	}));
+	return keysToObj(scale.tags, mergedShades);
+}
+var name = "pandacss-preset-radix-colors";
+var DEFAULT_DARK_MODE_CONDITION = ".dark &";
+function getConditions(darkModeCondition) {
+	const conditions = {};
+	if (darkModeCondition) conditions["dark"] = darkModeCondition;
+	conditions["p3"] = "@media (color-gamut: p3)";
+	return conditions;
+}
+function normalizeDarkMode(darkModeOption) {
+	if (!darkModeOption) return { enabled: false };
+	if (typeof darkModeOption === "boolean") return {
+		enabled: true,
+		condition: DEFAULT_DARK_MODE_CONDITION
+	};
+	return {
+		enabled: darkModeOption.enabled ?? true,
+		condition: darkModeOption.condition
+	};
+}
+function validateColorScales(colorScales) {
+	if (!colorScales || colorScales.length === 0) return;
+	const scales = getScales();
+	const unmatchedScales = colorScales.filter((colorScale) => {
+		return !scales.some((scale) => scale.path === colorScale || scale.path.startsWith(colorScale + "."));
+	});
+	if (unmatchedScales.length > 0) console.warn(`[pandacss-preset-radix-colors] Color scale paths don't match any available scales: ${unmatchedScales.join(", ")}. Valid examples: "amber", "blue.dark", "gray.p3", "red.dark.a". Available base colors: ${Array.from(new Set(scales.map((s) => s.name))).join(", ")}.`);
+}
+function createPreset(options) {
+	const darkModeConfig = normalizeDarkMode(options?.darkMode);
+	validateColorScales(options?.colorScales);
+	return definePreset({
+		name,
+		conditions: { extend: getConditions(darkModeConfig.enabled ? darkModeConfig.condition : void 0) },
+		theme: { extend: { semanticTokens: { colors: getSemanticTokens(darkModeConfig.enabled, options?.autoP3, options?.colorScales) } } }
+	});
+}
+function transformScaleName(scale) {
+	return scale.split(/(Dark|P3|A)/).map((x) => x.toLowerCase()).filter(Boolean).join(".");
+}
+Object.keys(colors_exports).filter((scale) => !scale.includes("default")).map(transformScaleName);
+export { createPreset as t };

package/{dist → preset}/_chunks/libs/remeda.mjs

@@ -1,4 +1,3 @@
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/lazyDataLastImpl-BDhrIOwR.js
 function e$3(e, t, n) {
 	let r = (n) => e(n, ...t);
 	return n === void 0 ? r : Object.assign(r, {
@@ -6,39 +5,19 @@ function e$3(e, t, n) {
 		lazyArgs: t
 	});
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/purry-DH9cw9sy.js
 function t$9(t, n, r) {
 	let i = t.length - n.length;
 	if (i === 0) return t(...n);
 	if (i === 1) return e$3(t, n, r);
 	throw Error(`Wrong number of arguments`);
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/capitalize-DktTi0gl.js
 function t$8(...t) {
 	return t$9(n$6, t);
 }
-const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`;
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/utilityEvaluators-DORpnx39.js
-const e$2 = {
-	done: !0,
-	hasNext: !1
-}, t$7 = {
+const n$6 = (e) => `${e[0]?.toUpperCase() ?? ``}${e.slice(1)}`, t$7 = {
 	done: !1,
 	hasNext: !1
-}, n$5 = () => e$2, r$1 = (e) => ({
-	hasNext: !0,
-	next: e,
-	done: !1
-});
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/pipe-jLehR9-P.js
+};
 function t$6(e, ...t) {
 	let a = e, o = t.map((e) => `lazy` in e ? r(e) : void 0), s = 0;
 	for (; s < t.length;) {
@@ -87,28 +66,16 @@ function r(e) {
 function i(e) {
 	return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/hasAtLeast-F1Oj_xBB.js
 function t$5(...t) {
 	return t$9(n$3, t);
 }
 const n$3 = (e, t) => e.length >= t;
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/isString-BPlksnnG.js
 function e$1(e) {
 	return typeof e == `string`;
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/keys-CT72t2DB.js
 function t$4(...t) {
 	return t$9(Object.keys, t);
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapKeys-CKFpUwVc.js
 function t$3(...t) {
 	return t$9(n$2, t);
 }
@@ -120,9 +87,6 @@ function n$2(e, t) {
 	}
 	return n;
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapToObj-8STtUbFK.js
 function t$2(...t) {
 	return t$9(n$1, t);
 }
@@ -134,9 +98,6 @@ function n$1(e, t) {
 	}
 	return n;
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/mapValues-D8ywfrE_.js
 function t$1(...t) {
 	return t$9(n, t);
 }
@@ -145,9 +106,6 @@ function n(e, t) {
 	for (let [r, i] of Object.entries(e)) n[r] = t(i, r, e);
 	return n;
 }
-
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.32.0/node_modules/remeda/dist/prop-Cv_AVBuA.js
 function e(e, ...n) {
 	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t(r, e, ...n) : t(e, ...n);
 }
@@ -159,6 +117,4 @@ function t(e, ...t) {
 	}
 	return n;
 }
-
-//#endregion
-export { t$4 as a, t$6 as c, t$3 as i, t$8 as l, t$1 as n, e$1 as o, t$2 as r, t$5 as s, e as t };
+export { t$4 as a, t$6 as c, t$3 as i, t$8 as l, t$1 as n, e$1 as o, t$2 as r, t$5 as s, e as t };

package/preset/_chunks/rolldown-runtime.mjs

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+export { __exportAll as t };

package/preset/package.json

@@ -1,4 +1,4 @@
 {
-  "types": "../dist/preset.d.mts",
-  "module": "../dist/preset.mjs"
+  "types": "preset.d.mts",
+  "module": "preset.mjs"
 }