@webstudio-is/sdk-components-react-remix 0.71.0 → 0.73.0

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/components.js

@@ -20,11 +20,9 @@ var components_exports = {};
 __export(components_exports, {
   Form: () => import_form.Form,
   Link: () => import_link.Link,
-  LinkBlock: () => import_link_block.LinkBlock,
   RichTextLink: () => import_rich_text_link.RichTextLink
 });
 module.exports = __toCommonJS(components_exports);
 var import_link = require("./link");
-var import_link_block = require("./link-block");
 var import_rich_text_link = require("./rich-text-link");
 var import_form = require("./form");

package/lib/cjs/form.ws.js

@@ -80,7 +80,7 @@ const meta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Thank you for getting in touch!" }
               ]
@@ -93,7 +93,7 @@ const meta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Sorry, something went wrong." }
               ]

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,11 @@ 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,
+  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_rich_text_link = require("./rich-text-link.ws");

package/lib/cjs/{link-block.js → rich-text-link.ws.js}

@@ -16,11 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var link_block_exports = {};
-__export(link_block_exports, {
-  LinkBlock: () => LinkBlock
+var rich_text_link_ws_exports = {};
+__export(rich_text_link_ws_exports, {
+  meta: () => import_metas.RichTextLink,
+  propsMeta: () => propsMeta
 });
-module.exports = __toCommonJS(link_block_exports);
-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_sdk_components_react.LinkBlock);
+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/components.js

@@ -1,10 +1,8 @@
 import { Link } from "./link";
-import { LinkBlock } from "./link-block";
 import { RichTextLink } from "./rich-text-link";
 import { Form } from "./form";
 export {
   Form,
   Link,
-  LinkBlock,
   RichTextLink
 };

package/lib/form.ws.js

@@ -56,7 +56,7 @@ const meta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Thank you for getting in touch!" }
               ]
@@ -69,7 +69,7 @@ const meta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Sorry, something went wrong." }
               ]

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,8 @@
 import { propsMeta } from "./form.ws";
+import { propsMeta as propsMeta2 } from "./link.ws";
+import { propsMeta as propsMeta3 } from "./rich-text-link.ws";
 export {
-  propsMeta as Form
+  propsMeta as Form,
+  propsMeta2 as Link,
+  propsMeta3 as RichTextLink
 };

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/components.d.ts

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

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,3 @@
 export { propsMeta as Form } from "./form.ws";
+export { propsMeta as Link } from "./link.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.71.0",
+  "version": "0.73.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -38,11 +38,11 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "^0.71.0",
-    "@webstudio-is/generate-arg-types": "^0.71.0",
-    "@webstudio-is/icons": "^0.71.0",
-    "@webstudio-is/react-sdk": "^0.71.0",
-    "@webstudio-is/sdk-components-react": "^0.71.0"
+    "@webstudio-is/form-handlers": "^0.73.0",
+    "@webstudio-is/generate-arg-types": "^0.73.0",
+    "@webstudio-is/icons": "^0.73.0",
+    "@webstudio-is/react-sdk": "^0.73.0",
+    "@webstudio-is/sdk-components-react": "^0.73.0"
   },
   "devDependencies": {
     "@remix-run/react": "^1.15.0",
@@ -50,7 +50,7 @@
     "@types/react-dom": "^18.0.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "5.0.3",
+    "typescript": "5.1.3",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.6"
   },

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/components.ts

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

package/src/form.ws.tsx

@@ -64,7 +64,7 @@ export const meta: WsComponentMeta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Thank you for getting in touch!" },
               ],
@@ -77,7 +77,7 @@ export const meta: WsComponentMeta = {
           children: [
             {
               type: "instance",
-              component: "TextBlock",
+              component: "Text",
               children: [
                 { type: "text", value: "Sorry, something went wrong." },
               ],

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,3 @@
 export { propsMeta as Form } from "./form.ws";
+export { propsMeta as Link } from "./link.ws";
+export { propsMeta as RichTextLink } from "./rich-text-link.ws";

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

@@ -6,11 +6,19 @@ import {
 } 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") {

package/lib/link-block.js

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

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

@@ -1,6 +0,0 @@
-/// <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;
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/src/link-block.tsx

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