@webstudio-is/sdk-components-react 0.71.0 → 0.73.0

package/lib/cjs/components.js

@@ -24,7 +24,6 @@ __export(components_exports, {
   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,
@@ -36,12 +35,10 @@ __export(components_exports, {
   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,
@@ -49,8 +46,12 @@ __export(components_exports, {
   Subscript: () => import_subscript.Subscript,
   SuccessMessage: () => import_success_message.SuccessMessage,
   Superscript: () => import_superscript.Superscript,
-  TextBlock: () => import_text_block.TextBlock,
-  Textarea: () => import_textarea.Textarea
+  Text: () => import_text.Text,
+  Textarea: () => import_textarea.Textarea,
+  Vimeo: () => import_vimeo.Vimeo,
+  VimeoPlayButton: () => import_vimeo_play_button.VimeoPlayButton,
+  VimeoPreviewImage: () => import_vimeo_preview_image.VimeoPreviewImage,
+  VimeoSpinner: () => import_vimeo_spinner.VimeoSpinner
 });
 module.exports = __toCommonJS(components_exports);
 var import_slot = require("./slot");
@@ -58,11 +59,10 @@ 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_text = require("./text");
 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");
@@ -82,7 +82,9 @@ 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");
+var import_vimeo = require("./vimeo");
+var import_vimeo_preview_image = require("./vimeo-preview-image");
+var import_vimeo_play_button = require("./vimeo-play-button");
+var import_vimeo_spinner = require("./vimeo-spinner");

package/lib/cjs/heading.ws.js

@@ -36,7 +36,7 @@ const presetStyle = {
 };
 const meta = {
   category: "text",
-  type: "rich-text",
+  type: "container",
   label: "Heading",
   icon: import_svg.HeadingIcon,
   states: import_react_sdk.defaultStates,

package/lib/cjs/image.js

@@ -52,11 +52,11 @@ const imagePlaceholderSvg = `data:image/svg+xml;base64,${btoa(`<svg
 </svg>`)}`;
 const Image = (0, import_react.forwardRef)(
   (props, ref) => {
+    const { imageBaseUrl } = (0, import_react.useContext)(import_react_sdk.ReactSdkContext);
     const asset = (0, import_react_sdk.usePropAsset)((0, import_react_sdk.getInstanceIdFromComponentProps)(props), "src");
     const loader = (0, import_react.useMemo)(() => {
-      const params = (0, import_react_sdk.getParams)();
-      return (0, import_image.createImageLoader)({ imageBaseUrl: params.imageBaseUrl });
-    }, []);
+      return (0, import_image.createImageLoader)({ imageBaseUrl });
+    }, [imageBaseUrl]);
     const src = asset?.name ?? props.src;
     if (asset == null || loader == null) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { ...props, src: src || imagePlaceholderSvg, ref }, src);

package/lib/cjs/image.ws.js

@@ -19,7 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var image_ws_exports = {};
 __export(image_ws_exports, {
   meta: () => meta,
-  propsMeta: () => propsMeta
+  propsMeta: () => propsMeta,
+  propsOverrides: () => propsOverrides
 });
 module.exports = __toCommonJS(image_ws_exports);
 var import_svg = require("@webstudio-is/icons/svg");
@@ -51,16 +52,18 @@ const meta = {
   presetStyle,
   order: 0
 };
-const { loader, ...publicProps } = import_image.props;
+const propsOverrides = {
+  src: {
+    type: "string",
+    control: "file",
+    label: "Source",
+    required: false
+  }
+};
 const propsMeta = {
   props: {
-    ...publicProps,
-    src: {
-      type: "string",
-      control: "file",
-      label: "Source",
-      required: false
-    }
+    ...import_image.props,
+    ...propsOverrides
   },
   initialProps: ["src", "width", "height", "alt", "loading"]
 };

package/lib/cjs/label.ws.js

@@ -34,9 +34,9 @@ const presetStyle = {
 };
 const meta = {
   category: "forms",
-  type: "rich-text",
+  type: "container",
   label: "Input Label",
-  icon: import_svg.TextBlockIcon,
+  icon: import_svg.TextIcon,
   states: import_react_sdk.defaultStates,
   presetStyle,
   order: 2,
@@ -52,10 +52,7 @@ const propsMeta = {
   props: {
     ...import_label.props,
     htmlFor: {
-      required: false,
-      control: "text",
-      type: "string",
-      rows: 0,
+      ...import_label.props.htmlFor,
       label: "For"
     }
   },

package/lib/cjs/link.js

@@ -27,8 +27,8 @@ var import_react = require("react");
 var import_react_sdk = require("@webstudio-is/react-sdk");
 const defaultTag = "a";
 const Link = (0, import_react.forwardRef)((props, ref) => {
+  const { assetBaseUrl } = (0, import_react.useContext)(import_react_sdk.ReactSdkContext);
   const href = (0, import_react_sdk.usePropUrl)((0, import_react_sdk.getInstanceIdFromComponentProps)(props), "href");
-  const { assetBaseUrl } = (0, import_react_sdk.getParams)();
   let url = "#";
   switch (href?.type) {
     case "page":

package/lib/cjs/link.ws.js

@@ -41,8 +41,8 @@ const presetStyle = {
 };
 const meta = {
   category: "general",
-  type: "rich-text",
-  label: "Link Text",
+  type: "container",
+  label: "Link",
   icon: import_svg.LinkIcon,
   presetStyle,
   order: 1,
@@ -75,5 +75,5 @@ const propsMeta = {
       required: false
     }
   },
-  initialProps: ["href", "target", "prefetch"]
+  initialProps: ["href", "target"]
 };

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

@@ -31,7 +31,7 @@ const presetStyle = {
 };
 const meta = {
   category: "general",
-  type: "rich-text",
+  type: "container",
   requiredAncestors: ["List"],
   label: "List Item",
   icon: import_svg.ListItemIcon,

package/lib/cjs/metas.js

@@ -24,7 +24,6 @@ __export(metas_exports, {
   Box: () => import_box.meta,
   Button: () => import_button.meta,
   Checkbox: () => import_checkbox.meta,
-  CheckboxField: () => import_checkbox_field.meta,
   CodeText: () => import_code_text.meta,
   ErrorMessage: () => import_error_message.meta,
   Form: () => import_form.meta,
@@ -36,12 +35,10 @@ __export(metas_exports, {
   Italic: () => import_italic.meta,
   Label: () => import_label.meta,
   Link: () => import_link.meta,
-  LinkBlock: () => import_link_block.meta,
   List: () => import_list.meta,
   ListItem: () => import_list_item.meta,
   Paragraph: () => import_paragraph.meta,
   RadioButton: () => import_radio_button.meta,
-  RadioButtonField: () => import_radio_button_field.meta,
   RichTextLink: () => import_rich_text_link.meta,
   Separator: () => import_separator.meta,
   Slot: () => import_slot.meta,
@@ -49,8 +46,12 @@ __export(metas_exports, {
   Subscript: () => import_subscript.meta,
   SuccessMessage: () => import_success_message.meta,
   Superscript: () => import_superscript.meta,
-  TextBlock: () => import_text_block.meta,
-  Textarea: () => import_textarea.meta
+  Text: () => import_text.meta,
+  Textarea: () => import_textarea.meta,
+  Vimeo: () => import_vimeo.meta,
+  VimeoPlayButton: () => import_vimeo_play_button.meta,
+  VimeoPreviewImage: () => import_vimeo_preview_image.meta,
+  VimeoSpinner: () => import_vimeo_spinner.meta
 });
 module.exports = __toCommonJS(metas_exports);
 var import_slot = require("./slot.ws");
@@ -58,11 +59,10 @@ var import_fragment = require("./fragment.ws");
 var import_html_embed = require("./html-embed.ws");
 var import_body = require("./body.ws");
 var import_box = require("./box.ws");
-var import_text_block = require("./text-block.ws");
+var import_text = require("./text.ws");
 var import_heading = require("./heading.ws");
 var import_paragraph = require("./paragraph.ws");
 var import_link = require("./link.ws");
-var import_link_block = require("./link-block.ws");
 var import_rich_text_link = require("./rich-text-link.ws");
 var import_span = require("./span.ws");
 var import_bold = require("./bold.ws");
@@ -82,7 +82,9 @@ 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_vimeo = require("./vimeo.ws");
+var import_vimeo_preview_image = require("./vimeo-preview-image.ws");
+var import_vimeo_play_button = require("./vimeo-play-button.ws");
+var import_vimeo_spinner = require("./vimeo-spinner.ws");

package/lib/cjs/paragraph.ws.js

@@ -31,7 +31,7 @@ const presetStyle = {
 };
 const meta = {
   category: "text",
-  type: "rich-text",
+  type: "container",
   label: "Paragraph",
   icon: import_svg.TextAlignLeftIcon,
   states: import_react_sdk.defaultStates,
@@ -40,7 +40,7 @@ const meta = {
     {
       type: "instance",
       component: "Paragraph",
-      children: [{ type: "text", value: "Pragraph you can edit" }]
+      children: [{ type: "text", value: "Paragraph you can edit" }]
     }
   ],
   order: 2

package/lib/cjs/props.js

@@ -24,7 +24,6 @@ __export(props_exports, {
   Box: () => import_box.propsMeta,
   Button: () => import_button.propsMeta,
   Checkbox: () => import_checkbox.propsMeta,
-  CheckboxField: () => import_checkbox_field.propsMeta,
   CodeText: () => import_code_text.propsMeta,
   ErrorMessage: () => import_error_message.propsMeta,
   Form: () => import_form.propsMeta,
@@ -36,12 +35,10 @@ __export(props_exports, {
   Italic: () => import_italic.propsMeta,
   Label: () => import_label.propsMeta,
   Link: () => import_link.propsMeta,
-  LinkBlock: () => import_link_block.propsMeta,
   List: () => import_list.propsMeta,
   ListItem: () => import_list_item.propsMeta,
   Paragraph: () => import_paragraph.propsMeta,
   RadioButton: () => import_radio_button.propsMeta,
-  RadioButtonField: () => import_radio_button_field.propsMeta,
   RichTextLink: () => import_rich_text_link.propsMeta,
   Separator: () => import_separator.propsMeta,
   Slot: () => import_slot.propsMeta,
@@ -49,8 +46,12 @@ __export(props_exports, {
   Subscript: () => import_subscript.propsMeta,
   SuccessMessage: () => import_success_message.propsMeta,
   Superscript: () => import_superscript.propsMeta,
-  TextBlock: () => import_text_block.propsMeta,
-  Textarea: () => import_textarea.propsMeta
+  Text: () => import_text.propsMeta,
+  Textarea: () => import_textarea.propsMeta,
+  Vimeo: () => import_vimeo.propsMeta,
+  VimeoPlayButton: () => import_vimeo_play_button.propsMeta,
+  VimeoPreviewImage: () => import_vimeo_preview_image.propsMeta,
+  VimeoSpinner: () => import_vimeo_spinner.propsMeta
 });
 module.exports = __toCommonJS(props_exports);
 var import_slot = require("./slot.ws");
@@ -58,11 +59,10 @@ var import_fragment = require("./fragment.ws");
 var import_html_embed = require("./html-embed.ws");
 var import_body = require("./body.ws");
 var import_box = require("./box.ws");
-var import_text_block = require("./text-block.ws");
+var import_text = require("./text.ws");
 var import_heading = require("./heading.ws");
 var import_paragraph = require("./paragraph.ws");
 var import_link = require("./link.ws");
-var import_link_block = require("./link-block.ws");
 var import_rich_text_link = require("./rich-text-link.ws");
 var import_span = require("./span.ws");
 var import_bold = require("./bold.ws");
@@ -82,7 +82,9 @@ 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_vimeo = require("./vimeo.ws");
+var import_vimeo_preview_image = require("./vimeo-preview-image.ws");
+var import_vimeo_play_button = require("./vimeo-play-button.ws");
+var import_vimeo_spinner = require("./vimeo-spinner.ws");

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

@@ -36,8 +36,9 @@ const presetStyle = {
   ]
 };
 const meta = {
+  category: "forms",
   type: "control",
-  label: "Radio Input",
+  label: "Radio",
   icon: import_svg.RadioCheckedIcon,
   presetStyle,
   order: 5,
@@ -50,6 +51,23 @@ const meta = {
     { selector: ":enabled", label: "Enabled" },
     { selector: ":read-only", label: "Read Only" },
     { selector: ":read-write", label: "Read Write" }
+  ],
+  template: [
+    {
+      type: "instance",
+      component: "Label",
+      label: "Radio Field",
+      children: [
+        { type: "instance", component: "RadioButton", props: [], children: [] },
+        {
+          type: "instance",
+          component: "Text",
+          label: "Radio Label",
+          props: [{ type: "string", name: "tag", value: "span" }],
+          children: [{ type: "text", value: "Radio" }]
+        }
+      ]
+    }
   ]
 };
 const propsMeta = {

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

@@ -22,18 +22,11 @@ __export(rich_text_link_ws_exports, {
   propsMeta: () => propsMeta
 });
 module.exports = __toCommonJS(rich_text_link_ws_exports);
-var import_rich_text_link = require("./__generated__/rich-text-link.props");
 var import_link = require("./link.ws");
-const { category, ...linkMetaRest } = import_link.meta;
 const meta = {
-  ...linkMetaRest,
+  ...import_link.meta,
+  category: "hidden",
   type: "rich-text-child",
   template: []
 };
-const propsMeta = {
-  initialProps: import_link.propsMeta.initialProps,
-  props: {
-    ...import_rich_text_link.props,
-    href: import_link.propsMeta.props.href
-  }
-};
+const propsMeta = import_link.propsMeta;

package/lib/cjs/span.ws.js

@@ -31,7 +31,7 @@ const presetStyle = {
 };
 const meta = {
   type: "rich-text-child",
-  label: "Styled Text",
+  label: "Text",
   icon: import_svg.PaintBrushIcon,
   states: import_react_sdk.defaultStates,
   presetStyle

package/lib/cjs/{text-block.js → text.js}

@@ -16,17 +16,17 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var text_block_exports = {};
-__export(text_block_exports, {
-  TextBlock: () => TextBlock,
+var text_exports = {};
+__export(text_exports, {
+  Text: () => Text,
   defaultTag: () => defaultTag
 });
-module.exports = __toCommonJS(text_block_exports);
+module.exports = __toCommonJS(text_exports);
 var import_react = require("react");
 const defaultTag = "div";
-const TextBlock = (0, import_react.forwardRef)(
+const Text = (0, import_react.forwardRef)(
   ({ tag = defaultTag, ...props }, ref) => {
     return (0, import_react.createElement)(tag, { ...props, ref });
   }
 );
-TextBlock.displayName = "TextBlock";
+Text.displayName = "Text";

package/lib/cjs/{text-block.ws.js → text.ws.js}

@@ -16,16 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var text_block_ws_exports = {};
-__export(text_block_ws_exports, {
+var text_ws_exports = {};
+__export(text_ws_exports, {
   meta: () => meta,
   propsMeta: () => propsMeta
 });
-module.exports = __toCommonJS(text_block_ws_exports);
+module.exports = __toCommonJS(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_text_block = require("./__generated__/text-block.props");
+var import_text = require("./__generated__/text.props");
 const presetStyle = {
   div: [
     ...import_css_normalize.div,
@@ -37,21 +37,21 @@ const presetStyle = {
 };
 const meta = {
   category: "text",
-  type: "rich-text",
-  label: "Text Block",
-  icon: import_svg.TextBlockIcon,
+  type: "container",
+  label: "Text",
+  icon: import_svg.TextIcon,
   states: import_react_sdk.defaultStates,
   presetStyle,
   template: [
     {
       type: "instance",
-      component: "TextBlock",
-      children: [{ type: "text", value: "Block of text you can edit" }]
+      component: "Text",
+      children: [{ type: "text", value: "The text you can edit" }]
     }
   ],
   order: 0
 };
 const propsMeta = {
-  props: import_text_block.props,
+  props: import_text.props,
   initialProps: ["tag"]
 };

package/lib/cjs/{link-block.js → vimeo-play-button.js}

@@ -16,15 +16,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var link_block_exports = {};
-__export(link_block_exports, {
-  LinkBlock: () => LinkBlock,
-  defaultTag: () => import_link2.defaultTag
+var vimeo_play_button_exports = {};
+__export(vimeo_play_button_exports, {
+  VimeoPlayButton: () => VimeoPlayButton,
+  defaultTag: () => import_button.defaultTag
 });
-module.exports = __toCommonJS(link_block_exports);
+module.exports = __toCommonJS(vimeo_play_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_link = require("./link");
-var import_link2 = require("./link");
-const LinkBlock = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.Link, { ...props, ref }));
-LinkBlock.displayName = "LinkBlock";
+var import_vimeo = require("./vimeo");
+var import_button = require("./button");
+const VimeoPlayButton = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const vimeoContext = (0, import_react.useContext)(import_vimeo.VimeoContext);
+    if (vimeoContext.status !== "initial") {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...props, onClick: vimeoContext.onInitPlayer, ref });
+  }
+);
+VimeoPlayButton.displayName = "VimeoPlayButton";

package/lib/cjs/{link-block.ws.js → vimeo-play-button.ws.js}

@@ -16,38 +16,29 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var link_block_ws_exports = {};
-__export(link_block_ws_exports, {
+var vimeo_play_button_ws_exports = {};
+__export(vimeo_play_button_ws_exports, {
   meta: () => meta,
   propsMeta: () => propsMeta
 });
-module.exports = __toCommonJS(link_block_ws_exports);
+module.exports = __toCommonJS(vimeo_play_button_ws_exports);
+var import_react_sdk = require("@webstudio-is/react-sdk");
+var import_vimeo_play_button = require("./__generated__/vimeo-play-button.props");
 var import_svg = require("@webstudio-is/icons/svg");
 var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_link_block = require("./__generated__/link-block.props");
-var import_link = require("./link.ws");
 const presetStyle = {
-  a: [
-    ...import_css_normalize.a,
-    {
-      property: "display",
-      value: { type: "keyword", value: "inline-block" }
-    }
-  ]
+  button: import_css_normalize.button
 };
 const meta = {
-  category: "general",
+  category: "hidden",
   type: "container",
-  label: "Link Block",
-  icon: import_svg.LinkBlockIcon,
-  states: import_link.meta.states,
+  invalidAncestors: ["Button"],
+  requiredAncestors: ["Vimeo"],
+  label: "Play Button",
+  icon: import_svg.ButtonElementIcon,
   presetStyle,
-  order: 2
+  states: import_react_sdk.defaultStates
 };
 const propsMeta = {
-  props: {
-    ...import_link_block.props,
-    href: import_link.propsMeta.props.href
-  },
-  initialProps: import_link.propsMeta.initialProps
+  props: import_vimeo_play_button.props
 };

package/lib/cjs/vimeo-preview-image.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 vimeo_preview_image_exports = {};
+__export(vimeo_preview_image_exports, {
+  VimeoPreviewImage: () => VimeoPreviewImage
+});
+module.exports = __toCommonJS(vimeo_preview_image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_image = require("./image");
+var import_vimeo = require("./vimeo");
+const base64Preview = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=`;
+const VimeoPreviewImage = (0, import_react.forwardRef)(({ src, ...rest }, ref) => {
+  const vimeoContext = (0, import_react.useContext)(import_vimeo.VimeoContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_image.Image,
+    {
+      ...rest,
+      src: String(vimeoContext.previewImageUrl ?? src ?? base64Preview),
+      ref
+    }
+  );
+});
+VimeoPreviewImage.displayName = "VimeoPreviewImage";

package/lib/cjs/{radio-button-field.js → vimeo-preview-image.ws.js}

@@ -16,14 +16,21 @@ var __copyProps = (to, from, except, desc) => {
   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
+var vimeo_preview_image_ws_exports = {};
+__export(vimeo_preview_image_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
 });
-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";
+module.exports = __toCommonJS(vimeo_preview_image_ws_exports);
+var import_image = require("./image.ws");
+var import_vimeo_preview_image = require("./__generated__/vimeo-preview-image.props");
+const meta = {
+  ...import_image.meta,
+  category: "hidden",
+  label: "Preview Image",
+  requiredAncestors: ["Vimeo"]
+};
+const propsMeta = {
+  props: { ...import_vimeo_preview_image.props, ...import_image.propsOverrides },
+  initialProps: import_image.propsMeta.initialProps
+};