Add AnimateText component

Author: istarkov

packages/sdk-components-animation/private-src

@@ -0,0 +1,29 @@
+import { forwardRef, type ElementRef } from "react";
+
+const easings = {
+  linear: true,
+  easeIn: true,
+  easeInCubic: true,
+  easeInQuart: true,
+  easeOut: true,
+  easeOutCubic: true,
+  easeOutQuart: true,
+  ease: true,
+  easeInOutCubic: true,
+  easeInOutQuart: true,
+};
+
+type AnimateChildrenProps = {
+  charWindow: number;
+  easing: keyof typeof easings;
+  children: React.ReactNode;
+};
+
+export const AnimateText = forwardRef<ElementRef<"div">, AnimateChildrenProps>(
+  ({ charWindow: _, easing: __, ...props }, ref) => {
+    return <div ref={ref} {...props} />;
+  }
+);
+
+const displayName = "AnimateText";
+AnimateText.displayName = displayName;

packages/sdk-components-animation/src/__generated__/animate-children.props.ts

@@ -0,0 +1,17 @@
+import { TextIcon } from "@webstudio-is/icons/svg";
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { props } from "./__generated__/animate-text.props";
+
+export const meta: WsComponentMeta = {
+  category: "general",
+  type: "container",
+  description: "Animate Text",
+  icon: TextIcon,
+  order: 6,
+  label: "Animate Text",
+};
+
+export const propsMeta: WsComponentPropsMeta = {
+  props,
+  initialProps: ["charWindow", "easing"],
+};

packages/sdk-components-animation/src/__generated__/animate-text.props.ts

@@ -1 +1,2 @@
 export { AnimateChildren } from "./animate-children";
+export { AnimateText } from "./animate-text";

packages/sdk-components-animation/src/scroll.ws.ts renamed to packages/sdk-components-animation/src/animate-children.ws.ts

@@ -1 +1,2 @@
-export { meta as AnimateChildren } from "./scroll.ws";
+export { meta as AnimateChildren } from "./animate-children.ws";
+export { meta as AnimateText } from "./animate-text.ws";

packages/sdk-components-animation/src/animate-text.tsx

@@ -1 +1,2 @@
-export { propsMeta as AnimateChildren } from "./scroll.ws";
+export { propsMeta as AnimateChildren } from "./animate-children.ws";
+export { propsMeta as AnimateText } from "./animate-text.ws";