@webstudio-is/sdk-components-react 0.91.0 → 0.92.0

package/lib/cjs/components.js

@@ -1,86 +0,0 @@
-"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 components_exports = {};
-__export(components_exports, {
-  Blockquote: () => import_blockquote.Blockquote,
-  Body: () => import_body.Body,
-  Bold: () => import_bold.Bold,
-  Box: () => import_box.Box,
-  Button: () => import_button.Button,
-  Checkbox: () => import_checkbox.Checkbox,
-  CodeText: () => import_code_text.CodeText,
-  Form: () => import_form.Form,
-  Fragment: () => import_fragment.Fragment,
-  Heading: () => import_heading.Heading,
-  HtmlEmbed: () => import_html_embed.HtmlEmbed,
-  Image: () => import_image.Image,
-  Input: () => import_input.Input,
-  Italic: () => import_italic.Italic,
-  Label: () => import_label.Label,
-  Link: () => import_link.Link,
-  List: () => import_list.List,
-  ListItem: () => import_list_item.ListItem,
-  Paragraph: () => import_paragraph.Paragraph,
-  RadioButton: () => import_radio_button.RadioButton,
-  RichTextLink: () => import_rich_text_link.RichTextLink,
-  Separator: () => import_separator.Separator,
-  Slot: () => import_slot.Slot,
-  Span: () => import_span.Span,
-  Subscript: () => import_subscript.Subscript,
-  Superscript: () => import_superscript.Superscript,
-  Text: () => import_text.Text,
-  Textarea: () => import_textarea.Textarea,
-  Vimeo: () => import_vimeo.Vimeo,
-  VimeoPlayButton: () => import_vimeo_play_button.VimeoPlayButton,
-  VimeoPreviewImage: () => import_vimeo_preview_image.VimeoPreviewImage,
-  VimeoSpinner: () => import_vimeo_spinner.VimeoSpinner
-});
-module.exports = __toCommonJS(components_exports);
-var import_slot = require("./slot");
-var import_fragment = require("./fragment");
-var import_html_embed = require("./html-embed");
-var import_body = require("./body");
-var import_box = require("./box");
-var import_text = require("./text");
-var import_heading = require("./heading");
-var import_paragraph = require("./paragraph");
-var import_link = require("./link");
-var import_rich_text_link = require("./rich-text-link");
-var import_span = require("./span");
-var import_bold = require("./bold");
-var import_italic = require("./italic");
-var import_superscript = require("./superscript");
-var import_subscript = require("./subscript");
-var import_button = require("./button");
-var import_input = require("./input");
-var import_form = require("./form");
-var import_image = require("./image");
-var import_blockquote = require("./blockquote");
-var import_list = require("./list");
-var import_list_item = require("./list-item");
-var import_separator = require("./separator");
-var import_code_text = require("./code-text");
-var import_label = require("./label");
-var import_textarea = require("./textarea");
-var import_radio_button = require("./radio-button");
-var import_checkbox = require("./checkbox");
-var import_vimeo = require("./vimeo");
-var import_vimeo_preview_image = require("./vimeo-preview-image");
-var import_vimeo_play_button = require("./vimeo-play-button");
-var import_vimeo_spinner = require("./vimeo-spinner");

package/lib/cjs/form.js

@@ -1,29 +0,0 @@
-"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 form_exports = {};
-__export(form_exports, {
-  Form: () => Form,
-  defaultTag: () => defaultTag
-});
-module.exports = __toCommonJS(form_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const defaultTag = "form";
-const Form = (0, import_react.forwardRef)(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { ...props, ref, children }));
-Form.displayName = "Form";

package/lib/cjs/form.ws.js

@@ -1,84 +0,0 @@
-"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 form_ws_exports = {};
-__export(form_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(form_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_form = require("./__generated__/form.props");
-const presetStyle = {
-  form: [
-    ...import_css_normalize.form,
-    { property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "container",
-  invalidAncestors: ["Form"],
-  label: "Form",
-  description: "Collect information from your users using validation rules.",
-  icon: import_svg.FormIcon,
-  states: import_react_sdk.defaultStates,
-  presetStyle,
-  order: 0,
-  template: [
-    {
-      type: "instance",
-      component: "Form",
-      children: [
-        {
-          type: "instance",
-          component: "Label",
-          children: [{ type: "text", value: "Name" }]
-        },
-        {
-          type: "instance",
-          component: "Input",
-          props: [{ type: "string", name: "name", value: "name" }],
-          children: []
-        },
-        {
-          type: "instance",
-          component: "Label",
-          children: [{ type: "text", value: "Email" }]
-        },
-        {
-          type: "instance",
-          component: "Input",
-          props: [{ type: "string", name: "name", value: "email" }],
-          children: []
-        },
-        {
-          type: "instance",
-          component: "Button",
-          children: [{ type: "text", value: "Submit" }]
-        }
-      ]
-    }
-  ]
-};
-const propsMeta = {
-  props: import_form.props,
-  initialProps: ["id", "action"]
-};

package/lib/cjs/fragment.js

@@ -1,29 +0,0 @@
-"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 fragment_exports = {};
-__export(fragment_exports, {
-  Fragment: () => Fragment
-});
-module.exports = __toCommonJS(fragment_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const Fragment = (0, import_react.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref, style: { display: "contents" } });
-});
-Fragment.displayName = "Fragment";

package/lib/cjs/fragment.ws.js

@@ -1,33 +0,0 @@
-"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 fragment_ws_exports = {};
-__export(fragment_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(fragment_ws_exports);
-const meta = {
-  type: "container",
-  label: "Fragment",
-  icon: "",
-  stylable: false
-};
-const propsMeta = {
-  props: {}
-};

package/lib/cjs/heading.js

@@ -1,31 +0,0 @@
-"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 heading_exports = {};
-__export(heading_exports, {
-  Heading: () => Heading
-});
-module.exports = __toCommonJS(heading_exports);
-var import_react = require("react");
-const defaultTag = "h1";
-const Heading = (0, import_react.forwardRef)(
-  ({ tag = defaultTag, ...props }, ref) => {
-    return (0, import_react.createElement)(tag, { ...props, ref });
-  }
-);
-Heading.displayName = "Heading";

package/lib/cjs/heading.ws.js

@@ -1,58 +0,0 @@
-"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 heading_ws_exports = {};
-__export(heading_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(heading_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_heading = require("./__generated__/heading.props");
-const presetStyle = {
-  h1: import_css_normalize.h1,
-  h2: import_css_normalize.h2,
-  h3: import_css_normalize.h3,
-  h4: import_css_normalize.h4,
-  h5: import_css_normalize.h5,
-  h6: import_css_normalize.h6
-};
-const meta = {
-  category: "text",
-  type: "container",
-  label: "Heading",
-  description: "Use HTML headings to structure and organize content. Use the Tag property in settings to change the heading level (h1-h6).",
-  icon: import_svg.HeadingIcon,
-  invalidAncestors: ["Heading"],
-  states: import_react_sdk.defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "Heading",
-      children: [{ type: "text", value: "Heading you can edit" }]
-    }
-  ],
-  order: 1
-};
-const propsMeta = {
-  props: import_heading.props,
-  initialProps: ["id", "tag"]
-};

package/lib/cjs/html-embed.js

@@ -1,80 +0,0 @@
-"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 html_embed_exports = {};
-__export(html_embed_exports, {
-  HtmlEmbed: () => HtmlEmbed
-});
-module.exports = __toCommonJS(html_embed_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_utils = require("@react-aria/utils");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-const ExecutableHtml = (props) => {
-  const { code, innerRef, ...rest } = props;
-  const containerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const container = containerRef.current;
-    if (container === null || code === void 0) {
-      return;
-    }
-    const range = document.createRange();
-    range.setStart(container, 0);
-    const fragment = range.createContextualFragment(code);
-    while (container.firstChild) {
-      container.removeChild(container.firstChild);
-    }
-    container.append(fragment);
-  }, [code]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ...rest,
-      ref: (0, import_utils.mergeRefs)(innerRef, containerRef),
-      style: { display: "contents" }
-    }
-  );
-};
-const InnerHtml = (props) => {
-  const { code, innerRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ...rest,
-      ref: innerRef,
-      style: { display: "contents" },
-      dangerouslySetInnerHTML: { __html: props.code ?? "" }
-    }
-  );
-};
-const Placeholder = (props) => {
-  const { code, innerRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: innerRef, ...rest, style: { padding: "20px" }, children: 'Open the "Settings" panel to insert HTML code' });
-};
-const HtmlEmbed = (0, import_react.forwardRef)((props, ref) => {
-  const { renderer } = (0, import_react.useContext)(import_react_sdk.ReactSdkContext);
-  const { code, executeScriptOnCanvas, ...rest } = props;
-  if (code === void 0 || code.trim().length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Placeholder, { innerRef: ref, ...rest });
-  }
-  if (renderer === "canvas" && executeScriptOnCanvas === true || renderer === "preview") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExecutableHtml, { innerRef: ref, code, ...rest });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerHtml, { innerRef: ref, code, ...rest });
-});
-HtmlEmbed.displayName = "HtmlEmbed";

package/lib/cjs/html-embed.ws.js

@@ -1,51 +0,0 @@
-"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 html_embed_ws_exports = {};
-__export(html_embed_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(html_embed_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_html_embed = require("./__generated__/html-embed.props");
-const meta = {
-  category: "general",
-  type: "embed",
-  label: "HTML Embed",
-  description: "Used to add HTML code to the page, such as an SVG or script.",
-  icon: import_svg.EmbedIcon,
-  stylable: false,
-  order: 7
-};
-const propsMeta = {
-  props: {
-    ...import_html_embed.props,
-    executeScriptOnCanvas: {
-      ...import_html_embed.props.executeScriptOnCanvas,
-      label: "Run script on canvas"
-    },
-    code: {
-      required: true,
-      control: "code",
-      type: "string",
-      rows: 10
-    }
-  },
-  initialProps: []
-};

package/lib/cjs/image.js

@@ -1,86 +0,0 @@
-"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 image_exports = {};
-__export(image_exports, {
-  Image: () => Image,
-  defaultTag: () => defaultTag
-});
-module.exports = __toCommonJS(image_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_image = require("@webstudio-is/image");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-const defaultTag = "img";
-const imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
-  width="140"
-  height="140"
-  viewBox="0 0 600 600"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
-  >
-  <rect width="600" height="600" fill="#CCCCCC" />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M450 170H150C141.716 170 135 176.716 135 185V415C135 423.284 141.716 430 150 430H450C458.284 430 465 423.284 465 415V185C465 176.716 458.284 170 450 170ZM150 145C127.909 145 110 162.909 110 185V415C110 437.091 127.909 455 150 455H450C472.091 455 490 437.091 490 415V185C490 162.909 472.091 145 450 145H150Z"
-    fill="#A2A2A2"
-  />
-  <path
-    d="M237.135 235.012C237.135 255.723 220.345 272.512 199.635 272.512C178.924 272.512 162.135 255.723 162.135 235.012C162.135 214.301 178.924 197.512 199.635 197.512C220.345 197.512 237.135 214.301 237.135 235.012Z"
-    fill="#A2A2A2"
-  />
-  <path
-    d="M160 405V367.205L221.609 306.364L256.552 338.628L358.161 234L440 316.043V405H160Z"
-    fill="#A2A2A2"
-  />
-</svg>`)}`;
-const Image = (0, import_react.forwardRef)(
-  ({ loading = "lazy", ...props }, ref) => {
-    const { imageBaseUrl } = (0, import_react.useContext)(import_react_sdk.ReactSdkContext);
-    const asset = (0, import_react_sdk.usePropAsset)((0, import_react_sdk.getInstanceIdFromComponentProps)(props), "src");
-    const loader = (0, import_react.useMemo)(() => {
-      return (0, import_image.createImageLoader)({ imageBaseUrl });
-    }, [imageBaseUrl]);
-    const src = asset?.name ?? props.src;
-    if (asset == null || loader == null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "img",
-        {
-          loading,
-          ...props,
-          src: src || imagePlaceholderSvg,
-          ref
-        },
-        src
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_image.Image,
-      {
-        loading,
-        ...props,
-        loader,
-        src,
-        ref
-      },
-      src
-    );
-  }
-);
-Image.displayName = "Image";

package/lib/cjs/image.ws.js

@@ -1,70 +0,0 @@
-"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 image_ws_exports = {};
-__export(image_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta,
-  propsOverrides: () => propsOverrides
-});
-module.exports = __toCommonJS(image_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_image = require("./__generated__/image.props");
-const presetStyle = {
-  img: [
-    ...import_css_normalize.img,
-    // Otherwise on new image insert onto canvas it can overfit screen size multiple times
-    {
-      property: "maxWidth",
-      value: { 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
-    {
-      property: "display",
-      value: { type: "keyword", value: "block" }
-    }
-  ]
-};
-const meta = {
-  category: "media",
-  type: "embed",
-  label: "Image",
-  description: "Add an image asset to the page. Webstudio automatically converts images to WebP or AVIF format and makes them responsive for best performance.",
-  icon: import_svg.ImageIcon,
-  states: import_react_sdk.defaultStates,
-  presetStyle,
-  order: 0
-};
-const propsOverrides = {
-  src: {
-    type: "string",
-    control: "file",
-    label: "Source",
-    required: false
-  }
-};
-const propsMeta = {
-  props: {
-    ...import_image.props,
-    ...propsOverrides
-  },
-  initialProps: ["id", "src", "width", "height", "alt", "loading"]
-};

package/lib/cjs/input.js

@@ -1,29 +0,0 @@
-"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 input_exports = {};
-__export(input_exports, {
-  Input: () => Input,
-  defaultTag: () => defaultTag
-});
-module.exports = __toCommonJS(input_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const defaultTag = "input";
-const Input = (0, import_react.forwardRef)(({ children: _children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...props, ref }));
-Input.displayName = "Input";