@webstudio-is/sdk-components-animation 0.274.5 → 0.276.0

package/README.md

@@ -1,4 +1,9 @@
-# Radix Components for Webstudio
+# Animation Components for Webstudio
 
-Radix Primitives is a low-level UI component library with a focus on accessibility and customization.
-Default styling is inspired by https://ui.shadcn.com/docs.
+Animation components provide Webstudio-native building blocks for scroll, view, text, stagger, and video animations.
+
+## Component Registry Metadata
+
+Webstudio animation component discovery uses the shared Webstudio registry format: a shadcn-compatible registry item shape with Webstudio-specific metadata stored in `meta`. The superset metadata describes animation composition, props, content models, templates, insertion rules, and Builder/MCP guidance.
+
+This package is not published as an installable shadcn registry yet; the shape is used internally by Builder and MCP discovery.

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

@@ -1,5 +1,6 @@
+import { type ComponentPropsWithoutRef } from "react";
 type ProgressAnimationProps<T extends Record<string, unknown> = {}> = {
     children: React.ReactNode;
-} & T;
+} & ComponentPropsWithoutRef<"div"> & 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/video-animation.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-animation",
-  "version": "0.274.5",
+  "version": "0.276.0",
   "description": "Webstudio components for animation",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -44,10 +44,10 @@
     "nanostores": "^0.11.3",
     "react-error-boundary": "^5.0.0",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-engine": "0.274.5",
-    "@webstudio-is/react-sdk": "0.274.5",
-    "@webstudio-is/icons": "0.274.5",
-    "@webstudio-is/sdk": "0.274.5"
+    "@webstudio-is/icons": "0.276.0",
+    "@webstudio-is/css-engine": "0.276.0",
+    "@webstudio-is/sdk": "0.276.0",
+    "@webstudio-is/react-sdk": "0.276.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
@@ -59,21 +59,21 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "type-fest": "^4.37.0",
     "vitest": "^3.1.2",
-    "zod": "^3.24.2",
-    "@webstudio-is/css-data": "0.274.5",
+    "zod": "^4.4.3",
+    "@webstudio-is/css-data": "0.276.0",
     "@webstudio-is/design-system": "0.0.0",
-    "@webstudio-is/sdk-cli": "^0.94.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/sdk-components-react": "0.274.5",
-    "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/template": "0.274.5"
+    "@webstudio-is/sdk-cli": "^0.94.0",
+    "@webstudio-is/sdk-components-react": "0.276.0",
+    "@webstudio-is/template": "0.276.0",
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "build": "vite build && esbuild './lib/*' --outdir=./lib --minify --allow-overwrite --banner:js='//! SPDX-License-Identifier: LicenseRef-Webstudio,Inc-Proprietary'",
-    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts !./src/*.template.tsx !./src/*.test.{ts,tsx}' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
-    "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
+    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts !./src/*.template.tsx !./src/*.test.{ts,tsx}' -e asChild -e modal -e defaultOpen -e defaultChecked && oxfmt \"**/*.props.ts\"",
+    "build:stories": "tsx --conditions=webstudio src/generate-stories.ts && oxfmt \"src/__generated__/*.stories.tsx\"",
     "dts": "tsc --project tsconfig.dts.json",
-    "typecheck": "tsgo --noEmit -p tsconfig.typecheck.json",
+    "typecheck": "tsc --noEmit -p tsconfig.typecheck.json",
     "test": "vitest run",
     "playwright-init": "playwright install --with-deps"
   }