@webstudio-is/sdk-components-animation 0.210.0 → 0.212.0

package/lib/__generated__/video-animation.props.js

@@ -0,0 +1,6 @@
+const e = {
+  timeline: { required: !1, control: "boolean", type: "boolean" }
+};
+export {
+  e as props
+};

package/lib/components.js

@@ -1,8 +1,10 @@
-import { AnimateChildren as t } from "./animate-children.js";
-import { AnimateText as m } from "./animate-text.js";
+import { AnimateChildren as r } from "./animate-children.js";
+import { AnimateText as i } from "./animate-text.js";
 import { StaggerAnimation as n } from "./stagger-animation.js";
+import { VideoAnimation as x } from "./video-animation.js";
 export {
-  t as AnimateChildren,
-  m as AnimateText,
-  n as StaggerAnimation
+  r as AnimateChildren,
+  i as AnimateText,
+  n as StaggerAnimation,
+  x as VideoAnimation
 };

package/lib/metas.js

@@ -1,8 +1,10 @@
 import { meta as a } from "./animate-children.ws.js";
-import { meta as r } from "./animate-text.ws.js";
+import { meta as o } from "./animate-text.ws.js";
 import { meta as i } from "./stagger-animation.ws.js";
+import { meta as x } from "./video-animation.ws.js";
 export {
   a as AnimateChildren,
-  r as AnimateText,
-  i as StaggerAnimation
+  o as AnimateText,
+  i as StaggerAnimation,
+  x as VideoAnimation
 };

package/lib/props.js

@@ -1,8 +1,10 @@
-import { propsMeta as t } from "./animate-children.ws.js";
-import { propsMeta as o } from "./animate-text.ws.js";
-import { propsMeta as m } from "./stagger-animation.ws.js";
+import { propsMeta as r } from "./animate-children.ws.js";
+import { propsMeta as a } from "./animate-text.ws.js";
+import { propsMeta as i } from "./stagger-animation.ws.js";
+import { propsMeta as s } from "./video-animation.ws.js";
 export {
-  t as AnimateChildren,
-  o as AnimateText,
-  m as StaggerAnimation
+  r as AnimateChildren,
+  a as AnimateText,
+  i as StaggerAnimation,
+  s as VideoAnimation
 };

package/lib/shared/create-progress-animation.js

@@ -0,0 +1,6 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+const f = () => e((r, o) => /* @__PURE__ */ t("div", { ref: o, ...r }));
+export {
+  f as createProgressAnimation
+};

package/lib/shared/proxy.js

@@ -0,0 +1,5 @@
+import { createProxy as o } from "@webstudio-is/template";
+const i = o("@webstudio-is/sdk-components-animation:");
+export {
+  i as animation
+};

package/lib/templates.js

@@ -1 +1,4 @@
-
+import { meta as e } from "./video-animation.template.js";
+export {
+  e as VideoAnimation
+};

package/lib/types/__generated__/video-animation.props.d.ts

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

package/lib/types/components.d.ts

@@ -1,3 +1,4 @@
 export { AnimateChildren } from "./animate-children";
 export { AnimateText } from "./animate-text";
 export { StaggerAnimation } from "./stagger-animation";
+export { VideoAnimation } from "./video-animation";

package/lib/types/metas.d.ts

@@ -1,3 +1,4 @@
 export { meta as AnimateChildren } from "./animate-children.ws";
 export { meta as AnimateText } from "./animate-text.ws";
 export { meta as StaggerAnimation } from "./stagger-animation.ws";
+export { meta as VideoAnimation } from "./video-animation.ws";

package/lib/types/props.d.ts

@@ -1,3 +1,4 @@
 export { propsMeta as AnimateChildren } from "./animate-children.ws";
 export { propsMeta as AnimateText } from "./animate-text.ws";
 export { propsMeta as StaggerAnimation } from "./stagger-animation.ws";
+export { propsMeta as VideoAnimation } from "./video-animation.ws";

package/lib/types/shared/create-progress-animation.d.ts

@@ -0,0 +1,5 @@
+type ProgressAnimationProps<T extends Record<string, unknown> = {}> = {
+    children: React.ReactNode;
+} & T;
+export declare const createProgressAnimation: <T extends Record<string, unknown>>() => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<ProgressAnimationProps<T>> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/types/shared/proxy.d.ts

@@ -0,0 +1,16 @@
+export declare const animation: Record<string, {
+    displayName: string;
+} & ((props: Record<string, unknown> & Record<`${string}:expression`, string> & {
+    "ws:id"?: string;
+    "ws:label"?: string;
+    "ws:tag"?: string;
+    "ws:style"?: import("@webstudio-is/template").TemplateStyleDecl[];
+    "ws:show"?: boolean | {
+        chunks: string[];
+        variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
+    };
+    children?: import("react").ReactNode | {
+        chunks: string[];
+        variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
+    } | import("@webstudio-is/template").PlaceholderValue;
+}) => import("react").ReactNode)>;

package/lib/types/templates.d.ts

@@ -1 +1 @@
-export {};
+export { meta as VideoAnimation } from "./video-animation.template";

package/lib/types/video-animation.d.ts

@@ -0,0 +1,5 @@
+export declare const VideoAnimation: import("react").ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & {
+    timeline?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/lib/types/video-animation.template.d.ts

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

package/lib/types/video-animation.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/video-animation.js

@@ -0,0 +1,6 @@
+import { createProgressAnimation as i } from "./shared/create-progress-animation.js";
+const o = i(), a = "VideoAnimation";
+o.displayName = a;
+export {
+  o as VideoAnimation
+};

package/lib/video-animation.template.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { $ as i } from "@webstudio-is/template";
+import { YoutubeIcon as t } from "@webstudio-is/icons/svg";
+import { animation as r } from "./shared/proxy.js";
+const p = {
+  category: "animations",
+  description: "Video Animation",
+  order: 2,
+  icon: t,
+  template: /* @__PURE__ */ o(r.VideoAnimation, { children: /* @__PURE__ */ o(
+    i.Video,
+    {
+      preload: "auto",
+      autoPlay: !0,
+      muted: !0,
+      playsInline: !0,
+      crossOrigin: "anonymous"
+    }
+  ) })
+};
+export {
+  p as meta
+};

package/lib/video-animation.ws.js

@@ -0,0 +1,22 @@
+import { Youtube1cIcon as o } from "@webstudio-is/icons/svg";
+import { animation as t } from "./shared/meta.js";
+import { props as i } from "./__generated__/video-animation.props.js";
+const a = {
+  type: "container",
+  icon: o,
+  label: "Video Animation",
+  constraints: [
+    { relation: "parent", component: { $eq: t.AnimateChildren } },
+    {
+      relation: "child",
+      text: !1
+    }
+  ]
+}, m = {
+  props: i,
+  initialProps: ["timeline"]
+};
+export {
+  a as meta,
+  m as propsMeta
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-animation",
-  "version": "0.210.0",
+  "version": "0.212.0",
   "description": "Webstudio components for animation",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -49,10 +49,10 @@
     "nanostores": "^0.11.3",
     "react-error-boundary": "^5.0.0",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-engine": "0.210.0",
-    "@webstudio-is/icons": "0.210.0",
-    "@webstudio-is/react-sdk": "0.210.0",
-    "@webstudio-is/sdk": "0.210.0"
+    "@webstudio-is/css-engine": "0.212.0",
+    "@webstudio-is/icons": "0.212.0",
+    "@webstudio-is/react-sdk": "0.212.0",
+    "@webstudio-is/sdk": "0.212.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
@@ -67,10 +67,10 @@
     "zod": "^3.24.2",
     "@webstudio-is/css-data": "0.0.0",
     "@webstudio-is/design-system": "0.0.0",
+    "@webstudio-is/sdk-components-react": "0.212.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/sdk-components-react": "0.210.0",
-    "@webstudio-is/template": "0.210.0",
+    "@webstudio-is/template": "0.212.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {