@webstudio-is/react-sdk 0.61.0 → 0.62.0

package/lib/cjs/components/components.js

@@ -23,25 +23,33 @@ __export(components_exports, {
   Bold: () => import_bold.Bold,
   Box: () => import_box.Box,
   Button: () => import_button.Button,
+  Checkbox: () => import_checkbox.Checkbox,
+  CheckboxField: () => import_checkbox_field.CheckboxField,
   Code: () => import_code.Code,
+  ErrorMessage: () => import_error_message.ErrorMessage,
   Form: () => import_form.Form,
   Fragment: () => import_fragment.Fragment,
   Heading: () => import_heading.Heading,
   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
+  TextBlock: () => import_text_block.TextBlock,
+  Textarea: () => import_textarea.Textarea
 });
 module.exports = __toCommonJS(components_exports);
 var import_slot = require("./slot");
@@ -68,3 +76,11 @@ var import_list = require("./list");
 var import_list_item = require("./list-item");
 var import_separator = require("./separator");
 var import_code = require("./code");
+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/components/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/components/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_icons = require("@webstudio-is/icons");
+var import_error_message = require("./__generated__/error-message.props");
+var import_normalize = require("../css/normalize");
+const presetStyle = {
+  div: import_normalize.div
+};
+const meta = {
+  type: "container",
+  label: "Error Message",
+  Icon: import_icons.BoxIcon,
+  presetStyle
+};
+const propsMeta = {
+  props: import_error_message.props,
+  initialProps: []
+};

package/lib/cjs/components/form.js

@@ -25,5 +25,5 @@ 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)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { ...props, ref }));
+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/components/form.ws.js

@@ -28,10 +28,7 @@ var import_form = require("./__generated__/form.props");
 const presetStyle = {
   form: [
     ...import_normalize.form,
-    {
-      property: "minHeight",
-      value: { type: "unit", unit: "px", value: 20 }
-    }
+    { property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
   ]
 };
 const meta = {
@@ -41,7 +38,28 @@ const meta = {
   Icon: import_icons.FormIcon,
   presetStyle,
   children: [
-    { type: "instance", component: "Input", 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: "email", value: "email" }],
+      children: []
+    },
     {
       type: "instance",
       component: "Button",
@@ -50,5 +68,6 @@ const meta = {
   ]
 };
 const propsMeta = {
-  props: import_form.props
+  props: import_form.props,
+  initialProps: []
 };

package/lib/cjs/components/index.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
 __export(components_exports, {
+  canAcceptComponent: () => canAcceptComponent,
   getComponentMeta: () => getComponentMeta,
   getComponentPropsMeta: () => getComponentPropsMeta,
   registerComponentMetas: () => registerComponentMetas,
@@ -51,6 +52,14 @@ var import_list = require("./list.ws");
 var import_list_item = require("./list-item.ws");
 var import_separator = require("./separator.ws");
 var import_code = require("./code.ws");
+var import_label = require("./label.ws");
+var import_success_message = require("./success-message.ws");
+var import_error_message = require("./error-message.ws");
+var import_textarea = require("./textarea.ws");
+var import_radio_button_field = require("./radio-button-field.ws");
+var import_radio_button = require("./radio-button.ws");
+var import_checkbox_field = require("./checkbox-field.ws");
+var import_checkbox = require("./checkbox.ws");
 var import_slot2 = require("./slot.ws");
 var import_fragment2 = require("./fragment.ws");
 var import_body2 = require("./body.ws");
@@ -75,6 +84,14 @@ var import_list2 = require("./list.ws");
 var import_list_item2 = require("./list-item.ws");
 var import_separator2 = require("./separator.ws");
 var import_code2 = require("./code.ws");
+var import_label2 = require("./label.ws");
+var import_success_message2 = require("./success-message.ws");
+var import_error_message2 = require("./error-message.ws");
+var import_textarea2 = require("./textarea.ws");
+var import_radio_button_field2 = require("./radio-button-field.ws");
+var import_radio_button2 = require("./radio-button.ws");
+var import_checkbox_field2 = require("./checkbox-field.ws");
+var import_checkbox2 = require("./checkbox.ws");
 const defaultMetas = {
   Slot: import_slot.meta,
   Fragment: import_fragment.meta,
@@ -99,7 +116,15 @@ const defaultMetas = {
   List: import_list.meta,
   ListItem: import_list_item.meta,
   Separator: import_separator.meta,
-  Code: import_code.meta
+  Code: import_code.meta,
+  Label: import_label.meta,
+  SuccessMessage: import_success_message.meta,
+  ErrorMessage: import_error_message.meta,
+  Textarea: import_textarea.meta,
+  RadioButtonField: import_radio_button_field.meta,
+  RadioButton: import_radio_button.meta,
+  CheckboxField: import_checkbox_field.meta,
+  Checkbox: import_checkbox.meta
 };
 let currentMetas = defaultMetas;
 const getComponentMeta = (name) => {
@@ -136,7 +161,15 @@ const defaultPropsMetasRaw = {
   List: import_list2.propsMeta,
   ListItem: import_list_item2.propsMeta,
   Separator: import_separator2.propsMeta,
-  Code: import_code2.propsMeta
+  Code: import_code2.propsMeta,
+  Label: import_label2.propsMeta,
+  SuccessMessage: import_success_message2.propsMeta,
+  ErrorMessage: import_error_message2.propsMeta,
+  Textarea: import_textarea2.propsMeta,
+  RadioButtonField: import_radio_button_field2.propsMeta,
+  RadioButton: import_radio_button2.propsMeta,
+  CheckboxField: import_checkbox_field2.propsMeta,
+  Checkbox: import_checkbox2.propsMeta
 };
 const defaultPropsMetas = defaultPropsMetasRaw;
 let registeredPropsMetas = {};
@@ -191,3 +224,11 @@ const computeInitialProps = (props, defaults, overrides) => {
   ).map(([name]) => name) : [];
   return [...initialProps, ...requiredProps];
 };
+const canAcceptComponent = (parentComponent, childComponent) => {
+  const parentMeta = getComponentMeta(parentComponent);
+  const childMeta = getComponentMeta(childComponent);
+  if (parentMeta?.type !== "container" || childMeta === void 0) {
+    return false;
+  }
+  return childMeta.acceptedParents === void 0 || childMeta.acceptedParents.includes(parentComponent);
+};

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

@@ -31,10 +31,22 @@ const presetStyle = {
 const meta = {
   category: "forms",
   type: "control",
-  label: "Input",
+  label: "Text Field",
   Icon: import_icons.FormTextFieldIcon,
-  presetStyle
+  presetStyle,
+  states: [
+    { selector: "::placeholder", label: "Placeholder" },
+    { selector: ":valid", label: "Valid" },
+    { selector: ":invalid", label: "Invalid" },
+    { 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_input.props
+  props: import_input.props,
+  initialProps: ["name", "type", "placeholder", "required", "autoFocus"]
 };

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

package/lib/cjs/components/label.ws.js

@@ -0,0 +1,54 @@
+"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 label_ws_exports = {};
+__export(label_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(label_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_label = require("./__generated__/label.props");
+var import_normalize = require("../css/normalize");
+const presetStyle = {
+  label: [
+    ...import_normalize.label,
+    { property: "display", value: { type: "keyword", value: "block" } }
+  ]
+};
+const meta = {
+  category: "forms",
+  type: "rich-text",
+  label: "Input Label",
+  Icon: import_icons.TextBlockIcon,
+  presetStyle,
+  children: [{ type: "text", value: "Form Label" }]
+};
+const propsMeta = {
+  props: {
+    ...import_label.props,
+    htmlFor: {
+      required: false,
+      control: "text",
+      type: "string",
+      rows: 0,
+      label: "For"
+    }
+  },
+  initialProps: ["htmlFor"]
+};

package/lib/cjs/components/link-block.ws.js

@@ -39,7 +39,7 @@ const meta = {
   category: "general",
   type: "container",
   label: "Link Block",
-  Icon: import_icons.BoxLinkIcon,
+  Icon: import_icons.LinkBlockIcon,
   states: import_link.meta.states,
   presetStyle
 };

package/lib/cjs/components/list-item.ws.js

@@ -31,6 +31,7 @@ const presetStyle = {
 const meta = {
   category: "typography",
   type: "rich-text",
+  acceptedParents: ["List"],
   label: "List Item",
   Icon: import_icons.ListItemIcon,
   children: [{ type: "text", value: "List Item you can edit" }],

package/lib/cjs/components/radio-button-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 radio_button_field_exports = {};
+__export(radio_button_field_exports, {
+  RadioButtonField: () => RadioButtonField,
+  defaultTag: () => defaultTag
+});
+module.exports = __toCommonJS(radio_button_field_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "label";
+const RadioButtonField = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { ...props, ref }));
+RadioButtonField.displayName = "RadioButtonField";

package/lib/cjs/components/radio-button-field.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 radio_button_field_ws_exports = {};
+__export(radio_button_field_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(radio_button_field_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_radio_button_field = require("./__generated__/radio-button-field.props");
+var import_normalize = require("../css/normalize");
+const presetStyle = {
+  label: [
+    ...import_normalize.label,
+    { property: "display", value: { type: "keyword", value: "flex" } }
+  ]
+};
+const meta = {
+  category: "forms",
+  type: "container",
+  label: "Radio Button Field",
+  Icon: import_icons.RadioCheckedIcon,
+  presetStyle,
+  children: [
+    { type: "instance", component: "RadioButton", props: [], children: [] },
+    {
+      type: "instance",
+      component: "TextBlock",
+      props: [],
+      children: [{ type: "text", value: "Radio" }]
+    }
+  ]
+};
+const propsMeta = {
+  props: import_radio_button_field.props,
+  initialProps: []
+};

package/lib/cjs/components/radio-button.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 radio_button_exports = {};
+__export(radio_button_exports, {
+  RadioButton: () => RadioButton,
+  defaultTag: () => defaultTag
+});
+module.exports = __toCommonJS(radio_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "input";
+const RadioButton = (0, import_react.forwardRef)(({ children: _children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { ...props, type: "radio", ref }));
+RadioButton.displayName = "RadioButton";

package/lib/cjs/components/radio-button.ws.js

@@ -0,0 +1,55 @@
+"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 radio_button_ws_exports = {};
+__export(radio_button_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(radio_button_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_normalize = require("../css/normalize");
+var import_radio_button = require("./__generated__/radio-button.props");
+const presetStyle = {
+  input: [
+    ...import_normalize.input,
+    {
+      property: "marginRight",
+      value: { type: "unit", unit: "em", value: 0.5 }
+    }
+  ]
+};
+const meta = {
+  type: "control",
+  label: "Radio Button",
+  Icon: import_icons.RadioCheckedIcon,
+  presetStyle,
+  states: [
+    { 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_radio_button.props,
+  initialProps: ["name"]
+};

package/lib/cjs/components/success-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 success_message_exports = {};
+__export(success_message_exports, {
+  SuccessMessage: () => SuccessMessage,
+  defaultTag: () => defaultTag
+});
+module.exports = __toCommonJS(success_message_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "div";
+const SuccessMessage = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref }));
+SuccessMessage.displayName = "SuccessMessage";

package/lib/cjs/components/success-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 success_message_ws_exports = {};
+__export(success_message_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(success_message_ws_exports);
+var import_icons = require("@webstudio-is/icons");
+var import_success_message = require("./__generated__/success-message.props");
+var import_normalize = require("../css/normalize");
+const presetStyle = {
+  div: import_normalize.div
+};
+const meta = {
+  type: "container",
+  label: "Success Message",
+  Icon: import_icons.BoxIcon,
+  presetStyle
+};
+const propsMeta = {
+  props: import_success_message.props,
+  initialProps: []
+};

package/lib/cjs/components/textarea.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 textarea_exports = {};
+__export(textarea_exports, {
+  Textarea: () => Textarea,
+  defaultTag: () => defaultTag
+});
+module.exports = __toCommonJS(textarea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const defaultTag = "textarea";
+const Textarea = (0, import_react.forwardRef)(({ children: _children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { ...props, ref }));
+Textarea.displayName = "Textarea";