@tailorkit/react 0.1.0-beta.7 → 0.1.0-beta.8

package/dist/index.js

@@ -360,10 +360,10 @@ var Primitive = ({
   ] });
 };
 var primitives = {
-  Box: ({ props, slots }) => /* @__PURE__ */ jsx2(Primitive, { display: "block", element: "div", props, children: slots.default }),
-  Flex: ({ props, slots }) => /* @__PURE__ */ jsx2(Primitive, { display: "flex", element: "div", props, children: slots.default }),
-  Grid: ({ props, slots }) => /* @__PURE__ */ jsx2(Primitive, { display: "grid", element: "div", props, children: slots.default }),
-  Inline: ({ props, slots }) => /* @__PURE__ */ jsx2(Primitive, { display: "inline", element: "span", props, children: slots.default })
+  Box: ({ props, children }) => /* @__PURE__ */ jsx2(Primitive, { display: "block", element: "div", props, children }),
+  Flex: ({ props, children }) => /* @__PURE__ */ jsx2(Primitive, { display: "flex", element: "div", props, children }),
+  Grid: ({ props, children }) => /* @__PURE__ */ jsx2(Primitive, { display: "grid", element: "div", props, children }),
+  Inline: ({ props, children }) => /* @__PURE__ */ jsx2(Primitive, { display: "inline", element: "span", props, children })
 };
 
 // src/remote-view.tsx
@@ -515,8 +515,7 @@ function RemoteViewHost({
   appUrl,
   components: components2,
   createIframe,
-  props,
-  runtimeUrl
+  props
 }) {
   const appKey = appUrl.toString();
   const storeRef = useRef2(null);
@@ -560,8 +559,7 @@ function RemoteViewHost({
         setError(error2);
         setStatus("error");
       },
-      props,
-      runtimeUrl
+      props
     });
     dispatchRef.current = (payload) => host.dispatch(payload);
     const unsubscribe = host.subscribe(() => {
@@ -579,7 +577,7 @@ function RemoteViewHost({
       dispatchRef.current = null;
       host.destroy();
     };
-  }, [appUrl, createIframe, props, runtimeUrl, store]);
+  }, [appUrl, createIframe, props, store]);
   if (status === "error" && error) {
     return createElement2("div", null, formatError(error));
   }
@@ -663,7 +661,7 @@ function createReactTailorKitClient(options) {
       }) {
         return renderer({
           props,
-          slots: { default: children }
+          children
         });
       };
       wrappedComponents[name] = TailorKitComponent;
@@ -676,7 +674,6 @@ function createReactTailorKitClient(options) {
     app,
     createIframe,
     fallback = null,
-    runtimeUrl,
     ...screenProps
   }) => {
     const reactId = useId2();
@@ -731,8 +728,7 @@ function createReactTailorKitClient(options) {
           appUrl,
           components: wrappedComponents,
           createIframe,
-          props,
-          runtimeUrl
+          props
         }
       )
     ] }) });

package/dist/primitives.d.ts

@@ -8,29 +8,21 @@ interface PrimitiveThemeContextValue {
 export declare const PrimitiveThemeContext: import("react").Context<PrimitiveThemeContextValue | null>;
 export declare const buildThemeCss: (screenId: string, theme: TailorKitTheme) => string;
 export declare const primitives: {
-    readonly Box: ({ props, slots }: {
+    readonly Box: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Flex: ({ props, slots }: {
+    readonly Flex: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Grid: ({ props, slots }: {
+    readonly Grid: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
-    readonly Inline: ({ props, slots }: {
+    readonly Inline: ({ props, children }: {
         props: PrimitiveProps;
-        slots: {
-            default?: ReactNode;
-        };
+        children?: ReactNode;
     }) => import("react").JSX.Element;
 };
 export type PrimitiveStyle = CSSProperties;

package/dist/remote-context.d.ts

@@ -1,8 +1,8 @@
-import type { HostToWorkerPayload } from "@tailorkit/sandbox/protocol";
+import type { HostToIframePayload } from "@tailorkit/sandbox/protocol";
 import type { NodeStore } from "./node-store";
 export interface RemoteViewContext {
     components: Record<string, unknown>;
-    dispatch: (payload: HostToWorkerPayload) => void;
+    dispatch: (payload: HostToIframePayload) => void;
     store: NodeStore;
 }
 export declare const RemoteUIContext: import("react").Context<RemoteViewContext | null>;

package/dist/remote-view.d.ts

@@ -4,9 +4,8 @@ interface RemoteViewHostProps {
     components: Record<string, unknown>;
     createIframe?: () => HTMLIFrameElement;
     props?: Record<string, unknown>;
-    runtimeUrl?: string | URL;
 }
-export declare function RemoteViewHost({ appUrl, components, createIframe, props, runtimeUrl, }: RemoteViewHostProps): ReactNode;
+export declare function RemoteViewHost({ appUrl, components, createIframe, props, }: RemoteViewHostProps): ReactNode;
 interface RemoteViewProps {
     nodeId: string;
 }

package/dist/tailor-kit.d.ts

@@ -1,17 +1,16 @@
 import type { ReactNode } from "react";
 import type { TailorKitSchemaSpecType } from "@tailorkit/core/spec";
-import type { TailorKitTheme, CallbackMap, ComponentDefinition, ComponentProps, ComponentSlots, Schema, ScreenDefinition, TailorKitSchema } from "@tailorkit/core/schema";
+import type { TailorKitTheme, CallbackMap, ComponentDefinition, ComponentProps, Schema, ScreenDefinition, TailorKitSchema } from "@tailorkit/core/schema";
 import type { primitives } from "./primitives";
 import { Root } from "./components";
 import type { UseAppsResult } from "./hooks/use-apps";
 import type { CurrentScreenOptions, ScreenName } from "./hooks/use-current-screen";
-type ReactComponentSlots<TComponent> = {
-    [TSlot in keyof ComponentSlots<TComponent>]: ReactNode;
-};
-type AnyComponentDefinition = ComponentDefinition<Schema | undefined, CallbackMap, readonly string[] | undefined>;
+type AnyComponentDefinition = ComponentDefinition<Schema | undefined, CallbackMap, boolean | undefined>;
 type ComponentRenderer<TComponent extends AnyComponentDefinition> = (args: {
     props: ComponentProps<TComponent>;
-    slots: ReactComponentSlots<TComponent>;
+    children?: TComponent extends {
+        children: true;
+    } ? ReactNode : never;
 }) => ReactNode;
 type ComponentRenderers<TComponents extends Record<string, AnyComponentDefinition>> = {
     [TName in keyof TComponents]?: ComponentRenderer<TComponents[TName]>;
@@ -55,7 +54,6 @@ interface AppViewBaseProps {
     app: TailorKitApp;
     createIframe?: () => HTMLIFrameElement;
     fallback?: ReactNode;
-    runtimeUrl?: string | URL;
 }
 type AppViewScreenProps<TScreens extends Record<string, ScreenDefinition>, TScreen extends ScreenName<TScreens> = ScreenName<TScreens>> = [ScreenName<TScreens>] extends [never] ? {
     context?: never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "license": "AGPL-3.0-only",
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.9",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/core": "0.1.0-beta.7",
-    "@tailorkit/sandbox": "0.1.0-beta.7"
+    "@tailorkit/core": "0.1.0-beta.8",
+    "@tailorkit/sandbox": "0.1.0-beta.8"
   },
   "devDependencies": {
     "@tailorkit/config": "0.0.0",