@aihu/css-engine 0.2.5 → 0.3.0

package/crates/aihu-css-core/tests/tokens.rs

@@ -22,7 +22,9 @@ fn category_colors() {
 
 #[test]
 fn category_spacing() {
-    insta::assert_snapshot!(css(&["p-4", "px-2", "py-8", "m-0", "mt-1", "gap-2", "p-0.5"]));
+    insta::assert_snapshot!(css(&[
+        "p-4", "px-2", "py-8", "m-0", "mt-1", "gap-2", "p-0.5"
+    ]));
 }
 
 #[test]
@@ -54,12 +56,7 @@ fn category_typography() {
 
 #[test]
 fn category_borders() {
-    insta::assert_snapshot!(css(&[
-        "border",
-        "rounded",
-        "rounded-lg",
-        "rounded-full",
-    ]));
+    insta::assert_snapshot!(css(&["border", "rounded", "rounded-lg", "rounded-full",]));
 }
 
 #[test]
@@ -67,6 +64,17 @@ fn category_effects() {
     insta::assert_snapshot!(css(&["shadow", "shadow-lg", "shadow-none", "opacity-50"]));
 }
 
+#[test]
+fn relational_marker_classes() {
+    // `group` / `peer` are marker utilities: they emit an empty-body rule (no
+    // declarations) so the class survives into the sheet for `group-*:` /
+    // `peer-*:` relational selectors to target. (Variant emission itself is
+    // covered in tests/emit.rs, which uses the scoped pipeline.)
+    let out = css(&["group", "peer"]);
+    assert!(out.contains(".group {  }"), "bare group marker: {out}");
+    assert!(out.contains(".peer {  }"), "bare peer marker: {out}");
+}
+
 #[test]
 fn arbitrary_values() {
     insta::assert_snapshot!(css(&[
@@ -77,3 +85,462 @@ fn arbitrary_values() {
         "leading-[1.4]",
     ]));
 }
+
+// --- New utility families (Round 1: tailwind-support) ---------------------
+//
+// These use exact-string assertions (not snapshots) so the emitted CSS is
+// pinned per-class. The expected declarations mirror Tailwind v4 defaults.
+
+#[test]
+fn space_x_emits_nested_sibling_margin() {
+    assert_eq!(
+        css(&["space-x-4"]),
+        ".space-x-4 { & > * + * { margin-inline-start: 1rem; } }\n"
+    );
+}
+
+#[test]
+fn space_y_emits_nested_sibling_margin() {
+    assert_eq!(
+        css(&["space-y-2"]),
+        ".space-y-2 { & > * + * { margin-block-start: 0.5rem; } }\n"
+    );
+}
+
+#[test]
+fn mx_auto_emits_margin_inline_auto() {
+    assert_eq!(css(&["mx-auto"]), ".mx-auto { margin-inline: auto; }\n");
+}
+
+#[test]
+fn max_w_named_scale() {
+    assert_eq!(css(&["max-w-7xl"]), ".max-w-7xl { max-width: 80rem; }\n");
+    assert_eq!(css(&["max-w-prose"]), ".max-w-prose { max-width: 65ch; }\n");
+}
+
+#[test]
+fn grid_cols_repeat() {
+    assert_eq!(
+        css(&["grid-cols-3"]),
+        ".grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n"
+    );
+}
+
+#[test]
+fn col_span_n() {
+    assert_eq!(
+        css(&["col-span-2"]),
+        ".col-span-2 { grid-column: span 2 / span 2; }\n"
+    );
+}
+
+#[test]
+fn row_span_full_keyword() {
+    assert_eq!(
+        css(&["row-span-full"]),
+        ".row-span-full { grid-row: 1 / -1; }\n"
+    );
+}
+
+#[test]
+fn border_n_width() {
+    assert_eq!(css(&["border-2"]), ".border-2 { border-width: 2px; }\n");
+}
+
+#[test]
+fn border_directional_n_width() {
+    assert_eq!(
+        css(&["border-t-4"]),
+        ".border-t-4 { border-top-width: 4px; }\n"
+    );
+}
+
+#[test]
+fn z_auto_keyword() {
+    assert_eq!(css(&["z-auto"]), ".z-auto { z-index: auto; }\n");
+}
+
+// --- Round 2: divide-x / divide-y sibling borders -------------------------
+//
+// Reuses the proven `space-*` nested `& > * + *` recipe. Exact-string
+// assertions pin every family: bare (1px default), numeric widths, reverse.
+
+#[test]
+fn divide_x_bare_defaults_to_1px() {
+    assert_eq!(
+        css(&["divide-x"]),
+        ".divide-x { & > * + * { border-inline-width: 1px; } }\n"
+    );
+}
+
+// --- New utility families (Round 2: tailwind-support — named scales) -------
+//
+// Position scale (top/right/bottom/left/inset/inset-x/inset-y) on the spacing
+// scale + `auto` + negative forms; named leading-* / numeric leading-<n>;
+// named tracking-*. Exact-string assertions pin the emitted declarations.
+
+#[test]
+fn position_top_scale() {
+    assert_eq!(css(&["top-4"]), ".top-4 { top: 1rem; }\n");
+}
+
+#[test]
+fn position_right_scale() {
+    assert_eq!(css(&["right-4"]), ".right-4 { right: 1rem; }\n");
+}
+
+#[test]
+fn position_bottom_left_scale() {
+    assert_eq!(css(&["bottom-2"]), ".bottom-2 { bottom: 0.5rem; }\n");
+    assert_eq!(css(&["left-8"]), ".left-8 { left: 2rem; }\n");
+}
+
+#[test]
+fn position_inset_all_sides() {
+    assert_eq!(css(&["inset-0"]), ".inset-0 { inset: 0; }\n");
+    assert_eq!(css(&["inset-4"]), ".inset-4 { inset: 1rem; }\n");
+}
+
+#[test]
+fn position_inset_logical_axes() {
+    assert_eq!(css(&["inset-x-2"]), ".inset-x-2 { inset-inline: 0.5rem; }\n");
+    assert_eq!(css(&["inset-y-4"]), ".inset-y-4 { inset-block: 1rem; }\n");
+}
+
+#[test]
+fn position_auto() {
+    assert_eq!(css(&["top-auto"]), ".top-auto { top: auto; }\n");
+}
+
+#[test]
+fn position_negative() {
+    assert_eq!(css(&["-left-2"]), ".-left-2 { left: -0.5rem; }\n");
+    assert_eq!(css(&["-top-4"]), ".-top-4 { top: -1rem; }\n");
+    assert_eq!(css(&["-inset-x-2"]), ".-inset-x-2 { inset-inline: -0.5rem; }\n");
+}
+
+#[test]
+fn leading_named_scale() {
+    assert_eq!(css(&["leading-none"]), ".leading-none { line-height: 1; }\n");
+    assert_eq!(css(&["leading-tight"]), ".leading-tight { line-height: 1.25; }\n");
+    assert_eq!(css(&["leading-snug"]), ".leading-snug { line-height: 1.375; }\n");
+    assert_eq!(css(&["leading-normal"]), ".leading-normal { line-height: 1.5; }\n");
+    assert_eq!(
+        css(&["leading-relaxed"]),
+        ".leading-relaxed { line-height: 1.625; }\n"
+    );
+    assert_eq!(css(&["leading-loose"]), ".leading-loose { line-height: 2; }\n");
+}
+
+#[test]
+fn leading_numeric_step() {
+    // Numeric leading-<n> maps to the spacing scale (Tailwind v4).
+    assert_eq!(css(&["leading-6"]), ".leading-6 { line-height: 1.5rem; }\n");
+}
+
+#[test]
+fn tracking_named_scale() {
+    assert_eq!(
+        css(&["tracking-tighter"]),
+        ".tracking-tighter { letter-spacing: -0.05em; }\n"
+    );
+    assert_eq!(
+        css(&["tracking-tight"]),
+        ".tracking-tight { letter-spacing: -0.025em; }\n"
+    );
+    assert_eq!(
+        css(&["tracking-normal"]),
+        ".tracking-normal { letter-spacing: 0em; }\n"
+    );
+    assert_eq!(
+        css(&["tracking-wide"]),
+        ".tracking-wide { letter-spacing: 0.025em; }\n"
+    );
+    assert_eq!(
+        css(&["tracking-wider"]),
+        ".tracking-wider { letter-spacing: 0.05em; }\n"
+    );
+    assert_eq!(
+        css(&["tracking-widest"]),
+        ".tracking-widest { letter-spacing: 0.1em; }\n"
+    );
+}
+
+// --- New utility families (Round 2: ring widths + ring-offset) -------------
+//
+// `ring-{n}` emits the Tailwind v4 box-shadow ring composed from `--tw-ring-*`
+// custom properties; `ring-offset-{n}` sets `--tw-ring-offset-width`;
+// `ring-inset` flips the inset slot; bare `ring` is the 3px default. CRITICAL
+// regression guard: `ring-<color>` must STILL route to `--tw-ring-color`.
+
+#[test]
+fn ring_n_emits_box_shadow_ring() {
+    assert_eq!(
+        css(&["ring-2"]),
+        ".ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 \
+var(--tw-ring-offset-width) var(--tw-ring-offset-color); \
+--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) \
+var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), \
+var(--tw-shadow, 0 0 #0000); }\n"
+    );
+}
+
+// --- Motion family (Round 2: tailwind-support `motion` track) -------------
+
+#[test]
+fn transform_keyword_and_none() {
+    assert_eq!(
+        css(&["transform"]),
+        ".transform { transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }\n"
+    );
+    assert_eq!(
+        css(&["transform-none"]),
+        ".transform-none { transform: none; }\n"
+    );
+}
+
+// --- Round 2: container-query marker utilities (aria-data-container) -------
+//
+// The `@container` marker and its named `@container/<name>` form are base
+// utilities (the `@sm:`/`@md:`/`@lg:` query variants live in variants.rs /
+// emit.rs and are exercised in tests/emit.rs).
+
+#[test]
+fn container_marker_emits_inline_size() {
+    assert_eq!(
+        css(&["@container"]),
+        ".@container { container-type: inline-size; }\n"
+    );
+}
+
+#[test]
+fn divide_y_bare_defaults_to_1px() {
+    assert_eq!(
+        css(&["divide-y"]),
+        ".divide-y { & > * + * { border-block-width: 1px; } }\n"
+    );
+}
+
+#[test]
+fn translate_x_uses_spacing_scale() {
+    assert_eq!(
+        css(&["translate-x-2"]),
+        ".translate-x-2 { transform: translateX(0.5rem); }\n"
+    );
+}
+
+#[test]
+fn ring_default_is_3px() {
+    // The bare `ring` keyword is the 3px default and must match BEFORE the
+    // color path (it never collides with `ring-<color>`).
+    assert!(css(&["ring"]).contains("calc(3px + var(--tw-ring-offset-width))"));
+    assert!(css(&["ring"]).starts_with(".ring {"));
+}
+
+#[test]
+fn ring_zero_emits_zero_width_ring() {
+    assert!(css(&["ring-0"]).contains("calc(0px + var(--tw-ring-offset-width))"));
+}
+
+#[test]
+fn ring_inset_flips_inset_slot() {
+    assert_eq!(css(&["ring-inset"]), ".ring-inset { --tw-ring-inset: inset; }\n");
+}
+
+#[test]
+fn ring_offset_n_sets_offset_width() {
+    assert_eq!(
+        css(&["ring-offset-2"]),
+        ".ring-offset-2 { --tw-ring-offset-width: 2px; }\n"
+    );
+    assert_eq!(
+        css(&["ring-offset-8"]),
+        ".ring-offset-8 { --tw-ring-offset-width: 8px; }\n"
+    );
+}
+
+#[test]
+fn negative_translate_x_emits_negative_value() {
+    assert_eq!(
+        css(&["-translate-x-2"]),
+        ".-translate-x-2 { transform: translateX(-0.5rem); }\n"
+    );
+}
+
+#[test]
+fn divide_y_2_emits_border_block_width() {
+    assert_eq!(
+        css(&["divide-y-2"]),
+        ".divide-y-2 { & > * + * { border-block-width: 2px; } }\n"
+    );
+}
+
+#[test]
+fn negative_translate_y_emits_negative_value() {
+    assert_eq!(
+        css(&["-translate-y-4"]),
+        ".-translate-y-4 { transform: translateY(-1rem); }\n"
+    );
+}
+
+#[test]
+fn divide_x_4_emits_border_inline_width() {
+    assert_eq!(
+        css(&["divide-x-4"]),
+        ".divide-x-4 { & > * + * { border-inline-width: 4px; } }\n"
+    );
+}
+
+#[test]
+fn rotate_emits_degrees() {
+    assert_eq!(
+        css(&["rotate-45"]),
+        ".rotate-45 { transform: rotate(45deg); }\n"
+    );
+}
+
+#[test]
+fn divide_x_0_emits_zero_width() {
+    assert_eq!(
+        css(&["divide-x-0"]),
+        ".divide-x-0 { & > * + * { border-inline-width: 0; } }\n"
+    );
+}
+
+#[test]
+fn negative_rotate_emits_negative_degrees() {
+    assert_eq!(
+        css(&["-rotate-45"]),
+        ".-rotate-45 { transform: rotate(-45deg); }\n"
+    );
+}
+
+#[test]
+fn divide_x_8_emits_border_inline_width() {
+    assert_eq!(
+        css(&["divide-x-8"]),
+        ".divide-x-8 { & > * + * { border-inline-width: 8px; } }\n"
+    );
+}
+
+#[test]
+fn scale_maps_percent_to_factor() {
+    assert_eq!(
+        css(&["scale-105"]),
+        ".scale-105 { transform: scale(1.05); }\n"
+    );
+    assert_eq!(
+        css(&["scale-x-50"]),
+        ".scale-x-50 { transform: scaleX(0.5); }\n"
+    );
+    assert_eq!(
+        css(&["scale-y-100"]),
+        ".scale-y-100 { transform: scaleY(1); }\n"
+    );
+}
+
+#[test]
+fn divide_reverse_sets_custom_property() {
+    assert_eq!(
+        css(&["divide-x-reverse"]),
+        ".divide-x-reverse { & > * + * { --tw-divide-x-reverse: 1; } }\n"
+    );
+    assert_eq!(
+        css(&["divide-y-reverse"]),
+        ".divide-y-reverse { & > * + * { --tw-divide-y-reverse: 1; } }\n"
+    );
+}
+
+#[test]
+fn transition_colors_emits_property_duration_timing() {
+    assert_eq!(
+        css(&["transition-colors"]),
+        ".transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }\n"
+    );
+}
+
+#[test]
+fn arbitrary_position_and_leading_still_work() {
+    // Regression: arbitrary forms (arbitrary_prop) untouched by the named scale.
+    assert_eq!(css(&["top-[1rem]"]), ".top-[1rem] { top: 1rem; }\n");
+    assert_eq!(css(&["leading-[2]"]), ".leading-[2] { line-height: 2; }\n");
+}
+
+#[test]
+fn ring_color_still_routes_to_ring_color_var() {
+    // Regression: adding the WIDTH side must NOT break the existing COLOR path.
+    assert_eq!(
+        css(&["ring-blue-500"]),
+        ".ring-blue-500 { --tw-ring-color: var(--color-blue-500); }\n"
+    );
+    // Brand ring token too.
+    assert_eq!(
+        css(&["ring-primary"]),
+        ".ring-primary { --tw-ring-color: var(--color-primary); }\n"
+    );
+}
+
+#[test]
+fn transition_none_and_transform_variants() {
+    assert_eq!(
+        css(&["transition-none"]),
+        ".transition-none { transition-property: none; }\n"
+    );
+    assert!(css(&["transition-transform"]).contains("transition-property: transform;"));
+    assert!(css(&["transition-opacity"]).contains("transition-property: opacity;"));
+    assert!(css(&["transition-all"]).contains("transition-property: all;"));
+    assert!(css(&["transition"]).contains("transition-duration: 150ms;"));
+}
+
+#[test]
+fn duration_emits_milliseconds() {
+    assert_eq!(
+        css(&["duration-300"]),
+        ".duration-300 { transition-duration: 300ms; }\n"
+    );
+}
+
+#[test]
+fn ease_timing_functions() {
+    assert_eq!(
+        css(&["ease-linear"]),
+        ".ease-linear { transition-timing-function: linear; }\n"
+    );
+    assert!(css(&["ease-in"]).contains("cubic-bezier(0.4, 0, 1, 1)"));
+    assert!(css(&["ease-out"]).contains("cubic-bezier(0, 0, 0.2, 1)"));
+    assert!(css(&["ease-in-out"]).contains("cubic-bezier(0.4, 0, 0.2, 1)"));
+}
+
+#[test]
+fn animate_spin_emits_animation_and_keyframes() {
+    // The animation shorthand AND its hoisted @keyframes (sibling rule).
+    assert_eq!(
+        css(&["animate-spin"]),
+        ".animate-spin { animation: spin 1s linear infinite; }\n\
+         @keyframes spin { to { transform: rotate(360deg); } }\n"
+    );
+}
+
+#[test]
+fn animate_none_has_no_keyframes() {
+    assert_eq!(
+        css(&["animate-none"]),
+        ".animate-none { animation: none; }\n"
+    );
+}
+
+#[test]
+fn animate_ping_pulse_bounce_emit_keyframes() {
+    assert!(css(&["animate-ping"]).contains("@keyframes ping"));
+    assert!(css(&["animate-pulse"]).contains("@keyframes pulse"));
+    assert!(css(&["animate-bounce"]).contains("@keyframes bounce"));
+    assert!(css(&["animate-bounce"]).contains("animation: bounce 1s infinite;"));
+}
+
+#[test]
+fn named_container_marker_emits_type_and_name() {
+    assert_eq!(
+        css(&["@container/sidebar"]),
+        ".@container/sidebar { container-type: inline-size; container-name: sidebar; }\n"
+    );
+}

package/dist/runtime/cn.js

@@ -1,18 +1,31 @@
 //#region src/runtime/cn-conflict-map.generated.ts
 /** Prefix → conflict-group key, sorted longest-prefix-first. */
 const CONFLICT_GROUPS = {
+	"translate-x": "translate",
+	"translate-y": "translate",
+	"grid-cols": "grid-template-columns",
+	"grid-rows": "grid-template-rows",
+	"col-span": "grid-column",
+	"row-span": "grid-row",
+	duration: "transition-duration",
+	"space-x": "space-x",
+	"space-y": "space-y",
 	outline: "outline-color",
 	opacity: "opacity",
 	rounded: "border-radius",
+	"scale-x": "scale",
+	"scale-y": "scale",
 	border: "border-color",
 	stroke: "stroke",
 	shadow: "box-shadow",
+	rotate: "rotate",
 	"gap-x": "column-gap",
 	"gap-y": "row-gap",
 	"min-w": "min-width",
 	"max-w": "max-width",
 	"min-h": "min-height",
 	"max-h": "max-height",
+	scale: "scale",
 	text: "color",
 	fill: "fill",
 	ring: "--tw-ring-color",

package/dist/runtime/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","names":[],"sources":["../../src/runtime/cn-conflict-map.generated.ts","../../src/runtime/cn.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/gen-cn-conflict-map.ts — DO NOT EDIT.\n// Source of truth: aihu-css-core `tokens::conflict_groups()` (the utility\n// registry). Regenerate with `bun run gen:cn-map`. Hand-edits will be lost.\n//\n// Maps a utility class PREFIX to the CSS property group it controls. Two\n// classes conflict (last wins) when they resolve to the same group.\n\n/** Prefix → conflict-group key, sorted longest-prefix-first. */\nexport const CONFLICT_GROUPS: Record<string, string> = {\n  outline: 'outline-color',\n  opacity: 'opacity',\n  rounded: 'border-radius',\n  border: 'border-color',\n  stroke: 'stroke',\n  shadow: 'box-shadow',\n  'gap-x': 'column-gap',\n  'gap-y': 'row-gap',\n  'min-w': 'min-width',\n  'max-w': 'max-width',\n  'min-h': 'min-height',\n  'max-h': 'max-height',\n  text: 'color',\n  fill: 'fill',\n  ring: '--tw-ring-color',\n  font: 'font-weight',\n  gap: 'gap',\n  px: 'padding-inline',\n  py: 'padding-block',\n  pt: 'padding-top',\n  pr: 'padding-right',\n  pb: 'padding-bottom',\n  pl: 'padding-left',\n  mx: 'margin-inline',\n  my: 'margin-block',\n  mt: 'margin-top',\n  mr: 'margin-right',\n  mb: 'margin-bottom',\n  ml: 'margin-left',\n  bg: 'background-color',\n  p: 'padding',\n  m: 'margin',\n  w: 'width',\n  h: 'height',\n  z: 'z-index',\n}\n","/**\n * `@aihu/css-engine/runtime/cn` — the class-merge runtime helper (Plan 3 Task 9).\n *\n * `cn(...inputs)` merges class strings / arrays / conditionals into a single\n * deduplicated class string, resolving Tailwind-style conflicts last-wins per\n * property group (`cn('p-2', 'p-4')` → `'p-4'`).\n *\n * The conflict map (`CONFLICT_GROUPS`) is GENERATED at engine build time from\n * the utility registry (`scripts/gen-cn-conflict-map.ts` → Rust\n * `tokens::conflict_groups()`), NOT hand-maintained — so it never drifts from\n * the utility table. Separate < 1 KB gz sub-export from `runtime/progressive`\n * (Risk #4 size-split).\n *\n * This is the runtime-merge helper for consumer-provided overrides (spec §9.3):\n * recipes use static utility strings at compile time; `cn()` is only for the\n * runtime override case.\n */\nimport { CONFLICT_GROUPS } from './cn-conflict-map.generated.ts'\n\n/** A class value: string, falsy (dropped), or a nested array of the same. */\nexport type ClassValue = string | number | null | undefined | false | ClassValue[]\n\n/** Flatten the (possibly nested / conditional) inputs into a token list. */\nfunction tokens(inputs: ClassValue[], out: string[]): void {\n  for (const input of inputs) {\n    if (!input) continue\n    if (Array.isArray(input)) {\n      tokens(input, out)\n    } else {\n      for (const t of String(input).split(' ')) {\n        if (t) out.push(t)\n      }\n    }\n  }\n}\n\n/**\n * The conflict-group key for a class, or the class itself when it belongs to no\n * known group (so unrelated classes always coexist). Strips variant prefixes\n * (`md:`, `hover:`, …) so `hover:p-2` and `hover:p-4` still conflict, while\n * `p-2` and `hover:p-4` do not (different variant scope).\n */\nfunction groupKey(cls: string): string {\n  const colon = cls.lastIndexOf(':')\n  const variant = colon === -1 ? '' : cls.slice(0, colon + 1)\n  const base = colon === -1 ? cls : cls.slice(colon + 1)\n  const dash = base.indexOf('-')\n  // The prefix is the segment before the first dash (`bg-red-500` → `bg`); for\n  // dashless bases (`flex`) there is no group, so the class keys to itself.\n  const prefix = dash === -1 ? base : base.slice(0, dash)\n  const group = CONFLICT_GROUPS[prefix]\n  return group ? `${variant}${group}` : cls\n}\n\n/**\n * Merge class values, resolving last-wins conflicts per property group.\n *\n * @example cn('p-2', 'p-4')                  // 'p-4'\n * @example cn('a', false && 'b', ['c'])      // 'a c'\n * @example cn('bg-red-500', 'bg-blue-500')   // 'bg-blue-500'\n */\nexport function cn(...inputs: ClassValue[]): string {\n  const flat: string[] = []\n  tokens(inputs, flat)\n\n  // Last occurrence per group key wins; preserve final order by re-scanning.\n  const winner = new Map<string, string>()\n  for (const t of flat) winner.set(groupKey(t), t)\n\n  const seen = new Set<string>()\n  const result: string[] = []\n  for (const t of flat) {\n    const key = groupKey(t)\n    if (winner.get(key) === t && !seen.has(t)) {\n      seen.add(t)\n      result.push(t)\n    }\n  }\n  return result.join(' ')\n}\n"],"mappings":";;AAQA,MAAa,kBAA0C;CACrD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;;;;;;;;;;;;;;;;;;;;;ACrBD,SAAS,OAAO,QAAsB,KAAqB;CACzD,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,CAAC,OAAO;EACZ,IAAI,MAAM,QAAQ,MAAM,EACtB,OAAO,OAAO,IAAI;OAElB,KAAK,MAAM,KAAK,OAAO,MAAM,CAAC,MAAM,IAAI,EACtC,IAAI,GAAG,IAAI,KAAK,EAAE;;;;;;;;;AAY1B,SAAS,SAAS,KAAqB;CACrC,MAAM,QAAQ,IAAI,YAAY,IAAI;CAClC,MAAM,UAAU,UAAU,KAAK,KAAK,IAAI,MAAM,GAAG,QAAQ,EAAE;CAC3D,MAAM,OAAO,UAAU,KAAK,MAAM,IAAI,MAAM,QAAQ,EAAE;CACtD,MAAM,OAAO,KAAK,QAAQ,IAAI;CAI9B,MAAM,QAAQ,gBADC,SAAS,KAAK,OAAO,KAAK,MAAM,GAAG,KAAK;CAEvD,OAAO,QAAQ,GAAG,UAAU,UAAU;;;;;;;;;AAUxC,SAAgB,GAAG,GAAG,QAA8B;CAClD,MAAM,OAAiB,EAAE;CACzB,OAAO,QAAQ,KAAK;CAGpB,MAAM,yBAAS,IAAI,KAAqB;CACxC,KAAK,MAAM,KAAK,MAAM,OAAO,IAAI,SAAS,EAAE,EAAE,EAAE;CAEhD,MAAM,uBAAO,IAAI,KAAa;CAC9B,MAAM,SAAmB,EAAE;CAC3B,KAAK,MAAM,KAAK,MAAM;EACpB,MAAM,MAAM,SAAS,EAAE;EACvB,IAAI,OAAO,IAAI,IAAI,KAAK,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;GACzC,KAAK,IAAI,EAAE;GACX,OAAO,KAAK,EAAE;;;CAGlB,OAAO,OAAO,KAAK,IAAI"}
+{"version":3,"file":"cn.js","names":[],"sources":["../../src/runtime/cn-conflict-map.generated.ts","../../src/runtime/cn.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/gen-cn-conflict-map.ts — DO NOT EDIT.\n// Source of truth: aihu-css-core `tokens::conflict_groups()` (the utility\n// registry). Regenerate with `bun run gen:cn-map`. Hand-edits will be lost.\n//\n// Maps a utility class PREFIX to the CSS property group it controls. Two\n// classes conflict (last wins) when they resolve to the same group.\n\n/** Prefix → conflict-group key, sorted longest-prefix-first. */\nexport const CONFLICT_GROUPS: Record<string, string> = {\n  'translate-x': 'translate',\n  'translate-y': 'translate',\n  'grid-cols': 'grid-template-columns',\n  'grid-rows': 'grid-template-rows',\n  'col-span': 'grid-column',\n  'row-span': 'grid-row',\n  duration: 'transition-duration',\n  'space-x': 'space-x',\n  'space-y': 'space-y',\n  outline: 'outline-color',\n  opacity: 'opacity',\n  rounded: 'border-radius',\n  'scale-x': 'scale',\n  'scale-y': 'scale',\n  border: 'border-color',\n  stroke: 'stroke',\n  shadow: 'box-shadow',\n  rotate: 'rotate',\n  'gap-x': 'column-gap',\n  'gap-y': 'row-gap',\n  'min-w': 'min-width',\n  'max-w': 'max-width',\n  'min-h': 'min-height',\n  'max-h': 'max-height',\n  scale: 'scale',\n  text: 'color',\n  fill: 'fill',\n  ring: '--tw-ring-color',\n  font: 'font-weight',\n  gap: 'gap',\n  px: 'padding-inline',\n  py: 'padding-block',\n  pt: 'padding-top',\n  pr: 'padding-right',\n  pb: 'padding-bottom',\n  pl: 'padding-left',\n  mx: 'margin-inline',\n  my: 'margin-block',\n  mt: 'margin-top',\n  mr: 'margin-right',\n  mb: 'margin-bottom',\n  ml: 'margin-left',\n  bg: 'background-color',\n  p: 'padding',\n  m: 'margin',\n  w: 'width',\n  h: 'height',\n  z: 'z-index',\n}\n","/**\n * `@aihu/css-engine/runtime/cn` — the class-merge runtime helper (Plan 3 Task 9).\n *\n * `cn(...inputs)` merges class strings / arrays / conditionals into a single\n * deduplicated class string, resolving Tailwind-style conflicts last-wins per\n * property group (`cn('p-2', 'p-4')` → `'p-4'`).\n *\n * The conflict map (`CONFLICT_GROUPS`) is GENERATED at engine build time from\n * the utility registry (`scripts/gen-cn-conflict-map.ts` → Rust\n * `tokens::conflict_groups()`), NOT hand-maintained — so it never drifts from\n * the utility table. Separate < 1 KB gz sub-export from `runtime/progressive`\n * (Risk #4 size-split).\n *\n * This is the runtime-merge helper for consumer-provided overrides (spec §9.3):\n * recipes use static utility strings at compile time; `cn()` is only for the\n * runtime override case.\n */\nimport { CONFLICT_GROUPS } from './cn-conflict-map.generated.ts'\n\n/** A class value: string, falsy (dropped), or a nested array of the same. */\nexport type ClassValue = string | number | null | undefined | false | ClassValue[]\n\n/** Flatten the (possibly nested / conditional) inputs into a token list. */\nfunction tokens(inputs: ClassValue[], out: string[]): void {\n  for (const input of inputs) {\n    if (!input) continue\n    if (Array.isArray(input)) {\n      tokens(input, out)\n    } else {\n      for (const t of String(input).split(' ')) {\n        if (t) out.push(t)\n      }\n    }\n  }\n}\n\n/**\n * The conflict-group key for a class, or the class itself when it belongs to no\n * known group (so unrelated classes always coexist). Strips variant prefixes\n * (`md:`, `hover:`, …) so `hover:p-2` and `hover:p-4` still conflict, while\n * `p-2` and `hover:p-4` do not (different variant scope).\n */\nfunction groupKey(cls: string): string {\n  const colon = cls.lastIndexOf(':')\n  const variant = colon === -1 ? '' : cls.slice(0, colon + 1)\n  const base = colon === -1 ? cls : cls.slice(colon + 1)\n  const dash = base.indexOf('-')\n  // The prefix is the segment before the first dash (`bg-red-500` → `bg`); for\n  // dashless bases (`flex`) there is no group, so the class keys to itself.\n  const prefix = dash === -1 ? base : base.slice(0, dash)\n  const group = CONFLICT_GROUPS[prefix]\n  return group ? `${variant}${group}` : cls\n}\n\n/**\n * Merge class values, resolving last-wins conflicts per property group.\n *\n * @example cn('p-2', 'p-4')                  // 'p-4'\n * @example cn('a', false && 'b', ['c'])      // 'a c'\n * @example cn('bg-red-500', 'bg-blue-500')   // 'bg-blue-500'\n */\nexport function cn(...inputs: ClassValue[]): string {\n  const flat: string[] = []\n  tokens(inputs, flat)\n\n  // Last occurrence per group key wins; preserve final order by re-scanning.\n  const winner = new Map<string, string>()\n  for (const t of flat) winner.set(groupKey(t), t)\n\n  const seen = new Set<string>()\n  const result: string[] = []\n  for (const t of flat) {\n    const key = groupKey(t)\n    if (winner.get(key) === t && !seen.has(t)) {\n      seen.add(t)\n      result.push(t)\n    }\n  }\n  return result.join(' ')\n}\n"],"mappings":";;AAQA,MAAa,kBAA0C;CACrD,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,UAAU;CACV,WAAW;CACX,WAAW;CACX,SAAS;CACT,SAAS;CACT,SAAS;CACT,WAAW;CACX,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;;;;;;;;;;;;;;;;;;;;;AClCD,SAAS,OAAO,QAAsB,KAAqB;CACzD,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,CAAC,OAAO;EACZ,IAAI,MAAM,QAAQ,MAAM,EACtB,OAAO,OAAO,IAAI;OAElB,KAAK,MAAM,KAAK,OAAO,MAAM,CAAC,MAAM,IAAI,EACtC,IAAI,GAAG,IAAI,KAAK,EAAE;;;;;;;;;AAY1B,SAAS,SAAS,KAAqB;CACrC,MAAM,QAAQ,IAAI,YAAY,IAAI;CAClC,MAAM,UAAU,UAAU,KAAK,KAAK,IAAI,MAAM,GAAG,QAAQ,EAAE;CAC3D,MAAM,OAAO,UAAU,KAAK,MAAM,IAAI,MAAM,QAAQ,EAAE;CACtD,MAAM,OAAO,KAAK,QAAQ,IAAI;CAI9B,MAAM,QAAQ,gBADC,SAAS,KAAK,OAAO,KAAK,MAAM,GAAG,KAAK;CAEvD,OAAO,QAAQ,GAAG,UAAU,UAAU;;;;;;;;;AAUxC,SAAgB,GAAG,GAAG,QAA8B;CAClD,MAAM,OAAiB,EAAE;CACzB,OAAO,QAAQ,KAAK;CAGpB,MAAM,yBAAS,IAAI,KAAqB;CACxC,KAAK,MAAM,KAAK,MAAM,OAAO,IAAI,SAAS,EAAE,EAAE,EAAE;CAEhD,MAAM,uBAAO,IAAI,KAAa;CAC9B,MAAM,SAAmB,EAAE;CAC3B,KAAK,MAAM,KAAK,MAAM;EACpB,MAAM,MAAM,SAAS,EAAE;EACvB,IAAI,OAAO,IAAI,IAAI,KAAK,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;GACzC,KAAK,IAAI,EAAE;GACX,OAAO,KAAK,EAAE;;;CAGlB,OAAO,OAAO,KAAK,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aihu/css-engine",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",