@dreamtree-org/twreact-ui 1.3.0 → 1.3.2

package/mcp/server-core.mjs

@@ -38,10 +38,15 @@ function asText(obj) {
   return { content: [{ type: "text", text: typeof obj === "string" ? obj : JSON.stringify(obj, null, 2) }] };
 }
 
+// The module a catalog entry is imported from: the root package, or an
+// optional-peer subpath such as "@dreamtree-org/twreact-ui/charts".
+const importFrom = (c) => c.importFrom || PKG;
+
 function componentSummary(c) {
   return {
     name: c.name,
     group: c.group,
+    importFrom: importFrom(c),
     familyExports: c.familyExports,
     hasDoc: c.hasDoc,
     description: c.description,
@@ -53,7 +58,13 @@ function fullComponent(c) {
     name: c.name,
     group: c.group,
     familyExports: c.familyExports,
-    import: `import { ${[c.name, ...c.familyExports].join(", ")} } from "${PKG}";`,
+    import: `import { ${[c.name, ...c.familyExports].join(", ")} } from "${importFrom(c)}";`,
+    ...(c.peerDependencies && c.peerDependencies.length
+      ? {
+          peerDependencies: c.peerDependencies,
+          install: `npm install ${c.peerDependencies.join(" ")}`,
+        }
+      : {}),
     description: c.description,
     props: c.props,
     examples: c.examples,
@@ -106,6 +117,23 @@ const TOOLS = [
   },
 ];
 
+// One prompt line per optional-peer subpath, derived from the catalog so it
+// cannot drift from the real entry points.
+function subpathRules(c) {
+  const bySubpath = new Map();
+  for (const x of c.components) {
+    if (importFrom(x) === PKG) continue;
+    if (!bySubpath.has(x.importFrom)) bySubpath.set(x.importFrom, { names: [], peers: x.peerDependencies || [] });
+    bySubpath.get(x.importFrom).names.push(x.name);
+  }
+  return [...bySubpath]
+    .map(
+      ([from, { names, peers }]) =>
+        `- ${names.join(", ")} must be imported from "${from}" (never the root); it needs the optional peer(s) ${peers.join(" ")}.\n`
+    )
+    .join("");
+}
+
 const SKILL_URI = "dreamtree://skill";
 const docName = (name) => `dreamtree://docs/${name}`;
 
@@ -223,6 +251,7 @@ export function createServer({ version, catalog }) {
       `- Use the shared vocabulary: variant = primary|secondary|outline|ghost|destructive|success|warning; size = xs|sm|md|lg|xl. Never pass a raw color prop.\n` +
       `- Wrap the tree in <ThemeProvider> when using dark mode or useTheme; <StoreProvider> only if using useMixins.\n` +
       `- The consumer's tailwind.config.js content[] must include ./node_modules/${PKG}/dist/**/*.{js,mjs}.\n` +
+      subpathRules(c) +
       `- Read the dreamtree://skill resource for full wiring + examples.\n` +
       (task ? `\nTask: ${task}\n` : "");
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",
@@ -8,14 +8,38 @@
     "url": "https://www.linkedin.com/in/partha-preetham-krishna-68ba00197/"
   },
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "module": "./dist/esm/index.js",
+      "default": "./dist/index.js"
+    },
+    "./charts": {
+      "types": "./dist/charts/index.d.ts",
+      "module": "./dist/esm/charts/index.js",
+      "default": "./dist/charts/index.js"
+    },
+    "./rich-text": {
+      "types": "./dist/rich-text/index.d.ts",
+      "module": "./dist/esm/rich-text/index.js",
+      "default": "./dist/rich-text/index.js"
+    },
+    "./package.json": "./package.json",
+    "./*": "./*"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "bin": {
     "twreact-ui": "./bin/cli.mjs"
   },
   "files": [
     "dist",
+    "charts/package.json",
+    "rich-text/package.json",
     "bin/cli.mjs",
     "mcp/server-core.mjs",
     "mcp/catalog-core.mjs",
@@ -100,7 +124,25 @@
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",
-    "react-dom": "^18.3.1 || ^19.0.0"
+    "react-dom": "^18.3.1 || ^19.0.0",
+    "@tiptap/pm": "^3.0.0",
+    "@tiptap/react": "^3.0.0",
+    "@tiptap/starter-kit": "^3.0.0",
+    "recharts": "^2.15.0 || ^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@hookform/resolvers": "^3.10.0",
@@ -132,6 +174,10 @@
     "@storybook/react-vite": "8.6.15",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^13.4.0",
+    "@tiptap/core": "^3.32.0",
+    "@tiptap/pm": "^3.32.0",
+    "@tiptap/react": "^3.32.0",
+    "@tiptap/starter-kit": "^3.32.0",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.2",
     "@types/react": "^18.3.18",
@@ -151,6 +197,8 @@
     "postcss": "^8.5.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
+    "recharts": "^3.10.1",
     "rollup": "^4.57.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",

package/rich-text/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/rich-text/index.js",
+  "module": "../dist/esm/rich-text/index.js",
+  "types": "../dist/rich-text/index.d.ts"
+}

package/tokens/brands/studio.json

@@ -0,0 +1,20 @@
+{
+  "name": "studio",
+  "label": "Dreamtree Studio",
+  "$description": "Indigo primary for Dreamtree Studio, the MCP prototyping harness (its own app pages, not the prototypes it renders). The shell, background and text roles are the shared slate defaults, so only the primary scale changes. Indigo 600 (#4f46e5) is 6.3:1 on white and 600/700 pass WCAG AA for text on white.",
+  "color": {
+    "primary": {
+      "50": "#eef2ff",
+      "100": "#e0e7ff",
+      "200": "#c7d2fe",
+      "300": "#a5b4fc",
+      "400": "#818cf8",
+      "500": "#6366f1",
+      "600": "#4f46e5",
+      "700": "#4338ca",
+      "800": "#3730a3",
+      "900": "#312e81",
+      "950": "#1e1b4b"
+    }
+  }
+}