@ai-matrx/associations 0.5.2 → 0.6.1

package/dist/react/lazy/index.cjs

@@ -0,0 +1,89 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react-lazy/index.tsx
+var react_lazy_exports = {};
+__export(react_lazy_exports, {
+  AssociationCaptureToolbar: () => AssociationCaptureToolbar,
+  AssociationCard: () => AssociationCard,
+  AssociationCardGrid: () => AssociationCardGrid,
+  AssociationEntitySelect: () => AssociationEntitySelect,
+  AssociationList: () => AssociationList,
+  AssociationPicker: () => AssociationPicker,
+  AssociationWindow: () => AssociationWindow,
+  AttachedItemsSheet: () => AttachedItemsSheet,
+  CategorySelect: () => CategorySelect,
+  CategoryTagPicker: () => CategoryTagPicker,
+  CommentThread: () => CommentThread,
+  UniversalAssociationPicker: () => UniversalAssociationPicker
+});
+module.exports = __toCommonJS(react_lazy_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var faces = () => import("@ai-matrx/associations/react");
+function split(pick, fallback) {
+  const Loaded = (0, import_react.lazy)(async () => ({ default: pick(await faces()) }));
+  return function LazyFace(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: fallback ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loaded, { ...props }) });
+  };
+}
+var AssociationWindow = split(
+  (m) => m.AssociationWindow
+);
+var AssociationPicker = split(
+  (m) => m.AssociationPicker
+);
+var UniversalAssociationPicker = split((m) => m.UniversalAssociationPicker);
+var AttachedItemsSheet = split(
+  (m) => m.AttachedItemsSheet
+);
+var AssociationCard = split(
+  (m) => m.AssociationCard
+);
+var AssociationCardGrid = split(
+  (m) => m.AssociationCardGrid
+);
+var AssociationList = split(
+  (m) => m.AssociationList
+);
+var AssociationCaptureToolbar = split(
+  (m) => m.AssociationCaptureToolbar
+);
+var AssociationEntitySelect = split(
+  (m) => m.AssociationEntitySelect
+);
+var CategorySelect = split(
+  (m) => m.CategorySelect
+);
+var CategoryTagPicker = split(
+  (m) => m.CategoryTagPicker
+);
+var CommentThread = split((m) => m.CommentThread);
+//# sourceMappingURL=index.cjs.map

package/dist/react/lazy/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react-lazy/index.tsx"],"sourcesContent":["// @ai-matrx/associations/react/lazy — the PACKAGE-OWNED split entry.\n//\n// THE PROBLEM this closes (C23 § framework differences): `/react` is one\n// chunk. A surface that statically imports a single card pulls the whole\n// faces bundle — every picker, the comment thread, the window shell — into\n// whatever route bundle it lands in. Hosts were solving that themselves,\n// each with its own hand-written `next/dynamic({ ssr: false })` glue per\n// component. The split is a package concern, so the package ships it.\n//\n// Every export here is the SAME component under the same props, behind a\n// real lazy edge: the body arrives only when the component first renders.\n//\n//   import { AssociationCardGrid } from \"@ai-matrx/associations/react/lazy\";\n//\n// MECHANISM: the loader dynamic-imports this package's OWN `/react` subpath\n// by name. That specifier stays external in our build, so the CONSUMER's\n// bundler (Next/webpack, Vite/rollup) resolves it and emits the real chunk —\n// exactly what a host's `next/dynamic` was doing, minus the host code and\n// minus the `next` dependency. No framework import is involved, so Next,\n// Vite, the Tauri shell and Jest all behave identically.\n//\n// SSR: these faces are `\"use client\"` and are all opened by a user gesture,\n// so the loader fires client-side and no server render ever reaches them —\n// the reason hosts wrote `ssr: false` disappears rather than being ported.\n//\n// Not lazy, deliberately: `AssociationsProvider`, the hooks, and the\n// registry/`contentRoles` helpers. Those are boot-time and light; a lazy\n// provider would suspend the whole tree.\n\nimport { Suspense, lazy, type ComponentType, type ReactNode } from \"react\";\n\nimport type {\n  AssociationCardGridProps,\n  AssociationCardProps,\n  AssociationListProps,\n  AssociationCaptureToolbarProps,\n  AssociationEntitySelectProps,\n  AssociationWindowProps,\n  AttachedItemsSheetProps,\n  CategorySelectProps,\n  CategoryTagPickerProps,\n  CommentThreadProps,\n  UniversalAssociationPickerProps,\n} from \"../react/index\";\nimport type { AssociationPickerProps } from \"../ports\";\n\n/** The one dynamic edge — every face rides it, so there is one chunk. */\nconst faces = () => import(\"@ai-matrx/associations/react\");\n\nfunction split<P extends object>(\n  pick: (m: Awaited<ReturnType<typeof faces>>) => ComponentType<P>,\n  fallback?: ReactNode,\n): ComponentType<P> {\n  const Loaded = lazy(async () => ({ default: pick(await faces()) }));\n  return function LazyFace(props: P) {\n    return (\n      <Suspense fallback={fallback ?? null}>\n        <Loaded {...props} />\n      </Suspense>\n    );\n  };\n}\n\nexport const AssociationWindow = split<AssociationWindowProps>(\n  (m) => m.AssociationWindow,\n);\nexport const AssociationPicker = split<AssociationPickerProps>(\n  (m) => m.AssociationPicker,\n);\nexport const UniversalAssociationPicker =\n  split<UniversalAssociationPickerProps>((m) => m.UniversalAssociationPicker);\nexport const AttachedItemsSheet = split<AttachedItemsSheetProps>(\n  (m) => m.AttachedItemsSheet,\n);\nexport const AssociationCard = split<AssociationCardProps>(\n  (m) => m.AssociationCard,\n);\nexport const AssociationCardGrid = split<AssociationCardGridProps>(\n  (m) => m.AssociationCardGrid,\n);\nexport const AssociationList = split<AssociationListProps>(\n  (m) => m.AssociationList,\n);\nexport const AssociationCaptureToolbar = split<AssociationCaptureToolbarProps>(\n  (m) => m.AssociationCaptureToolbar,\n);\nexport const AssociationEntitySelect = split<AssociationEntitySelectProps>(\n  (m) => m.AssociationEntitySelect,\n);\nexport const CategorySelect = split<CategorySelectProps>(\n  (m) => m.CategorySelect,\n);\nexport const CategoryTagPicker = split<CategoryTagPickerProps>(\n  (m) => m.CategoryTagPicker,\n);\nexport const CommentThread = split<CommentThreadProps>((m) => m.CommentThread);\n\nexport type {\n  AssociationCardGridProps,\n  AssociationCardProps,\n  AssociationListProps,\n  AssociationCaptureToolbarProps,\n  AssociationEntitySelectProps,\n  AssociationPickerProps,\n  AssociationWindowProps,\n  AttachedItemsSheetProps,\n  CategorySelectProps,\n  CategoryTagPickerProps,\n  CommentThreadProps,\n  UniversalAssociationPickerProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BA,mBAAmE;AA4B3D;AAVR,IAAM,QAAQ,MAAM,OAAO,8BAA8B;AAEzD,SAAS,MACP,MACA,UACkB;AAClB,QAAM,aAAS,mBAAK,aAAa,EAAE,SAAS,KAAK,MAAM,MAAM,CAAC,EAAE,EAAE;AAClE,SAAO,SAAS,SAAS,OAAU;AACjC,WACE,4CAAC,yBAAS,UAAU,YAAY,MAC9B,sDAAC,UAAQ,GAAG,OAAO,GACrB;AAAA,EAEJ;AACF;AAEO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,6BACX,MAAuC,CAAC,MAAM,EAAE,0BAA0B;AACrE,IAAM,qBAAqB;AAAA,EAChC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,sBAAsB;AAAA,EACjC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,4BAA4B;AAAA,EACvC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,0BAA0B;AAAA,EACrC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,iBAAiB;AAAA,EAC5B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,gBAAgB,MAA0B,CAAC,MAAM,EAAE,aAAa;","names":[]}

package/dist/react/lazy/index.d.cts

@@ -0,0 +1,17 @@
+import { ComponentType } from 'react';
+import { A as AssociationCaptureToolbarProps, a as AssociationCardProps, b as AssociationCardGridProps, c as AssociationEntitySelectProps, d as AssociationListProps, e as AssociationPickerProps, f as AssociationWindowProps, g as AttachedItemsSheetProps, C as CategorySelectProps, h as CategoryTagPickerProps, i as CommentThreadProps, U as UniversalAssociationPickerProps } from '../../CommentThread-E0zSQBbc.cjs';
+
+declare const AssociationWindow: ComponentType<AssociationWindowProps>;
+declare const AssociationPicker: ComponentType<AssociationPickerProps>;
+declare const UniversalAssociationPicker: ComponentType<UniversalAssociationPickerProps>;
+declare const AttachedItemsSheet: ComponentType<AttachedItemsSheetProps>;
+declare const AssociationCard: ComponentType<AssociationCardProps>;
+declare const AssociationCardGrid: ComponentType<AssociationCardGridProps>;
+declare const AssociationList: ComponentType<AssociationListProps>;
+declare const AssociationCaptureToolbar: ComponentType<AssociationCaptureToolbarProps>;
+declare const AssociationEntitySelect: ComponentType<AssociationEntitySelectProps>;
+declare const CategorySelect: ComponentType<CategorySelectProps>;
+declare const CategoryTagPicker: ComponentType<CategoryTagPickerProps>;
+declare const CommentThread: ComponentType<CommentThreadProps>;
+
+export { AssociationCaptureToolbar, AssociationCaptureToolbarProps, AssociationCard, AssociationCardGrid, AssociationCardGridProps, AssociationCardProps, AssociationEntitySelect, AssociationEntitySelectProps, AssociationList, AssociationListProps, AssociationPicker, AssociationPickerProps, AssociationWindow, AssociationWindowProps, AttachedItemsSheet, AttachedItemsSheetProps, CategorySelect, CategorySelectProps, CategoryTagPicker, CategoryTagPickerProps, CommentThread, CommentThreadProps, UniversalAssociationPicker, UniversalAssociationPickerProps };

package/dist/react/lazy/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType } from 'react';
+import { A as AssociationCaptureToolbarProps, a as AssociationCardProps, b as AssociationCardGridProps, c as AssociationEntitySelectProps, d as AssociationListProps, e as AssociationPickerProps, f as AssociationWindowProps, g as AttachedItemsSheetProps, C as CategorySelectProps, h as CategoryTagPickerProps, i as CommentThreadProps, U as UniversalAssociationPickerProps } from '../../CommentThread-E0zSQBbc.js';
+
+declare const AssociationWindow: ComponentType<AssociationWindowProps>;
+declare const AssociationPicker: ComponentType<AssociationPickerProps>;
+declare const UniversalAssociationPicker: ComponentType<UniversalAssociationPickerProps>;
+declare const AttachedItemsSheet: ComponentType<AttachedItemsSheetProps>;
+declare const AssociationCard: ComponentType<AssociationCardProps>;
+declare const AssociationCardGrid: ComponentType<AssociationCardGridProps>;
+declare const AssociationList: ComponentType<AssociationListProps>;
+declare const AssociationCaptureToolbar: ComponentType<AssociationCaptureToolbarProps>;
+declare const AssociationEntitySelect: ComponentType<AssociationEntitySelectProps>;
+declare const CategorySelect: ComponentType<CategorySelectProps>;
+declare const CategoryTagPicker: ComponentType<CategoryTagPickerProps>;
+declare const CommentThread: ComponentType<CommentThreadProps>;
+
+export { AssociationCaptureToolbar, AssociationCaptureToolbarProps, AssociationCard, AssociationCardGrid, AssociationCardGridProps, AssociationCardProps, AssociationEntitySelect, AssociationEntitySelectProps, AssociationList, AssociationListProps, AssociationPicker, AssociationPickerProps, AssociationWindow, AssociationWindowProps, AttachedItemsSheet, AttachedItemsSheetProps, CategorySelect, CategorySelectProps, CategoryTagPicker, CategoryTagPickerProps, CommentThread, CommentThreadProps, UniversalAssociationPicker, UniversalAssociationPickerProps };

package/dist/react/lazy/index.js

@@ -0,0 +1,59 @@
+"use client";
+
+// src/react-lazy/index.tsx
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+var faces = () => import("@ai-matrx/associations/react");
+function split(pick, fallback) {
+  const Loaded = lazy(async () => ({ default: pick(await faces()) }));
+  return function LazyFace(props) {
+    return /* @__PURE__ */ jsx(Suspense, { fallback: fallback ?? null, children: /* @__PURE__ */ jsx(Loaded, { ...props }) });
+  };
+}
+var AssociationWindow = split(
+  (m) => m.AssociationWindow
+);
+var AssociationPicker = split(
+  (m) => m.AssociationPicker
+);
+var UniversalAssociationPicker = split((m) => m.UniversalAssociationPicker);
+var AttachedItemsSheet = split(
+  (m) => m.AttachedItemsSheet
+);
+var AssociationCard = split(
+  (m) => m.AssociationCard
+);
+var AssociationCardGrid = split(
+  (m) => m.AssociationCardGrid
+);
+var AssociationList = split(
+  (m) => m.AssociationList
+);
+var AssociationCaptureToolbar = split(
+  (m) => m.AssociationCaptureToolbar
+);
+var AssociationEntitySelect = split(
+  (m) => m.AssociationEntitySelect
+);
+var CategorySelect = split(
+  (m) => m.CategorySelect
+);
+var CategoryTagPicker = split(
+  (m) => m.CategoryTagPicker
+);
+var CommentThread = split((m) => m.CommentThread);
+export {
+  AssociationCaptureToolbar,
+  AssociationCard,
+  AssociationCardGrid,
+  AssociationEntitySelect,
+  AssociationList,
+  AssociationPicker,
+  AssociationWindow,
+  AttachedItemsSheet,
+  CategorySelect,
+  CategoryTagPicker,
+  CommentThread,
+  UniversalAssociationPicker
+};
+//# sourceMappingURL=index.js.map

package/dist/react/lazy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/react-lazy/index.tsx"],"sourcesContent":["// @ai-matrx/associations/react/lazy — the PACKAGE-OWNED split entry.\n//\n// THE PROBLEM this closes (C23 § framework differences): `/react` is one\n// chunk. A surface that statically imports a single card pulls the whole\n// faces bundle — every picker, the comment thread, the window shell — into\n// whatever route bundle it lands in. Hosts were solving that themselves,\n// each with its own hand-written `next/dynamic({ ssr: false })` glue per\n// component. The split is a package concern, so the package ships it.\n//\n// Every export here is the SAME component under the same props, behind a\n// real lazy edge: the body arrives only when the component first renders.\n//\n//   import { AssociationCardGrid } from \"@ai-matrx/associations/react/lazy\";\n//\n// MECHANISM: the loader dynamic-imports this package's OWN `/react` subpath\n// by name. That specifier stays external in our build, so the CONSUMER's\n// bundler (Next/webpack, Vite/rollup) resolves it and emits the real chunk —\n// exactly what a host's `next/dynamic` was doing, minus the host code and\n// minus the `next` dependency. No framework import is involved, so Next,\n// Vite, the Tauri shell and Jest all behave identically.\n//\n// SSR: these faces are `\"use client\"` and are all opened by a user gesture,\n// so the loader fires client-side and no server render ever reaches them —\n// the reason hosts wrote `ssr: false` disappears rather than being ported.\n//\n// Not lazy, deliberately: `AssociationsProvider`, the hooks, and the\n// registry/`contentRoles` helpers. Those are boot-time and light; a lazy\n// provider would suspend the whole tree.\n\nimport { Suspense, lazy, type ComponentType, type ReactNode } from \"react\";\n\nimport type {\n  AssociationCardGridProps,\n  AssociationCardProps,\n  AssociationListProps,\n  AssociationCaptureToolbarProps,\n  AssociationEntitySelectProps,\n  AssociationWindowProps,\n  AttachedItemsSheetProps,\n  CategorySelectProps,\n  CategoryTagPickerProps,\n  CommentThreadProps,\n  UniversalAssociationPickerProps,\n} from \"../react/index\";\nimport type { AssociationPickerProps } from \"../ports\";\n\n/** The one dynamic edge — every face rides it, so there is one chunk. */\nconst faces = () => import(\"@ai-matrx/associations/react\");\n\nfunction split<P extends object>(\n  pick: (m: Awaited<ReturnType<typeof faces>>) => ComponentType<P>,\n  fallback?: ReactNode,\n): ComponentType<P> {\n  const Loaded = lazy(async () => ({ default: pick(await faces()) }));\n  return function LazyFace(props: P) {\n    return (\n      <Suspense fallback={fallback ?? null}>\n        <Loaded {...props} />\n      </Suspense>\n    );\n  };\n}\n\nexport const AssociationWindow = split<AssociationWindowProps>(\n  (m) => m.AssociationWindow,\n);\nexport const AssociationPicker = split<AssociationPickerProps>(\n  (m) => m.AssociationPicker,\n);\nexport const UniversalAssociationPicker =\n  split<UniversalAssociationPickerProps>((m) => m.UniversalAssociationPicker);\nexport const AttachedItemsSheet = split<AttachedItemsSheetProps>(\n  (m) => m.AttachedItemsSheet,\n);\nexport const AssociationCard = split<AssociationCardProps>(\n  (m) => m.AssociationCard,\n);\nexport const AssociationCardGrid = split<AssociationCardGridProps>(\n  (m) => m.AssociationCardGrid,\n);\nexport const AssociationList = split<AssociationListProps>(\n  (m) => m.AssociationList,\n);\nexport const AssociationCaptureToolbar = split<AssociationCaptureToolbarProps>(\n  (m) => m.AssociationCaptureToolbar,\n);\nexport const AssociationEntitySelect = split<AssociationEntitySelectProps>(\n  (m) => m.AssociationEntitySelect,\n);\nexport const CategorySelect = split<CategorySelectProps>(\n  (m) => m.CategorySelect,\n);\nexport const CategoryTagPicker = split<CategoryTagPickerProps>(\n  (m) => m.CategoryTagPicker,\n);\nexport const CommentThread = split<CommentThreadProps>((m) => m.CommentThread);\n\nexport type {\n  AssociationCardGridProps,\n  AssociationCardProps,\n  AssociationListProps,\n  AssociationCaptureToolbarProps,\n  AssociationEntitySelectProps,\n  AssociationPickerProps,\n  AssociationWindowProps,\n  AttachedItemsSheetProps,\n  CategorySelectProps,\n  CategoryTagPickerProps,\n  CommentThreadProps,\n  UniversalAssociationPickerProps,\n};\n"],"mappings":";;;AA6BA,SAAS,UAAU,YAAgD;AA4B3D;AAVR,IAAM,QAAQ,MAAM,OAAO,8BAA8B;AAEzD,SAAS,MACP,MACA,UACkB;AAClB,QAAM,SAAS,KAAK,aAAa,EAAE,SAAS,KAAK,MAAM,MAAM,CAAC,EAAE,EAAE;AAClE,SAAO,SAAS,SAAS,OAAU;AACjC,WACE,oBAAC,YAAS,UAAU,YAAY,MAC9B,8BAAC,UAAQ,GAAG,OAAO,GACrB;AAAA,EAEJ;AACF;AAEO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,6BACX,MAAuC,CAAC,MAAM,EAAE,0BAA0B;AACrE,IAAM,qBAAqB;AAAA,EAChC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,sBAAsB;AAAA,EACjC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,kBAAkB;AAAA,EAC7B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,4BAA4B;AAAA,EACvC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,0BAA0B;AAAA,EACrC,CAAC,MAAM,EAAE;AACX;AACO,IAAM,iBAAiB;AAAA,EAC5B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,oBAAoB;AAAA,EAC/B,CAAC,MAAM,EAAE;AACX;AACO,IAAM,gBAAgB,MAA0B,CAAC,MAAM,EAAE,aAAa;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/associations",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "description": "THE one way to relate two entities on the AI Matrx platform: the association edge vocabulary, the generated 650-token entity-type registry, the demanded RPC contract (assoc_/cat_/ues_ families), and the typed ports the headless core and React faces bind through. This package DEMANDS the platform.associations schema — a consumer who won't run our schema is not this package's consumer.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -62,18 +62,32 @@
         "default": "./dist/react/index.cjs"
       }
     },
+    "./react/lazy": {
+      "import": {
+        "types": "./dist/react/lazy/index.d.ts",
+        "default": "./dist/react/lazy/index.js"
+      },
+      "require": {
+        "types": "./dist/react/lazy/index.d.cts",
+        "default": "./dist/react/lazy/index.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "react": ">=18.0.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
       "optional": true
+    },
+    "react-dom": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@ai-matrx/design-system": "^0.3.1"
+    "@ai-matrx/design-system": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
@@ -91,7 +105,7 @@
     "tsx": "^4.19.2",
     "typescript": "^5.9.3",
     "vitest": "^4.1.6",
-    "@ai-matrx/data": "0.3.0",
+    "@ai-matrx/data": "0.6.2",
     "@ai-matrx/kit": "0.7.3"
   },
   "publishConfig": {