@hyperframes/studio 0.8.190 → 0.8.192

package/dist/{chunk-563JPIL4.js → chunk-6SXUUBPD.js}

@@ -1,6 +1,6 @@
 import {
   HyperframesLoader
-} from "./chunk-FF5DM7BQ.js";
+} from "./chunk-7HZGKFFU.js";
 import {
   buildProjectApiPath,
   splitTimelineElementKey,
@@ -96,7 +96,8 @@ var PANEL_IDS = [
   "layers",
   "renders",
   "variables",
-  "slideshow"
+  "slideshow",
+  "motionBlur"
 ];
 var PANEL_DEFINITIONS = {
   preview: {
@@ -127,7 +128,12 @@ var PANEL_DEFINITIONS = {
   layers: { title: "Layers", zone: "right", reopen: { near: "design", direction: "within" } },
   renders: { title: "Renders", zone: "right", reopen: { near: "design", direction: "within" } },
   variables: { title: "Variables", zone: "right", reopen: { near: "design", direction: "within" } },
-  slideshow: { title: "Slideshow", zone: "right", reopen: { near: "design", direction: "within" } }
+  slideshow: { title: "Slideshow", zone: "right", reopen: { near: "design", direction: "within" } },
+  motionBlur: {
+    title: "Blur",
+    zone: "right",
+    reopen: { near: "design", direction: "within" }
+  }
 };
 function isPanelId(value) {
   return typeof value === "string" && PANEL_IDS.includes(value);

package/dist/{chunk-FF5DM7BQ.js → chunk-7HZGKFFU.js}

@@ -415,7 +415,12 @@ function MenuSeparator({ className, ...props }) {
 
 // src/components/ui/Tooltip.tsx
 import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
-import { cloneElement, useId as useId2, useRef as useRef2, useState } from "react";
+import {
+  cloneElement,
+  useId as useId2,
+  useRef as useRef2,
+  useState
+} from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIDE_OFFSET2 = 6;
 var VIEWPORT_MARGIN2 = 8;
@@ -424,7 +429,8 @@ function Tooltip({
   children,
   delay = 400,
   side = "top",
-  disabled = false
+  disabled = false,
+  lines
 }) {
   const [open, setOpen] = useState(false);
   const boxRef = useRef2(null);
@@ -447,10 +453,18 @@ function Tooltip({
             id: tooltipId,
             role: "tooltip",
             className: cn(
-              "pointer-events-none rounded-md border border-border-input bg-surface px-2 py-1 text-step-10 font-medium text-text-1 whitespace-nowrap shadow-menu",
+              "pointer-events-none rounded-md border border-border-input bg-surface px-2 py-1 text-step-10 font-medium text-text-1 shadow-menu",
+              lines ? "max-w-[300px] whitespace-normal break-words" : "whitespace-nowrap",
               floatingMotion("duration-tooltip")
             ),
-            children: label
+            children: lines ? /* @__PURE__ */ jsx7(
+              "span",
+              {
+                className: "line-clamp-(--tooltip-lines)",
+                style: { "--tooltip-lines": lines },
+                children: label
+              }
+            ) : label
           }
         )
       }

package/dist/index.d.ts

@@ -2197,7 +2197,7 @@ interface UseCompositionStackResult {
 }
 declare function useCompositionStack({ projectId, activeCompositionPath, onCompositionChange, }: UseCompositionStackOptions): UseCompositionStackResult;
 
-declare const PANEL_IDS: readonly ["preview", "timeline", "compositions", "assets", "code", "catalog", "design", "layers", "renders", "variables", "slideshow"];
+declare const PANEL_IDS: readonly ["preview", "timeline", "compositions", "assets", "code", "catalog", "design", "layers", "renders", "variables", "slideshow", "motionBlur"];
 type PanelId = (typeof PANEL_IDS)[number];
 type PanelZone = "left" | "center" | "right";
 
@@ -2646,7 +2646,7 @@ interface StudioAppProps {
 }
 declare function StudioApp({ readOnlyPreview, readOnlyPreviewReason }?: StudioAppProps): react_jsx_runtime.JSX.Element;
 
-type RightPanelTab = "layers" | "design" | "renders" | "block-params" | "slideshow" | "variables";
+type RightPanelTab = "layers" | "design" | "renders" | "block-params" | "slideshow" | "variables" | "motionBlur";
 interface AgentModalAnchorPoint {
     x: number;
     y: number;

package/dist/index.html

@@ -14,8 +14,8 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-BYw97F07.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-B3vk3hfU.css">
+    <script type="module" crossorigin src="/assets/index-CHu83hHM.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CYbvOVp-.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>