@ankhorage/zora 20.1.0 → 20.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 20.1.1
+
+### Patch Changes
+
+- c9f2c5d: Emit web-only component artifacts with React's production JSX runtime so Next.js SSR consumers can prerender them safely.
+
 ## 20.1.0
 
 ### Minor Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "20.1.0",
+  "version": "20.1.1",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/web-dist/tree-view/TreeView.js

@@ -8,7 +8,7 @@ function toggleExpandedIds(expandedIds, id) {
 
 // src/features/tree-view/adapters/inbound/web-artifact/TreeItemRow.tsx
 import React from "react";
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { createElement } from "react";
 function TreeItemRow(props) {
   const { node } = props;
@@ -21,12 +21,12 @@ function TreeItemRow(props) {
     selected,
     expanded,
     hasChildren
-  }) ?? /* @__PURE__ */ jsxDEV(TreeItemDefaultContent, {
+  }) ?? /* @__PURE__ */ jsx(TreeItemDefaultContent, {
     node
-  }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV(Fragment, {
+  });
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsxs("div", {
         "aria-disabled": node.disabled === true ? true : undefined,
         "aria-expanded": hasChildren ? expanded : undefined,
         "aria-selected": selected,
@@ -37,58 +37,58 @@ function TreeItemRow(props) {
         style: createRowStyle(props.depth, selected, node.disabled, props.onSelect !== undefined),
         children: [
           content,
-          /* @__PURE__ */ jsxDEV(TreeItemActions, {
+          /* @__PURE__ */ jsx(TreeItemActions, {
             actions: node.actions
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(TreeItemExpander, {
+          }),
+          /* @__PURE__ */ jsx(TreeItemExpander, {
             expanded,
             hasChildren,
             nodeId: node.id,
             onToggleExpand: props.onToggleExpand
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      hasChildren && expanded ? /* @__PURE__ */ jsxDEV(TreeItemChildren, {
+      }),
+      hasChildren && expanded ? /* @__PURE__ */ jsx(TreeItemChildren, {
         ...props
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function TreeItemDefaultContent({
   node
 }) {
-  return /* @__PURE__ */ jsxDEV(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      node.icon === undefined ? null : /* @__PURE__ */ jsxDEV("span", {
+      node.icon === undefined ? null : /* @__PURE__ */ jsx("span", {
         "aria-hidden": "true",
         style: ICON_STYLE,
         children: node.icon
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("span", {
+      }),
+      /* @__PURE__ */ jsx("span", {
         style: LABEL_STYLE,
         children: node.label
-      }, undefined, false, undefined, this),
-      node.meta === undefined ? null : /* @__PURE__ */ jsxDEV("span", {
+      }),
+      node.meta === undefined ? null : /* @__PURE__ */ jsx("span", {
         style: META_STYLE,
         children: node.meta
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function TreeItemActions({ actions }) {
   if (actions === undefined)
     return null;
-  return /* @__PURE__ */ jsxDEV("span", {
+  return /* @__PURE__ */ jsx("span", {
     onClick: (event) => event.stopPropagation(),
     onKeyDown: (event) => event.stopPropagation(),
     style: INLINE_STYLE,
     children: actions
-  }, undefined, false, undefined, this);
+  });
 }
 function TreeItemExpander(props) {
   if (!props.hasChildren)
     return null;
-  return /* @__PURE__ */ jsxDEV("button", {
+  return /* @__PURE__ */ jsx("button", {
     "aria-label": props.expanded ? "Collapse" : "Expand",
     onClick: (event) => {
       event.stopPropagation();
@@ -97,10 +97,10 @@ function TreeItemExpander(props) {
     style: EXPANDER_STYLE,
     type: "button",
     children: props.expanded ? "⌄" : "›"
-  }, undefined, false, undefined, this);
+  });
 }
 function TreeItemChildren(props) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     role: "group",
     children: props.node.children?.map((child) => /* @__PURE__ */ createElement(TreeItemRow, {
       ...props,
@@ -108,7 +108,7 @@ function TreeItemChildren(props) {
       depth: props.depth + 1,
       node: child
     }))
-  }, undefined, false, undefined, this);
+  });
 }
 function selectNode(props) {
   if (!props.node.disabled)
@@ -171,7 +171,7 @@ var EXPANDER_STYLE = {
 };
 
 // src/features/tree-view/adapters/inbound/web-artifact/TreeView.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function TreeView({
   nodes,
   selectedId,
@@ -193,12 +193,12 @@ function TreeView({
       setInternalExpandedIds(nextExpandedIds);
     onExpandedChange?.(nextExpandedIds);
   }, [expandedIds, isControlled, onExpandedChange]);
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "aria-label": ariaLabel,
     className,
     role: "tree",
     style: { ...TREE_STYLE, ...style },
-    children: nodes.map((node) => /* @__PURE__ */ jsxDEV2(TreeItemRow, {
+    children: nodes.map((node) => /* @__PURE__ */ jsx2(TreeItemRow, {
       depth: 0,
       expandedIds,
       node,
@@ -206,8 +206,8 @@ function TreeView({
       onToggleExpand: handleToggleExpand,
       renderItem,
       selectedId
-    }, node.id, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, node.id))
+  });
 }
 var TREE_STYLE = {
   display: "flex",