rafters 0.0.29 → 0.0.31

package/dist/index.js

@@ -13599,6 +13599,8 @@ async function add(componentArgs, options) {
   const installed = [];
   const skipped = [];
   const installedItems = [];
+  const filteredItems = [];
+  const target = getComponentTarget(config3);
   for (const item of allItems) {
     if (!options.overwrite && isAlreadyInstalled(config3, item)) {
       log({
@@ -13614,6 +13616,12 @@ async function add(componentArgs, options) {
       if (result.installed) {
         installed.push(item.name);
         installedItems.push(item);
+        if (item.type === "ui") {
+          const selection = selectFilesForFramework(item.files, target);
+          filteredItems.push({ ...item, files: selection.files });
+        } else {
+          filteredItems.push(item);
+        }
         log({
           event: "add:installed",
           component: item.name,
@@ -13642,7 +13650,7 @@ async function add(componentArgs, options) {
   };
   let depsResult = emptyDeps;
   try {
-    depsResult = await installRegistryDependencies(allItems, cwd);
+    depsResult = await installRegistryDependencies(filteredItems, cwd);
   } catch (err) {
     const message = err instanceof Error ? err.message : String(err);
     log({
@@ -53304,8 +53312,8 @@ function hexToOKLCH(hex3) {
     return {
       l: oklch2.coords[0] ?? 0,
       c: oklch2.coords[1] ?? 0,
-      h: oklch2.coords[2] ?? 0,
-      // Handle undefined hue for achromatic colors
+      // Achromatic colors (grays) get NaN hue from colorjs.io, not undefined
+      h: Number.isNaN(oklch2.coords[2]) ? 0 : oklch2.coords[2] ?? 0,
       alpha: oklch2.alpha ?? 1
     };
   } catch (_error) {
@@ -53315,13 +53323,10 @@ function hexToOKLCH(hex3) {
 function roundOKLCH(oklch2) {
   return {
     l: Math.round(oklch2.l * 1e3) / 1e3,
-    // 3 decimal places for lightness
     c: Math.round(oklch2.c * 1e3) / 1e3,
-    // 3 decimal places for chroma
-    h: Math.round(oklch2.h),
-    // Whole degrees for hue
+    // NaN hue from achromatic colors defaults to 0
+    h: Number.isNaN(oklch2.h) ? 0 : Math.round(oklch2.h),
     alpha: oklch2.alpha !== void 0 ? Math.round(oklch2.alpha * 100) / 100 : 1
-    // 2 decimal places for alpha
   };
 }
 
@@ -57649,11 +57654,13 @@ function generateRadiusTokens(config3, radiusDefs) {
     } else if (def.step === "full") {
       value2 = "9999px";
       mathRelationship = "infinite (9999px)";
+    } else if (def.step === 0) {
+      value2 = "var(--rafters-radius-base)";
+      mathRelationship = `${baseRadiusRem}rem (base)`;
     } else {
-      const computedPx = Math.round(progression.compute(baseRadius, def.step) * 100) / 100;
-      const computedRem = Math.round(computedPx / 16 * 100) / 100;
-      value2 = `${computedRem}rem`;
-      mathRelationship = def.step === 0 ? `${baseRadiusRem}rem (base)` : `${baseRadiusRem} \xD7 ${progression.ratio}^${def.step}`;
+      const multiplier = Math.round(progression.ratio ** def.step * 1e3) / 1e3;
+      value2 = `calc(var(--rafters-radius-base) * ${multiplier})`;
+      mathRelationship = `base \xD7 ${progression.ratio}^${def.step} (\xD7${multiplier})`;
     }
     tokens.push({
       name: scale3 === "DEFAULT" ? "radius" : `radius-${scale3}`,
@@ -57905,9 +57912,10 @@ function generateSpacingTokens(config3, spacingMultipliers) {
       usageContext = ["hero-spacing", "page-margins", "major-sections"];
     }
     const remValue = value2 / 16;
+    const cssValue = multiplier === 0 ? "0" : multiplier === 1 ? "var(--rafters-spacing-base)" : `calc(var(--rafters-spacing-base) * ${multiplier})`;
     tokens.push({
       name: `spacing-${scale3}`,
-      value: value2 === 0 ? "0" : `${remValue}rem`,
+      value: cssValue,
       category: "spacing",
       namespace: "spacing",
       semanticMeaning: meaning,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "CLI for Rafters design system - scaffold tokens and add components",
   "license": "MIT",
   "type": "module",