@ai-matrx/rich-content 0.2.49 → 0.2.51

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.2.51
+
+- A list holding a checklist item keeps its bullets and indent: remark-gfm's `contains-task-list` class is merged into the list's own classes instead of replacing them (prose renderer and the configurable chat renderer). Checklist items show only their checkbox (`list-none`). Live: notes Split showed `- item a` beside `- [ ] todo` as plain lines.
+
+Consumer action: none.
+
+## 0.2.50
+
+- `utils/client-lazy` re-exports `@ai-matrx/kit/client-lazy` (`clientLazy`, `useIsClient`) — one home
+  for the host-neutral lazy loader; chat's identical copy points there too (architecture step 3).
+
+Consumer action: none. Needs `@ai-matrx/kit` ≥ 0.38.0.
+
 ## 0.2.49
 
 - The code block's HTML "Preview" button opens the `html` canvas kind with the source

package/dist/display/chat-markdown/ConfigurableMarkdownContent.js

@@ -364,7 +364,7 @@ const ConfigurableMarkdownContentBody = ({
           );
         }),
         // ---- ul ----
-        ul: componentOverrides?.ul ?? (({ node, children, ...props }) => {
+        ul: componentOverrides?.ul ?? (({ node, children, className, ...props }) => {
           const listText = extractText(children);
           const listDirection = detectTextDirection(listText);
           return /* @__PURE__ */ jsx(
@@ -377,7 +377,9 @@ const ConfigurableMarkdownContentBody = ({
                 typography.leading,
                 getFontSize(listDirection),
                 spacing.listPl,
-                getDirectionClasses(listDirection)
+                getDirectionClasses(listDirection),
+                // remark-gfm's `contains-task-list`: merged, never spread over ours.
+                className
               ),
               dir: listDirection,
               ...props,
@@ -386,7 +388,7 @@ const ConfigurableMarkdownContentBody = ({
           );
         }),
         // ---- ol ----
-        ol: componentOverrides?.ol ?? (({ node, children, ...props }) => {
+        ol: componentOverrides?.ol ?? (({ node, children, className, ...props }) => {
           const listText = extractText(children);
           const listDirection = detectTextDirection(listText);
           return /* @__PURE__ */ jsx(
@@ -399,7 +401,9 @@ const ConfigurableMarkdownContentBody = ({
                 typography.leading,
                 getFontSize(listDirection),
                 spacing.listPl,
-                getDirectionClasses(listDirection)
+                getDirectionClasses(listDirection),
+                // remark-gfm's `contains-task-list`: merged, never spread over ours.
+                className
               ),
               dir: listDirection,
               ...props,
@@ -419,7 +423,7 @@ const ConfigurableMarkdownContentBody = ({
               {
                 className: cn(
                   spacing.listItemMb,
-                  "flex items-center",
+                  "flex items-center list-none",
                   getFontSize(itemDirection),
                   getDirectionClasses(itemDirection)
                 ),

package/dist/levels/prose/prose-block-elements.js

@@ -20,7 +20,7 @@ const ListItemComponent = ({ children, node, id, value }) => {
       {
         id,
         value,
-        className: `mb-1 ${getDirectionFontSize(itemDirection)} ${getDirectionClasses(itemDirection)}`,
+        className: `task-list-item mb-1 list-none ${getDirectionFontSize(itemDirection)} ${getDirectionClasses(itemDirection)}`,
         dir: itemDirection,
         children
       }
@@ -113,26 +113,29 @@ const PROSE_BLOCK_ELEMENTS = {
       }
     );
   },
-  ul: ({ node, children, ...props }) => {
+  // remark-gfm marks a list holding a checklist item `contains-task-list` — MERGED into our
+  // classes, never spread over them (it used to replace them: a list mixing bullets and
+  // tasks lost its bullets and indent, notes Split 2026-10-07).
+  ul: ({ node, children, className, ...props }) => {
     const listText = typeof children === "string" ? children : Array.isArray(children) ? children.join("") : "";
     const listDirection = detectTextDirection(listText);
     return /* @__PURE__ */ jsx(
       "ul",
       {
-        className: `matrx-md-ul mb-3 leading-relaxed ${getDirectionFontSize(listDirection)} pl-6 ${getDirectionClasses(listDirection)}`,
+        className: `matrx-md-ul mb-3 leading-relaxed ${getDirectionFontSize(listDirection)} pl-6 ${getDirectionClasses(listDirection)}${className ? ` ${className}` : ""}`,
         dir: listDirection,
         ...props,
         children
       }
     );
   },
-  ol: ({ node, children, ...props }) => {
+  ol: ({ node, children, className, ...props }) => {
     const listText = typeof children === "string" ? children : Array.isArray(children) ? children.join("") : "";
     const listDirection = detectTextDirection(listText);
     return /* @__PURE__ */ jsx(
       "ol",
       {
-        className: `matrx-md-ol mb-3 leading-relaxed ${getDirectionFontSize(listDirection)} pl-6 ${getDirectionClasses(listDirection)}`,
+        className: `matrx-md-ol mb-3 leading-relaxed ${getDirectionFontSize(listDirection)} pl-6 ${getDirectionClasses(listDirection)}${className ? ` ${className}` : ""}`,
         dir: listDirection,
         ...props,
         children

package/dist/utils/client-lazy.d.ts

@@ -1,13 +1 @@
-/**
- * `clientLazy` — the package's replacement for `next/dynamic(..., { ssr: false })`: a lazily
- * loaded component that renders only on the client. On the server and during hydration it
- * renders `loading` (hydration-safe through `useSyncExternalStore`); on the client it renders
- * the loaded component inside a Suspense boundary with the same `loading` as the fallback.
- */
-import { type ComponentType } from "react";
-export declare function useIsClient(): boolean;
-export declare function clientLazy<P extends object>(load: () => Promise<{
-    default: ComponentType<P>;
-} | ComponentType<P>>, options?: {
-    loading?: ComponentType;
-}): ComponentType<P>;
+export { clientLazy, useIsClient } from "@ai-matrx/kit/client-lazy";

package/dist/utils/client-lazy.js

@@ -1,26 +1,5 @@
 "use client";
-import { createElement, lazy, Suspense, useSyncExternalStore } from "react";
-const subscribe = () => () => {
-};
-const onClient = () => true;
-const onServer = () => false;
-function useIsClient() {
-  return useSyncExternalStore(subscribe, onClient, onServer);
-}
-function clientLazy(load, options = {}) {
-  const Lazy = lazy(async () => {
-    const m = await load();
-    return typeof m === "function" || !("default" in m) ? { default: m } : m;
-  });
-  const Loading = options.loading;
-  function ClientLazy(props) {
-    const client = useIsClient();
-    const fallback = Loading ? createElement(Loading) : null;
-    if (!client) return fallback;
-    return createElement(Suspense, { fallback }, createElement(Lazy, props));
-  }
-  return ClientLazy;
-}
+import { clientLazy, useIsClient } from "@ai-matrx/kit/client-lazy";
 export {
   clientLazy,
   useIsClient

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -136,15 +136,15 @@
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/design-system": "latest",
     "@ai-matrx/diff": "latest",
+    "@ai-matrx/design-system": "latest",
+    "@ai-matrx/kit": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/kit": "latest"
+    "@ai-matrx/tap-target": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",