@webstudio-is/sdk-components-react 0.0.0-021f2d4

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

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

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

@@ -0,0 +1,3 @@
+import { defaultTag } from "./button";
+export { defaultTag };
+export declare const VimeoPlayButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "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/sdk";
+export declare const meta: WsComponentMeta;
+export declare const propsMeta: WsComponentPropsMeta;

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

@@ -0,0 +1,284 @@
+export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponent<Omit<{
+    style?: import("react").CSSProperties | undefined;
+    id?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    children?: import("react").ReactNode;
+    title?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    src?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCapitalize?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLImageElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    quality?: number | undefined;
+    sizes?: string | undefined | undefined;
+    optimize?: boolean | undefined;
+    loading?: "eager" | "lazy" | undefined | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    alt?: string | undefined | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+    srcSet?: string | undefined | undefined;
+    useMap?: string | undefined | undefined;
+} & {
+    $webstudio$canvasOnly$assetId?: string | undefined;
+} & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

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

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

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

@@ -0,0 +1 @@
+export declare const VimeoSpinner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib/types/vimeo-spinner.ws.d.ts

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

package/lib/types/vimeo.d.ts

@@ -0,0 +1,85 @@
+import { type ComponentProps } from "react";
+type VimeoPlayerOptions = {
+    background?: boolean;
+    color?: string;
+    controls?: boolean;
+    dnt?: boolean;
+    interactive_params?: string;
+    title?: boolean;
+    portrait?: boolean;
+    /** The ID or the URL of the video on Vimeo. You must supply one of these values to identify the video. When the video's privacy setting is Private, you must use the URL, and the URL must include the h parameter. For more information, see Vimeo’s introductory guide. */
+    url?: string;
+    /** Whether to pause the current video when another Vimeo video on the same page starts to play. Set this value to false to permit simultaneous playback of all the videos on the page. This option has no effect if you've disabled cookies in your browser, either through browser settings or with an extension or plugin. */
+    autopause?: boolean;
+    /** Whether to enable the browser to enter picture-in-picture mode automatically when switching tabs or windows, where supported. */
+    autopip?: boolean;
+    /**
+     * Whether to start playback of the video automatically. This feature might not work on all devices.
+     * Some browsers require the `muted` parameter to be set to `true` for autoplay to work.
+     * */
+    autoplay?: boolean;
+    /** Whether to display the video owner's name. */
+    byline?: boolean;
+    /** Whether to enable keyboard input to trigger player events. This setting doesn't affect tab control. */
+    keyboard?: boolean;
+    /** Whether to restart the video automatically after reaching the end. */
+    loop?: boolean;
+    /** Whether the video is muted upon loading. The true value is required for the autoplay behavior in some browsers. */
+    muted?: boolean;
+    /** Whether to include the picture-in-picture button among the player controls and enable the picture-in-picture API. */
+    pip?: boolean;
+    /** Whether the video plays inline on supported mobile devices. To force the device to play the video in fullscreen mode instead, set this value to false. */
+    playsinline?: boolean;
+    /** For videos on a Vimeo Plus account or higher: the playback quality of the video. Use auto for the best possible quality given available bandwidth and other factors. You can also specify 360p, 540p, 720p, 1080p, 2k, and 4k. */
+    quality?: "auto" | "360p" | "540p" | "720p" | "1080p" | "2k" | "4k";
+    /** Whether to return a responsive embed code, or one that provides intelligent adjustments based on viewing conditions. We recommend this option for mobile-optimized sites. */
+    responsive?: boolean;
+    /** Whether the player displays speed controls in the preferences menu and enables the playback rate API. */
+    speed?: boolean;
+    /**
+     * The text track to display with the video. Specify the text track by its language code (en), the language code and locale (en-US), or the language code and kind (en.captions). For this argument to work, the video must already have a text track of the given type; see our Help Center or Working with Text Track Uploads for more information.
+     * To enable automatically generated closed captions instead, provide the value en-x-autogen. Please note that, at the present time, automatic captions are always in English.
+     */
+    texttrack?: string;
+    /** Whether the responsive player and transparent background are enabled. */
+    transparent?: boolean;
+};
+export type VimeoOptions = Omit<VimeoPlayerOptions, "dnt" | "interactive_params" | "background" | "controls" | "color" | "byline" | "title" | "portrait"> & {
+    /** Not a Vimeo attribute: Whether the preview image should be loaded from Vimeo API. Ideally don't use it, because it will show up with some delay and will make your project feel slower. */
+    showPreview?: boolean;
+    /** Not a Vimeo attribute: Loading attribute for the iframe allows to eager or lazy load the source */
+    loading?: "eager" | "lazy";
+    /** Whether to prevent the player from tracking session data, including cookies. Keep in mind that setting this argument to true also blocks video stats. */
+    doNotTrack?: VimeoPlayerOptions["dnt"];
+    /** Key-value pairs representing dynamic parameters that are utilized on interactive videos with live elements, such as title=my-video,subtitle=interactive. */
+    interactiveParams?: VimeoPlayerOptions["interactive_params"];
+    /** Whether the player is in background mode, which hides the playback controls, enables autoplay, and loops the video. */
+    backgroundMode?: VimeoPlayerOptions["background"];
+    /** Whether to display the player's interactive elements, including the play bar and sharing buttons. Set this option to false for a chromeless experience. To control playback when the play/pause button is hidden, set autoplay to true, use keyboard controls (which remain active), or implement our player SDK. */
+    showControls?: VimeoPlayerOptions["controls"];
+    /** A color value of the playback controls, which is normally #00ADEF. The embed settings of the video might override this value. */
+    controlsColor?: VimeoPlayerOptions["color"];
+    /** Whether to display the video owner's name. */
+    showByline?: VimeoPlayerOptions["byline"];
+    /** Whether the player displays the title overlay. */
+    showTitle?: VimeoPlayerOptions["title"];
+    /** Whether to display the video owner's portrait. Only works if either title or byline are also enabled */
+    showPortrait?: VimeoPlayerOptions["portrait"];
+};
+type PlayerStatus = "initial" | "loading" | "ready";
+export declare const VimeoContext: import("react").Context<{
+    previewImageUrl?: URL;
+    onInitPlayer: () => void;
+    status: PlayerStatus;
+}>;
+declare const defaultTag = "div";
+type Props = Omit<ComponentProps<typeof defaultTag>, keyof VimeoOptions> & VimeoOptions & {
+    /**
+     * The `title` attribute for the iframe.
+     * Improves accessibility by providing a brief description of the video content for screen readers.
+     * Example: "Video about web development tips".
+     */
+    title?: string | undefined;
+};
+export declare const Vimeo: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/types/vimeo.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

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

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

package/lib/types/webhook-form.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from "react";
+type Props = ComponentProps<"form"> & {
+    encType?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+    /** Use this property to reveal the Success and Error states on the canvas so they can be styled. The Initial state is displayed when the page first opens. The Success and Error states are displayed depending on whether the Form submits successfully or unsuccessfully. */
+    state?: "initial" | "success" | "error";
+    onStateChange: (state: "initial" | "success" | "error") => void;
+};
+export declare const WebhookForm: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
+export {};

package/lib/types/webhook-form.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/webhook-form.ws.d.ts

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

package/lib/types/xml-node.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export declare const defaultTag = "div";
+type Props = {
+    tag: string;
+    xmlns?: string;
+    children?: ReactNode;
+    rel?: string;
+    hreflang?: string;
+    href?: string;
+    "xmlns:xhtml"?: string;
+};
+export declare const XmlNode: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/types/xml-node.ws.d.ts

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

package/lib/types/xml-time.d.ts

@@ -0,0 +1,6 @@
+type XmlTimeProps = {
+    dateStyle?: "long" | "short";
+    datetime: string;
+};
+export declare const XmlTime: import("react").ForwardRefExoticComponent<XmlTimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+export {};

package/lib/types/xml-time.ws.d.ts

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

package/lib/types/youtube.d.ts

@@ -0,0 +1,143 @@
+import { type ComponentProps } from "react";
+/**
+ * Options for configuring the YouTube player parameters.
+ * https://developers.google.com/youtube/player_parameters
+ */
+type YouTubePlayerParameters = {
+    /**
+     * Whether the video should autoplay.
+     * Some browsers require the `muted` parameter to be set to `true` for autoplay to work.
+     * @default false
+     */
+    autoplay?: boolean;
+    /**
+     * Whether the video should start muted.
+     * Useful for enabling autoplay in browsers that require videos to be muted.
+     * Original parameter: `mute`
+     *@default false
+     */
+    muted?: boolean;
+    /**
+     * Whether to show player controls.
+     * @default true
+     */
+    showControls?: boolean;
+    /**
+     * Whether to show related videos at the end.
+     * Original parameter: `rel`
+     * @default true
+     */
+    showRelatedVideos?: boolean;
+    /**
+     * Whether to enable keyboard controls.
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Whether the video should loop continuously.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Whether to play inline on mobile (not fullscreen).
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Whether to allow fullscreen mode.
+     * Original parameter: `fs`
+     * @default true
+     */
+    allowFullscreen?: boolean;
+    /**
+     * Whether captions should be shown by default.
+     * Original parameter: `cc_load_policy`
+     * @default false
+     */
+    showCaptions?: boolean;
+    /**
+     * Whether to show annotations on the video.
+     * Original parameter: `iv_load_policy`
+     * @default true
+     */
+    showAnnotations?: boolean;
+    /**
+     * Start time of the video in seconds.
+     * Original parameter: `start`
+     */
+    startTime?: number;
+    /**
+     * End time of the video in seconds.
+     * Original parameter: `end`
+     */
+    endTime?: number;
+    /**
+     * Whether to disable keyboard controls.
+     * Original parameter: `disablekb`
+     * @default false
+     */
+    disableKeyboard?: boolean;
+    /**
+     * Referrer URL for tracking purposes.
+     * Original parameter: `widget_referrer`
+     */
+    referrer?: string;
+    /**
+     * Type of playlist to load.
+     */
+    listType?: "playlist" | "user_uploads";
+    /**
+     * ID of the playlist to load.
+     * Original parameter: `list`
+     */
+    listId?: string;
+    /**
+     * Your domain for API compliance (e.g., `https://yourdomain.com`).
+     */
+    origin?: string;
+    /**
+     * Specifies the default language that the player will use to display captions.
+     * The value is an ISO 639-1 two-letter language code.
+     * Original parameter: `cc_lang_pref`
+     */
+    captionLanguage?: string;
+    /**
+     * Sets the player's interface language. The value is an ISO 639-1 two-letter language code or a fully specified locale.
+     * Original parameter: `hl`
+     */
+    language?: string;
+    /**
+     * Specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen.
+     * Valid values are 'red' and 'white'.
+     */
+    color?: "red" | "white";
+    /**
+     * This parameter specifies a comma-separated list of video IDs to play
+     */
+    playlist?: string;
+};
+type YouTubePlayerOptions = {
+    /** The YouTube video URL or ID */
+    url?: string;
+    showPreview?: boolean;
+    /**
+     * The Privacy Enhanced Mode of the YouTube embedded player prevents the use of views of embedded YouTube content from influencing the viewer’s browsing experience on YouTube.
+     * https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode
+     * @default true
+     */
+    privacyEnhancedMode?: boolean;
+} & YouTubePlayerParameters & {
+    /** Loading strategy for iframe */
+    loading?: "eager" | "lazy";
+};
+declare const defaultTag = "div";
+type Props = Omit<ComponentProps<typeof defaultTag>, keyof YouTubePlayerOptions> & YouTubePlayerOptions & {
+    /**
+     * The `title` attribute for the iframe.
+     * Improves accessibility by providing a brief description of the video content for screen readers.
+     * Example: "Video about web development tips".
+     */
+    title?: string | undefined;
+};
+export declare const YouTube: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/types/youtube.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

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

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

package/lib/vimeo-play-button.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as r, useContext as a, useCallback as m } from "react";
+import { VimeoContext as s } from "./vimeo.js";
+import { Button as l } from "./button.js";
+import c from "await-interaction-response";
+const f = r(
+  (o, i) => {
+    const t = a(s), n = m(async () => {
+      await c(), t.onInitPlayer();
+    }, [t]);
+    if (t.status === "initial")
+      return /* @__PURE__ */ e(l, { ...o, onClick: n, ref: i });
+  }
+);
+f.displayName = "VimeoPlayButton";
+export {
+  f as VimeoPlayButton
+};