@aihu/css-engine 0.1.0

package/dist/runtime/cn.js.map

@@ -0,0 +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"}

package/dist/runtime/progressive.d.ts

@@ -0,0 +1,54 @@
+//#region src/runtime/progressive.d.ts
+/**
+ * `@aihu/css-engine/runtime/progressive` — runtime fallbacks for the
+ * `@supports`-gated progressive features (`anchor:`, `popover:`).
+ *
+ * This is the **separate** browser sub-export from `cn` (Plan 3 Risk #4
+ * size-split): merging the two would blow `cn`'s 1 KB budget. This module
+ * carries the heavier positioning code under its own 3 KB row.
+ *
+ * It is a tiny hand-written floating-ui-style positioning shim — NOT the npm
+ * `@floating-ui/dom` package. aihu's thesis is dependency-free / tiny bundles,
+ * so the shim is ~2 KB of vanilla DOM math, SHARED by `anchorFallback` and
+ * `popoverFallback`. Only loaded when native CSS anchor positioning / the
+ * Popover API is unsupported (the engine emits a
+ * `/* aihu:progressive-fallback ... *​/` marker the consumer wires to these).
+ */
+/** Where to place the floating element relative to its anchor. */
+type Placement = 'top' | 'bottom' | 'left' | 'right';
+interface PositionOptions {
+  /** Preferred side. Default `'bottom'`. */
+  placement?: Placement;
+  /** Gap between anchor and floating element, in px. Default `4`. */
+  offset?: number;
+  /** Flip to the opposite side if it would overflow the viewport. Default `true`. */
+  flip?: boolean;
+}
+/**
+ * Position `floating` against `anchor` and apply `position: fixed; left/top`.
+ * The shared core for both fallbacks. Returns the resolved placement.
+ */
+declare function position(anchor: Element, floating: HTMLElement, opts?: PositionOptions): Placement;
+/**
+ * Fallback for the `anchor:` feature: position `floating` against `anchor`
+ * with JS when native CSS anchor positioning is unsupported. Re-positions on
+ * scroll/resize; returns a cleanup function that removes the listeners.
+ */
+declare function anchorFallback(anchor: Element, floating: HTMLElement, opts?: PositionOptions): () => void;
+/**
+ * Portal `el` to a top-layer-emulating container appended to `<body>` with a
+ * high z-index. Returns a restore function that moves `el` back to its original
+ * parent and removes the container. Used by `popoverFallback` when the native
+ * Popover API (and its real top layer) is unavailable.
+ */
+declare function portal(el: HTMLElement): () => void;
+/**
+ * Fallback for the `popover:` feature: emulate the Popover API's top layer by
+ * portaling `panel` out of the normal flow and positioning it against `anchor`
+ * with the SHARED positioning shim (`position`, also used by `anchorFallback`).
+ * Returns a cleanup function that tears down the portal + listeners.
+ */
+declare function popoverFallback(anchor: Element, panel: HTMLElement, opts?: PositionOptions): () => void;
+//#endregion
+export { Placement, PositionOptions, anchorFallback, popoverFallback, portal, position };
+//# sourceMappingURL=progressive.d.ts.map

package/dist/runtime/progressive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressive.d.ts","names":[],"sources":["../../src/runtime/progressive.ts"],"mappings":";;AAiBA;;;;;AAEA;;;;;;;;;;KAFY,SAAA;AAAA,UAEK,eAAA;;EAEf,SAAA,GAAY,SAAA;EA0DF;EAxDV,MAAA;EA0DC;EAxDD,IAAA;AAAA;;;;;iBAoDc,QAAA,CACd,MAAA,EAAQ,OAAA,EACR,QAAA,EAAU,WAAA,EACV,IAAA,GAAM,eAAA,GACL,SAAA;;;;;AAiCH;iBAAgB,cAAA,CACd,MAAA,EAAQ,OAAA,EACR,QAAA,EAAU,WAAA,EACV,IAAA,GAAM,eAAA;;;;;;;iBAoBQ,MAAA,CAAO,EAAA,EAAI,WAAA;;;;;;;iBA0BX,eAAA,CACd,MAAA,EAAQ,OAAA,EACR,KAAA,EAAO,WAAA,EACP,IAAA,GAAM,eAAA"}

package/dist/runtime/progressive.js

@@ -0,0 +1,132 @@
+//#region src/runtime/progressive.ts
+const OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+/** Compute `{ x, y }` for `floating` placed against `anchor` at `placement`. */
+function computeXY(anchor, floating, placement, offset) {
+	switch (placement) {
+		case "top": return {
+			x: anchor.left + (anchor.width - floating.width) / 2,
+			y: anchor.top - floating.height - offset
+		};
+		case "bottom": return {
+			x: anchor.left + (anchor.width - floating.width) / 2,
+			y: anchor.bottom + offset
+		};
+		case "left": return {
+			x: anchor.left - floating.width - offset,
+			y: anchor.top + (anchor.height - floating.height) / 2
+		};
+		case "right": return {
+			x: anchor.right + offset,
+			y: anchor.top + (anchor.height - floating.height) / 2
+		};
+	}
+}
+/** True if a rect at (x, y) with size would overflow the viewport. */
+function overflows(x, y, w, h) {
+	const vw = window.innerWidth;
+	const vh = window.innerHeight;
+	return x < 0 || y < 0 || x + w > vw || y + h > vh;
+}
+/**
+* Position `floating` against `anchor` and apply `position: fixed; left/top`.
+* The shared core for both fallbacks. Returns the resolved placement.
+*/
+function position(anchor, floating, opts = {}) {
+	const placement = opts.placement ?? "bottom";
+	const offset = opts.offset ?? 4;
+	const flip = opts.flip ?? true;
+	const aRect = anchor.getBoundingClientRect();
+	const fRect = {
+		width: floating.offsetWidth,
+		height: floating.offsetHeight
+	};
+	let resolved = placement;
+	let { x, y } = computeXY(aRect, fRect, resolved, offset);
+	if (flip && overflows(x, y, fRect.width, fRect.height)) {
+		const alt = OPPOSITE[resolved];
+		const altXY = computeXY(aRect, fRect, alt, offset);
+		if (!overflows(altXY.x, altXY.y, fRect.width, fRect.height)) {
+			resolved = alt;
+			x = altXY.x;
+			y = altXY.y;
+		}
+	}
+	floating.style.position = "fixed";
+	floating.style.left = `${Math.round(x)}px`;
+	floating.style.top = `${Math.round(y)}px`;
+	return resolved;
+}
+/**
+* Fallback for the `anchor:` feature: position `floating` against `anchor`
+* with JS when native CSS anchor positioning is unsupported. Re-positions on
+* scroll/resize; returns a cleanup function that removes the listeners.
+*/
+function anchorFallback(anchor, floating, opts = {}) {
+	const update = () => {
+		position(anchor, floating, opts);
+	};
+	update();
+	window.addEventListener("scroll", update, {
+		passive: true,
+		capture: true
+	});
+	window.addEventListener("resize", update, { passive: true });
+	return () => {
+		window.removeEventListener("scroll", update, { capture: true });
+		window.removeEventListener("resize", update);
+	};
+}
+/**
+* Portal `el` to a top-layer-emulating container appended to `<body>` with a
+* high z-index. Returns a restore function that moves `el` back to its original
+* parent and removes the container. Used by `popoverFallback` when the native
+* Popover API (and its real top layer) is unavailable.
+*/
+function portal(el) {
+	const originalParent = el.parentNode;
+	const originalNext = el.nextSibling;
+	const layer = document.createElement("div");
+	layer.style.position = "fixed";
+	layer.style.left = "0";
+	layer.style.top = "0";
+	layer.style.zIndex = "2147483647";
+	document.body.appendChild(layer);
+	layer.appendChild(el);
+	return () => {
+		if (originalParent) originalParent.insertBefore(el, originalNext);
+		else el.remove();
+		layer.remove();
+	};
+}
+/**
+* Fallback for the `popover:` feature: emulate the Popover API's top layer by
+* portaling `panel` out of the normal flow and positioning it against `anchor`
+* with the SHARED positioning shim (`position`, also used by `anchorFallback`).
+* Returns a cleanup function that tears down the portal + listeners.
+*/
+function popoverFallback(anchor, panel, opts = {}) {
+	const restore = portal(panel);
+	const update = () => {
+		position(anchor, panel, opts);
+	};
+	update();
+	window.addEventListener("scroll", update, {
+		passive: true,
+		capture: true
+	});
+	window.addEventListener("resize", update, { passive: true });
+	return () => {
+		window.removeEventListener("scroll", update, { capture: true });
+		window.removeEventListener("resize", update);
+		restore();
+	};
+}
+//#endregion
+export { anchorFallback, popoverFallback, portal, position };
+
+//# sourceMappingURL=progressive.js.map

package/dist/runtime/progressive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressive.js","names":[],"sources":["../../src/runtime/progressive.ts"],"sourcesContent":["/**\n * `@aihu/css-engine/runtime/progressive` — runtime fallbacks for the\n * `@supports`-gated progressive features (`anchor:`, `popover:`).\n *\n * This is the **separate** browser sub-export from `cn` (Plan 3 Risk #4\n * size-split): merging the two would blow `cn`'s 1 KB budget. This module\n * carries the heavier positioning code under its own 3 KB row.\n *\n * It is a tiny hand-written floating-ui-style positioning shim — NOT the npm\n * `@floating-ui/dom` package. aihu's thesis is dependency-free / tiny bundles,\n * so the shim is ~2 KB of vanilla DOM math, SHARED by `anchorFallback` and\n * `popoverFallback`. Only loaded when native CSS anchor positioning / the\n * Popover API is unsupported (the engine emits a\n * `/* aihu:progressive-fallback ... *​/` marker the consumer wires to these).\n */\n\n/** Where to place the floating element relative to its anchor. */\nexport type Placement = 'top' | 'bottom' | 'left' | 'right'\n\nexport interface PositionOptions {\n  /** Preferred side. Default `'bottom'`. */\n  placement?: Placement\n  /** Gap between anchor and floating element, in px. Default `4`. */\n  offset?: number\n  /** Flip to the opposite side if it would overflow the viewport. Default `true`. */\n  flip?: boolean\n}\n\nconst OPPOSITE: Record<Placement, Placement> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\n\n/** Compute `{ x, y }` for `floating` placed against `anchor` at `placement`. */\nfunction computeXY(\n  anchor: DOMRect,\n  floating: { width: number; height: number },\n  placement: Placement,\n  offset: number,\n): { x: number; y: number } {\n  switch (placement) {\n    case 'top':\n      return {\n        x: anchor.left + (anchor.width - floating.width) / 2,\n        y: anchor.top - floating.height - offset,\n      }\n    case 'bottom':\n      return {\n        x: anchor.left + (anchor.width - floating.width) / 2,\n        y: anchor.bottom + offset,\n      }\n    case 'left':\n      return {\n        x: anchor.left - floating.width - offset,\n        y: anchor.top + (anchor.height - floating.height) / 2,\n      }\n    case 'right':\n      return {\n        x: anchor.right + offset,\n        y: anchor.top + (anchor.height - floating.height) / 2,\n      }\n  }\n}\n\n/** True if a rect at (x, y) with size would overflow the viewport. */\nfunction overflows(x: number, y: number, w: number, h: number): boolean {\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n  return x < 0 || y < 0 || x + w > vw || y + h > vh\n}\n\n/**\n * Position `floating` against `anchor` and apply `position: fixed; left/top`.\n * The shared core for both fallbacks. Returns the resolved placement.\n */\nexport function position(\n  anchor: Element,\n  floating: HTMLElement,\n  opts: PositionOptions = {},\n): Placement {\n  const placement = opts.placement ?? 'bottom'\n  const offset = opts.offset ?? 4\n  const flip = opts.flip ?? true\n\n  const aRect = anchor.getBoundingClientRect()\n  const fRect = { width: floating.offsetWidth, height: floating.offsetHeight }\n\n  let resolved = placement\n  let { x, y } = computeXY(aRect, fRect, resolved, offset)\n\n  // Viewport-collision flip to the opposite side if the preferred one overflows.\n  if (flip && overflows(x, y, fRect.width, fRect.height)) {\n    const alt = OPPOSITE[resolved]\n    const altXY = computeXY(aRect, fRect, alt, offset)\n    if (!overflows(altXY.x, altXY.y, fRect.width, fRect.height)) {\n      resolved = alt\n      x = altXY.x\n      y = altXY.y\n    }\n  }\n\n  floating.style.position = 'fixed'\n  floating.style.left = `${Math.round(x)}px`\n  floating.style.top = `${Math.round(y)}px`\n  return resolved\n}\n\n/**\n * Fallback for the `anchor:` feature: position `floating` against `anchor`\n * with JS when native CSS anchor positioning is unsupported. Re-positions on\n * scroll/resize; returns a cleanup function that removes the listeners.\n */\nexport function anchorFallback(\n  anchor: Element,\n  floating: HTMLElement,\n  opts: PositionOptions = {},\n): () => void {\n  const update = () => {\n    position(anchor, floating, opts)\n  }\n  update()\n  window.addEventListener('scroll', update, { passive: true, capture: true })\n  window.addEventListener('resize', update, { passive: true })\n  return () => {\n    window.removeEventListener('scroll', update, { capture: true } as EventListenerOptions)\n    window.removeEventListener('resize', update)\n  }\n}\n\n/**\n * Portal `el` to a top-layer-emulating container appended to `<body>` with a\n * high z-index. Returns a restore function that moves `el` back to its original\n * parent and removes the container. Used by `popoverFallback` when the native\n * Popover API (and its real top layer) is unavailable.\n */\nexport function portal(el: HTMLElement): () => void {\n  const originalParent = el.parentNode\n  const originalNext = el.nextSibling\n  const layer = document.createElement('div')\n  layer.style.position = 'fixed'\n  layer.style.left = '0'\n  layer.style.top = '0'\n  layer.style.zIndex = '2147483647'\n  document.body.appendChild(layer)\n  layer.appendChild(el)\n  return () => {\n    if (originalParent) {\n      originalParent.insertBefore(el, originalNext)\n    } else {\n      el.remove()\n    }\n    layer.remove()\n  }\n}\n\n/**\n * Fallback for the `popover:` feature: emulate the Popover API's top layer by\n * portaling `panel` out of the normal flow and positioning it against `anchor`\n * with the SHARED positioning shim (`position`, also used by `anchorFallback`).\n * Returns a cleanup function that tears down the portal + listeners.\n */\nexport function popoverFallback(\n  anchor: Element,\n  panel: HTMLElement,\n  opts: PositionOptions = {},\n): () => void {\n  const restore = portal(panel)\n  const update = () => {\n    position(anchor, panel, opts)\n  }\n  update()\n  window.addEventListener('scroll', update, { passive: true, capture: true })\n  window.addEventListener('resize', update, { passive: true })\n  return () => {\n    window.removeEventListener('scroll', update, { capture: true } as EventListenerOptions)\n    window.removeEventListener('resize', update)\n    restore()\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@aihu/css-engine",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./runtime/cn": {
+      "types": "./dist/runtime/cn.d.ts",
+      "import": "./dist/runtime/cn.js"
+    },
+    "./runtime/progressive": {
+      "types": "./dist/runtime/progressive.d.ts",
+      "import": "./dist/runtime/progressive.js"
+    }
+  },
+  "files": [
+    "dist",
+    "crates",
+    "styles",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@aihu/compiler": "0.4.0"
+  },
+  "scripts": {
+    "build": "rolldown -c",
+    "build:rust": "cargo build --release -p aihu-css-core",
+    "gen:cn-map": "bun scripts/gen-cn-conflict-map.ts",
+    "test": "vitest run",
+    "test:rust": "cargo test -p aihu-css-core",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "bun run build:rust && bun run gen:cn-map && bun run build"
+  },
+  "description": "aihu CSS engine — Tailwind v4 hard fork with WC-native scoped output.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fellwork/aihu.git",
+    "directory": "packages/css-engine"
+  },
+  "homepage": "https://github.com/fellwork/aihu/tree/main/packages/css-engine#readme",
+  "bugs": "https://github.com/fellwork/aihu/issues",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/styles/aihu-default.css

@@ -0,0 +1,73 @@
+/* ═══════════════════════════════════════════════════════════════════
+   aihu-default — style pack (brand token CSS bundle)
+   ───────────────────────────────────────────────────────────────────
+   The consumer-shippable CSS form of the aihu brand defaults that the
+   engine's theme registry (crates/aihu-css-core/src/theme.rs) bakes in.
+   Token NAMES here are the contract: any recipe styled against these
+   names works under any interchangeable style pack (e.g. aihu-graphite)
+   with no markup change.
+
+   Extracted from apps/docs/style.css (the canonical brand palette,
+   derived from aihu-logo.html / aihu-wordmark.svg). Light values live in
+   :root; dark overrides in .dark.
+   ═══════════════════════════════════════════════════════════════════ */
+
+:root {
+  /* ── Color tokens (the utility-table contract: bg-primary → var(--color-primary)) ── */
+  --color-primary: #1a1d24;
+  --color-primary-foreground: #faf8f4;
+  --color-secondary: #5a5a55;
+  --color-secondary-foreground: #faf8f4;
+  --color-accent: #c8543a;
+  --color-accent-foreground: #faf8f4;
+  --color-surface: #faf8f4;
+  --color-surface-foreground: #1a1d24;
+  --color-background: #faf8f4;
+  --color-foreground: #1a1d24;
+  --color-muted: #5a5a55;
+  --color-muted-foreground: #8a8880;
+  --color-border: #ddd9d2;
+  --color-ring: #c8543a;
+  --color-destructive: #a8432b;
+  --color-destructive-foreground: #faf8f4;
+
+  /* ── Radius scale ── */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-pill: 999px;
+
+  /* ── Spacing scale ── */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+
+  /* ── Typography ── */
+  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, "Fira Code", "Cascadia Code", monospace;
+}
+
+/* ── Dark theme — same token names, dark values (consumer toggles .dark) ── */
+.dark {
+  --color-primary: #ede8e0;
+  --color-primary-foreground: #1a1d24;
+  --color-secondary: #9e9890;
+  --color-secondary-foreground: #1a1d24;
+  --color-accent: #e8705a;
+  --color-accent-foreground: #1a1d24;
+  --color-surface: #1a1d24;
+  --color-surface-foreground: #ede8e0;
+  --color-background: #13151b;
+  --color-foreground: #ede8e0;
+  --color-muted: #9e9890;
+  --color-muted-foreground: #6e6860;
+  --color-border: #2e3240;
+  --color-ring: #e8705a;
+  --color-destructive: #f08070;
+  --color-destructive-foreground: #1a1d24;
+}

package/styles/aihu-graphite.css

@@ -0,0 +1,71 @@
+/* ═══════════════════════════════════════════════════════════════════
+   aihu-graphite — style pack (monochrome variant)
+   ───────────────────────────────────────────────────────────────────
+   A neutral graphite ramp expressed in oklch(). Mirrors aihu-default.css's
+   token NAMES exactly so the two packs are interchangeable: any recipe
+   styled against `--color-*` / `--radius-*` / `--space-*` works under
+   either pack with no markup change. Only the VALUES differ — graphite is
+   a desaturated (chroma ≈ 0) monochrome scale.
+
+   Same :root (light) + .dark structure as aihu-default.
+   ═══════════════════════════════════════════════════════════════════ */
+
+:root {
+  /* ── Color tokens — monochrome oklch ramp (light) ── */
+  --color-primary: oklch(0.22 0 0);
+  --color-primary-foreground: oklch(0.98 0 0);
+  --color-secondary: oklch(0.45 0 0);
+  --color-secondary-foreground: oklch(0.98 0 0);
+  --color-accent: oklch(0.35 0 0);
+  --color-accent-foreground: oklch(0.98 0 0);
+  --color-surface: oklch(0.99 0 0);
+  --color-surface-foreground: oklch(0.22 0 0);
+  --color-background: oklch(0.99 0 0);
+  --color-foreground: oklch(0.22 0 0);
+  --color-muted: oklch(0.55 0 0);
+  --color-muted-foreground: oklch(0.65 0 0);
+  --color-border: oklch(0.88 0 0);
+  --color-ring: oklch(0.35 0 0);
+  --color-destructive: oklch(0.4 0 0);
+  --color-destructive-foreground: oklch(0.98 0 0);
+
+  /* ── Radius scale (shared contract) ── */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-pill: 999px;
+
+  /* ── Spacing scale (shared contract) ── */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+
+  /* ── Typography (shared contract) ── */
+  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, "Fira Code", "Cascadia Code", monospace;
+}
+
+/* ── Dark theme — same token names, inverted monochrome ramp ── */
+.dark {
+  --color-primary: oklch(0.92 0 0);
+  --color-primary-foreground: oklch(0.18 0 0);
+  --color-secondary: oklch(0.68 0 0);
+  --color-secondary-foreground: oklch(0.18 0 0);
+  --color-accent: oklch(0.78 0 0);
+  --color-accent-foreground: oklch(0.18 0 0);
+  --color-surface: oklch(0.22 0 0);
+  --color-surface-foreground: oklch(0.92 0 0);
+  --color-background: oklch(0.16 0 0);
+  --color-foreground: oklch(0.92 0 0);
+  --color-muted: oklch(0.62 0 0);
+  --color-muted-foreground: oklch(0.5 0 0);
+  --color-border: oklch(0.32 0 0);
+  --color-ring: oklch(0.78 0 0);
+  --color-destructive: oklch(0.7 0 0);
+  --color-destructive-foreground: oklch(0.18 0 0);
+}