@schematichq/schematic-react 0.2.0-rc.7 → 0.2.0-rc.8

package/dist/schematic-react.cjs.js

@@ -12078,7 +12078,7 @@ var import_react22 = require("react");
 var import_react16 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Root = (0, import_react16.forwardRef)(
-  (props, ref) => {
+  ({ data, settings, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, ...props });
   }
 );
@@ -12092,6 +12092,7 @@ var StyledViewport = dt.div`
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
+  gap: 1rem;
 `;
 
 // src/components/layout/RenderLayout.tsx
@@ -12319,13 +12320,12 @@ var Card = (0, import_react20.forwardRef)(
 // src/components/layout/column/styles.ts
 var StyledColumn = dt.div`
   flex-grow: 1;
-  padding: 0.75rem;
 `;
 
 // src/components/layout/column/Column.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var Column = (0, import_react21.forwardRef)(
-  ({ children, ...props }, ref) => {
+  ({ children, basis, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledColumn, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Card, { children }) });
   }
 );
@@ -12344,7 +12344,7 @@ var components = {
 function createRenderer(options) {
   const { useFallback = false } = options || {};
   return function renderNode(node2, index) {
-    const { type, props = {}, custom = {}, children } = node2;
+    const { type, props = {}, children } = node2;
     const name = typeof type !== "string" ? type.resolvedName : type;
     const component = useFallback ? components[name] || "div" : components[name];
     if (!components[name]) {
@@ -12362,10 +12362,9 @@ function createRenderer(options) {
     return (0, import_react22.createElement)(
       component,
       {
+        key: index,
         className,
-        ...component !== "div" && { ...resolvedProps },
-        ...component !== "div" && Object.keys(custom).length > 0 && { custom },
-        key: index
+        ...component !== "div" && { ...resolvedProps }
       },
       resolvedChildren
     );

package/dist/schematic-react.d.ts

@@ -518,6 +518,7 @@ declare const COLLECTION_FORMATS: {
 export declare const Column: ForwardRefExoticComponent<Omit<ColumnProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
 
 export declare interface ColumnProps extends React.HTMLProps<HTMLDivElement> {
+    basis?: string;
 }
 
 /**
@@ -2512,7 +2513,9 @@ declare interface ResponseTransformer<T> {
 
 export declare const Root: ForwardRefExoticComponent<Omit<RootProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
 
-export declare interface RootProps extends React.HTMLProps<HTMLDivElement> {
+export declare interface RootProps extends Omit<React.HTMLProps<HTMLDivElement>, "data"> {
+    data?: ComponentHydrateResponseData;
+    settings?: EmbedSettings;
 }
 
 /**

package/dist/schematic-react.esm.js

@@ -12042,7 +12042,7 @@ import { createElement } from "react";
 import { forwardRef as forwardRef7 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 var Root = forwardRef7(
-  (props, ref) => {
+  ({ data, settings, ...props }, ref) => {
     return /* @__PURE__ */ jsx17("div", { ref, ...props });
   }
 );
@@ -12056,6 +12056,7 @@ var StyledViewport = dt.div`
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
+  gap: 1rem;
 `;
 
 // src/components/layout/RenderLayout.tsx
@@ -12283,13 +12284,12 @@ var Card = forwardRef9(
 // src/components/layout/column/styles.ts
 var StyledColumn = dt.div`
   flex-grow: 1;
-  padding: 0.75rem;
 `;
 
 // src/components/layout/column/Column.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
 var Column = forwardRef10(
-  ({ children, ...props }, ref) => {
+  ({ children, basis, ...props }, ref) => {
     return /* @__PURE__ */ jsx21(StyledColumn, { ref, ...props, children: /* @__PURE__ */ jsx21(Card, { children }) });
   }
 );
@@ -12308,7 +12308,7 @@ var components = {
 function createRenderer(options) {
   const { useFallback = false } = options || {};
   return function renderNode(node2, index) {
-    const { type, props = {}, custom = {}, children } = node2;
+    const { type, props = {}, children } = node2;
     const name = typeof type !== "string" ? type.resolvedName : type;
     const component = useFallback ? components[name] || "div" : components[name];
     if (!components[name]) {
@@ -12326,10 +12326,9 @@ function createRenderer(options) {
     return createElement(
       component,
       {
+        key: index,
         className,
-        ...component !== "div" && { ...resolvedProps },
-        ...component !== "div" && Object.keys(custom).length > 0 && { custom },
-        key: index
+        ...component !== "div" && { ...resolvedProps }
       },
       resolvedChildren
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-react",
-  "version": "0.2.0-rc.7",
+  "version": "0.2.0-rc.8",
   "main": "dist/schematic-react.cjs.js",
   "module": "dist/schematic-react.esm.js",
   "types": "dist/schematic-react.d.ts",