hyperframes 0.8.52 → 0.8.53

package/dist/studio/assets/{index-BTAfgesM.js → index-UvW6BEwf.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-DocJlW2v.js";/*!
+import{n as Qi}from"./index-HfP3sap2.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

package/dist/studio/assets/{index-Du5x7KUR.js → index-Y4OnpTEM.js}

@@ -1 +1 @@
-import{g as P}from"./index-DocJlW2v.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};
+import{g as P}from"./index-HfP3sap2.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};

package/dist/studio/index.css

@@ -0,0 +1,29 @@
+@import "dockview-react/dist/styles/dockview.css";
+
+/* src/components/dock/dock.css */
+.hf-dock {
+  --dv-group-view-background-color: var(--color-panel-bg);
+  --dv-tabs-and-actions-container-background-color: var(--color-panel-surface);
+  --dv-activegroup-visiblepanel-tab-background-color: var(--color-panel-bg);
+  --dv-activegroup-hiddenpanel-tab-background-color: var(--color-panel-surface);
+  --dv-inactivegroup-visiblepanel-tab-background-color: var(--color-panel-bg);
+  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--color-panel-surface);
+  --dv-activegroup-visiblepanel-tab-color: var(--color-panel-text-1);
+  --dv-activegroup-hiddenpanel-tab-color: var(--color-panel-text-3);
+  --dv-inactivegroup-visiblepanel-tab-color: var(--color-panel-text-2);
+  --dv-inactivegroup-hiddenpanel-tab-color: var(--color-panel-text-4);
+  --dv-tab-divider-color: var(--color-panel-border);
+  --dv-separator-border: var(--color-panel-border);
+  --dv-paneview-header-border-color: var(--color-panel-border);
+  --dv-sash-color: var(--color-panel-hover);
+  --dv-active-sash-color: var(--color-panel-accent);
+  --dv-drag-over-background-color: color-mix(in srgb, var(--color-panel-accent) 12%, transparent);
+  --dv-drag-over-border-color: var(--color-panel-accent);
+  --dv-tab-font-size: 11px;
+  --dv-tabs-and-actions-container-font-size: 11px;
+}
+.hf-dock .dv-sash:focus-visible {
+  background-color: var(--dv-active-sash-color);
+  outline: none;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/studio/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dock/dock.css"],"sourcesContent":["@import \"dockview-react/dist/styles/dockview.css\";\n\n.hf-dock {\n  --dv-group-view-background-color: var(--color-panel-bg);\n  --dv-tabs-and-actions-container-background-color: var(--color-panel-surface);\n  --dv-activegroup-visiblepanel-tab-background-color: var(--color-panel-bg);\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--color-panel-surface);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(--color-panel-bg);\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--color-panel-surface);\n  --dv-activegroup-visiblepanel-tab-color: var(--color-panel-text-1);\n  --dv-activegroup-hiddenpanel-tab-color: var(--color-panel-text-3);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--color-panel-text-2);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--color-panel-text-4);\n  --dv-tab-divider-color: var(--color-panel-border);\n  --dv-separator-border: var(--color-panel-border);\n  --dv-paneview-header-border-color: var(--color-panel-border);\n  --dv-sash-color: var(--color-panel-hover);\n  --dv-active-sash-color: var(--color-panel-accent);\n  --dv-drag-over-background-color: color-mix(in srgb, var(--color-panel-accent) 12%, transparent);\n  --dv-drag-over-border-color: var(--color-panel-accent);\n  --dv-tab-font-size: 11px;\n  --dv-tabs-and-actions-container-font-size: 11px;\n}\n\n.hf-dock .dv-sash:focus-visible {\n  background-color: var(--dv-active-sash-color);\n  outline: none;\n}\n"],"mappings":";;;AAEA,CAAC;AACC,oCAAkC,IAAI;AACtC,oDAAkD,IAAI;AACtD,sDAAoD,IAAI;AACxD,qDAAmD,IAAI;AACvD,wDAAsD,IAAI;AAC1D,uDAAqD,IAAI;AACzD,2CAAyC,IAAI;AAC7C,0CAAwC,IAAI;AAC5C,6CAA2C,IAAI;AAC/C,4CAA0C,IAAI;AAC9C,0BAAwB,IAAI;AAC5B,yBAAuB,IAAI;AAC3B,qCAAmC,IAAI;AACvC,mBAAiB,IAAI;AACrB,0BAAwB,IAAI;AAC5B,mCAAiC,UAAU,GAAG,IAAI,EAAE,IAAI,sBAAsB,GAAG,EAAE;AACnF,+BAA6B,IAAI;AACjC,sBAAoB;AACpB,6CAA2C;AAC7C;AAEA,CAtBC,QAsBQ,CAAC,OAAO;AACf,oBAAkB,IAAI;AACtB,WAAS;AACX;","names":[]}

package/dist/studio/index.d.ts

@@ -37,6 +37,11 @@ declare const buttonBase: string;
  * repeats the `hover:` and `active:` half exactly; the test pairs them.
  */
 declare const buttonVariants: Record<ButtonVariant, string>;
+/**
+ * The three control heights, 24 / 28 / 32 px, from `--spacing-ctl-*`.
+ * Exported so the Capture download `<a href>` can wear the same recipe as a Button.
+ */
+declare const buttonSizes: Record<ButtonSize, string>;
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface IconButtonProps extends ButtonBaseProps {
@@ -83,6 +88,8 @@ interface TooltipProps {
 }
 declare function Tooltip({ label, children, delay, side }: TooltipProps): react_jsx_runtime.JSX.Element;
 
+declare function HyperframesLogo(): react_jsx_runtime.JSX.Element;
+
 /**
  * Studio's tailwind-merge config: teaches it the two scales `theme.css`
  * invents (`text-step-*`, `ctl`/`ctl-sm`/`ctl-lg`) so overrides replace, not stack.
@@ -226,6 +233,8 @@ declare function NumberField({ label, value, onCommit, onTrack, unit, min, max,
 interface SelectOption {
     label: string;
     value: string;
+    /** Offered but not choosable; the label stays visible so the reason stays visible too. */
+    disabled?: boolean;
 }
 interface SelectProps {
     /** Accessible name for the trigger. */
@@ -1255,10 +1264,8 @@ type RenderClipContent = (element: TimelineElement, style: {
     label: string;
 }) => ReactNode;
 interface EditorShellProps extends TimelineEditCallbackDeps {
-    /** Left sidebar (media/library), rendered in the top row. */
-    left: ReactNode;
-    /** Right panel (inspector/design) or null when collapsed, in the top row. */
-    right: ReactNode;
+    /** Dock.Panel elements for every panel except the built-in preview and timeline. */
+    panels: ReactNode;
     timelineToolbar: ReactNode;
     renderClipContent: RenderClipContent;
     handleTimelineElementDelete: (element: TimelineElement) => Promise<void> | void;
@@ -1288,7 +1295,7 @@ interface EditorShellProps extends TimelineEditCallbackDeps {
      */
     gestureOverlay?: ReactNode;
 }
-declare function EditorShell({ left, right, timelineToolbar, renderClipContent, handleTimelineElementDelete, handleTimelineAssetDrop, handleTimelineBlockDrop, handleTimelineCompositionDrop, handlePreviewBlockDrop, handleTimelineFileDrop, handleTimelineElementMove, handleTimelineElementsMove, handleTimelineElementResize, handleTimelineGroupResize, handleToggleTrackHidden, setAudioGroupAttribute, handleGroupClips, setElementFxAttribute, handleBlockedTimelineEdit, handleTimelineElementSplit, handleRazorSplit, handleRazorSplitAll, onCopyClip, onPasteClip, onDuplicateClip, canPasteClip, setCompIdToSrc, setCompositionLoading, shouldShowMotionPath, shouldShowSelectedDomBounds, isGestureRecording, recordingState, onToggleRecording, blockPreview, gestureOverlay, }: EditorShellProps): react_jsx_runtime.JSX.Element;
+declare function EditorShell({ panels, timelineToolbar, renderClipContent, handleTimelineElementDelete, handleTimelineAssetDrop, handleTimelineBlockDrop, handleTimelineCompositionDrop, handlePreviewBlockDrop, handleTimelineFileDrop, handleTimelineElementMove, handleTimelineElementsMove, handleTimelineElementResize, handleTimelineGroupResize, handleToggleTrackHidden, setAudioGroupAttribute, handleGroupClips, setElementFxAttribute, handleBlockedTimelineEdit, handleTimelineElementSplit, handleRazorSplit, handleRazorSplitAll, onCopyClip, onPasteClip, onDuplicateClip, canPasteClip, setCompIdToSrc, setCompositionLoading, shouldShowMotionPath, shouldShowSelectedDomBounds, isGestureRecording, recordingState, onToggleRecording, blockPreview, gestureOverlay, }: EditorShellProps): react_jsx_runtime.JSX.Element;
 
 interface NLEPreviewProps {
     projectId: string;
@@ -1742,4 +1749,4 @@ declare function findElementBlock(html: string, elementId: string): {
     isSelfClosing: boolean;
 } | null;
 
-export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, Button, type ButtonSize, type ButtonVariant, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ContextMenu, EditorShell, type EditorShellProps, type FfmpegStatus, FileTree, IconButton, Input, type InputProps, Menu, MenuItem, type MenuItemTone, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, NLEPreview, NumberField, type NumberFieldProps, type PatchOperation, type PersistedRenderSettings, type PickedElement, Player, PlayerControls, Popover, type PopupPreviewState, type DomEditCompositionRect as PreviewCompositionRect, type PreviewState, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, Select, type SelectOption, type SelectProps, Slider, type SliderProps, SourceEditor, type StartRenderOptions, StudioApp, Tab, TabPanel, Tabs, TabsList, Timeline, type TimelineElement, Toggle, type ToggleProps, Tooltip, VideoThumbnail, applyPatch, buildPickerAgentContextPreview, buildPickerAgentPrompt, buttonBase, buttonVariants, cn, fieldBase, fieldText, findElementBlock, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, popupSurface, resolveIframe, resolveSourceFile, useElementPicker, usePlayerStore, usePreviewCompositionRect, useRenderQueue, useTimelinePlayer };
+export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, Button, type ButtonSize, type ButtonVariant, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ContextMenu, EditorShell, type EditorShellProps, type FfmpegStatus, FileTree, HyperframesLogo, IconButton, Input, type InputProps, Menu, MenuItem, type MenuItemTone, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, NLEPreview, NumberField, type NumberFieldProps, type PatchOperation, type PersistedRenderSettings, type PickedElement, Player, PlayerControls, Popover, type PopupPreviewState, type DomEditCompositionRect as PreviewCompositionRect, type PreviewState, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, Select, type SelectOption, type SelectProps, Slider, type SliderProps, SourceEditor, type StartRenderOptions, StudioApp, Tab, TabPanel, Tabs, TabsList, Timeline, type TimelineElement, Toggle, type ToggleProps, Tooltip, VideoThumbnail, applyPatch, buildPickerAgentContextPreview, buildPickerAgentPrompt, buttonBase, buttonSizes, buttonVariants, cn, fieldBase, fieldText, findElementBlock, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, popupSurface, resolveIframe, resolveSourceFile, useElementPicker, usePlayerStore, usePreviewCompositionRect, useRenderQueue, useTimelinePlayer };

package/dist/studio/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-DocJlW2v.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CxAu_Okg.css">
+    <script type="module" crossorigin src="/assets/index-HfP3sap2.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DrHQAuGO.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>