@uniweb/kit 0.7.18 → 0.7.20

package/package.json

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

package/src/styled/Section/Render.jsx

@@ -247,7 +247,7 @@ function RenderNode({ node, block, ...props }) {
       if (!insetBlock) return null
 
       const InsetRenderer = getChildBlockRenderer()
-      return <InsetRenderer blocks={[insetBlock]} as="div" />
+      return <InsetRenderer blocks={[insetBlock]} />
     }
 
     case 'button': {

package/src/styled/Visual/index.jsx

@@ -37,7 +37,8 @@ import { getChildBlockRenderer } from "../../utils/index.js";
 export function Visual({ inset, video, image, className, fallback = null }) {
     if (inset) {
         const Renderer = getChildBlockRenderer();
-        return <Renderer blocks={[inset]} as="div" extra={{ className }} />;
+        const rendered = <Renderer blocks={[inset]} />;
+        return className ? <div className={className}>{rendered}</div> : rendered;
     }
 
     if (video) {

package/src/utils/index.js

@@ -149,15 +149,19 @@ export function getChildBlockRenderer() {
 /**
  * Renders child blocks or insets. Wrapper that defers runtime lookup to render time.
  *
+ * By default renders each child as a bare component (no wrapper, no section chrome).
+ * Pass `wrapAs` to opt into full section treatment.
+ *
  * @param {Object} props
  * @param {Object} props.from - Parent block (renders block.childBlocks)
  * @param {Array} props.blocks - Explicit array of blocks to render
+ * @param {string} [props.wrapAs] - Wrapper element tag for section treatment ('div', 'article', etc.)
  *
  * @example
  * import { ChildBlocks } from '@uniweb/kit'
  *
  * <ChildBlocks from={block} />
- * <ChildBlocks blocks={block.insets} />
+ * <ChildBlocks from={block} wrapAs="div" />
  */
 export function ChildBlocks(props) {
   const Renderer = globalThis.uniweb.childBlockRenderer