@webstudio-is/react-sdk 0.9.0 → 0.10.1

package/lib/cjs/components/form.ws.cjs

@@ -1,26 +1,50 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const form_1 = require("./form");
+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 form_ws_exports = {};
+__export(form_ws_exports, {
+  default: () => form_ws_default
+});
+module.exports = __toCommonJS(form_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_form_props = __toESM(require("./__generated__/form.props.json"), 1);
 const defaultStyle = {
-    minHeight: {
-        type: "unit",
-        unit: "px",
-        value: 20,
-    },
-    boxSizing: {
-        type: "keyword",
-        value: "border-box",
-    },
+  minHeight: {
+    type: "unit",
+    unit: "px",
+    value: 20
+  },
+  boxSizing: {
+    type: "keyword",
+    value: "border-box"
+  }
 };
 const meta = {
-    Icon: icons_1.FormIcon,
-    Component: form_1.Form,
-    defaultStyle,
-    canAcceptChildren: true,
-    isContentEditable: false,
-    isInlineOnly: false,
-    isListed: true,
-    label: "Form",
+  type: "container",
+  label: "Form",
+  Icon: import_icons.FormIcon,
+  defaultStyle,
+  props: import_form_props.default
 };
-exports.default = meta;
+var form_ws_default = meta;

package/lib/cjs/components/heading.cjs

@@ -1,9 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading = void 0;
-const react_1 = require("react");
-const defaultTag = "h1";
-exports.Heading = (0, react_1.forwardRef)(({ tag = defaultTag, ...props }, ref) => {
-    return (0, react_1.createElement)(tag, { ...props, 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 heading_exports = {};
+__export(heading_exports, {
+  Heading: () => Heading
 });
-exports.Heading.displayName = "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/components/heading.ws.cjs

@@ -1,15 +1,39 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const icons_1 = require("@webstudio-is/icons");
-const heading_1 = require("./heading");
+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 heading_ws_exports = {};
+__export(heading_ws_exports, {
+  default: () => heading_ws_default
+});
+module.exports = __toCommonJS(heading_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_heading_props = __toESM(require("./__generated__/heading.props.json"), 1);
 const meta = {
-    Icon: icons_1.HeadingIcon,
-    Component: heading_1.Heading,
-    canAcceptChildren: false,
-    isContentEditable: true,
-    isInlineOnly: false,
-    isListed: true,
-    label: "Heading",
-    children: ["Heading you can edit"],
+  type: "rich-text",
+  label: "Heading",
+  Icon: import_icons.HeadingIcon,
+  children: ["Heading you can edit"],
+  props: import_heading_props.default
 };
-exports.default = meta;
+var heading_ws_default = meta;

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,80 +1,146 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerComponents = exports.getComponent = exports.getComponentMeta = exports.getComponentNames = void 0;
-const body_ws_1 = __importDefault(require("./body.ws"));
-const box_ws_1 = __importDefault(require("./box.ws"));
-const text_block_ws_1 = __importDefault(require("./text-block.ws"));
-const heading_ws_1 = __importDefault(require("./heading.ws"));
-const paragraph_ws_1 = __importDefault(require("./paragraph.ws"));
-const link_ws_1 = __importDefault(require("./link.ws"));
-const span_ws_1 = __importDefault(require("./span.ws"));
-const bold_ws_1 = __importDefault(require("./bold.ws"));
-const italic_ws_1 = __importDefault(require("./italic.ws"));
-const superscript_ws_1 = __importDefault(require("./superscript.ws"));
-const subscript_ws_1 = __importDefault(require("./subscript.ws"));
-const button_ws_1 = __importDefault(require("./button.ws"));
-const input_ws_1 = __importDefault(require("./input.ws"));
-const form_ws_1 = __importDefault(require("./form.ws"));
-const image_ws_1 = __importDefault(require("./image.ws"));
 const components = {
-    Body: body_ws_1.default,
-    Box: box_ws_1.default,
-    TextBlock: text_block_ws_1.default,
-    Heading: heading_ws_1.default,
-    Paragraph: paragraph_ws_1.default,
-    Link: link_ws_1.default,
-    Span: span_ws_1.default,
-    Bold: bold_ws_1.default,
-    Italic: italic_ws_1.default,
-    Superscript: superscript_ws_1.default,
-    Subscript: subscript_ws_1.default,
-    Button: button_ws_1.default,
-    Input: input_ws_1.default,
-    Form: form_ws_1.default,
-    Image: image_ws_1.default,
+  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 = new Set([
-        ...componentNames,
-        ...Object.keys(registeredComponents || {}),
-    ]);
-    return [...uniqueNames.values()];
+  const uniqueNames = /* @__PURE__ */ new Set([
+    ...componentNames,
+    ...Object.keys(registeredComponents || {})
+  ]);
+  return [...uniqueNames.values()];
 };
-exports.getComponentNames = getComponentNames;
 const getComponentMeta = (name) => {
-    if (registeredComponents != null &&
-        name in registeredComponents &&
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        registeredComponents[name].meta != null) {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return { ...components[name], ...registeredComponents[name].meta };
-    }
-    return components[name];
+  if (registeredComponentsMeta != null && name in registeredComponentsMeta) {
+    return { ...meta[name], ...registeredComponentsMeta[name] };
+  }
+  return meta[name];
 };
-exports.getComponentMeta = getComponentMeta;
-/**
- * @todo Remove Component from meta and read directly (via import),
- * as meta information is not needed during production render.
- **/
 const getComponent = (name) => {
-    return registeredComponents != null && name in registeredComponents
-        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            registeredComponents[name]
-                .Component
-        : components[name].Component;
+  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;
 };
-exports.getComponent = getComponent;
-/**
- *  @todo: Allow register any component.
- * Now we can register only existings Components, as all our type system would
- * break otherwise, see getComponent etc. So its overwriteComponent now
- **/
-const registerComponents = (components) => {
-    registeredComponents = components;
+const registerComponentsMeta = (componentsMeta) => {
+  registeredComponentsMeta = componentsMeta;
 };
-exports.registerComponents = registerComponents;

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";