@zentauri-ui/zentauri-components 2.1.4 → 2.1.5

package/cli/props.test.ts

@@ -0,0 +1,80 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+
+import { describe, expect, it } from "vitest";
+
+const manifestPath = join(__dirname, "props.json");
+
+type PropsManifest = {
+  components: Record<
+    string,
+    {
+      subcomponents: Array<{
+        name: string;
+        propsType: string;
+        props: Array<{
+          name: string;
+          options?: string[];
+          default?: string;
+          description?: string;
+          group: string;
+          isVariant?: boolean;
+        }>;
+      }>;
+    }
+  >;
+};
+
+function readManifest() {
+  return JSON.parse(readFileSync(manifestPath, "utf8")) as PropsManifest;
+}
+
+describe("props manifest", () => {
+  it("documents accordion variants and compound props without dumping raw DOM props", () => {
+    const manifest = readManifest();
+    const accordion = manifest.components.accordion;
+
+    expect(accordion).toBeDefined();
+
+    const root = accordion.subcomponents.find(
+      (subcomponent) => subcomponent.propsType === "AccordionProps",
+    );
+    const item = accordion.subcomponents.find(
+      (subcomponent) => subcomponent.propsType === "AccordionItemProps",
+    );
+
+    expect(root?.props).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          name: "appearance",
+          group: "variant",
+          isVariant: true,
+          default: "default",
+          options: expect.arrayContaining(["default", "blue", "ghost"]),
+        }),
+        expect.objectContaining({
+          name: "size",
+          group: "variant",
+          isVariant: true,
+          default: "md",
+          options: expect.arrayContaining(["sm", "md", "lg"]),
+        }),
+        expect.objectContaining({
+          name: "value",
+          group: "controlled",
+          description: "Controlled value for `single` mode.",
+        }),
+      ]),
+    );
+
+    expect(item?.props).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          name: "value",
+          group: "controlled",
+        }),
+      ]),
+    );
+    expect(item?.props.map((prop) => prop.name)).not.toContain("aria-label");
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
   "keywords": [
     "react",
@@ -60,6 +60,7 @@
       "import": "./dist/design-system/facade.mjs",
       "require": "./dist/design-system/facade.js"
     },
+    "./props.json": "./cli/props.json",
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",
       "import": "./dist/ui/*.mjs",
@@ -97,10 +98,12 @@
     "build:types": "tsc -p tsconfig.emit-types.json",
     "build": "npm run build:js && npm run build:types",
     "generate:registry": "node scripts/generate-registry.mjs",
+    "generate:props": "node scripts/generate-props.mjs",
     "update:test-health": "node scripts/update-test-health.mjs",
     "check:tokens": "node scripts/check-design-tokens.mjs",
+    "check:props": "node scripts/check-props.mjs",
     "check:exports": "node scripts/check-exports.mjs",
-    "prepack": "npm run build && node scripts/generate-registry.mjs && node scripts/check-design-tokens.mjs && node scripts/check-exports.mjs",
+    "prepack": "npm run build && node scripts/generate-registry.mjs && node scripts/generate-props.mjs && node scripts/check-design-tokens.mjs && node scripts/check-props.mjs && node scripts/check-exports.mjs",
     "lint": "eslint .",
     "check-types": "tsc -p tsconfig.check-types.json --noEmit",
     "test": "vitest run",