@lumea-labs/docs 0.1.0 → 0.1.1

package/dist/docs-content.d.ts

@@ -1,5 +1,5 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function DocsContent(): react.JSX.Element;
+declare function DocsContent(): react_jsx_runtime.JSX.Element;
 
 export { DocsContent };

package/dist/docs-content.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -129,7 +130,7 @@ function DocsContent() {
     };
   }, [editor, internal]);
   const containerCls = doc.meta.density === "compact" ? "flex min-h-0 flex-1 flex-col overflow-y-auto px-3 py-3 prose prose-sm max-w-none [&_.tiptap]:outline-none" : "flex min-h-0 flex-1 flex-col overflow-y-auto px-8 py-8 prose max-w-none [&_.tiptap]:outline-none";
-  return /* @__PURE__ */ React.createElement("div", { className: containerCls }, /* @__PURE__ */ React.createElement(EditorContent, { editor }));
+  return /* @__PURE__ */ jsx("div", { className: containerCls, children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
 }
 export {
   DocsContent

package/dist/docs-document.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { DocsBlock, DocsDensity, DocsLabels } from './types.js';
 
@@ -98,6 +98,6 @@ interface DocsInternalContextValue {
     onChange?: (blocks: DocsBlock[]) => void;
 }
 declare function useDocsInternal(): DocsInternalContextValue;
-declare function DocsDocument({ initialBlocks, initialMarkdown, onChange, density, labels, children, }: DocsDocumentProps): react.JSX.Element;
+declare function DocsDocument({ initialBlocks, initialMarkdown, onChange, density, labels, children, }: DocsDocumentProps): react_jsx_runtime.JSX.Element;
 
 export { type DocsContextValue, DocsDocument, type DocsDocumentProps, type DocsEngineHandle, useDocsDocument, useDocsInternal };

package/dist/docs-document.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   createContext,
   use,
@@ -74,7 +75,7 @@ function DocsDocument({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ React.createElement(DocsContext, { value: publicValue }, /* @__PURE__ */ React.createElement(DocsInternalContext, { value: internalValue }, children));
+  return /* @__PURE__ */ jsx(DocsContext, { value: publicValue, children: /* @__PURE__ */ jsx(DocsInternalContext, { value: internalValue, children }) });
 }
 export {
   DocsDocument,

package/dist/docs-formatting-toolbar.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * Word-style formatting toolbar — fixed at the top of the document.
@@ -15,6 +15,6 @@ import * as react from 'react';
  *
  * Tailwind-only styling. No bundled CSS.
  */
-declare function DocsFormattingToolbar(): react.JSX.Element;
+declare function DocsFormattingToolbar(): react_jsx_runtime.JSX.Element;
 
 export { DocsFormattingToolbar };

package/dist/docs-formatting-toolbar.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   Bold,
   Code,
@@ -60,175 +61,199 @@ function DocsFormattingToolbar() {
   };
   const compact = doc.meta.density === "compact";
   const cls = compact ? "flex h-10 shrink-0 flex-wrap items-center gap-0.5 border-b border-p-line bg-p-surface px-2" : "flex h-11 shrink-0 flex-wrap items-center gap-0.5 border-b border-p-line bg-p-surface px-3";
-  return /* @__PURE__ */ React.createElement("div", { className: cls, role: "toolbar" }, /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Undo",
-      disabled: !ed || !f.canUndo,
-      onClick: () => ed?.chain().focus().undo().run()
-    },
-    /* @__PURE__ */ React.createElement(Undo2, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Redo",
-      disabled: !ed || !f.canRedo,
-      onClick: () => ed?.chain().focus().redo().run()
-    },
-    /* @__PURE__ */ React.createElement(Redo2, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Heading 1",
-      active: f.h1,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleHeading({ level: 1 }).run()
-    },
-    /* @__PURE__ */ React.createElement(Heading1, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Heading 2",
-      active: f.h2,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleHeading({ level: 2 }).run()
-    },
-    /* @__PURE__ */ React.createElement(Heading2, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Heading 3",
-      active: f.h3,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleHeading({ level: 3 }).run()
-    },
-    /* @__PURE__ */ React.createElement(Heading3, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Bold",
-      active: f.bold,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleBold().run()
-    },
-    /* @__PURE__ */ React.createElement(Bold, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Italic",
-      active: f.italic,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleItalic().run()
-    },
-    /* @__PURE__ */ React.createElement(Italic, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Strikethrough",
-      active: f.strike,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleStrike().run()
-    },
-    /* @__PURE__ */ React.createElement(Strikethrough, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Inline code",
-      active: f.code,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleCode().run()
-    },
-    /* @__PURE__ */ React.createElement(Code, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Bullet list",
-      active: f.bulletList,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleBulletList().run()
-    },
-    /* @__PURE__ */ React.createElement(List, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Ordered list",
-      active: f.orderedList,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleOrderedList().run()
-    },
-    /* @__PURE__ */ React.createElement(ListOrdered, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Blockquote",
-      active: f.blockquote,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleBlockquote().run()
-    },
-    /* @__PURE__ */ React.createElement(Quote, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Link",
-      disabled: !ed,
-      onClick: () => {
-        const previous = ed?.getAttributes("link").href;
-        const url = window.prompt("URL", previous ?? "https://");
-        if (url === null) return;
-        if (url === "") {
-          ed?.chain().focus().extendMarkRange("link").unsetLink().run();
-          return;
-        }
-        ed?.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+  return /* @__PURE__ */ jsxs("div", { className: cls, role: "toolbar", children: [
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Undo",
+        disabled: !ed || !f.canUndo,
+        onClick: () => ed?.chain().focus().undo().run(),
+        children: /* @__PURE__ */ jsx(Undo2, { className: "size-3.5" })
       }
-    },
-    /* @__PURE__ */ React.createElement(LinkIcon, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Code block",
-      active: f.codeBlock,
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().toggleCodeBlock().run()
-    },
-    /* @__PURE__ */ React.createElement(FileCode2, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Insert image",
-      disabled: !ed,
-      onClick: () => {
-        const url = window.prompt("Image URL");
-        if (!url) return;
-        ed?.chain().focus().setImage({ src: url }).run();
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Redo",
+        disabled: !ed || !f.canRedo,
+        onClick: () => ed?.chain().focus().redo().run(),
+        children: /* @__PURE__ */ jsx(Redo2, { className: "size-3.5" })
       }
-    },
-    /* @__PURE__ */ React.createElement(ImageIcon, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Insert table",
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
-    },
-    /* @__PURE__ */ React.createElement(TableIcon, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Horizontal rule",
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().setHorizontalRule().run()
-    },
-    /* @__PURE__ */ React.createElement(Minus, { className: "size-3.5" })
-  ), /* @__PURE__ */ React.createElement(
-    ToolbarButton,
-    {
-      title: "Clear formatting",
-      disabled: !ed,
-      onClick: () => ed?.chain().focus().unsetAllMarks().clearNodes().run()
-    },
-    /* @__PURE__ */ React.createElement(RemoveFormatting, { className: "size-3.5" })
-  ));
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Heading 1",
+        active: f.h1,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleHeading({ level: 1 }).run(),
+        children: /* @__PURE__ */ jsx(Heading1, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Heading 2",
+        active: f.h2,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleHeading({ level: 2 }).run(),
+        children: /* @__PURE__ */ jsx(Heading2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Heading 3",
+        active: f.h3,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleHeading({ level: 3 }).run(),
+        children: /* @__PURE__ */ jsx(Heading3, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Bold",
+        active: f.bold,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleBold().run(),
+        children: /* @__PURE__ */ jsx(Bold, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Italic",
+        active: f.italic,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleItalic().run(),
+        children: /* @__PURE__ */ jsx(Italic, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Strikethrough",
+        active: f.strike,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleStrike().run(),
+        children: /* @__PURE__ */ jsx(Strikethrough, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Inline code",
+        active: f.code,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleCode().run(),
+        children: /* @__PURE__ */ jsx(Code, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Bullet list",
+        active: f.bulletList,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleBulletList().run(),
+        children: /* @__PURE__ */ jsx(List, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Ordered list",
+        active: f.orderedList,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleOrderedList().run(),
+        children: /* @__PURE__ */ jsx(ListOrdered, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Blockquote",
+        active: f.blockquote,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleBlockquote().run(),
+        children: /* @__PURE__ */ jsx(Quote, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Link",
+        disabled: !ed,
+        onClick: () => {
+          const previous = ed?.getAttributes("link").href;
+          const url = window.prompt("URL", previous ?? "https://");
+          if (url === null) return;
+          if (url === "") {
+            ed?.chain().focus().extendMarkRange("link").unsetLink().run();
+            return;
+          }
+          ed?.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+        },
+        children: /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Code block",
+        active: f.codeBlock,
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().toggleCodeBlock().run(),
+        children: /* @__PURE__ */ jsx(FileCode2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Insert image",
+        disabled: !ed,
+        onClick: () => {
+          const url = window.prompt("Image URL");
+          if (!url) return;
+          ed?.chain().focus().setImage({ src: url }).run();
+        },
+        children: /* @__PURE__ */ jsx(ImageIcon, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Insert table",
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
+        children: /* @__PURE__ */ jsx(TableIcon, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Horizontal rule",
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().setHorizontalRule().run(),
+        children: /* @__PURE__ */ jsx(Minus, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        title: "Clear formatting",
+        disabled: !ed,
+        onClick: () => ed?.chain().focus().unsetAllMarks().clearNodes().run(),
+        children: /* @__PURE__ */ jsx(RemoveFormatting, { className: "size-3.5" })
+      }
+    )
+  ] });
 }
 function ToolbarButton({
   title,
@@ -237,7 +262,7 @@ function ToolbarButton({
   onClick,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
@@ -246,13 +271,13 @@ function ToolbarButton({
       "aria-pressed": active,
       disabled,
       onClick,
-      className: active ? "inline-flex h-7 w-7 items-center justify-center rounded-md bg-p-warm text-p-ink transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default" : "inline-flex h-7 w-7 items-center justify-center rounded-md bg-transparent text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink disabled:opacity-30 disabled:cursor-default"
-    },
-    children
+      className: active ? "inline-flex h-7 w-7 items-center justify-center rounded-md bg-p-warm text-p-ink transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-default" : "inline-flex h-7 w-7 items-center justify-center rounded-md bg-transparent text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink disabled:opacity-30 disabled:cursor-default",
+      children
+    }
   );
 }
 function Divider() {
-  return /* @__PURE__ */ React.createElement("span", { className: "mx-1 h-5 w-px shrink-0 bg-p-line", "aria-hidden": true });
+  return /* @__PURE__ */ jsx("span", { className: "mx-1 h-5 w-px shrink-0 bg-p-line", "aria-hidden": true });
 }
 export {
   DocsFormattingToolbar

package/dist/docs-skeleton.d.ts

@@ -1,10 +1,10 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * Loading skeleton for the doc surface — Word-style: h1 + 4
  * paragraphs + bullet list. Soft shimmer keyframe defined inline so
  * the package stays CSS-free.
  */
-declare function DocsSkeleton(): react.JSX.Element;
+declare function DocsSkeleton(): react_jsx_runtime.JSX.Element;
 
 export { DocsSkeleton };

package/dist/docs-skeleton.js

@@ -1,6 +1,26 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DocsSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-hidden bg-p-bg px-12 py-10" }, /* @__PURE__ */ React.createElement(SkeletonStyles, null), /* @__PURE__ */ React.createElement(SkLine, { width: "55%", height: 28, radius: 6 }), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2.5" }, /* @__PURE__ */ React.createElement(SkLine, null), /* @__PURE__ */ React.createElement(SkLine, { width: "92%" }), /* @__PURE__ */ React.createElement(SkLine, { width: "78%" })), /* @__PURE__ */ React.createElement(SkLine, { width: "40%", height: 18, radius: 4 }), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2 pl-4" }, /* @__PURE__ */ React.createElement(SkLine, { width: "66%" }), /* @__PURE__ */ React.createElement(SkLine, { width: "58%" }), /* @__PURE__ */ React.createElement(SkLine, { width: "72%" })), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex flex-col gap-2.5" }, /* @__PURE__ */ React.createElement(SkLine, { width: "88%" }), /* @__PURE__ */ React.createElement(SkLine, { width: "94%" }), /* @__PURE__ */ React.createElement(SkLine, { width: "40%" })));
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-hidden bg-p-bg px-12 py-10", children: [
+    /* @__PURE__ */ jsx(SkeletonStyles, {}),
+    /* @__PURE__ */ jsx(SkLine, { width: "55%", height: 28, radius: 6 }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5", children: [
+      /* @__PURE__ */ jsx(SkLine, {}),
+      /* @__PURE__ */ jsx(SkLine, { width: "92%" }),
+      /* @__PURE__ */ jsx(SkLine, { width: "78%" })
+    ] }),
+    /* @__PURE__ */ jsx(SkLine, { width: "40%", height: 18, radius: 4 }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pl-4", children: [
+      /* @__PURE__ */ jsx(SkLine, { width: "66%" }),
+      /* @__PURE__ */ jsx(SkLine, { width: "58%" }),
+      /* @__PURE__ */ jsx(SkLine, { width: "72%" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col gap-2.5", children: [
+      /* @__PURE__ */ jsx(SkLine, { width: "88%" }),
+      /* @__PURE__ */ jsx(SkLine, { width: "94%" }),
+      /* @__PURE__ */ jsx(SkLine, { width: "40%" })
+    ] })
+  ] });
 }
 function SkLine({
   width = "100%",
@@ -8,7 +28,7 @@ function SkLine({
   radius = 4,
   className
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: `fm-skeleton ${className ?? ""}`,
@@ -17,7 +37,7 @@ function SkLine({
   );
 }
 function SkeletonStyles() {
-  return /* @__PURE__ */ React.createElement("style", null, `
+  return /* @__PURE__ */ jsx("style", { children: `
       @keyframes fmSkShimmer {
         0% { background-position: -200% 0; }
         100% { background-position: 200% 0; }
@@ -32,7 +52,7 @@ function SkeletonStyles() {
         background-size: 200% 100%;
         animation: fmSkShimmer 1.6s ease-in-out infinite;
       }
-    `);
+    ` });
 }
 export {
   DocsSkeleton

package/dist/docs-toolbar.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 /**
@@ -13,6 +13,6 @@ import { ReactNode } from 'react';
  */
 declare function DocsToolbar({ children }: {
     children?: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { DocsToolbar };

package/dist/docs-toolbar.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useDocsDocument } from "./docs-document";
 function DocsToolbar({ children }) {
   const { meta } = useDocsDocument();
   const cls = meta.density === "compact" ? "flex h-10 shrink-0 items-center gap-1 border-b border-p-line bg-p-surface px-2" : "flex h-11 shrink-0 items-center gap-1 border-b border-p-line bg-p-surface px-3";
-  return /* @__PURE__ */ React.createElement("div", { className: cls }, children);
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
 }
 export {
   DocsToolbar

package/dist/index.d.ts

@@ -4,4 +4,5 @@ export { DocsToolbar } from './docs-toolbar.js';
 export { DocsContent } from './docs-content.js';
 export { DocsFormattingToolbar } from './docs-formatting-toolbar.js';
 export { DocsSkeleton } from './docs-skeleton.js';
+import 'react/jsx-runtime';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumea-labs/docs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Word-style BlockNote editor with bidirectional markdown round-trip — TipTap-based, prose-typography.",
   "type": "module",
   "main": "./dist/index.js",