@webstudio-is/react-sdk 0.8.0 → 0.10.0

package/lib/cjs/components/image.cjs

@@ -1,20 +1,45 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const defaultTag = "img";
-exports.Image = (0, react_1.forwardRef)((imageProps, ref) => {
-    return ((0, jsx_runtime_1.jsx)("img", { ...imageProps, src: imageProps.src || imagePlaceholderSvg, decoding: "async", ref: ref }));
+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 image_exports = {};
+__export(image_exports, {
+  Image: () => Image
 });
-exports.Image.defaultProps = {
-    src: "",
-    width: "",
-    height: "",
-    loading: "lazy",
-    alt: "",
+module.exports = __toCommonJS(image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "img";
+const Image = (0, import_react.forwardRef)(
+  (imageProps, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+      ...imageProps,
+      src: imageProps.src || imagePlaceholderSvg,
+      ref
+    });
+  }
+);
+Image.defaultProps = {
+  src: "",
+  width: "",
+  height: "",
+  alt: ""
 };
-exports.Image.displayName = "Image";
+Image.displayName = "Image";
 const imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
   width="140"
   height="140"

package/lib/cjs/components/image.ws.cjs

@@ -1,29 +1,50 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const image_1 = require("./image");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var image_ws_exports = {};
+__export(image_ws_exports, {
+  default: () => image_ws_default
+});
+module.exports = __toCommonJS(image_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_image_props = __toESM(require("./__generated__/image.props.json"), 1);
 const defaultStyle = {
-    // Otherwise on new image insert onto canvas it can overfit screen size multiple times
-    maxWidth: {
-        type: "unit",
-        unit: "%",
-        value: 100,
-    },
-    // inline | inline-block is not suitable because without line-height: 0 on the parent you get unsuitable spaces/margins
-    // see https://stackoverflow.com/questions/24771194/is-the-margin-of-inline-block-4px-is-static-for-all-browsers
-    display: {
-        type: "keyword",
-        value: "block",
-    },
+  maxWidth: {
+    type: "unit",
+    unit: "%",
+    value: 100
+  },
+  display: {
+    type: "keyword",
+    value: "block"
+  }
 };
 const meta = {
-    Icon: icons_1.ImageIcon,
-    Component: image_1.Image,
-    canAcceptChildren: false,
-    defaultStyle,
-    isContentEditable: false,
-    isInlineOnly: false,
-    isListed: true,
-    label: "Image",
+  type: "embed",
+  label: "Image",
+  Icon: import_icons.ImageIcon,
+  defaultStyle,
+  props: import_image_props.default
 };
-exports.default = meta;
+var image_ws_default = meta;

package/lib/cjs/components/index.cjs

@@ -1,36 +1,146 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = exports.Form = exports.Input = exports.Button = exports.Subscript = exports.Superscript = exports.Italic = exports.Bold = exports.Span = exports.Link = exports.Paragraph = exports.Heading = exports.TextBlock = exports.Box = exports.Body = void 0;
-var body_ws_1 = require("./body.ws");
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return __importDefault(body_ws_1).default; } });
-var box_ws_1 = require("./box.ws");
-Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(box_ws_1).default; } });
-var text_block_ws_1 = require("./text-block.ws");
-Object.defineProperty(exports, "TextBlock", { enumerable: true, get: function () { return __importDefault(text_block_ws_1).default; } });
-var heading_ws_1 = require("./heading.ws");
-Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(heading_ws_1).default; } });
-var paragraph_ws_1 = require("./paragraph.ws");
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return __importDefault(paragraph_ws_1).default; } });
-var link_ws_1 = require("./link.ws");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(link_ws_1).default; } });
-var span_ws_1 = require("./span.ws");
-Object.defineProperty(exports, "Span", { enumerable: true, get: function () { return __importDefault(span_ws_1).default; } });
-var bold_ws_1 = require("./bold.ws");
-Object.defineProperty(exports, "Bold", { enumerable: true, get: function () { return __importDefault(bold_ws_1).default; } });
-var italic_ws_1 = require("./italic.ws");
-Object.defineProperty(exports, "Italic", { enumerable: true, get: function () { return __importDefault(italic_ws_1).default; } });
-var superscript_ws_1 = require("./superscript.ws");
-Object.defineProperty(exports, "Superscript", { enumerable: true, get: function () { return __importDefault(superscript_ws_1).default; } });
-var subscript_ws_1 = require("./subscript.ws");
-Object.defineProperty(exports, "Subscript", { enumerable: true, get: function () { return __importDefault(subscript_ws_1).default; } });
-var button_ws_1 = require("./button.ws");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_ws_1).default; } });
-var input_ws_1 = require("./input.ws");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(input_ws_1).default; } });
-var form_ws_1 = require("./form.ws");
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(form_ws_1).default; } });
-var image_ws_1 = require("./image.ws");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(image_ws_1).default; } });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+__export(components_exports, {
+  getComponent: () => getComponent,
+  getComponentMeta: () => getComponentMeta,
+  getComponentMetaProps: () => getComponentMetaProps,
+  getComponentNames: () => getComponentNames,
+  registerComponents: () => registerComponents,
+  registerComponentsMeta: () => registerComponentsMeta
+});
+module.exports = __toCommonJS(components_exports);
+var import_body = __toESM(require("./body.ws"), 1);
+var import_box = __toESM(require("./box.ws"), 1);
+var import_text_block = __toESM(require("./text-block.ws"), 1);
+var import_heading = __toESM(require("./heading.ws"), 1);
+var import_paragraph = __toESM(require("./paragraph.ws"), 1);
+var import_link = __toESM(require("./link.ws"), 1);
+var import_rich_text_link = __toESM(require("./rich-text-link.ws"), 1);
+var import_span = __toESM(require("./span.ws"), 1);
+var import_bold = __toESM(require("./bold.ws"), 1);
+var import_italic = __toESM(require("./italic.ws"), 1);
+var import_superscript = __toESM(require("./superscript.ws"), 1);
+var import_subscript = __toESM(require("./subscript.ws"), 1);
+var import_button = __toESM(require("./button.ws"), 1);
+var import_input = __toESM(require("./input.ws"), 1);
+var import_form = __toESM(require("./form.ws"), 1);
+var import_image = __toESM(require("./image.ws"), 1);
+var import_body2 = require("./body");
+var import_box2 = require("./box");
+var import_text_block2 = require("./text-block");
+var import_heading2 = require("./heading");
+var import_paragraph2 = require("./paragraph");
+var import_link2 = require("./link");
+var import_rich_text_link2 = require("./rich-text-link");
+var import_span2 = require("./span");
+var import_bold2 = require("./bold");
+var import_italic2 = require("./italic");
+var import_superscript2 = require("./superscript");
+var import_subscript2 = require("./subscript");
+var import_button2 = require("./button");
+var import_input2 = require("./input");
+var import_form2 = require("./form");
+var import_image2 = require("./image");
+const meta = {
+  Box: import_box.default,
+  Body: import_body.default,
+  TextBlock: import_text_block.default,
+  Heading: import_heading.default,
+  Paragraph: import_paragraph.default,
+  Link: import_link.default,
+  RichTextLink: import_rich_text_link.default,
+  Span: import_span.default,
+  Bold: import_bold.default,
+  Italic: import_italic.default,
+  Superscript: import_superscript.default,
+  Subscript: import_subscript.default,
+  Button: import_button.default,
+  Input: import_input.default,
+  Form: import_form.default,
+  Image: import_image.default
+};
+const components = {
+  Box: import_box2.Box,
+  Body: import_body2.Body,
+  TextBlock: import_text_block2.TextBlock,
+  Heading: import_heading2.Heading,
+  Paragraph: import_paragraph2.Paragraph,
+  Link: import_link2.Link,
+  RichTextLink: import_rich_text_link2.RichTextLink,
+  Span: import_span2.Span,
+  Bold: import_bold2.Bold,
+  Italic: import_italic2.Italic,
+  Superscript: import_superscript2.Superscript,
+  Subscript: import_subscript2.Subscript,
+  Button: import_button2.Button,
+  Input: import_input2.Input,
+  Form: import_form2.Form,
+  Image: import_image2.Image
+};
+let registeredComponents = null;
+let registeredComponentsMeta = null;
+const componentNames = Object.keys(components);
+const getComponentNames = () => {
+  const uniqueNames = /* @__PURE__ */ new Set([
+    ...componentNames,
+    ...Object.keys(registeredComponents || {})
+  ]);
+  return [...uniqueNames.values()];
+};
+const getComponentMeta = (name) => {
+  if (registeredComponentsMeta != null && name in registeredComponentsMeta) {
+    return { ...meta[name], ...registeredComponentsMeta[name] };
+  }
+  return meta[name];
+};
+const getComponent = (name) => {
+  return registeredComponents != null && name in registeredComponents ? registeredComponents[name] : components[name];
+};
+const getComponentMetaProps = (name) => {
+  if (registeredComponentsMeta != null && name in registeredComponentsMeta) {
+    const allMetaPropKeys = /* @__PURE__ */ new Set([
+      ...Object.keys(meta[name]?.props ?? {}),
+      ...Object.keys(registeredComponentsMeta[name].props)
+    ]);
+    const props = {};
+    for (const key of allMetaPropKeys.values()) {
+      props[key] = {
+        ...meta[name]?.props[key],
+        ...registeredComponentsMeta[name]?.props?.[key],
+        defaultValue: registeredComponentsMeta[name]?.props?.[key]?.defaultValue ?? meta[name]?.props[key]?.defaultValue ?? null,
+        required: registeredComponentsMeta[name]?.props?.[key]?.required || meta[name]?.props[key]?.required
+      };
+    }
+    return props;
+  }
+  return meta[name].props;
+};
+const registerComponents = (components2) => {
+  registeredComponents = components2;
+};
+const registerComponentsMeta = (componentsMeta) => {
+  registeredComponentsMeta = componentsMeta;
+};

package/lib/cjs/components/input.cjs

@@ -1,8 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+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 input_exports = {};
+__export(input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 const defaultTag = "input";
-exports.Input = (0, react_1.forwardRef)(({ children: _children, ...props }, ref) => (0, jsx_runtime_1.jsx)("input", { ...props, ref: ref }));
-exports.Input.displayName = "Input";
+const Input = (0, import_react.forwardRef)(({ children: _children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+  ...props,
+  ref
+}));
+Input.displayName = "Input";

package/lib/cjs/components/input.ws.cjs

@@ -1,14 +1,38 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const input_1 = require("./input");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_ws_exports = {};
+__export(input_ws_exports, {
+  default: () => input_ws_default
+});
+module.exports = __toCommonJS(input_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_input_props = __toESM(require("./__generated__/input.props.json"), 1);
 const meta = {
-    Icon: icons_1.InputIcon,
-    Component: input_1.Input,
-    canAcceptChildren: false,
-    isContentEditable: false,
-    isInlineOnly: false,
-    isListed: true,
-    label: "Input",
+  type: "control",
+  label: "Input",
+  Icon: import_icons.InputIcon,
+  props: import_input_props.default
 };
-exports.default = meta;
+var input_ws_default = meta;

package/lib/cjs/components/italic.cjs

@@ -1,8 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Italic = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+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 italic_exports = {};
+__export(italic_exports, {
+  Italic: () => Italic
+});
+module.exports = __toCommonJS(italic_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 const defaultTag = "i";
-exports.Italic = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)("i", { ...props, ref: ref }));
-exports.Italic.displayName = "Italic";
+const Italic = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", {
+  ...props,
+  ref
+}));
+Italic.displayName = "Italic";

package/lib/cjs/components/italic.ws.cjs

@@ -1,21 +1,45 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const italic_1 = require("./italic");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var italic_ws_exports = {};
+__export(italic_ws_exports, {
+  default: () => italic_ws_default
+});
+module.exports = __toCommonJS(italic_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_italic_props = __toESM(require("./__generated__/italic.props.json"), 1);
 const defaultStyle = {
-    fontStyle: {
-        type: "keyword",
-        value: "italic",
-    },
+  fontStyle: {
+    type: "keyword",
+    value: "italic"
+  }
 };
 const meta = {
-    Icon: icons_1.FontItalicIcon,
-    Component: italic_1.Italic,
-    defaultStyle,
-    canAcceptChildren: false,
-    isContentEditable: false,
-    isInlineOnly: true,
-    label: "Italic Text",
-    isListed: false,
+  type: "rich-text-child",
+  label: "Italic Text",
+  Icon: import_icons.FontItalicIcon,
+  defaultStyle,
+  props: import_italic_props.default
 };
-exports.default = meta;
+var italic_ws_default = meta;

package/lib/cjs/components/link.cjs

@@ -1,8 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const defaultTag = "a";
-exports.Link = (0, react_1.forwardRef)(({ href = "", ...props }, ref) => (0, jsx_runtime_1.jsx)("a", { ...props, href: href, ref: ref }));
-exports.Link.displayName = "Link";
+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_exports = {};
+__export(link_exports, {
+  Link: () => Link
+});
+module.exports = __toCommonJS(link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const Link = (0, import_react.forwardRef)(
+  ({ href = "", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+    ...props,
+    href,
+    ref
+  })
+);
+Link.displayName = "Link";

package/lib/cjs/components/link.ws.cjs

@@ -1,27 +1,51 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const link_1 = require("./link");
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var link_ws_exports = {};
+__export(link_ws_exports, {
+  default: () => link_ws_default
+});
+module.exports = __toCommonJS(link_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_link_props = __toESM(require("./__generated__/link.props.json"), 1);
 const defaultStyle = {
-    minHeight: {
-        type: "unit",
-        unit: "em",
-        value: 1,
-    },
-    display: {
-        type: "keyword",
-        value: "inline-block",
-    },
+  minHeight: {
+    type: "unit",
+    unit: "em",
+    value: 1
+  },
+  display: {
+    type: "keyword",
+    value: "inline-block"
+  }
 };
 const meta = {
-    Icon: icons_1.Link2Icon,
-    Component: link_1.Link,
-    defaultStyle,
-    canAcceptChildren: false,
-    isContentEditable: true,
-    isInlineOnly: false,
-    isListed: true,
-    label: "Link",
-    children: ["Link text you can edit"],
+  type: "rich-text",
+  label: "Link",
+  Icon: import_icons.Link2Icon,
+  defaultStyle,
+  children: ["Link text you can edit"],
+  props: import_link_props.default
 };
-exports.default = meta;
+var link_ws_default = meta;