@uniweb/kit 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/kit",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Standard component library for Uniweb foundations",
   "type": "module",
   "exports": {
@@ -46,7 +46,7 @@
     "fuse.js": "^7.0.0",
     "shiki": "^3.0.0",
     "tailwind-merge": "^2.6.0",
-    "@uniweb/core": "0.5.1"
+    "@uniweb/core": "0.5.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/styled/Section/Render.jsx

@@ -66,7 +66,7 @@ function renderList(items, ordered = false) {
 /**
  * Render a single content node
  */
-function RenderNode({ node, ...props }) {
+function RenderNode({ node, block, ...props }) {
   if (!node) return null
 
   const { type, attrs, content } = node
@@ -203,7 +203,7 @@ function RenderNode({ node, ...props }) {
       return (
         <blockquote className="border-l-4 border-gray-300 pl-4 italic text-gray-600 my-4">
           {content?.map((child, i) => (
-            <RenderNode key={i} node={child} />
+            <RenderNode key={i} node={child} block={block} />
           ))}
         </blockquote>
       )
@@ -239,6 +239,19 @@ function RenderNode({ node, ...props }) {
       return <Divider type={attrs?.type} className="my-6" />
     }
 
+    case 'inline_child_placeholder': {
+      const refId = attrs?.refId
+      if (!block || !refId) return null
+
+      const childBlock = block.getInlineChild(refId)
+      if (!childBlock) return null
+
+      const ChildBlocks = childBlock.getChildBlockRenderer()
+      if (!ChildBlocks) return null
+
+      return <ChildBlocks blocks={[childBlock]} as="div" />
+    }
+
     case 'button': {
       const href = attrs?.href || '#'
       const label = extractText(node) || attrs?.label || 'Button'
@@ -286,7 +299,7 @@ function RenderNode({ node, ...props }) {
         return (
           <>
             {content.map((child, i) => (
-              <RenderNode key={i} node={child} />
+              <RenderNode key={i} node={child} block={block} />
             ))}
           </>
         )
@@ -302,7 +315,7 @@ function RenderNode({ node, ...props }) {
  * @param {Array|Object} props.content - Content to render (array of nodes or single node)
  * @param {string} [props.className] - Additional CSS classes
  */
-export function Render({ content, className, ...props }) {
+export function Render({ content, block, className, ...props }) {
   if (!content) return null
 
   const nodes = Array.isArray(content) ? content : [content]
@@ -310,7 +323,7 @@ export function Render({ content, className, ...props }) {
   return (
     <div className={cn('space-y-4', className)} {...props}>
       {nodes.map((node, i) => (
-        <RenderNode key={i} node={node} />
+        <RenderNode key={i} node={node} block={block} />
       ))}
     </div>
   )