@likec4/styles 1.47.0 → 1.48.0

package/dist/vars/index.mjs

@@ -0,0 +1,426 @@
+//#region ../preset/src/defaults/vars.ts
+const vars$1 = {
+	font: "--likec4-app-font",
+	spacing: "--likec4-spacing",
+	textsize: "--likec4-text-size",
+	palette: {
+		fill: "--likec4-palette-fill",
+		stroke: "--likec4-palette-stroke",
+		hiContrast: "--likec4-palette-hiContrast",
+		loContrast: "--likec4-palette-loContrast",
+		relationStroke: "--likec4-palette-relation-stroke",
+		relationStrokeSelected: "--likec4-palette-relation-stroke-selected",
+		relationLabel: "--likec4-palette-relation-label",
+		relationLabelBg: "--likec4-palette-relation-label-bg",
+		outline: "--likec4-palette-outline"
+	},
+	icon: {
+		size: "--likec4-icon-size",
+		color: "--likec4-icon-color"
+	}
+};
+
+//#endregion
+//#region ../preset/src/generated.ts
+const mantine = {
+	scale: "var(--mantine-scale)",
+	cursorType: "var(--mantine-cursor-type)",
+	webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
+	mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
+	lineHeight: "var(--mantine-line-height)",
+	fontFamily: "var(--mantine-font-family)",
+	fontFamilyMonospace: "var(--mantine-font-family-monospace)",
+	fontFamilyHeadings: "var(--mantine-font-family-headings)",
+	headingFontWeight: "var(--mantine-heading-font-weight)",
+	radiusDefault: "var(--mantine-radius-default)",
+	breakpoints: {
+		xs: "36em",
+		sm: "48em",
+		md: "62em",
+		lg: "75em",
+		xl: "88em"
+	},
+	fontSizes: {
+		xs: "var(--mantine-font-size-xs)",
+		sm: "var(--mantine-font-size-sm)",
+		md: "var(--mantine-font-size-md)",
+		lg: "var(--mantine-font-size-lg)",
+		xl: "var(--mantine-font-size-xl)"
+	},
+	lineHeights: {
+		xs: "var(--mantine-line-height-xs)",
+		sm: "var(--mantine-line-height-sm)",
+		md: "var(--mantine-line-height-md)",
+		lg: "var(--mantine-line-height-lg)",
+		xl: "var(--mantine-line-height-xl)"
+	},
+	shadows: {
+		xs: "var(--mantine-shadow-xs)",
+		sm: "var(--mantine-shadow-sm)",
+		md: "var(--mantine-shadow-md)",
+		lg: "var(--mantine-shadow-lg)",
+		xl: "var(--mantine-shadow-xl)"
+	},
+	radius: {
+		xs: "var(--mantine-radius-xs)",
+		sm: "var(--mantine-radius-sm)",
+		md: "var(--mantine-radius-md)",
+		lg: "var(--mantine-radius-lg)",
+		xl: "var(--mantine-radius-xl)"
+	},
+	headings: {
+		h1: {
+			fontSize: "var(--mantine-h1-font-size)",
+			lineHeight: "var(--mantine-h1-line-height)",
+			fontWeight: "var(--mantine-h1-font-weight)"
+		},
+		h2: {
+			fontSize: "var(--mantine-h2-font-size)",
+			lineHeight: "var(--mantine-h2-line-height)",
+			fontWeight: "var(--mantine-h2-font-weight)"
+		},
+		h3: {
+			fontSize: "var(--mantine-h3-font-size)",
+			lineHeight: "var(--mantine-h3-line-height)",
+			fontWeight: "var(--mantine-h3-font-weight)"
+		},
+		h4: {
+			fontSize: "var(--mantine-h4-font-size)",
+			lineHeight: "var(--mantine-h4-line-height)",
+			fontWeight: "var(--mantine-h4-font-weight)"
+		},
+		h5: {
+			fontSize: "var(--mantine-h5-font-size)",
+			lineHeight: "var(--mantine-h5-line-height)",
+			fontWeight: "var(--mantine-h5-font-weight)"
+		},
+		h6: {
+			fontSize: "var(--mantine-h6-font-size)",
+			lineHeight: "var(--mantine-h6-line-height)",
+			fontWeight: "var(--mantine-h6-font-weight)"
+		}
+	},
+	spacing: {
+		xs: "var(--mantine-spacing-xs)",
+		sm: "var(--mantine-spacing-sm)",
+		md: "var(--mantine-spacing-md)",
+		lg: "var(--mantine-spacing-lg)",
+		xl: "var(--mantine-spacing-xl)"
+	},
+	colors: {
+		primary: "var(--mantine-primary-color-filled)",
+		primaryColors: {
+			"0": "var(--mantine-primary-color-0)",
+			"1": "var(--mantine-primary-color-1)",
+			"2": "var(--mantine-primary-color-2)",
+			"3": "var(--mantine-primary-color-3)",
+			"4": "var(--mantine-primary-color-4)",
+			"5": "var(--mantine-primary-color-5)",
+			"6": "var(--mantine-primary-color-6)",
+			"7": "var(--mantine-primary-color-7)",
+			"8": "var(--mantine-primary-color-8)",
+			"9": "var(--mantine-primary-color-9)",
+			filled: "var(--mantine-primary-color-filled)",
+			filledHover: "var(--mantine-primary-color-filled-hover)",
+			light: "var(--mantine-primary-color-light)",
+			lightHover: "var(--mantine-primary-color-light-hover)",
+			lightColor: "var(--mantine-primary-color-light-color)",
+			outline: "var(--mantine-primary-color-outline)",
+			outlineHover: "var(--mantine-primary-color-outline-hover)"
+		},
+		white: "var(--mantine-color-white)",
+		black: "var(--mantine-color-black)",
+		text: "var(--mantine-color-text)",
+		body: "var(--mantine-color-body)",
+		error: "var(--mantine-color-error)",
+		placeholder: "var(--mantine-color-placeholder)",
+		anchor: "var(--mantine-color-anchor)",
+		default: "var(--mantine-color-default)",
+		defaultHover: "var(--mantine-color-default-hover)",
+		defaultColor: "var(--mantine-color-default-color)",
+		defaultBorder: "var(--mantine-color-default-border)",
+		dimmed: "var(--mantine-color-dimmed)",
+		disabledBody: "var(--mantine-color-disabled)",
+		disabledText: "var(--mantine-color-disabled-color)",
+		disabledBorder: "var(--mantine-color-disabled-border)",
+		dark: {
+			"0": "var(--mantine-color-dark-0)",
+			"1": "var(--mantine-color-dark-1)",
+			"2": "var(--mantine-color-dark-2)",
+			"3": "var(--mantine-color-dark-3)",
+			"4": "var(--mantine-color-dark-4)",
+			"5": "var(--mantine-color-dark-5)",
+			"6": "var(--mantine-color-dark-6)",
+			"7": "var(--mantine-color-dark-7)",
+			"8": "var(--mantine-color-dark-8)",
+			"9": "var(--mantine-color-dark-9)",
+			filled: "var(--mantine-color-dark-filled)",
+			filledHover: "var(--mantine-color-dark-filled-hover)",
+			light: "var(--mantine-color-dark-light)",
+			lightHover: "var(--mantine-color-dark-light-hover)",
+			lightColor: "var(--mantine-color-dark-light-color)",
+			outline: "var(--mantine-color-dark-outline)",
+			outlineHover: "var(--mantine-color-dark-outline-hover)"
+		},
+		gray: {
+			"0": "var(--mantine-color-gray-0)",
+			"1": "var(--mantine-color-gray-1)",
+			"2": "var(--mantine-color-gray-2)",
+			"3": "var(--mantine-color-gray-3)",
+			"4": "var(--mantine-color-gray-4)",
+			"5": "var(--mantine-color-gray-5)",
+			"6": "var(--mantine-color-gray-6)",
+			"7": "var(--mantine-color-gray-7)",
+			"8": "var(--mantine-color-gray-8)",
+			"9": "var(--mantine-color-gray-9)",
+			filled: "var(--mantine-color-gray-filled)",
+			filledHover: "var(--mantine-color-gray-filled-hover)",
+			light: "var(--mantine-color-gray-light)",
+			lightHover: "var(--mantine-color-gray-light-hover)",
+			lightColor: "var(--mantine-color-gray-light-color)",
+			outline: "var(--mantine-color-gray-outline)",
+			outlineHover: "var(--mantine-color-gray-outline-hover)"
+		},
+		red: {
+			"0": "var(--mantine-color-red-0)",
+			"1": "var(--mantine-color-red-1)",
+			"2": "var(--mantine-color-red-2)",
+			"3": "var(--mantine-color-red-3)",
+			"4": "var(--mantine-color-red-4)",
+			"5": "var(--mantine-color-red-5)",
+			"6": "var(--mantine-color-red-6)",
+			"7": "var(--mantine-color-red-7)",
+			"8": "var(--mantine-color-red-8)",
+			"9": "var(--mantine-color-red-9)",
+			filled: "var(--mantine-color-red-filled)",
+			filledHover: "var(--mantine-color-red-filled-hover)",
+			light: "var(--mantine-color-red-light)",
+			lightHover: "var(--mantine-color-red-light-hover)",
+			lightColor: "var(--mantine-color-red-light-color)",
+			outline: "var(--mantine-color-red-outline)",
+			outlineHover: "var(--mantine-color-red-outline-hover)"
+		},
+		pink: {
+			"0": "var(--mantine-color-pink-0)",
+			"1": "var(--mantine-color-pink-1)",
+			"2": "var(--mantine-color-pink-2)",
+			"3": "var(--mantine-color-pink-3)",
+			"4": "var(--mantine-color-pink-4)",
+			"5": "var(--mantine-color-pink-5)",
+			"6": "var(--mantine-color-pink-6)",
+			"7": "var(--mantine-color-pink-7)",
+			"8": "var(--mantine-color-pink-8)",
+			"9": "var(--mantine-color-pink-9)",
+			filled: "var(--mantine-color-pink-filled)",
+			filledHover: "var(--mantine-color-pink-filled-hover)",
+			light: "var(--mantine-color-pink-light)",
+			lightHover: "var(--mantine-color-pink-light-hover)",
+			lightColor: "var(--mantine-color-pink-light-color)",
+			outline: "var(--mantine-color-pink-outline)",
+			outlineHover: "var(--mantine-color-pink-outline-hover)"
+		},
+		grape: {
+			"0": "var(--mantine-color-grape-0)",
+			"1": "var(--mantine-color-grape-1)",
+			"2": "var(--mantine-color-grape-2)",
+			"3": "var(--mantine-color-grape-3)",
+			"4": "var(--mantine-color-grape-4)",
+			"5": "var(--mantine-color-grape-5)",
+			"6": "var(--mantine-color-grape-6)",
+			"7": "var(--mantine-color-grape-7)",
+			"8": "var(--mantine-color-grape-8)",
+			"9": "var(--mantine-color-grape-9)",
+			filled: "var(--mantine-color-grape-filled)",
+			filledHover: "var(--mantine-color-grape-filled-hover)",
+			light: "var(--mantine-color-grape-light)",
+			lightHover: "var(--mantine-color-grape-light-hover)",
+			lightColor: "var(--mantine-color-grape-light-color)",
+			outline: "var(--mantine-color-grape-outline)",
+			outlineHover: "var(--mantine-color-grape-outline-hover)"
+		},
+		violet: {
+			"0": "var(--mantine-color-violet-0)",
+			"1": "var(--mantine-color-violet-1)",
+			"2": "var(--mantine-color-violet-2)",
+			"3": "var(--mantine-color-violet-3)",
+			"4": "var(--mantine-color-violet-4)",
+			"5": "var(--mantine-color-violet-5)",
+			"6": "var(--mantine-color-violet-6)",
+			"7": "var(--mantine-color-violet-7)",
+			"8": "var(--mantine-color-violet-8)",
+			"9": "var(--mantine-color-violet-9)",
+			filled: "var(--mantine-color-violet-filled)",
+			filledHover: "var(--mantine-color-violet-filled-hover)",
+			light: "var(--mantine-color-violet-light)",
+			lightHover: "var(--mantine-color-violet-light-hover)",
+			lightColor: "var(--mantine-color-violet-light-color)",
+			outline: "var(--mantine-color-violet-outline)",
+			outlineHover: "var(--mantine-color-violet-outline-hover)"
+		},
+		indigo: {
+			"0": "var(--mantine-color-indigo-0)",
+			"1": "var(--mantine-color-indigo-1)",
+			"2": "var(--mantine-color-indigo-2)",
+			"3": "var(--mantine-color-indigo-3)",
+			"4": "var(--mantine-color-indigo-4)",
+			"5": "var(--mantine-color-indigo-5)",
+			"6": "var(--mantine-color-indigo-6)",
+			"7": "var(--mantine-color-indigo-7)",
+			"8": "var(--mantine-color-indigo-8)",
+			"9": "var(--mantine-color-indigo-9)",
+			filled: "var(--mantine-color-indigo-filled)",
+			filledHover: "var(--mantine-color-indigo-filled-hover)",
+			light: "var(--mantine-color-indigo-light)",
+			lightHover: "var(--mantine-color-indigo-light-hover)",
+			lightColor: "var(--mantine-color-indigo-light-color)",
+			outline: "var(--mantine-color-indigo-outline)",
+			outlineHover: "var(--mantine-color-indigo-outline-hover)"
+		},
+		blue: {
+			"0": "var(--mantine-color-blue-0)",
+			"1": "var(--mantine-color-blue-1)",
+			"2": "var(--mantine-color-blue-2)",
+			"3": "var(--mantine-color-blue-3)",
+			"4": "var(--mantine-color-blue-4)",
+			"5": "var(--mantine-color-blue-5)",
+			"6": "var(--mantine-color-blue-6)",
+			"7": "var(--mantine-color-blue-7)",
+			"8": "var(--mantine-color-blue-8)",
+			"9": "var(--mantine-color-blue-9)",
+			filled: "var(--mantine-color-blue-filled)",
+			filledHover: "var(--mantine-color-blue-filled-hover)",
+			light: "var(--mantine-color-blue-light)",
+			lightHover: "var(--mantine-color-blue-light-hover)",
+			lightColor: "var(--mantine-color-blue-light-color)",
+			outline: "var(--mantine-color-blue-outline)",
+			outlineHover: "var(--mantine-color-blue-outline-hover)"
+		},
+		cyan: {
+			"0": "var(--mantine-color-cyan-0)",
+			"1": "var(--mantine-color-cyan-1)",
+			"2": "var(--mantine-color-cyan-2)",
+			"3": "var(--mantine-color-cyan-3)",
+			"4": "var(--mantine-color-cyan-4)",
+			"5": "var(--mantine-color-cyan-5)",
+			"6": "var(--mantine-color-cyan-6)",
+			"7": "var(--mantine-color-cyan-7)",
+			"8": "var(--mantine-color-cyan-8)",
+			"9": "var(--mantine-color-cyan-9)",
+			filled: "var(--mantine-color-cyan-filled)",
+			filledHover: "var(--mantine-color-cyan-filled-hover)",
+			light: "var(--mantine-color-cyan-light)",
+			lightHover: "var(--mantine-color-cyan-light-hover)",
+			lightColor: "var(--mantine-color-cyan-light-color)",
+			outline: "var(--mantine-color-cyan-outline)",
+			outlineHover: "var(--mantine-color-cyan-outline-hover)"
+		},
+		teal: {
+			"0": "var(--mantine-color-teal-0)",
+			"1": "var(--mantine-color-teal-1)",
+			"2": "var(--mantine-color-teal-2)",
+			"3": "var(--mantine-color-teal-3)",
+			"4": "var(--mantine-color-teal-4)",
+			"5": "var(--mantine-color-teal-5)",
+			"6": "var(--mantine-color-teal-6)",
+			"7": "var(--mantine-color-teal-7)",
+			"8": "var(--mantine-color-teal-8)",
+			"9": "var(--mantine-color-teal-9)",
+			filled: "var(--mantine-color-teal-filled)",
+			filledHover: "var(--mantine-color-teal-filled-hover)",
+			light: "var(--mantine-color-teal-light)",
+			lightHover: "var(--mantine-color-teal-light-hover)",
+			lightColor: "var(--mantine-color-teal-light-color)",
+			outline: "var(--mantine-color-teal-outline)",
+			outlineHover: "var(--mantine-color-teal-outline-hover)"
+		},
+		green: {
+			"0": "var(--mantine-color-green-0)",
+			"1": "var(--mantine-color-green-1)",
+			"2": "var(--mantine-color-green-2)",
+			"3": "var(--mantine-color-green-3)",
+			"4": "var(--mantine-color-green-4)",
+			"5": "var(--mantine-color-green-5)",
+			"6": "var(--mantine-color-green-6)",
+			"7": "var(--mantine-color-green-7)",
+			"8": "var(--mantine-color-green-8)",
+			"9": "var(--mantine-color-green-9)",
+			filled: "var(--mantine-color-green-filled)",
+			filledHover: "var(--mantine-color-green-filled-hover)",
+			light: "var(--mantine-color-green-light)",
+			lightHover: "var(--mantine-color-green-light-hover)",
+			lightColor: "var(--mantine-color-green-light-color)",
+			outline: "var(--mantine-color-green-outline)",
+			outlineHover: "var(--mantine-color-green-outline-hover)"
+		},
+		lime: {
+			"0": "var(--mantine-color-lime-0)",
+			"1": "var(--mantine-color-lime-1)",
+			"2": "var(--mantine-color-lime-2)",
+			"3": "var(--mantine-color-lime-3)",
+			"4": "var(--mantine-color-lime-4)",
+			"5": "var(--mantine-color-lime-5)",
+			"6": "var(--mantine-color-lime-6)",
+			"7": "var(--mantine-color-lime-7)",
+			"8": "var(--mantine-color-lime-8)",
+			"9": "var(--mantine-color-lime-9)",
+			filled: "var(--mantine-color-lime-filled)",
+			filledHover: "var(--mantine-color-lime-filled-hover)",
+			light: "var(--mantine-color-lime-light)",
+			lightHover: "var(--mantine-color-lime-light-hover)",
+			lightColor: "var(--mantine-color-lime-light-color)",
+			outline: "var(--mantine-color-lime-outline)",
+			outlineHover: "var(--mantine-color-lime-outline-hover)"
+		},
+		yellow: {
+			"0": "var(--mantine-color-yellow-0)",
+			"1": "var(--mantine-color-yellow-1)",
+			"2": "var(--mantine-color-yellow-2)",
+			"3": "var(--mantine-color-yellow-3)",
+			"4": "var(--mantine-color-yellow-4)",
+			"5": "var(--mantine-color-yellow-5)",
+			"6": "var(--mantine-color-yellow-6)",
+			"7": "var(--mantine-color-yellow-7)",
+			"8": "var(--mantine-color-yellow-8)",
+			"9": "var(--mantine-color-yellow-9)",
+			filled: "var(--mantine-color-yellow-filled)",
+			filledHover: "var(--mantine-color-yellow-filled-hover)",
+			light: "var(--mantine-color-yellow-light)",
+			lightHover: "var(--mantine-color-yellow-light-hover)",
+			lightColor: "var(--mantine-color-yellow-light-color)",
+			outline: "var(--mantine-color-yellow-outline)",
+			outlineHover: "var(--mantine-color-yellow-outline-hover)"
+		},
+		orange: {
+			"0": "var(--mantine-color-orange-0)",
+			"1": "var(--mantine-color-orange-1)",
+			"2": "var(--mantine-color-orange-2)",
+			"3": "var(--mantine-color-orange-3)",
+			"4": "var(--mantine-color-orange-4)",
+			"5": "var(--mantine-color-orange-5)",
+			"6": "var(--mantine-color-orange-6)",
+			"7": "var(--mantine-color-orange-7)",
+			"8": "var(--mantine-color-orange-8)",
+			"9": "var(--mantine-color-orange-9)",
+			filled: "var(--mantine-color-orange-filled)",
+			filledHover: "var(--mantine-color-orange-filled-hover)",
+			light: "var(--mantine-color-orange-light)",
+			lightHover: "var(--mantine-color-orange-light-hover)",
+			lightColor: "var(--mantine-color-orange-light-color)",
+			outline: "var(--mantine-color-orange-outline)",
+			outlineHover: "var(--mantine-color-orange-outline-hover)"
+		}
+	},
+	rtlSelector: "[dir=\"rtl\"] &",
+	darkSelector: "[data-mantine-color-scheme=\"dark\"] &",
+	lightSelector: "[data-mantine-color-scheme=\"light\"] &"
+};
+
+//#endregion
+//#region ../preset/src/index.ts
+const vars = {
+	likec4: vars$1,
+	mantine
+};
+
+//#endregion
+export { vars as default };

package/jsx/package.json

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@likec4/styles",
   "description": "Shared PandaCSS preset and generated styles, used in LikeC4",
   "license": "MIT",
-  "version": "1.47.0",
+  "version": "1.48.0",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -10,7 +10,6 @@
     "dist",
     "*.mts",
     "*.mjs",
-    "*.ts",
     "**/package.json",
     "!build.config.ts"
   ],
@@ -24,32 +23,32 @@
     "access": "public"
   },
   "type": "module",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/types/index.d.mts",
   "module": "dist/types/index.mjs",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/types/index.d.mts",
       "default": "./dist/types/index.mjs"
     },
     "./css": {
-      "types": "./dist/css/index.d.ts",
+      "types": "./dist/css/index.d.mts",
       "default": "./dist/css/index.mjs"
     },
     "./tokens": {
-      "types": "./dist/tokens/index.d.ts",
+      "types": "./dist/tokens/index.d.mts",
       "default": "./dist/tokens/index.mjs"
     },
     "./types": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/types/index.d.mts",
       "default": "./dist/types/index.mjs"
     },
     "./patterns": {
-      "types": "./dist/patterns/index.d.ts",
+      "types": "./dist/patterns/index.d.mts",
       "default": "./dist/patterns/index.mjs"
     },
     "./jsx": {
-      "types": "./dist/jsx/index.d.ts",
+      "types": "./dist/jsx/index.d.mts",
       "default": "./dist/jsx/index.mjs"
     },
     "./postcss": {
@@ -57,54 +56,66 @@
       "default": "./postcss.mjs"
     },
     "./recipes": {
-      "types": "./dist/recipes/index.d.ts",
+      "types": "./dist/recipes/index.d.mts",
       "default": "./dist/recipes/index.mjs"
     },
     "./preset": {
-      "sources": "./preset.ts",
-      "default": {
-        "types": "./dist/preset.d.mts",
-        "import": "./dist/preset.mjs",
-        "default": "./dist/preset.mjs"
-      }
+      "types": "./dist/preset.d.mts",
+      "default": "./dist/preset.mjs"
     },
-    "./dev": "./dev.ts"
+    "./vars": {
+      "types": "./dist/vars/index.d.mts",
+      "default": "./dist/vars/index.mjs"
+    },
+    "./dev": {
+      "types": "./dev.d.mts",
+      "default": "./dev.mjs"
+    }
   },
   "peerDependencies": {
-    "@pandacss/dev": "^1.7.2",
-    "@pandacss/types": "^1.7.2",
+    "@pandacss/dev": "^1.8.1",
+    "@pandacss/types": "^1.8.1",
     "react": "^18.x || ^19.x",
-    "@types/react": "^18.x || ^19.x"
+    "react-dom": "^18.x || ^19.x",
+    "@types/react": "^18.x || ^19.x",
+    "@types/react-dom": "^18.x || ^19.x"
   },
   "peerDependenciesMeta": {
-    "@pandacss/types": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
       "optional": true
     },
     "@types/react": {
       "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "@types/node": "~22.19.3",
+    "@types/node": "~22.19.7",
     "@pandabox/panda-plugins": "^0.0.8",
     "@pandabox/utils": "^0.0.5",
     "@pandabox/unplugin": "^0.2.2",
-    "@pandacss/dev": "^1.7.2",
-    "@pandacss/types": "^1.7.2",
+    "@pandacss/dev": "^1.8.1",
+    "@pandacss/types": "^1.8.1",
     "@types/picomatch": "^4.0.2",
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.9",
     "@types/react-dom": "19.2.3",
     "postcss": "8.5.6",
+    "remeda": "^2.32.0",
     "nano-spawn": "^2.0.0",
-    "unbuild": "3.5.0",
+    "obuild": "^0.4.20",
     "typescript": "5.9.3",
-    "@likec4/style-preset": "1.47.0",
     "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.46.1"
+    "@likec4/tsconfig": "1.48.0",
+    "@likec4/style-preset": "1.48.0"
   },
   "scripts": {
-    "typecheck": "tsc --build --verbose",
-    "generate": "unbuild",
+    "typecheck": "tsc --noEmit",
+    "generate": "obuild",
     "emit-pkg": "panda emit-pkg --base dist",
     "clean": "likec4ops clean",
     "pack": "pnpm pack",

package/patterns/package.json

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

package/recipes/package.json

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

package/tokens/package.json

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

package/types/package.json

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

package/vars/package.json

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

package/dist/css/index.d.ts

@@ -1,5 +0,0 @@
-/* eslint-disable */
-export * from './css';
-export * from './cx';
-export * from './cva';
-export * from './sva';

package/dist/css/sva.d.ts

@@ -1,4 +0,0 @@
-/* eslint-disable */
-import type { SlotRecipeCreatorFn } from '../types/recipe';
-
-export declare const sva: SlotRecipeCreatorFn

package/dist/jsx/bleed.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { BleedProperties } from '../patterns/bleed';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BleedProperties > {}
-
-
-export declare const Bleed: FunctionComponent<BleedProps>

package/dist/jsx/box.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { BoxProperties } from '../patterns/box';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
-
-
-export declare const Box: FunctionComponent<BoxProps>

package/dist/jsx/center.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { CenterProperties } from '../patterns/center';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
-
-
-export declare const Center: FunctionComponent<CenterProps>

package/dist/jsx/circle.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { CircleProperties } from '../patterns/circle';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
-
-
-export declare const Circle: FunctionComponent<CircleProps>