@webstudio-is/react-sdk 0.9.0 → 0.10.0

package/src/pubsub/create.ts

@@ -0,0 +1,84 @@
+import mitt from "mitt";
+import { useCallback, useEffect, useRef } from "react";
+
+export const createPubsub = <PublishMap>() => {
+  type Action<Type extends keyof PublishMap> =
+    undefined extends PublishMap[Type]
+      ? { type: Type; payload?: PublishMap[Type] }
+      : { type: Type; payload: PublishMap[Type] };
+
+  // `mitt` has a somewhat annoying overload for `*` type that makes it hard to wrap in a generic context
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const emitter = mitt<Record<any, any>>();
+
+  if (typeof window === "object") {
+    window.addEventListener(
+      "message",
+      (event: MessageEvent) => {
+        // @todo this has no type safety built in, could be anything from any source.
+        // we could potentially maintain a list of valid event types at runtime
+        // at the very least we could add a brand property or something to our events
+        if (typeof event.data?.type === "string") {
+          emitter.emit(event.data.type, event.data.payload);
+        }
+      },
+      false
+    );
+  }
+
+  return {
+    /**
+     * To publish a postMessage event on the current window and parent window from the iframe.
+     */
+    publish<Type extends keyof PublishMap>(action: Action<Type>) {
+      window.parent.postMessage(action, "*");
+      window.postMessage(action, "*");
+    },
+
+    /**
+     * To publish a postMessage event on the iframe and parent window from the parent window.
+     */
+    usePublish() {
+      const iframeRef = useRef<HTMLIFrameElement | null>(null);
+      const publishCallback = useCallback(
+        <Type extends keyof PublishMap>(action: Action<Type>) => {
+          const element = iframeRef.current;
+          if (element?.contentWindow == null) return;
+          element.contentWindow.postMessage(action, "*");
+          window.postMessage(action, "*");
+        },
+        [iframeRef]
+      );
+      return [publishCallback, iframeRef] as const;
+    },
+
+    /**
+     * To subscribe a message event on the current window.
+     */
+    useSubscribe<Type extends keyof PublishMap>(
+      type: Type,
+      onAction: (payload: PublishMap[Type]) => void
+    ) {
+      useEffect(() => {
+        emitter.on(type, onAction);
+        return () => {
+          emitter.off(type, onAction);
+        };
+      }, [type, onAction]);
+    },
+
+    useSubscribeAll(
+      onAction: <Type extends keyof PublishMap>(
+        type: Type,
+        payload: PublishMap[Type]
+      ) => void
+    ) {
+      useEffect(() => {
+        emitter.on("*", onAction);
+        return () => {
+          emitter.off("*", onAction);
+        };
+      }, [onAction]);
+    },
+  };
+};

package/src/pubsub/index.ts

@@ -0,0 +1 @@
+export * from "./create";

package/src/tree/create-elements-tree.tsx

@@ -0,0 +1,102 @@
+import { type ComponentProps, Fragment } from "react";
+import type { Instance } from "../db";
+import { WrapperComponent } from "./wrapper-component";
+import { Scripts, ScrollRestoration } from "@remix-run/react";
+import { SessionStoragePolyfill } from "./session-storage-polyfill";
+
+export type ChildrenUpdates = Array<
+  | string
+  | {
+      id: undefined | Instance["id"];
+      component: Instance["component"];
+      children: ChildrenUpdates;
+    }
+>;
+
+export type OnChangeChildren = (change: {
+  instanceId: Instance["id"];
+  updates: ChildrenUpdates;
+}) => void;
+
+export const createElementsTree = ({
+  sandbox,
+  instance,
+  Component,
+  onChangeChildren,
+}: {
+  sandbox?: boolean;
+  instance: Instance;
+  Component: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+  onChangeChildren?: OnChangeChildren;
+}) => {
+  const children = createInstanceChildrenElements({
+    Component,
+    children: instance.children,
+    onChangeChildren,
+  });
+  const body = createInstanceElement({
+    Component,
+    instance,
+    children: [
+      <Fragment key="children">
+        {children}
+        {sandbox && <SessionStoragePolyfill />}
+        <ScrollRestoration />
+        <Scripts />
+      </Fragment>,
+    ],
+  });
+  return body;
+};
+
+const createInstanceChildrenElements = ({
+  children,
+  Component,
+  onChangeChildren,
+}: {
+  children: Instance["children"];
+  Component: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+  onChangeChildren?: OnChangeChildren;
+}) => {
+  const elements = [];
+  for (const child of children) {
+    if (typeof child === "string") {
+      elements.push(child);
+      continue;
+    }
+    const children = createInstanceChildrenElements({
+      children: child.children,
+      Component,
+      onChangeChildren,
+    });
+    const element = createInstanceElement({
+      instance: child,
+      Component,
+      onChangeChildren,
+      children,
+    });
+    elements.push(element);
+  }
+  return elements;
+};
+
+const createInstanceElement = ({
+  Component,
+  instance,
+  children = [],
+  onChangeChildren,
+}: {
+  instance: Instance;
+  Component: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+  onChangeChildren?: OnChangeChildren;
+  children?: Array<JSX.Element | string>;
+}) => {
+  const props = {
+    instance,
+    children,
+    key: instance.id,
+    onChangeChildren,
+  };
+
+  return <Component {...props} />;
+};

package/{lib/cjs/tree/index.d.ts → src/tree/index.ts}

@@ -1,4 +1,3 @@
 export * from "./create-elements-tree";
 export * from "./root";
 export * from "./wrapper-component";
-//# sourceMappingURL=index.d.ts.map

package/src/tree/root.ts

@@ -0,0 +1,45 @@
+import { useAllUserProps } from "../user-props/";
+import type { Tree, InstanceProps } from "../db";
+import { createElementsTree } from "./create-elements-tree";
+import { WrapperComponent } from "./wrapper-component";
+import type { Asset } from "@webstudio-is/asset-uploader";
+import { type ComponentProps } from "react";
+import type { Breakpoint } from "@webstudio-is/css-data";
+import { registerComponents } from "../components";
+import { customComponents as defaultCustomComponents } from "../app/custom-components";
+import { setParams, type Params } from "../app/params";
+import type { DesignToken } from "@webstudio-is/design-tokens";
+
+export type Data = {
+  tree: Tree | null;
+  breakpoints: Array<Breakpoint>;
+  designTokens: Array<DesignToken>;
+  props: Array<InstanceProps>;
+  assets: Array<Asset>;
+  params?: Params;
+};
+
+type RootProps = {
+  data: Data;
+  Component?: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+  customComponents?: Parameters<typeof registerComponents>[0];
+};
+
+export const InstanceRoot = ({
+  data,
+  Component,
+  customComponents = defaultCustomComponents,
+}: RootProps): JSX.Element | null => {
+  if (data.tree === null) {
+    throw new Error("Tree is null");
+  }
+  useAllUserProps(data.props);
+  setParams(data.params ?? null);
+
+  registerComponents(customComponents);
+
+  return createElementsTree({
+    instance: data.tree.root,
+    Component: Component ?? WrapperComponent,
+  });
+};

package/src/tree/session-storage-polyfill.tsx

@@ -0,0 +1,50 @@
+// This is a temporary work around for https://github.com/remix-run/remix/issues/3659
+
+// The code is based on this discussion https://bugs.chromium.org/p/chromium/issues/detail?id=357625
+const polyfill = function () {
+  try {
+    const key = "__session_storage_availability_test__";
+    sessionStorage.setItem(key, "test"); // test
+    sessionStorage.removeItem(key); // cleanup
+  } catch (error) {
+    alert(
+      'It looks like you have disabled cookies in your browser. Webstudio designer may not work properly.\n\nTo enable cookies, go to "Setting" > "Privacy and security" > "Cookies and other site data", and make sure neither "Block all cookies" nor "Block third-party cookies" are selected.\n\nRead more at https://support.google.com/chrome/answer/95647'
+    );
+    const data = new Map();
+    Object.defineProperty(window, "sessionStorage", {
+      value: {
+        setItem: (key: string, val: unknown) => {
+          // eslint-disable-next-line no-console
+          console.warn(
+            `Session storage is unavailable due to Error "${
+              (error as Error).message
+            }". A polyfill is used to set value of "${key}". The value will be lost when the page is reloaded.`
+          );
+          data.set(key, String(val));
+        },
+        getItem: (key: string) => {
+          // eslint-disable-next-line no-console
+          console.warn(
+            `Session storage is unavailable due to Error "${
+              (error as Error).message
+            }". A polyfill is used to get value of "${key}". The value will be undefined if the page was reloaded after it was set.`
+          );
+          return data.get(key);
+        },
+        removeItem: (key: string) => {
+          data.delete(key);
+        },
+        clear: () => {
+          data.clear();
+        },
+      },
+    });
+  }
+}.toString();
+
+export const SessionStoragePolyfill = () => (
+  <script
+    dangerouslySetInnerHTML={{ __html: `(${polyfill})()` }}
+    suppressHydrationWarning
+  />
+);

package/src/tree/wrapper-component.tsx

@@ -0,0 +1,48 @@
+import { Fragment } from "react";
+import type { Instance } from "../db";
+import { getComponent } from "../components";
+import { useUserProps } from "../user-props/use-user-props";
+import type { OnChangeChildren } from "./create-elements-tree";
+
+const renderText = (text: string): Array<JSX.Element> => {
+  const lines = text.split("\n");
+  return lines.map((line, index) => (
+    <Fragment key={index}>
+      {line}
+      {index < lines.length - 1 ? <br /> : null}
+    </Fragment>
+  ));
+};
+
+export const renderWrapperComponentChildren = (
+  children: Array<JSX.Element | string> | undefined
+): Array<JSX.Element | string | Array<JSX.Element | string>> | undefined => {
+  // Some elements like input can't have children
+  // @todo needs to be made impossible to drag element into input
+  if (children === undefined || children.length === 0) return;
+  return children.map((child) => {
+    return typeof child === "string" ? renderText(child) : child;
+  });
+};
+
+type WrapperComponentProps = {
+  instance: Instance;
+  children: Array<JSX.Element | string>;
+  onChangeChildren?: OnChangeChildren;
+};
+
+export const WrapperComponent = ({
+  instance,
+  onChangeChildren, // prevent it from passing to sdk component
+  children,
+  ...rest
+}: WrapperComponentProps) => {
+  const Component = getComponent(instance.component);
+  const userProps = useUserProps(instance.id);
+  const props = { ...userProps, ...rest, [idAttribute]: instance.id };
+  return (
+    <Component {...props}>{renderWrapperComponentChildren(children)}</Component>
+  );
+};
+
+export const idAttribute = "data-ws-id";

package/src/user-props/all-user-props.ts

@@ -0,0 +1,22 @@
+import { useRef } from "react";
+import { createValueContainer, useValue } from "react-nano-state";
+import type { InstanceProps, Instance } from "../db";
+
+export type AllUserProps = { [id: Instance["id"]]: InstanceProps };
+
+export const allUserPropsContainer = createValueContainer<AllUserProps>({});
+
+export const useAllUserProps = (initialUserProps?: Array<InstanceProps>) => {
+  // @todo ssr workaround for https://github.com/webstudio-is/webstudio-designer/issues/213
+  const ref = useRef(false);
+  if (ref.current === false && initialUserProps !== undefined) {
+    const propsMap: AllUserProps = {};
+    for (const props of initialUserProps) {
+      propsMap[props.instanceId] = props;
+    }
+    //We don't need to trigger rerender when setting the initial value
+    allUserPropsContainer.value = propsMap;
+    ref.current = true;
+  }
+  return useValue(allUserPropsContainer);
+};

package/{lib/cjs/user-props/index.d.ts → src/user-props/index.ts}

@@ -2,4 +2,3 @@ export * from "./all-user-props";
 export * from "./use-user-props";
 export * from "./types";
 export * from "./schema";
-//# sourceMappingURL=index.d.ts.map

package/src/user-props/schema.ts

@@ -0,0 +1,35 @@
+import { z } from "zod";
+import { Asset } from "@webstudio-is/asset-uploader";
+
+const baseUserProps = {
+  id: z.string(),
+  prop: z.string(),
+  required: z.optional(z.boolean()),
+};
+
+export const UserProp = z.discriminatedUnion("type", [
+  z.object({
+    ...baseUserProps,
+    type: z.literal("number"),
+    value: z.number(),
+  }),
+  z.object({
+    ...baseUserProps,
+    type: z.literal("string"),
+    value: z.string(),
+  }),
+  z.object({
+    ...baseUserProps,
+    type: z.literal("boolean"),
+    value: z.boolean(),
+  }),
+  z.object({
+    ...baseUserProps,
+    type: z.literal("asset"),
+    value: Asset,
+  }),
+]);
+
+export const UserProps = z.array(UserProp);
+
+export type UserProp = z.infer<typeof UserProp>;

package/src/user-props/types.ts

@@ -0,0 +1,14 @@
+import type { InstanceProps, Instance } from "../db";
+import { UserProp } from "./schema";
+
+export type UserPropsUpdates = {
+  treeId: InstanceProps["treeId"];
+  propsId: InstanceProps["id"];
+  instanceId: Instance["id"];
+  updates: Array<UserProp>;
+};
+
+export type DeleteProp = {
+  instanceId: Instance["id"];
+  propId: UserProp["id"];
+};

package/src/user-props/use-user-props-asset.ts

@@ -0,0 +1,31 @@
+import { useMemo } from "react";
+import { type Instance } from "../db";
+import { type UserProp } from "./schema";
+import { useAllUserProps } from "./all-user-props";
+import type { Asset } from "@webstudio-is/asset-uploader";
+
+/**
+ * Get asset for prop, like src on the Image component
+ */
+export const useUserPropsAsset = (
+  instanceId: Instance["id"],
+  propName: UserProp["prop"]
+): Asset | undefined => {
+  const [allUserProps] = useAllUserProps();
+
+  const propsData = allUserProps[instanceId];
+  const asset = useMemo(() => {
+    if (propsData == null) return undefined;
+    const prop = propsData.props.find((prop) => prop.prop === propName);
+
+    if (prop == null) return undefined;
+
+    if (prop.type === "asset") {
+      return prop.value;
+    }
+
+    return undefined;
+  }, [propName, propsData]);
+
+  return asset;
+};

package/src/user-props/use-user-props.ts

@@ -0,0 +1,30 @@
+import { useMemo } from "react";
+import { type Instance } from "../db";
+import { type UserProp } from "./schema";
+import { useAllUserProps } from "./all-user-props";
+
+type UserProps = { [prop: UserProp["prop"]]: string | number | boolean };
+
+/**
+ * User props mapped in prop:value format,
+ * up to date with props panel.
+ */
+export const useUserProps = (instanceId: Instance["id"]) => {
+  const [allUserProps] = useAllUserProps();
+
+  const propsData = allUserProps[instanceId];
+  const props = useMemo(() => {
+    if (propsData == null) return {};
+    const result: UserProps = {};
+
+    for (const userProp of propsData.props) {
+      if (userProp.type !== "asset") {
+        result[userProp.prop] = userProp.value;
+      }
+    }
+
+    return result;
+  }, [propsData]);
+
+  return props;
+};

package/lib/app/custom-components/image.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { Image as WebstudioImage } from "@webstudio-is/image";
-import { idAttribute } from "../../tree/wrapper-component";
-declare type Props = ComponentProps<typeof WebstudioImage> & {
-    [idAttribute]: string;
-};
-export declare const Component: import("react").ForwardRefExoticComponent<Pick<Props, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "data-ws-id" | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>>;
-export {};
-//# sourceMappingURL=image.d.ts.map

package/lib/app/custom-components/image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/app/custom-components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,IAAI,cAAc,EAAW,MAAM,qBAAqB,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,SAAS,gOAqBrB,CAAC"}

package/lib/app/custom-components/index.d.ts

@@ -1,2 +0,0 @@
-export * as Image from "./image";
-//# sourceMappingURL=index.d.ts.map

package/lib/app/custom-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app/custom-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/lib/app/handle-request.server.d.ts

@@ -1,3 +0,0 @@
-import type { EntryContext } from "@remix-run/node";
-export declare const handleRequest: (request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext) => Response;
-//# sourceMappingURL=handle-request.server.d.ts.map

package/lib/app/handle-request.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle-request.server.d.ts","sourceRoot":"","sources":["../../src/app/handle-request.server.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,aAAa,YACf,OAAO,sBACI,MAAM,mBACT,OAAO,gBACV,YAAY,aAY3B,CAAC"}

package/lib/app/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC"}

package/lib/app/params.d.ts

@@ -1,6 +0,0 @@
-export declare type Params = {
-    resizeOrigin?: string;
-};
-export declare const getParams: () => Params;
-export declare const setParams: (newParams: Params | null) => void;
-//# sourceMappingURL=params.d.ts.map

package/lib/app/params.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"params.d.ts","sourceRoot":"","sources":["../../src/app/params.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF,eAAO,MAAM,SAAS,QAAO,MAA+B,CAAC;AAE7D,eAAO,MAAM,SAAS,cAAe,MAAM,GAAG,IAAI,SAEjD,CAAC"}

package/lib/app/root.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Outlet as DefaultOutlet } from "@remix-run/react";
-/**
- * We are using Outlet prop from index layout when user renders site from a subdomain.
- */
-export declare const Root: ({ Outlet, }: {
-    Outlet: typeof DefaultOutlet;
-}) => JSX.Element;
-//# sourceMappingURL=root.d.ts.map

package/lib/app/root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/app/root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,MAAM,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,IAAI;YAGP,oBAAoB;iBAiB7B,CAAC"}

package/lib/cjs/app/custom-components/image.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { Image as WebstudioImage } from "@webstudio-is/image";
-import { idAttribute } from "../../tree/wrapper-component";
-declare type Props = ComponentProps<typeof WebstudioImage> & {
-    [idAttribute]: string;
-};
-export declare const Component: import("react").ForwardRefExoticComponent<Pick<Props, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement> | "data-ws-id" | "quality" | "loader" | "optimize"> & import("react").RefAttributes<HTMLImageElement>>;
-export {};
-//# sourceMappingURL=image.d.ts.map

package/lib/cjs/app/custom-components/image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/app/custom-components/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,IAAI,cAAc,EAAW,MAAM,qBAAqB,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAK3D,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,eAAO,MAAM,SAAS,gOAqBrB,CAAC"}

package/lib/cjs/app/custom-components/index.d.ts

@@ -1,2 +0,0 @@
-export * as Image from "./image";
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/app/custom-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/custom-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/lib/cjs/app/handle-request.server.d.ts

@@ -1,3 +0,0 @@
-import type { EntryContext } from "@remix-run/node";
-export declare const handleRequest: (request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext) => Response;
-//# sourceMappingURL=handle-request.server.d.ts.map

package/lib/cjs/app/handle-request.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handle-request.server.d.ts","sourceRoot":"","sources":["../../../src/app/handle-request.server.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,aAAa,YACf,OAAO,sBACI,MAAM,mBACT,OAAO,gBACV,YAAY,aAY3B,CAAC"}

package/lib/cjs/app/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./root";
-export * from "./handle-request.server";
-export * from "./params";
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/app/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC"}

package/lib/cjs/app/params.d.ts

@@ -1,6 +0,0 @@
-export declare type Params = {
-    resizeOrigin?: string;
-};
-export declare const getParams: () => Params;
-export declare const setParams: (newParams: Params | null) => void;
-//# sourceMappingURL=params.d.ts.map

package/lib/cjs/app/params.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"params.d.ts","sourceRoot":"","sources":["../../../src/app/params.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF,eAAO,MAAM,SAAS,QAAO,MAA+B,CAAC;AAE7D,eAAO,MAAM,SAAS,cAAe,MAAM,GAAG,IAAI,SAEjD,CAAC"}

package/lib/cjs/app/root.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Outlet as DefaultOutlet } from "@remix-run/react";
-/**
- * We are using Outlet prop from index layout when user renders site from a subdomain.
- */
-export declare const Root: ({ Outlet, }: {
-    Outlet: typeof DefaultOutlet;
-}) => JSX.Element;
-//# sourceMappingURL=root.d.ts.map

package/lib/cjs/app/root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/app/root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,MAAM,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,IAAI;YAGP,oBAAoB;iBAiB7B,CAAC"}

package/lib/cjs/components/body.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Body: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "key" | keyof import("react").HTMLAttributes<HTMLBodyElement>> & import("react").RefAttributes<HTMLBodyElement>>;
-//# sourceMappingURL=body.d.ts.map

package/lib/cjs/components/body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/body.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,sQAG+B,CAAC"}

package/lib/cjs/components/body.stories.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const body_1 = require("./body");
-exports.default = {
-    title: "Components/Body",
-    component: body_1.Body,
-};
-const Body = (args) => ((0, jsx_runtime_1.jsx)(body_1.Body, { ...args }));
-exports.Body = Body;

package/lib/cjs/components/body.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
-import { Body as BodyPrimitive } from "./body";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "key" | keyof import("react").HTMLAttributes<HTMLBodyElement>> & import("react").RefAttributes<HTMLBodyElement>>>;
-export default _default;
-export declare const Body: ComponentStory<typeof BodyPrimitive>;
-//# sourceMappingURL=body.stories.d.ts.map

package/lib/cjs/components/body.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body.stories.d.ts","sourceRoot":"","sources":["../../../src/components/body.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;;AAE/C,wBAGyC;AAEzC,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,OAAO,aAAa,CAErD,CAAC"}

package/lib/cjs/components/body.ws.d.ts

@@ -1,5 +0,0 @@
-import type { WsComponentMeta } from "./component-type";
-import { Body } from "./body";
-declare const meta: WsComponentMeta<typeof Body>;
-export default meta;
-//# sourceMappingURL=body.ws.d.ts.map