@webstudio-is/react-sdk 0.32.0 → 0.34.0

package/lib/app/custom-components/index.js

@@ -2,19 +2,18 @@ import { Image } from "./image";
 import { Link } from "./link";
 import { RichTextLink } from "./rich-text-link";
 import { imageProps } from "@webstudio-is/image";
-import { WsComponentPropsMeta } from "../../components/component-type";
 const customComponents = {
   Image,
   Link,
   RichTextLink
 };
 const customComponentPropsMetas = {
-  Image: WsComponentPropsMeta.parse({
+  Image: {
     props: {
       ...imageProps,
       src: { ...imageProps.src, control: "file-image", name: "Source" }
     }
-  })
+  }
 };
 const customComponentMetas = {};
 export {

package/lib/cjs/app/custom-components/index.cjs

@@ -27,18 +27,17 @@ var import_image = require("./image");
 var import_link = require("./link");
 var import_rich_text_link = require("./rich-text-link");
 var import_image2 = require("@webstudio-is/image");
-var import_component_type = require("../../components/component-type");
 const customComponents = {
   Image: import_image.Image,
   Link: import_link.Link,
   RichTextLink: import_rich_text_link.RichTextLink
 };
 const customComponentPropsMetas = {
-  Image: import_component_type.WsComponentPropsMeta.parse({
+  Image: {
     props: {
       ...import_image2.imageProps,
       src: { ...import_image2.imageProps.src, control: "file-image", name: "Source" }
     }
-  })
+  }
 };
 const customComponentMetas = {};

package/lib/cjs/components/body.ws.cjs

@@ -29,7 +29,6 @@ __export(body_ws_exports, {
 });
 module.exports = __toCommonJS(body_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_body_props = __toESM(require("./__generated__/body.props.json"), 1);
 const presetStyle = {
   marginTop: {
@@ -86,6 +85,6 @@ const meta = {
   Icon: import_icons.BodyIcon,
   presetStyle
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_body_props.default
-});
+};

package/lib/cjs/components/bold.ws.cjs

@@ -29,13 +29,12 @@ __export(bold_ws_exports, {
 });
 module.exports = __toCommonJS(bold_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_bold_props = __toESM(require("./__generated__/bold.props.json"), 1);
 const meta = {
   type: "rich-text-child",
   label: "Bold Text",
   Icon: import_icons.FontBoldIcon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_bold_props.default
-});
+};

package/lib/cjs/components/box.ws.cjs

@@ -29,7 +29,6 @@ __export(box_ws_exports, {
 });
 module.exports = __toCommonJS(box_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_box_props = __toESM(require("./__generated__/box.props.json"), 1);
 const presetStyle = {
   boxSizing: {
@@ -43,7 +42,7 @@ const meta = {
   Icon: import_icons.SquareIcon,
   presetStyle
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_box_props.default,
   initialProps: ["tag"]
-});
+};

package/lib/cjs/components/button.ws.cjs

@@ -29,7 +29,6 @@ __export(button_ws_exports, {
 });
 module.exports = __toCommonJS(button_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_button_props = __toESM(require("./__generated__/button.props.json"), 1);
 const meta = {
   type: "rich-text",
@@ -37,7 +36,7 @@ const meta = {
   Icon: import_icons.ButtonIcon,
   children: ["Button text you can edit"]
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_button_props.default,
   initialProps: ["type"]
-});
+};

package/lib/cjs/components/component-type.cjs

@@ -3,10 +3,6 @@ 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))
@@ -17,10 +13,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var component_type_exports = {};
-__export(component_type_exports, {
-  WsComponentMeta: () => WsComponentMeta,
-  WsComponentPropsMeta: () => WsComponentPropsMeta
-});
 module.exports = __toCommonJS(component_type_exports);
 var import_zod = require("zod");
 var import_generate_arg_types = require("@webstudio-is/generate-arg-types");

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

@@ -29,7 +29,6 @@ __export(form_ws_exports, {
 });
 module.exports = __toCommonJS(form_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_form_props = __toESM(require("./__generated__/form.props.json"), 1);
 const presetStyle = {
   minHeight: {
@@ -48,6 +47,6 @@ const meta = {
   Icon: import_icons.FormIcon,
   presetStyle
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_form_props.default
-});
+};

package/lib/cjs/components/heading.ws.cjs

@@ -29,7 +29,6 @@ __export(heading_ws_exports, {
 });
 module.exports = __toCommonJS(heading_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_heading_props = __toESM(require("./__generated__/heading.props.json"), 1);
 const meta = {
   type: "rich-text",
@@ -37,7 +36,7 @@ const meta = {
   Icon: import_icons.HeadingIcon,
   children: ["Heading you can edit"]
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_heading_props.default,
   initialProps: ["tag"]
-});
+};

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

@@ -29,7 +29,6 @@ __export(image_ws_exports, {
 });
 module.exports = __toCommonJS(image_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_image_props = __toESM(require("./__generated__/image.props.json"), 1);
 const presetStyle = {
   maxWidth: {
@@ -48,10 +47,10 @@ const meta = {
   Icon: import_icons.ImageIcon,
   presetStyle
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: {
     ...import_image_props.default,
     src: { ...import_image_props.default.src, control: "file-image", name: "Source" }
   },
   initialProps: ["src", "width", "height", "alt", "loading"]
-});
+};

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

@@ -29,13 +29,12 @@ __export(input_ws_exports, {
 });
 module.exports = __toCommonJS(input_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_input_props = __toESM(require("./__generated__/input.props.json"), 1);
 const meta = {
   type: "control",
   label: "Input",
   Icon: import_icons.InputIcon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_input_props.default
-});
+};

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

@@ -29,7 +29,6 @@ __export(italic_ws_exports, {
 });
 module.exports = __toCommonJS(italic_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_italic_props = __toESM(require("./__generated__/italic.props.json"), 1);
 const presetStyle = {
   fontStyle: {
@@ -43,6 +42,6 @@ const meta = {
   Icon: import_icons.FontItalicIcon,
   presetStyle
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_italic_props.default
-});
+};

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

@@ -29,7 +29,6 @@ __export(link_ws_exports, {
 });
 module.exports = __toCommonJS(link_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_link_props = __toESM(require("./__generated__/link.props.json"), 1);
 const presetStyle = {
   minHeight: {
@@ -49,7 +48,7 @@ const meta = {
   presetStyle,
   children: ["Link text you can edit"]
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_link_props.default,
   initialProps: ["href"]
-});
+};

package/lib/cjs/components/paragraph.ws.cjs

@@ -29,7 +29,6 @@ __export(paragraph_ws_exports, {
 });
 module.exports = __toCommonJS(paragraph_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_paragraph_props = __toESM(require("./__generated__/paragraph.props.json"), 1);
 const meta = {
   type: "rich-text",
@@ -37,6 +36,6 @@ const meta = {
   Icon: import_icons.TextAlignLeftIcon,
   children: ["Pragraph you can edit"]
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_paragraph_props.default
-});
+};

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

@@ -29,13 +29,12 @@ __export(rich_text_link_ws_exports, {
 });
 module.exports = __toCommonJS(rich_text_link_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_rich_text_link_props = __toESM(require("./__generated__/rich-text-link.props.json"), 1);
 const meta = {
   type: "rich-text-child",
   label: "Link",
   Icon: import_icons.Link2Icon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_rich_text_link_props.default
-});
+};

package/lib/cjs/components/span.ws.cjs

@@ -29,13 +29,12 @@ __export(span_ws_exports, {
 });
 module.exports = __toCommonJS(span_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_span_props = __toESM(require("./__generated__/span.props.json"), 1);
 const meta = {
   type: "rich-text-child",
   label: "Styled Text",
   Icon: import_icons.BrushIcon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_span_props.default
-});
+};

package/lib/cjs/components/subscript.ws.cjs

@@ -29,13 +29,12 @@ __export(subscript_ws_exports, {
 });
 module.exports = __toCommonJS(subscript_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_subscript_props = __toESM(require("./__generated__/subscript.props.json"), 1);
 const meta = {
   type: "rich-text-child",
   label: "Subscript Text",
   Icon: import_icons.SubscriptIcon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_subscript_props.default
-});
+};

package/lib/cjs/components/superscript.ws.cjs

@@ -29,13 +29,12 @@ __export(superscript_ws_exports, {
 });
 module.exports = __toCommonJS(superscript_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_superscript_props = __toESM(require("./__generated__/superscript.props.json"), 1);
 const meta = {
   type: "rich-text-child",
   label: "Superscript Text",
   Icon: import_icons.SuperscriptIcon
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_superscript_props.default
-});
+};

package/lib/cjs/components/text-block.ws.cjs

@@ -29,7 +29,6 @@ __export(text_block_ws_exports, {
 });
 module.exports = __toCommonJS(text_block_ws_exports);
 var import_icons = require("@webstudio-is/icons");
-var import_component_type = require("./component-type");
 var import_text_block_props = __toESM(require("./__generated__/text-block.props.json"), 1);
 const presetStyle = {
   minHeight: {
@@ -45,6 +44,6 @@ const meta = {
   presetStyle,
   children: ["Block of text you can edit"]
 };
-const propsMeta = import_component_type.WsComponentPropsMeta.parse({
+const propsMeta = {
   props: import_text_block_props.default
-});
+};

package/lib/components/body.ws.js

@@ -1,5 +1,4 @@
 import { BodyIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/body.props.json";
 const presetStyle = {
   marginTop: {
@@ -56,9 +55,9 @@ const meta = {
   Icon: BodyIcon,
   presetStyle
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/bold.ws.js

@@ -1,14 +1,13 @@
 import { FontBoldIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/bold.props.json";
 const meta = {
   type: "rich-text-child",
   label: "Bold Text",
   Icon: FontBoldIcon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/box.ws.js

@@ -1,5 +1,4 @@
 import { SquareIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/box.props.json";
 const presetStyle = {
   boxSizing: {
@@ -13,10 +12,10 @@ const meta = {
   Icon: SquareIcon,
   presetStyle
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props,
   initialProps: ["tag"]
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/button.ws.js

@@ -1,5 +1,4 @@
 import { ButtonIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/button.props.json";
 const meta = {
   type: "rich-text",
@@ -7,10 +6,10 @@ const meta = {
   Icon: ButtonIcon,
   children: ["Button text you can edit"]
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props,
   initialProps: ["type"]
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/component-type.js

@@ -18,7 +18,3 @@ const WsComponentMeta = z.object({
   presetStyle: z.optional(z.any()),
   children: z.optional(z.array(z.string()))
 });
-export {
-  WsComponentMeta,
-  WsComponentPropsMeta
-};

package/lib/components/form.ws.js

@@ -1,5 +1,4 @@
 import { FormIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/form.props.json";
 const presetStyle = {
   minHeight: {
@@ -18,9 +17,9 @@ const meta = {
   Icon: FormIcon,
   presetStyle
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/heading.ws.js

@@ -1,5 +1,4 @@
 import { HeadingIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/heading.props.json";
 const meta = {
   type: "rich-text",
@@ -7,10 +6,10 @@ const meta = {
   Icon: HeadingIcon,
   children: ["Heading you can edit"]
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props,
   initialProps: ["tag"]
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/image.ws.js

@@ -1,5 +1,4 @@
 import { ImageIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/image.props.json";
 const presetStyle = {
   maxWidth: {
@@ -18,13 +17,13 @@ const meta = {
   Icon: ImageIcon,
   presetStyle
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props: {
     ...props,
     src: { ...props.src, control: "file-image", name: "Source" }
   },
   initialProps: ["src", "width", "height", "alt", "loading"]
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/input.ws.js

@@ -1,14 +1,13 @@
 import { InputIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/input.props.json";
 const meta = {
   type: "control",
   label: "Input",
   Icon: InputIcon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/italic.ws.js

@@ -1,5 +1,4 @@
 import { FontItalicIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/italic.props.json";
 const presetStyle = {
   fontStyle: {
@@ -13,9 +12,9 @@ const meta = {
   Icon: FontItalicIcon,
   presetStyle
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/link.ws.js

@@ -1,5 +1,4 @@
 import { Link2Icon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/link.props.json";
 const presetStyle = {
   minHeight: {
@@ -19,10 +18,10 @@ const meta = {
   presetStyle,
   children: ["Link text you can edit"]
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props,
   initialProps: ["href"]
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/paragraph.ws.js

@@ -1,5 +1,4 @@
 import { TextAlignLeftIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/paragraph.props.json";
 const meta = {
   type: "rich-text",
@@ -7,9 +6,9 @@ const meta = {
   Icon: TextAlignLeftIcon,
   children: ["Pragraph you can edit"]
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

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

@@ -1,14 +1,13 @@
 import { Link2Icon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/rich-text-link.props.json";
 const meta = {
   type: "rich-text-child",
   label: "Link",
   Icon: Link2Icon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/span.ws.js

@@ -1,14 +1,13 @@
 import { BrushIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/span.props.json";
 const meta = {
   type: "rich-text-child",
   label: "Styled Text",
   Icon: BrushIcon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/subscript.ws.js

@@ -1,14 +1,13 @@
 import { SubscriptIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/subscript.props.json";
 const meta = {
   type: "rich-text-child",
   label: "Subscript Text",
   Icon: SubscriptIcon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/superscript.ws.js

@@ -1,14 +1,13 @@
 import { SuperscriptIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/superscript.props.json";
 const meta = {
   type: "rich-text-child",
   label: "Superscript Text",
   Icon: SuperscriptIcon
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/lib/components/text-block.ws.js

@@ -1,5 +1,4 @@
 import { TextIcon } from "@webstudio-is/icons";
-import { WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/text-block.props.json";
 const presetStyle = {
   minHeight: {
@@ -15,9 +14,9 @@ const meta = {
   presetStyle,
   children: ["Block of text you can edit"]
 };
-const propsMeta = WsComponentPropsMeta.parse({
+const propsMeta = {
   props
-});
+};
 export {
   meta,
   propsMeta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -46,13 +46,13 @@
     "mitt": "^3.0.0",
     "nanostores": "^0.7.1",
     "warn-once": "^0.1.1",
-    "@webstudio-is/asset-uploader": "^0.32.0",
-    "@webstudio-is/css-data": "^0.32.0",
-    "@webstudio-is/generate-arg-types": "^0.32.0",
-    "@webstudio-is/icons": "^0.32.0",
-    "@webstudio-is/image": "^0.32.0",
-    "@webstudio-is/prisma-client": "^0.32.0",
-    "@webstudio-is/project-build": "^0.32.0"
+    "@webstudio-is/asset-uploader": "^0.34.0",
+    "@webstudio-is/css-data": "^0.34.0",
+    "@webstudio-is/generate-arg-types": "^0.34.0",
+    "@webstudio-is/icons": "^0.34.0",
+    "@webstudio-is/image": "^0.34.0",
+    "@webstudio-is/prisma-client": "^0.34.0",
+    "@webstudio-is/project-build": "^0.34.0"
   },
   "exports": {
     "import": "./lib/index.js",
@@ -72,7 +72,7 @@
     "build": "build-package",
     "build:args": "generate-arg-types './src/components/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.tsx' && prettier --write \"**/*.props.json\"",
     "typecheck": "tsc --noEmit",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest",
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",
     "checks": "pnpm typecheck && pnpm lint && pnpm test",
     "storybook:run": "start-storybook -p 6006",

package/src/app/custom-components/index.ts

@@ -2,7 +2,7 @@ import { Image } from "./image";
 import { Link } from "./link";
 import { RichTextLink } from "./rich-text-link";
 import { imageProps } from "@webstudio-is/image";
-import { WsComponentPropsMeta } from "../../components/component-type";
+import type { WsComponentPropsMeta } from "../../components/component-type";
 
 export const customComponents = {
   Image,
@@ -11,12 +11,12 @@ export const customComponents = {
 };
 
 export const customComponentPropsMetas = {
-  Image: WsComponentPropsMeta.parse({
+  Image: {
     props: {
       ...imageProps,
       src: { ...imageProps.src, control: "file-image", name: "Source" },
     },
-  }),
+  } as WsComponentPropsMeta,
 };
 
 // just for completeness, maybe we add soemthing here later

package/src/components/body.ws.tsx

@@ -1,5 +1,5 @@
 import { BodyIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/body.props.json";
 
 const presetStyle = {
@@ -59,6 +59,6 @@ export const meta: WsComponentMeta = {
   presetStyle,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/bold.ws.tsx

@@ -1,5 +1,5 @@
 import { FontBoldIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/bold.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: FontBoldIcon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/box.ws.ts

@@ -1,5 +1,5 @@
 import { SquareIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/box.props.json";
 
 const presetStyle = {
@@ -16,7 +16,7 @@ export const meta: WsComponentMeta = {
   presetStyle,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
   initialProps: ["tag"],
-});
+} as WsComponentPropsMeta;

package/src/components/button.ws.tsx

@@ -1,5 +1,5 @@
 import { ButtonIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/button.props.json";
 
 export const meta: WsComponentMeta = {
@@ -9,7 +9,7 @@ export const meta: WsComponentMeta = {
   children: ["Button text you can edit"],
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
   initialProps: ["type"],
-});
+} as WsComponentPropsMeta;

package/src/components/component-type.ts

@@ -6,7 +6,7 @@ import { PropMeta } from "@webstudio-is/generate-arg-types";
 
 // props are separated from the rest of the meta
 // so they can be exported separately and potentially tree-shaken
-export const WsComponentPropsMeta = z.object({
+const WsComponentPropsMeta = z.object({
   props: z.record(PropMeta),
   initialProps: z.array(z.string()).optional(),
 });
@@ -35,7 +35,7 @@ export type WsComponentMeta = {
   children?: Array<string>;
 };
 
-export const WsComponentMeta = z.object({
+const WsComponentMeta = z.object({
   type: z.enum([
     "body",
     "container",

package/src/components/form.ws.tsx

@@ -1,5 +1,5 @@
 import { FormIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/form.props.json";
 
 const presetStyle = {
@@ -21,6 +21,6 @@ export const meta: WsComponentMeta = {
   presetStyle,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/heading.ws.tsx

@@ -1,5 +1,5 @@
 import { HeadingIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/heading.props.json";
 
 export const meta: WsComponentMeta = {
@@ -9,7 +9,7 @@ export const meta: WsComponentMeta = {
   children: ["Heading you can edit"],
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
   initialProps: ["tag"],
-});
+} as WsComponentPropsMeta;

package/src/components/image.ws.tsx

@@ -1,5 +1,5 @@
 import { ImageIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/image.props.json";
 
 const presetStyle = {
@@ -24,10 +24,10 @@ export const meta: WsComponentMeta = {
   presetStyle,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props: {
     ...props,
     src: { ...props.src, control: "file-image", name: "Source" },
   },
   initialProps: ["src", "width", "height", "alt", "loading"],
-});
+} as WsComponentPropsMeta;

package/src/components/input.ws.tsx

@@ -1,5 +1,5 @@
 import { InputIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/input.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: InputIcon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/italic.ws.tsx

@@ -1,5 +1,5 @@
 import { FontItalicIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/italic.props.json";
 
 const presetStyle = {
@@ -16,6 +16,6 @@ export const meta: WsComponentMeta = {
   presetStyle,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/link.ws.tsx

@@ -1,5 +1,5 @@
 import { Link2Icon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/link.props.json";
 
 const presetStyle = {
@@ -22,7 +22,7 @@ export const meta: WsComponentMeta = {
   children: ["Link text you can edit"],
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
   initialProps: ["href"],
-});
+} as WsComponentPropsMeta;

package/src/components/paragraph.ws.tsx

@@ -1,5 +1,5 @@
 import { TextAlignLeftIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/paragraph.props.json";
 
 export const meta: WsComponentMeta = {
@@ -9,6 +9,6 @@ export const meta: WsComponentMeta = {
   children: ["Pragraph you can edit"],
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

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

@@ -1,5 +1,5 @@
 import { Link2Icon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/rich-text-link.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: Link2Icon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/span.ws.tsx

@@ -1,5 +1,5 @@
 import { BrushIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/span.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: BrushIcon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/subscript.ws.tsx

@@ -1,5 +1,5 @@
 import { SubscriptIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/subscript.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: SubscriptIcon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/superscript.ws.tsx

@@ -1,5 +1,5 @@
 import { SuperscriptIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/superscript.props.json";
 
 export const meta: WsComponentMeta = {
@@ -8,6 +8,6 @@ export const meta: WsComponentMeta = {
   Icon: SuperscriptIcon,
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/text-block.ws.tsx

@@ -1,5 +1,5 @@
 import { TextIcon } from "@webstudio-is/icons";
-import { type WsComponentMeta, WsComponentPropsMeta } from "./component-type";
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-type";
 import props from "./__generated__/text-block.props.json";
 
 const presetStyle = {
@@ -18,6 +18,6 @@ export const meta: WsComponentMeta = {
   children: ["Block of text you can edit"],
 };
 
-export const propsMeta = WsComponentPropsMeta.parse({
+export const propsMeta = {
   props,
-});
+} as WsComponentPropsMeta;

package/src/components/index.test.ts

@@ -1,7 +0,0 @@
-import { test } from "@jest/globals";
-import { getComponentNames, getComponentMeta } from "./index";
-import { WsComponentMeta } from "./component-type";
-
-test.each(getComponentNames())("validating meta definition of %s", (name) => {
-  WsComponentMeta.parse(getComponentMeta(name));
-});