@webstudio-is/sdk-components-react 0.70.0

package/lib/cjs/bold.ws.js

@@ -0,0 +1,41 @@
+"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 bold_ws_exports = {};
+__export(bold_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(bold_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_bold = require("./__generated__/bold.props");
+const presetStyle = {
+  b: import_css_normalize.b
+};
+const meta = {
+  type: "rich-text-child",
+  label: "Bold Text",
+  icon: import_svg.BoldIcon,
+  states: import_react_sdk.defaultStates,
+  presetStyle
+};
+const propsMeta = {
+  props: import_bold.props
+};

package/lib/cjs/box.js

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

package/lib/cjs/box.ws.js

@@ -0,0 +1,53 @@
+"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 box_ws_exports = {};
+__export(box_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(box_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_box = require("./__generated__/box.props");
+const presetStyle = {
+  div: import_css_normalize.div,
+  address: import_css_normalize.address,
+  article: import_css_normalize.article,
+  aside: import_css_normalize.aside,
+  figure: import_css_normalize.figure,
+  footer: import_css_normalize.footer,
+  header: import_css_normalize.header,
+  main: import_css_normalize.main,
+  nav: import_css_normalize.nav,
+  section: import_css_normalize.section
+};
+const meta = {
+  category: "general",
+  type: "container",
+  label: "Box",
+  icon: import_svg.BoxIcon,
+  states: import_react_sdk.defaultStates,
+  presetStyle,
+  order: 0
+};
+const propsMeta = {
+  props: import_box.props,
+  initialProps: ["tag"]
+};

package/lib/cjs/button.js

@@ -0,0 +1,36 @@
+"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 button_exports = {};
+__export(button_exports, {
+  Button: () => Button,
+  defaultTag: () => defaultTag
+});
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "button";
+const Button = (0, import_react.forwardRef)(
+  ({
+    type = "submit",
+    innerText = "Edit Inner Text in Properties",
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type, ...props, ref, children: children ? children : innerText })
+);
+Button.displayName = "Button";

package/lib/cjs/button.ws.js

@@ -0,0 +1,49 @@
+"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 button_ws_exports = {};
+__export(button_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(button_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_button = require("./__generated__/button.props");
+const presetStyle = {
+  button: import_css_normalize.button
+};
+const meta = {
+  category: "forms",
+  type: "container",
+  invalidAncestors: ["Button"],
+  label: "Button",
+  icon: import_svg.ButtonElementIcon,
+  presetStyle,
+  states: [
+    ...import_react_sdk.defaultStates,
+    { selector: ":disabled", label: "Disabled" },
+    { selector: ":enabled", label: "Enabled" }
+  ],
+  order: 1
+};
+const propsMeta = {
+  props: import_button.props,
+  initialProps: ["type", "innerText", "aria-label"]
+};

package/lib/cjs/checkbox-field.js

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

package/lib/cjs/checkbox-field.ws.js

@@ -0,0 +1,62 @@
+"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 checkbox_field_ws_exports = {};
+__export(checkbox_field_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(checkbox_field_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_checkbox_field = require("./__generated__/checkbox-field.props");
+const presetStyle = {
+  label: [
+    ...import_css_normalize.label,
+    { property: "display", value: { type: "keyword", value: "flex" } }
+  ]
+};
+const meta = {
+  category: "forms",
+  type: "container",
+  label: "Checkbox",
+  icon: import_svg.CheckboxCheckedIcon,
+  states: import_react_sdk.defaultStates,
+  presetStyle,
+  template: [
+    {
+      type: "instance",
+      component: "CheckboxField",
+      children: [
+        { type: "instance", component: "Checkbox", children: [] },
+        {
+          type: "instance",
+          component: "TextBlock",
+          label: "Checkbox Label",
+          props: [],
+          children: [{ type: "text", value: "Checkbox" }]
+        }
+      ]
+    }
+  ]
+};
+const propsMeta = {
+  props: import_checkbox_field.props,
+  initialProps: []
+};

package/lib/cjs/checkbox.js

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

package/lib/cjs/checkbox.ws.js

@@ -0,0 +1,58 @@
+"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 checkbox_ws_exports = {};
+__export(checkbox_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(checkbox_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_checkbox = require("./__generated__/checkbox.props");
+const presetStyle = {
+  input: [
+    ...import_css_normalize.input,
+    {
+      property: "marginRight",
+      value: { type: "unit", unit: "em", value: 0.5 }
+    }
+  ]
+};
+const meta = {
+  type: "control",
+  label: "Checkbox Input",
+  icon: import_svg.CheckboxCheckedIcon,
+  presetStyle,
+  order: 6,
+  states: [
+    ...import_react_sdk.defaultStates,
+    { selector: ":checked", label: "Checked" },
+    { selector: ":required", label: "Required" },
+    { selector: ":optional", label: "Optional" },
+    { selector: ":disabled", label: "Disabled" },
+    { selector: ":enabled", label: "Enabled" },
+    { selector: ":read-only", label: "Read Only" },
+    { selector: ":read-write", label: "Read Write" }
+  ]
+};
+const propsMeta = {
+  props: import_checkbox.props,
+  initialProps: ["name"]
+};

package/lib/cjs/code-text.js

@@ -0,0 +1,39 @@
+"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 code_text_exports = {};
+__export(code_text_exports, {
+  CodeText: () => CodeText,
+  defaultTag: () => defaultTag,
+  displayVarNamespace: () => displayVarNamespace
+});
+module.exports = __toCommonJS(code_text_exports);
+var import_react = require("react");
+var import_css_vars = require("@webstudio-is/css-vars");
+const defaultTag = "code";
+const displayVarNamespace = import_css_vars.cssVars.unique("code-display");
+const blockStyle = {
+  [import_css_vars.cssVars.define(displayVarNamespace, true)]: "block"
+};
+const CodeText = (0, import_react.forwardRef)(
+  ({ inline = false, ...props }, ref) => {
+    const style = inline ? void 0 : blockStyle;
+    return (0, import_react.createElement)(defaultTag, { ...props, style, ref });
+  }
+);
+CodeText.displayName = "CodeText";

package/lib/cjs/code-text.ws.js

@@ -0,0 +1,74 @@
+"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 code_text_ws_exports = {};
+__export(code_text_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(code_text_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_code_text = require("./code-text");
+var import_code_text2 = require("./__generated__/code-text.props");
+const presetStyle = {
+  code: [
+    ...import_css_normalize.code,
+    {
+      property: "display",
+      value: {
+        type: "var",
+        value: import_code_text.displayVarNamespace,
+        fallbacks: [{ type: "keyword", value: "inline-block" }]
+      }
+    },
+    {
+      property: "paddingLeft",
+      value: { type: "unit", value: 0.2, unit: "em" }
+    },
+    {
+      property: "paddingRight",
+      value: { type: "unit", value: 0.2, unit: "em" }
+    },
+    {
+      property: "backgroundColor",
+      value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
+    }
+  ]
+};
+const meta = {
+  category: "general",
+  type: "rich-text",
+  label: "Code Text",
+  icon: import_svg.CodeTextIcon,
+  states: import_react_sdk.defaultStates,
+  presetStyle,
+  template: [
+    {
+      type: "instance",
+      component: "CodeText",
+      children: [{ type: "text", value: "Code you can edit" }]
+    }
+  ],
+  order: 8
+};
+const propsMeta = {
+  props: import_code_text2.props,
+  initialProps: ["inline", "lang", "meta"]
+};

package/lib/cjs/components.js

@@ -0,0 +1,88 @@
+"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,
+  CheckboxField: () => import_checkbox_field.CheckboxField,
+  CodeText: () => import_code_text.CodeText,
+  ErrorMessage: () => import_error_message.ErrorMessage,
+  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,
+  LinkBlock: () => import_link_block.LinkBlock,
+  List: () => import_list.List,
+  ListItem: () => import_list_item.ListItem,
+  Paragraph: () => import_paragraph.Paragraph,
+  RadioButton: () => import_radio_button.RadioButton,
+  RadioButtonField: () => import_radio_button_field.RadioButtonField,
+  RichTextLink: () => import_rich_text_link.RichTextLink,
+  Separator: () => import_separator.Separator,
+  Slot: () => import_slot.Slot,
+  Span: () => import_span.Span,
+  Subscript: () => import_subscript.Subscript,
+  SuccessMessage: () => import_success_message.SuccessMessage,
+  Superscript: () => import_superscript.Superscript,
+  TextBlock: () => import_text_block.TextBlock,
+  Textarea: () => import_textarea.Textarea
+});
+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_block = require("./text-block");
+var import_heading = require("./heading");
+var import_paragraph = require("./paragraph");
+var import_link = require("./link");
+var import_link_block = require("./link-block");
+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_success_message = require("./success-message");
+var import_error_message = require("./error-message");
+var import_textarea = require("./textarea");
+var import_radio_button_field = require("./radio-button-field");
+var import_radio_button = require("./radio-button");
+var import_checkbox_field = require("./checkbox-field");
+var import_checkbox = require("./checkbox");

package/lib/cjs/error-message.js

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

package/lib/cjs/error-message.ws.js

@@ -0,0 +1,40 @@
+"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 error_message_ws_exports = {};
+__export(error_message_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(error_message_ws_exports);
+var import_svg = require("@webstudio-is/icons/svg");
+var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
+var import_error_message = require("./__generated__/error-message.props");
+const presetStyle = {
+  div: import_css_normalize.div
+};
+const meta = {
+  type: "container",
+  label: "Error Message",
+  icon: import_svg.BoxIcon,
+  presetStyle
+};
+const propsMeta = {
+  props: import_error_message.props,
+  initialProps: []
+};