@webstudio-is/sdk-components-react 0.196.0 → 0.198.0

package/lib/types/code-text.ws.d.ts

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

package/lib/types/components.d.ts

@@ -29,6 +29,7 @@ export { Textarea } from "./textarea";
 export { RadioButton } from "./radio-button";
 export { Checkbox } from "./checkbox";
 export { Vimeo } from "./vimeo";
+export { YouTube } from "./youtube";
 export { VimeoPreviewImage } from "./vimeo-preview-image";
 export { VimeoPlayButton } from "./vimeo-play-button";
 export { VimeoSpinner } from "./vimeo-spinner";

package/lib/types/content-embed.template.d.ts

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

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

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

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

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

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

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

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

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

package/lib/types/html-embed.ws.d.ts

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

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

@@ -1,11 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/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/input.ws.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/lib/types/list-item.template.d.ts

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

package/lib/types/list-item.ws.d.ts

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

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

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

package/lib/types/markdown-embed.template.d.ts

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

package/lib/types/markdown-embed.ws.d.ts

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

package/lib/types/metas.d.ts

@@ -2,7 +2,6 @@ export { meta as Slot } from "./slot.ws";
 export { meta as Fragment } from "./fragment.ws";
 export { meta as HtmlEmbed } from "./html-embed.ws";
 export { meta as MarkdownEmbed } from "./markdown-embed.ws";
-export { meta as ContentEmbed } from "./content-embed.ws";
 export { meta as Body } from "./body.ws";
 export { meta as Box } from "./box.ws";
 export { meta as Text } from "./text.ws";
@@ -30,6 +29,7 @@ export { meta as Textarea } from "./textarea.ws";
 export { meta as RadioButton } from "./radio-button.ws";
 export { meta as Checkbox } from "./checkbox.ws";
 export { meta as Vimeo } from "./vimeo.ws";
+export { meta as YouTube } from "./youtube.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/option.ws.d.ts

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

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

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

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

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

package/lib/types/props.d.ts

@@ -29,6 +29,7 @@ export { propsMeta as Textarea } from "./textarea.ws";
 export { propsMeta as RadioButton } from "./radio-button.ws";
 export { propsMeta as Checkbox } from "./checkbox.ws";
 export { propsMeta as Vimeo } from "./vimeo.ws";
+export { propsMeta as YouTube } from "./youtube.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/radio-button.d.ts

@@ -1,4 +1,4 @@
 export declare const defaultTag = "input";
-export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type" | "value"> & {
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value" | "type"> & {
     value?: string;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/radio-button.template.d.ts

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

package/lib/types/radio-button.ws.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/types/templates.d.ts

@@ -1,3 +1,17 @@
+export { meta as ContentEmbed } from "./content-embed.template";
+export { meta as MarkdownEmbed } from "./markdown-embed.template";
+export { meta as Text } from "./text.template";
+export { meta as Heading } from "./heading.template";
+export { meta as Paragraph } from "./paragraph.template";
+export { meta as Link } from "./link.template";
 export { meta as Button } from "./button.template";
+export { meta as Form } from "./webhook-form.template";
+export { meta as Blockquote } from "./blockquote.template";
 export { meta as List } from "./list.template";
+export { meta as ListItem } from "./list-item.template";
+export { meta as Label } from "./label.template";
+export { meta as RadioButton } from "./radio-button.template";
+export { meta as Checkbox } from "./checkbox.template";
 export { meta as Vimeo } from "./vimeo.template";
+export { meta as YouTube } from "./youtube.template";
+export { meta as Select } from "./select.template";

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+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.ws.d.ts

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+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

@@ -1,43 +1,47 @@
 export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponent<Omit<{
-    slot?: string | undefined | undefined;
     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;
-    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
     autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
-    resource?: 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;
-    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -101,7 +105,6 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -265,20 +268,17 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
-    height?: number | string | undefined | undefined;
-    width?: number | string | undefined | undefined;
-    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    useMap?: string | undefined | undefined;
-    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-    alt?: string | undefined | undefined;
-    src?: string | undefined | 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;
-    sizes?: string | undefined | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     srcSet?: string | undefined | undefined;
-    quality?: number | undefined;
-    optimize?: boolean | 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

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

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

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+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

@@ -13,7 +13,10 @@ type VimeoPlayerOptions = {
     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. */
+    /**
+     * 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;
@@ -70,6 +73,13 @@ export declare const VimeoContext: import("react").Context<{
     status: PlayerStatus;
 }>;
 declare const defaultTag = "div";
-type Props = Omit<ComponentProps<typeof defaultTag>, keyof VimeoOptions> & VimeoOptions;
+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.ws.d.ts

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+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

@@ -3,6 +3,7 @@ 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

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

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

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

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

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+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;