@kinetixui/cli 0.16.1 → 0.18.0

package/dist/index.js

@@ -422,10 +422,25 @@ async function inspect(name, options) {
   }
   const spec = await fetchComponentSpec(options.registry, name);
   if (spec) {
-    console.log();
-    console.log(pc4.dim("Variants:"));
-    for (const [axis, options_] of Object.entries(spec.variants)) {
-      console.log(`  ${pc4.dim(axis)}   ${options_.join(", ")}`);
+    if (spec.since || spec.status) {
+      console.log();
+      console.log(`${pc4.dim("Since:")}  ${spec.since ?? "\u2014"}  ${pc4.dim(spec.status ? `(${spec.status})` : "")}`);
+    }
+    const axes = Object.entries(spec.variants ?? {});
+    if (axes.length) {
+      console.log();
+      console.log(pc4.dim("Variants:"));
+      for (const [axis, options_] of axes) {
+        console.log(`  ${pc4.dim(axis)}   ${options_.join(", ")}`);
+      }
+    }
+    if (spec.components?.length) {
+      console.log();
+      console.log(pc4.dim("Parts:"));
+      for (const part of spec.components) {
+        const own = part.props.map((p) => p.required ? p.name : `${p.name}?`);
+        console.log(`  ${part.name}${own.length ? `   ${pc4.dim(own.join(", "))}` : ""}`);
+      }
     }
   }
   console.log();
@@ -727,7 +742,14 @@ var ACCEPTED_TOKENS = [
   "destructive-foreground",
   "border",
   "input",
-  "ring"
+  "ring",
+  // role tokens layered over primary/ring — optional; when unset they resolve to primary / ring
+  "action",
+  "action-foreground",
+  "link",
+  "focus",
+  "brand",
+  "brand-foreground"
 ];
 var EXAMPLE_VALUES = {
   background: "#ffffff",
@@ -748,7 +770,13 @@ var EXAMPLE_VALUES = {
   "destructive-foreground": "#ffffff",
   border: "#e2e8f0",
   input: "#e2e8f0",
-  ring: "#2563eb"
+  ring: "#2563eb",
+  action: "#2563eb",
+  "action-foreground": "#ffffff",
+  link: "#2563eb",
+  focus: "#2563eb",
+  brand: "#0f172a",
+  "brand-foreground": "#ffffff"
 };
 var FOREGROUND_OF = {
   background: "foreground",
@@ -758,7 +786,9 @@ var FOREGROUND_OF = {
   secondary: "secondary-foreground",
   muted: "muted-foreground",
   accent: "accent-foreground",
-  destructive: "destructive-foreground"
+  destructive: "destructive-foreground",
+  action: "action-foreground",
+  brand: "brand-foreground"
 };
 var CONTRAST_PAIRS = [
   ["background", "foreground"],
@@ -768,7 +798,9 @@ var CONTRAST_PAIRS = [
   ["secondary", "secondary-foreground"],
   ["muted", "muted-foreground"],
   ["accent", "accent-foreground"],
-  ["destructive", "destructive-foreground"]
+  ["destructive", "destructive-foreground"],
+  ["action", "action-foreground"],
+  ["brand", "brand-foreground"]
 ];
 var isAccepted = (t) => ACCEPTED_TOKENS.includes(t);
 function parseThemeFile(text) {
@@ -900,7 +932,7 @@ async function themeBuild(name, options) {
 // package.json
 var package_default = {
   name: "@kinetixui/cli",
-  version: "0.16.1",
+  version: "0.18.0",
   description: "Add KinetixUI components and tokens to your project.",
   type: "module",
   license: "MIT",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/cli",
-  "version": "0.16.1",
+  "version": "0.18.0",
   "description": "Add KinetixUI components and tokens to your project.",
   "type": "module",
   "license": "MIT",