@hyperframes/studio 0.8.53-desktop.0 → 0.8.54

package/dist/index.d.ts

@@ -38,8 +38,15 @@ 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>>;
 
+declare function HyperframesLogo(): react_jsx_runtime.JSX.Element;
+
 interface IconButtonProps extends ButtonBaseProps {
     icon: ReactNode;
     "aria-label": string;
@@ -72,6 +79,20 @@ declare function Tab({ value, className, ...props }: TabProps): react_jsx_runtim
 /** The panel for one tab. Base UI wires `aria-labelledby` back to its tab. */
 declare function TabPanel({ className, ...props }: StyledProps$1<typeof Tabs$1.Panel>): react_jsx_runtime.JSX.Element;
 
+interface HyperframesLoaderProps {
+    /** Status text shown below the mark. */
+    title: string;
+    /** Optional secondary detail line. */
+    detail?: string;
+    /** Optional monospace third line for IDs, counts, or percentages. */
+    mono?: string;
+    /** Pixel size of the mark itself; status text scales independently. */
+    size?: number;
+    /** Optional normalized progress value from 0 to 1. */
+    progress?: number;
+}
+declare function HyperframesLoader({ title, detail, mono, size, progress, }: HyperframesLoaderProps): react_jsx_runtime.JSX.Element;
+
 interface TooltipProps {
     label: string;
     /** A single element, wrapped in a box-less span so a disabled one still gets hover. */
@@ -227,6 +248,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. */
@@ -535,11 +558,14 @@ interface PlaybackReadinessSlice {
 }
 declare function createPlaybackReadinessSlice(set: StoreApi<PlaybackReadinessSlice>["setState"]): PlaybackReadinessSlice;
 
-type TimeListener = (time: number) => void;
-declare const liveTime: {
-    notify: (time: number) => void;
-    subscribe: (listener: TimeListener) => () => boolean;
-};
+interface TimelineTimeRange {
+    t0: number;
+    t1: number;
+}
+interface RangeSelectionSlice {
+    /** Shift-drag ruler range in seconds, normalized so t0 <= t1. */
+    rangeSelection: TimelineTimeRange | null;
+}
 
 /**
  * One row in the timeline: a clip as Studio needs it, translated from the
@@ -660,12 +686,18 @@ interface SubCompositionHostState {
     automation?: string;
 }
 
+type TimeListener = (time: number) => void;
+declare const liveTime: {
+    notify: (time: number) => void;
+    subscribe: (listener: TimeListener) => () => boolean;
+};
+
 type ZoomMode = "fit" | "manual";
 type TimelineTool = "select" | "razor";
 interface SelectElementOptions {
     preserveSet?: boolean;
 }
-type PlayerStoreSlices = KeyframeSlice & AutomationSelectionSlice & ThumbnailSlice & EditingModeSlice & ReturnType<typeof createPlaybackReadinessSlice>;
+type PlayerStoreSlices = KeyframeSlice & AutomationSelectionSlice & ThumbnailSlice & EditingModeSlice & ReturnType<typeof createPlaybackReadinessSlice> & RangeSelectionSlice;
 interface PlayerState extends PlayerStoreSlices {
     isPlaying: boolean;
     currentTime: number;
@@ -1293,6 +1325,8 @@ interface TimelineProps extends TimelineDropCallbacks, TimelineEditOverrides {
     renderClipOverlay?: (element: TimelineElement) => ReactNode;
     onDeleteElement?: (element: TimelineElement) => Promise<void> | void;
     onSelectElement?: (element: TimelineElement | null) => void;
+    /** Notification only; null when cleared. The value lives in usePlayerStore.rangeSelection. */
+    onRangeSelect?: (range: TimelineTimeRange | null) => void;
     onCopyClip?: () => boolean;
     onPasteClip?: () => Promise<void>;
     onDuplicateClip?: () => Promise<boolean>;
@@ -2130,6 +2164,7 @@ interface TimelinePaneProps {
     onCompositionDrop?: (sourcePath: string, placement: Pick<TimelineElement, "start" | "track">) => Promise<void> | void;
     onBlockedEditAttempt?: (element: TimelineElement, intent: BlockedTimelineEditIntent) => void;
     onSelectTimelineElement?: (element: TimelineElement | null) => void;
+    onRangeSelect?: (range: TimelineTimeRange | null) => void;
     /** Copy/paste/duplicate act on the store's own selection, not a passed
      *  element, so unlike onDeleteElement they need no composition-basis wrapper. */
     onCopyClip?: () => boolean;
@@ -2137,11 +2172,11 @@ interface TimelinePaneProps {
     onDuplicateClip?: () => Promise<boolean>;
     canPasteClip?: () => boolean;
 }
-declare function TimelinePane({ timelineToolbar, timelineFooter, timelineOverlay, renderClipContent, onFileDrop, onDeleteElement, onAssetDrop, onBlockDrop, onCompositionDrop, onBlockedEditAttempt, onSelectTimelineElement, onCopyClip, onPasteClip, onDuplicateClip, canPasteClip, }: TimelinePaneProps): react_jsx_runtime.JSX.Element;
+declare function TimelinePane({ timelineToolbar, timelineFooter, timelineOverlay, renderClipContent, onFileDrop, onDeleteElement, onAssetDrop, onBlockDrop, onCompositionDrop, onBlockedEditAttempt, onSelectTimelineElement, onRangeSelect, onCopyClip, onPasteClip, onDuplicateClip, canPasteClip, }: TimelinePaneProps): react_jsx_runtime.JSX.Element;
 
 declare function TimelineEditProvider({ value, children, }: {
     value: TimelineEditCallbacks;
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, type BlockedTimelineEditIntent, Button, type ButtonSize, type ButtonVariant, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ContextMenu, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, 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, StudioFileConflictError, type StudioPendingEditsDrainResult, Tab, TabPanel, Tabs, TabsList, Timeline, type TimelineEditCallbacks, type TimelineEditPermission, TimelineEditProvider, type TimelineElement, TimelinePane, type TimelinePaneProps, Toggle, type ToggleProps, Tooltip, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UseProjectFileWriterOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildPickerAgentContextPreview, buildPickerAgentPrompt, buttonBase, buttonVariants, cn, fieldBase, fieldText, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, popupSurface, resolveIframe, resolveSourceFile, useEditHistoryActions, useElementPicker, usePersistentEditHistory, usePlayerStore, usePreviewCompositionRect, useProjectFileWriter, useRenderQueue, useTimelineEditing, useTimelinePlayer };
+export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, type BlockedTimelineEditIntent, Button, type ButtonSize, type ButtonVariant, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ContextMenu, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FfmpegStatus, FileTree, HyperframesLoader, type HyperframesLoaderProps, 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, StudioFileConflictError, type StudioPendingEditsDrainResult, Tab, TabPanel, Tabs, TabsList, Timeline, type TimelineEditCallbacks, type TimelineEditPermission, TimelineEditProvider, type TimelineElement, TimelinePane, type TimelinePaneProps, type TimelineTimeRange, Toggle, type ToggleProps, Tooltip, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UseProjectFileWriterOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildPickerAgentContextPreview, buildPickerAgentPrompt, buttonBase, buttonSizes, buttonVariants, cn, fieldBase, fieldText, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, popupSurface, resolveIframe, resolveSourceFile, useEditHistoryActions, useElementPicker, usePersistentEditHistory, usePlayerStore, usePreviewCompositionRect, useProjectFileWriter, useRenderQueue, useTimelineEditing, useTimelinePlayer };

package/dist/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-CNyviK_l.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BnXZuIJD.css">
+    <script type="module" crossorigin src="/assets/index-DPUJoO8n.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DrHQAuGO.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>