@webstudio-is/sdk-components-react-remix 0.70.0 → 0.72.0

package/README.md

@@ -1,4 +1,3 @@
-# Webstudio SDK
+# Webstudio SDK Components
 
 Webstudio SDK is a TypeScript API that lets you use your Webstudio site or some components in your custom codebase or just render a complete Remix Document.
-It is currently under development, but feel free to play with the the current [landing site](https://github.com/webstudio-is/webstudio-landing)

package/lib/__generated__/link-block.props.js

@@ -2,14 +2,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -420,12 +414,21 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };
 export {
   props

package/lib/__generated__/link.props.js

@@ -2,14 +2,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -420,12 +414,21 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };
 export {
   props

package/lib/__generated__/rich-text-link.props.js

@@ -2,14 +2,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -420,12 +414,21 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };
 export {
   props

package/lib/cjs/__generated__/link-block.props.js

@@ -25,14 +25,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -443,10 +437,19 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };

package/lib/cjs/__generated__/link.props.js

@@ -25,14 +25,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -443,10 +437,19 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };

package/lib/cjs/__generated__/rich-text-link.props.js

@@ -25,14 +25,8 @@ const props = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"]
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -443,10 +437,19 @@ const props = {
     control: "text",
     type: "string"
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"]
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"]
-  }
+  },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" }
 };

package/lib/cjs/link-block.js

@@ -21,6 +21,6 @@ __export(link_block_exports, {
   LinkBlock: () => LinkBlock
 });
 module.exports = __toCommonJS(link_block_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
+var import_sdk_components_react = require("@webstudio-is/sdk-components-react");
 var import_remix_link = require("./shared/remix-link");
-const LinkBlock = (0, import_remix_link.wrapLinkComponent)(import_react_sdk.LinkBlock);
+const LinkBlock = (0, import_remix_link.wrapLinkComponent)(import_sdk_components_react.LinkBlock);

package/lib/cjs/link-block.ws.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var link_block_ws_exports = {};
+__export(link_block_ws_exports, {
+  meta: () => import_metas.LinkBlock,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(link_block_ws_exports);
+var import_link = require("./link.ws");
+var import_metas = require("@webstudio-is/sdk-components-react/metas");
+const propsMeta = import_link.propsMeta;

package/lib/cjs/link.js

@@ -21,6 +21,6 @@ __export(link_exports, {
   Link: () => Link
 });
 module.exports = __toCommonJS(link_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
+var import_sdk_components_react = require("@webstudio-is/sdk-components-react");
 var import_remix_link = require("./shared/remix-link");
-const Link = (0, import_remix_link.wrapLinkComponent)(import_react_sdk.Link);
+const Link = (0, import_remix_link.wrapLinkComponent)(import_sdk_components_react.Link);

package/lib/cjs/link.ws.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var link_ws_exports = {};
+__export(link_ws_exports, {
+  meta: () => import_metas.Link,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(link_ws_exports);
+var import_link = require("./__generated__/link.props");
+var import_metas = require("@webstudio-is/sdk-components-react/metas");
+const propsMeta = {
+  props: {
+    ...import_link.props,
+    href: {
+      type: "string",
+      control: "url",
+      required: false
+    }
+  },
+  initialProps: ["href", "target", "prefetch"]
+};

package/lib/cjs/props.js

@@ -18,7 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
 __export(props_exports, {
-  Form: () => import_form.propsMeta
+  Form: () => import_form.propsMeta,
+  Link: () => import_link.propsMeta,
+  LinkBlock: () => import_link_block.propsMeta,
+  RichTextLink: () => import_rich_text_link.propsMeta
 });
 module.exports = __toCommonJS(props_exports);
 var import_form = require("./form.ws");
+var import_link = require("./link.ws");
+var import_link_block = require("./link-block.ws");
+var import_rich_text_link = require("./rich-text-link.ws");

package/lib/cjs/rich-text-link.js

@@ -21,6 +21,6 @@ __export(rich_text_link_exports, {
   RichTextLink: () => RichTextLink
 });
 module.exports = __toCommonJS(rich_text_link_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
+var import_sdk_components_react = require("@webstudio-is/sdk-components-react");
 var import_remix_link = require("./shared/remix-link");
-const RichTextLink = (0, import_remix_link.wrapLinkComponent)(import_react_sdk.RichTextLink);
+const RichTextLink = (0, import_remix_link.wrapLinkComponent)(import_sdk_components_react.RichTextLink);

package/lib/cjs/rich-text-link.ws.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rich_text_link_ws_exports = {};
+__export(rich_text_link_ws_exports, {
+  meta: () => import_metas.RichTextLink,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(rich_text_link_ws_exports);
+var import_link = require("./link.ws");
+var import_metas = require("@webstudio-is/sdk-components-react/metas");
+const propsMeta = import_link.propsMeta;

package/lib/link-block.js

@@ -1,4 +1,4 @@
-import { LinkBlock as BaseLink } from "@webstudio-is/react-sdk";
+import { LinkBlock as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 const LinkBlock = wrapLinkComponent(BaseLink);
 export {

package/lib/link-block.ws.js

@@ -0,0 +1,7 @@
+import { propsMeta as linkPropsMeta } from "./link.ws";
+import { LinkBlock } from "@webstudio-is/sdk-components-react/metas";
+const propsMeta = linkPropsMeta;
+export {
+  LinkBlock as meta,
+  propsMeta
+};

package/lib/link.js

@@ -1,4 +1,4 @@
-import { Link as BaseLink } from "@webstudio-is/react-sdk";
+import { Link as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 const Link = wrapLinkComponent(BaseLink);
 export {

package/lib/link.ws.js

@@ -0,0 +1,17 @@
+import { props } from "./__generated__/link.props";
+import { Link } from "@webstudio-is/sdk-components-react/metas";
+const propsMeta = {
+  props: {
+    ...props,
+    href: {
+      type: "string",
+      control: "url",
+      required: false
+    }
+  },
+  initialProps: ["href", "target", "prefetch"]
+};
+export {
+  Link as meta,
+  propsMeta
+};

package/lib/props.js

@@ -1,4 +1,10 @@
 import { propsMeta } from "./form.ws";
+import { propsMeta as propsMeta2 } from "./link.ws";
+import { propsMeta as propsMeta3 } from "./link-block.ws";
+import { propsMeta as propsMeta4 } from "./rich-text-link.ws";
 export {
-  propsMeta as Form
+  propsMeta as Form,
+  propsMeta2 as Link,
+  propsMeta3 as LinkBlock,
+  propsMeta4 as RichTextLink
 };

package/lib/rich-text-link.js

@@ -1,4 +1,4 @@
-import { RichTextLink as BaseLink } from "@webstudio-is/react-sdk";
+import { RichTextLink as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 const RichTextLink = wrapLinkComponent(BaseLink);
 export {

package/lib/rich-text-link.ws.js

@@ -0,0 +1,7 @@
+import { propsMeta as linkPropsMeta } from "./link.ws";
+import { RichTextLink } from "@webstudio-is/sdk-components-react/metas";
+const propsMeta = linkPropsMeta;
+export {
+  RichTextLink as meta,
+  propsMeta
+};

package/lib/types/form.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const defaultTag = "form";
 export declare const Form: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "action" | "method"> & {
-    initialState?: "error" | "initial" | "success" | undefined;
+    initialState?: "initial" | "error" | "success" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

package/lib/types/link-block.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const LinkBlock: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const LinkBlock: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
+    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
     prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    reloadDocument?: boolean | undefined;
+    replace?: boolean | undefined;
+    preventScrollReset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/link-block.ws.d.ts

@@ -0,0 +1,3 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export { LinkBlock as meta } from "@webstudio-is/sdk-components-react/metas";
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/link.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
+    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
     prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    reloadDocument?: boolean | undefined;
+    replace?: boolean | undefined;
+    preventScrollReset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/link.ws.d.ts

@@ -0,0 +1,3 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export { Link as meta } from "@webstudio-is/sdk-components-react/metas";
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/props.d.ts

@@ -1 +1,4 @@
 export { propsMeta as Form } from "./form.ws";
+export { propsMeta as Link } from "./link.ws";
+export { propsMeta as LinkBlock } from "./link-block.ws";
+export { propsMeta as RichTextLink } from "./rich-text-link.ws";

package/lib/types/rich-text-link.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const RichTextLink: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
+    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
     prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    reloadDocument?: boolean | undefined;
+    replace?: boolean | undefined;
+    preventScrollReset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/types/rich-text-link.ws.d.ts

@@ -0,0 +1,3 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export { RichTextLink as meta } from "@webstudio-is/sdk-components-react/metas";
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/shared/remix-link.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const wrapLinkComponent: (BaseLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+import type { Link } from "@webstudio-is/sdk-components-react";
+export declare const wrapLinkComponent: (BaseLink: typeof Link) => import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>) => import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
     prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    reloadDocument?: boolean | undefined;
+    replace?: boolean | undefined;
+    preventScrollReset?: boolean | undefined;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.70.0",
+  "version": "0.72.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -15,21 +15,21 @@
   "exports": {
     ".": {
       "source": "./src/components.ts",
-      "types": "./lib/types/components.d.ts",
       "import": "./lib/components.js",
-      "require": "./lib/cjs/components.js"
+      "require": "./lib/cjs/components.js",
+      "types": "./lib/types/components.d.ts"
     },
     "./metas": {
       "source": "./src/metas.ts",
-      "types": "./lib/types/metas.d.ts",
       "import": "./lib/metas.js",
-      "require": "./lib/cjs/metas.js"
+      "require": "./lib/cjs/metas.js",
+      "types": "./lib/types/metas.d.ts"
     },
     "./props": {
       "source": "./src/props.ts",
-      "types": "./lib/types/props.d.ts",
       "import": "./lib/props.js",
-      "require": "./lib/cjs/props.js"
+      "require": "./lib/cjs/props.js",
+      "types": "./lib/types/props.d.ts"
     }
   },
   "peerDependencies": {
@@ -38,10 +38,11 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "^0.70.0",
-    "@webstudio-is/generate-arg-types": "^0.70.0",
-    "@webstudio-is/icons": "^0.70.0",
-    "@webstudio-is/react-sdk": "^0.70.0"
+    "@webstudio-is/form-handlers": "^0.72.0",
+    "@webstudio-is/generate-arg-types": "^0.72.0",
+    "@webstudio-is/icons": "^0.72.0",
+    "@webstudio-is/react-sdk": "^0.72.0",
+    "@webstudio-is/sdk-components-react": "^0.72.0"
   },
   "devDependencies": {
     "@remix-run/react": "^1.15.0",

package/src/__generated__/link-block.props.ts

@@ -4,14 +4,8 @@ export const props: Record<string, PropMeta> = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"],
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -468,10 +462,19 @@ export const props: Record<string, PropMeta> = {
     control: "text",
     type: "string",
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"],
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"],
   },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" },
 };

package/src/__generated__/link.props.ts

@@ -4,14 +4,8 @@ export const props: Record<string, PropMeta> = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"],
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -468,10 +462,19 @@ export const props: Record<string, PropMeta> = {
     control: "text",
     type: "string",
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"],
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"],
   },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" },
 };

package/src/__generated__/rich-text-link.props.ts

@@ -4,14 +4,8 @@ export const props: Record<string, PropMeta> = {
   slot: { required: false, control: "text", type: "string" },
   style: { required: false, control: "text", type: "string" },
   title: { required: false, control: "text", type: "string" },
-  href: { required: false, control: "text", type: "string" },
-  target: {
-    required: false,
-    control: "select",
-    type: "string",
-    options: ["_self", "_blank", "_parent", "_top"],
-  },
   download: { required: false, control: "text", type: "string" },
+  href: { required: false, control: "text", type: "string" },
   hrefLang: { required: false, control: "text", type: "string" },
   media: { required: false, control: "text", type: "string" },
   ping: { required: false, control: "text", type: "string" },
@@ -468,10 +462,19 @@ export const props: Record<string, PropMeta> = {
     control: "text",
     type: "string",
   },
+  target: {
+    required: false,
+    control: "select",
+    type: "string",
+    options: ["_self", "_blank", "_parent", "_top"],
+  },
   prefetch: {
     required: false,
     control: "radio",
     type: "string",
     options: ["none", "intent", "render"],
   },
+  reloadDocument: { required: false, control: "boolean", type: "boolean" },
+  replace: { required: false, control: "boolean", type: "boolean" },
+  preventScrollReset: { required: false, control: "boolean", type: "boolean" },
 };

package/src/link-block.tsx

@@ -1,4 +1,4 @@
-import { LinkBlock as BaseLink } from "@webstudio-is/react-sdk";
+import { LinkBlock as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 
 export const LinkBlock = wrapLinkComponent(BaseLink);

package/src/link-block.ws.tsx

@@ -0,0 +1,6 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { propsMeta as linkPropsMeta } from "./link.ws";
+
+export { LinkBlock as meta } from "@webstudio-is/sdk-components-react/metas";
+
+export const propsMeta: WsComponentPropsMeta = linkPropsMeta;

package/src/link.tsx

@@ -1,4 +1,4 @@
-import { Link as BaseLink } from "@webstudio-is/react-sdk";
+import { Link as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 
 export const Link = wrapLinkComponent(BaseLink);

package/src/link.ws.ts

@@ -0,0 +1,16 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { props } from "./__generated__/link.props";
+
+export { Link as meta } from "@webstudio-is/sdk-components-react/metas";
+
+export const propsMeta: WsComponentPropsMeta = {
+  props: {
+    ...props,
+    href: {
+      type: "string",
+      control: "url",
+      required: false,
+    },
+  },
+  initialProps: ["href", "target", "prefetch"],
+};

package/src/props.ts

@@ -1 +1,4 @@
 export { propsMeta as Form } from "./form.ws";
+export { propsMeta as Link } from "./link.ws";
+export { propsMeta as LinkBlock } from "./link-block.ws";
+export { propsMeta as RichTextLink } from "./rich-text-link.ws";

package/src/rich-text-link.tsx

@@ -1,4 +1,4 @@
-import { RichTextLink as BaseLink } from "@webstudio-is/react-sdk";
+import { RichTextLink as BaseLink } from "@webstudio-is/sdk-components-react";
 import { wrapLinkComponent } from "./shared/remix-link";
 
 export const RichTextLink = wrapLinkComponent(BaseLink);

package/src/rich-text-link.ws.tsx

@@ -0,0 +1,6 @@
+import type { WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { propsMeta as linkPropsMeta } from "./link.ws";
+
+export { RichTextLink as meta } from "@webstudio-is/sdk-components-react/metas";
+
+export const propsMeta: WsComponentPropsMeta = linkPropsMeta;

package/src/shared/remix-link.tsx

@@ -1,16 +1,24 @@
 import { forwardRef, type ComponentPropsWithoutRef } from "react";
 import { NavLink as RemixLink } from "@remix-run/react";
 import {
-  type Link,
   usePropUrl,
   getInstanceIdFromComponentProps,
 } from "@webstudio-is/react-sdk";
+import type { Link } from "@webstudio-is/sdk-components-react";
 
-type LinkComponent = typeof Link;
-type LinkProps = ComponentPropsWithoutRef<LinkComponent>;
+type Props = Omit<ComponentPropsWithoutRef<typeof Link>, "target"> & {
+  // override (string & {}) in target to generate keywords
+  target?: "_self" | "_blank" | "_parent" | "_top";
 
-export const wrapLinkComponent = (BaseLink: LinkComponent) => {
-  const Component: LinkComponent = forwardRef((props: LinkProps, ref) => {
+  // useful remix props
+  prefetch?: "intent" | "render" | "none";
+  reloadDocument?: boolean;
+  replace?: boolean;
+  preventScrollReset?: boolean;
+};
+
+export const wrapLinkComponent = (BaseLink: typeof Link) => {
+  const Component = forwardRef<HTMLAnchorElement, Props>((props, ref) => {
     const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
 
     if (href?.type === "page") {