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

package/lib/cjs/vimeo.ws.js

@@ -0,0 +1,340 @@
+"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_ws_exports = {};
+__export(vimeo_ws_exports, {
+  meta: () => meta,
+  propsMeta: () => propsMeta
+});
+module.exports = __toCommonJS(vimeo_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_vimeo = require("./__generated__/vimeo.props");
+const presetStyle = {
+  div: import_css_normalize.div
+};
+const meta = {
+  category: "media",
+  type: "container",
+  label: "Vimeo",
+  order: 1,
+  icon: import_svg.VimeoIcon,
+  states: import_react_sdk.defaultStates,
+  presetStyle,
+  template: [
+    {
+      type: "instance",
+      component: "Vimeo",
+      styles: [
+        {
+          property: "position",
+          value: { type: "keyword", value: "relative" }
+        },
+        {
+          property: "aspectRatio",
+          value: { type: "keyword", value: "640/360" }
+        },
+        {
+          property: "width",
+          value: { type: "unit", value: 100, unit: "%" }
+        }
+      ],
+      children: [
+        {
+          type: "instance",
+          component: "VimeoPreviewImage",
+          styles: [
+            {
+              property: "position",
+              value: { type: "keyword", value: "absolute" }
+            },
+            {
+              property: "objectPosition",
+              value: { type: "keyword", value: "cover" }
+            },
+            {
+              property: "width",
+              value: { type: "unit", value: 100, unit: "%" }
+            },
+            {
+              property: "height",
+              value: { type: "unit", value: 100, unit: "%" }
+            },
+            {
+              property: "borderTopLeftRadius",
+              value: { type: "unit", value: 20, unit: "px" }
+            },
+            {
+              property: "borderTopRightRadius",
+              value: { type: "unit", value: 20, unit: "px" }
+            },
+            {
+              property: "borderBottomLeftRadius",
+              value: { type: "unit", value: 20, unit: "px" }
+            },
+            {
+              property: "borderBottomRightRadius",
+              value: { type: "unit", value: 20, unit: "px" }
+            },
+            {
+              property: "objectPosition",
+              value: { type: "keyword", value: "cover" }
+            }
+          ],
+          children: [],
+          props: [
+            {
+              type: "string",
+              name: "alt",
+              value: "Vimeo video preview image"
+            }
+          ]
+        },
+        {
+          type: "instance",
+          component: "Box",
+          label: "Spinner",
+          styles: [
+            {
+              property: "position",
+              value: { type: "keyword", value: "absolute" }
+            },
+            {
+              property: "top",
+              value: { type: "unit", value: 50, unit: "%" }
+            },
+            {
+              property: "left",
+              value: { type: "unit", value: 50, unit: "%" }
+            },
+            {
+              property: "width",
+              value: { type: "unit", value: 70, unit: "px" }
+            },
+            {
+              property: "height",
+              value: { type: "unit", value: 70, unit: "px" }
+            },
+            {
+              property: "marginTop",
+              value: { type: "unit", value: -35, unit: "px" }
+            },
+            {
+              property: "marginLeft",
+              value: { type: "unit", value: -35, unit: "px" }
+            }
+          ],
+          children: [
+            {
+              type: "instance",
+              component: "HtmlEmbed",
+              label: "Spinner SVG",
+              props: [
+                {
+                  type: "string",
+                  name: "code",
+                  value: import_svg.SpinnerIcon
+                }
+              ],
+              children: []
+            }
+          ]
+        },
+        {
+          type: "instance",
+          component: "VimeoPlayButton",
+          props: [
+            {
+              type: "string",
+              name: "aria-label",
+              value: "Play button"
+            }
+          ],
+          styles: [
+            {
+              property: "position",
+              value: { type: "keyword", value: "absolute" }
+            },
+            {
+              property: "width",
+              value: { type: "unit", value: 140, unit: "px" }
+            },
+            {
+              property: "height",
+              value: { type: "unit", value: 80, unit: "px" }
+            },
+            {
+              property: "top",
+              value: { type: "unit", value: 50, unit: "%" }
+            },
+            {
+              property: "left",
+              value: { type: "unit", value: 50, unit: "%" }
+            },
+            {
+              property: "marginTop",
+              value: { type: "unit", value: -40, unit: "px" }
+            },
+            {
+              property: "marginLeft",
+              value: { type: "unit", value: -70, unit: "px" }
+            },
+            {
+              property: "display",
+              value: { type: "keyword", value: "flex" }
+            },
+            {
+              property: "alignItems",
+              value: { type: "keyword", value: "center" }
+            },
+            {
+              property: "justifyContent",
+              value: { type: "keyword", value: "center" }
+            },
+            {
+              property: "borderTopStyle",
+              value: { type: "keyword", value: "none" }
+            },
+            {
+              property: "borderRightStyle",
+              value: { type: "keyword", value: "none" }
+            },
+            {
+              property: "borderBottomStyle",
+              value: { type: "keyword", value: "none" }
+            },
+            {
+              property: "borderLeftStyle",
+              value: { type: "keyword", value: "none" }
+            },
+            {
+              property: "borderTopLeftRadius",
+              value: { type: "unit", value: 5, unit: "px" }
+            },
+            {
+              property: "borderTopRightRadius",
+              value: { type: "unit", value: 5, unit: "px" }
+            },
+            {
+              property: "borderBottomLeftRadius",
+              value: { type: "unit", value: 5, unit: "px" }
+            },
+            {
+              property: "borderBottomRightRadius",
+              value: { type: "unit", value: 5, unit: "px" }
+            },
+            {
+              property: "cursor",
+              value: { type: "keyword", value: "pointer" }
+            },
+            {
+              property: "backgroundColor",
+              value: {
+                type: "rgb",
+                r: 18,
+                g: 18,
+                b: 18,
+                alpha: 1
+              }
+            },
+            {
+              property: "color",
+              value: {
+                type: "rgb",
+                r: 255,
+                g: 255,
+                b: 255,
+                alpha: 1
+              }
+            },
+            {
+              state: ":hover",
+              property: "backgroundColor",
+              value: {
+                type: "rgb",
+                r: 0,
+                g: 173,
+                b: 239,
+                alpha: 1
+              }
+            }
+          ],
+          children: [
+            {
+              type: "instance",
+              component: "Box",
+              label: "Play Icon",
+              styles: [
+                {
+                  property: "width",
+                  value: { type: "unit", value: 60, unit: "px" }
+                },
+                {
+                  property: "height",
+                  value: { type: "unit", value: 60, unit: "px" }
+                }
+              ],
+              props: [
+                {
+                  type: "string",
+                  name: "aria-hidden",
+                  value: "true"
+                }
+              ],
+              children: [
+                {
+                  type: "instance",
+                  component: "HtmlEmbed",
+                  label: "Play SVG",
+                  props: [
+                    {
+                      type: "string",
+                      name: "code",
+                      value: import_svg.PlayIcon
+                    }
+                  ],
+                  children: []
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
+const initialProps = [
+  "url",
+  "quality",
+  "showPreview",
+  "autoplay",
+  "backgroundMode",
+  "doNotTrack",
+  "loop",
+  "muted",
+  "showPortrait",
+  "showByline",
+  "showTitle",
+  "showControls",
+  "controlsColor"
+];
+const propsMeta = {
+  props: import_vimeo.props,
+  initialProps
+};

package/lib/components.js

@@ -31,6 +31,10 @@ import { RadioButtonField } from "./radio-button-field";
 import { RadioButton } from "./radio-button";
 import { CheckboxField } from "./checkbox-field";
 import { Checkbox } from "./checkbox";
+import { Vimeo } from "./vimeo";
+import { VimeoPreviewImage } from "./vimeo-preview-image";
+import { VimeoPlayButton } from "./vimeo-play-button";
+import { VimeoSpinner } from "./vimeo-spinner";
 export {
   Blockquote,
   Body,
@@ -64,5 +68,9 @@ export {
   SuccessMessage,
   Superscript,
   TextBlock,
-  Textarea
+  Textarea,
+  Vimeo,
+  VimeoPlayButton,
+  VimeoPreviewImage,
+  VimeoSpinner
 };

package/lib/image.ws.js

@@ -30,19 +30,23 @@ const meta = {
   order: 0
 };
 const { loader, ...publicProps } = 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
-    }
+    ...propsOverrides
   },
   initialProps: ["src", "width", "height", "alt", "loading"]
 };
 export {
   meta,
-  propsMeta
+  propsMeta,
+  propsOverrides
 };

package/lib/link-block.ws.js

@@ -1,6 +1,5 @@
 import { LinkBlockIcon } from "@webstudio-is/icons/svg";
 import { a } from "@webstudio-is/react-sdk/css-normalize";
-import { props } from "./__generated__/link-block.props";
 import { meta as linkMeta, propsMeta as linkPropsMeta } from "./link.ws";
 const presetStyle = {
   a: [
@@ -20,13 +19,7 @@ const meta = {
   presetStyle,
   order: 2
 };
-const propsMeta = {
-  props: {
-    ...props,
-    href: linkPropsMeta.props.href
-  },
-  initialProps: linkPropsMeta.initialProps
-};
+const propsMeta = linkPropsMeta;
 export {
   meta,
   propsMeta

package/lib/link.ws.js

@@ -53,7 +53,7 @@ const propsMeta = {
       required: false
     }
   },
-  initialProps: ["href", "target", "prefetch"]
+  initialProps: ["href", "target"]
 };
 export {
   meta,

package/lib/metas.js

@@ -31,6 +31,10 @@ import { meta as meta30 } from "./radio-button-field.ws";
 import { meta as meta31 } from "./radio-button.ws";
 import { meta as meta32 } from "./checkbox-field.ws";
 import { meta as meta33 } from "./checkbox.ws";
+import { meta as meta34 } from "./vimeo.ws";
+import { meta as meta35 } from "./vimeo-preview-image.ws";
+import { meta as meta36 } from "./vimeo-play-button.ws";
+import { meta as meta37 } from "./vimeo-spinner.ws";
 export {
   meta21 as Blockquote,
   meta4 as Body,
@@ -64,5 +68,9 @@ export {
   meta27 as SuccessMessage,
   meta15 as Superscript,
   meta6 as TextBlock,
-  meta29 as Textarea
+  meta29 as Textarea,
+  meta34 as Vimeo,
+  meta36 as VimeoPlayButton,
+  meta35 as VimeoPreviewImage,
+  meta37 as VimeoSpinner
 };

package/lib/props.js

@@ -31,6 +31,10 @@ import { propsMeta as propsMeta30 } from "./radio-button-field.ws";
 import { propsMeta as propsMeta31 } from "./radio-button.ws";
 import { propsMeta as propsMeta32 } from "./checkbox-field.ws";
 import { propsMeta as propsMeta33 } from "./checkbox.ws";
+import { propsMeta as propsMeta34 } from "./vimeo.ws";
+import { propsMeta as propsMeta35 } from "./vimeo-preview-image.ws";
+import { propsMeta as propsMeta36 } from "./vimeo-play-button.ws";
+import { propsMeta as propsMeta37 } from "./vimeo-spinner.ws";
 export {
   propsMeta21 as Blockquote,
   propsMeta4 as Body,
@@ -64,5 +68,9 @@ export {
   propsMeta27 as SuccessMessage,
   propsMeta15 as Superscript,
   propsMeta6 as TextBlock,
-  propsMeta29 as Textarea
+  propsMeta29 as Textarea,
+  propsMeta34 as Vimeo,
+  propsMeta36 as VimeoPlayButton,
+  propsMeta35 as VimeoPreviewImage,
+  propsMeta37 as VimeoSpinner
 };

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

@@ -1,18 +1,11 @@
-import { props } from "./__generated__/rich-text-link.props";
 import { meta as linkMeta, propsMeta as linkPropsMeta } from "./link.ws";
-const { category, ...linkMetaRest } = linkMeta;
 const meta = {
-  ...linkMetaRest,
+  ...linkMeta,
+  category: "hidden",
   type: "rich-text-child",
   template: []
 };
-const propsMeta = {
-  initialProps: linkPropsMeta.initialProps,
-  props: {
-    ...props,
-    href: linkPropsMeta.props.href
-  }
-};
+const propsMeta = linkPropsMeta;
 export {
   meta,
   propsMeta

package/lib/types/__generated__/vimeo-play-button.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo-preview-image.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo-spinner.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/box.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from "react";
-declare const defaultTag = "div";
+export declare const defaultTag = "div";
 type Props = ComponentProps<typeof defaultTag> & {
     tag?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure";
 };

package/lib/types/components.d.ts

@@ -31,3 +31,7 @@ export { RadioButtonField } from "./radio-button-field";
 export { RadioButton } from "./radio-button";
 export { CheckboxField } from "./checkbox-field";
 export { Checkbox } from "./checkbox";
+export { Vimeo } from "./vimeo";
+export { VimeoPreviewImage } from "./vimeo-preview-image";
+export { VimeoPlayButton } from "./vimeo-play-button";
+export { VimeoSpinner } from "./vimeo-spinner";

package/lib/types/image.ws.d.ts

@@ -1,3 +1,11 @@
 import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
 export declare const meta: WsComponentMeta;
+export declare const propsOverrides: {
+    readonly src: {
+        readonly type: "string";
+        readonly control: "file";
+        readonly label: "Source";
+        readonly required: false;
+    };
+};
 export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/link-block.stories.d.ts

@@ -1,13 +1,9 @@
 /// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
 export default _default;
-export declare const LinkBlock: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const LinkBlock: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;

package/lib/types/link.d.ts

@@ -1,9 +1,7 @@
 import { type ComponentProps } from "react";
 export declare const defaultTag = "a";
-type Props = Omit<ComponentProps<"a">, "href" | "target"> & {
-    href?: string;
+type Props = Omit<ComponentProps<"a">, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
-    prefetch?: "none" | "intent" | "render";
 };
 export declare const Link: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/lib/types/link.stories.d.ts

@@ -1,13 +1,9 @@
 /// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
 export default _default;
-export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;

package/lib/types/metas.d.ts

@@ -31,3 +31,7 @@ export { meta as RadioButtonField } from "./radio-button-field.ws";
 export { meta as RadioButton } from "./radio-button.ws";
 export { meta as CheckboxField } from "./checkbox-field.ws";
 export { meta as Checkbox } from "./checkbox.ws";
+export { meta as Vimeo } from "./vimeo.ws";
+export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
+export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
+export { meta as VimeoSpinner } from "./vimeo-spinner.ws";

package/lib/types/props.d.ts

@@ -31,3 +31,7 @@ export { propsMeta as RadioButtonField } from "./radio-button-field.ws";
 export { propsMeta as RadioButton } from "./radio-button.ws";
 export { propsMeta as CheckboxField } from "./checkbox-field.ws";
 export { propsMeta as Checkbox } from "./checkbox.ws";
+export { propsMeta as Vimeo } from "./vimeo.ws";
+export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
+export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
+export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";

package/lib/types/rich-text-link.stories.d.ts

@@ -1,13 +1,9 @@
 /// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
 export default _default;
-export declare const RichTextLink: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
+export declare const RichTextLink: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target"> & {
     target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;

package/lib/types/vimeo-play-button.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { defaultTag } from "./button";
+export { defaultTag };
+export declare const VimeoPlayButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/types/vimeo-play-button.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const VimeoPlayButton: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>>;

package/lib/types/vimeo-play-button.ws.d.ts

@@ -0,0 +1,3 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const meta: WsComponentMeta;
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/vimeo-preview-image.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;