@bendyline/squisq-editor-react 2.13.22 → 2.13.23

package/dist/speech/index.js

@@ -1,7 +1,7 @@
 import {
   encodeMonoPcm16Wav,
   startDictationSession
-} from "../chunk-7ADGH53Y.js";
+} from "../chunk-RVHUTOHG.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,

package/dist/styles/index.css

@@ -9129,6 +9129,10 @@
   outline: 2px solid rgba(99, 102, 241, 0.25);
   outline-offset: -1px;
 }
+.squisq-template-picker-trigger:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
 .squisq-template-picker-trigger-label {
   color: var(--squisq-text-muted);
 }
@@ -9160,6 +9164,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.squisq-slide-block-type .squisq-template-picker-trigger-value {
+  width: 88px;
+  text-align: left;
+}
 .squisq-template-picker-trigger-caret {
   color: var(--squisq-text-faint);
   flex-shrink: 0;
@@ -17057,13 +17065,26 @@ button.squisq-view-menu-radio-row:focus-visible {
   background: var(--squisq-editor-control-bg-hover);
 }
 .squisq-media-edit-modal__surface--tabbed {
+  width: min(720px, 100%);
   height: min(640px, 100%);
 }
+.squisq-media-edit-modal__surface--large {
+  width: 100%;
+  height: 100%;
+}
 .squisq-media-edit-modal__body {
+  display: flex;
   flex: 1;
+  flex-direction: column;
+  min-height: 0;
   overflow: auto;
   padding: 12px 16px 16px;
 }
+.squisq-media-edit-panel--fill:not([hidden]) {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+}
 .squisq-media-edit-tabs {
   display: flex;
   gap: 4px;
@@ -17372,6 +17393,10 @@ button.squisq-view-menu-radio-row:focus-visible {
   border-radius: 4px;
   touch-action: none;
 }
+.squisq-media-edit-modal__surface--large .squisq-media-edit-crop {
+  max-width: min(100%, calc((100vh - 300px) * var(--squisq-media-edit-frame-ratio, 1.7778)));
+  margin-inline: auto;
+}
 .squisq-media-edit-crop video {
   display: block;
   width: 100%;
@@ -17417,6 +17442,318 @@ button.squisq-view-menu-radio-row:focus-visible {
   right: -7px;
   cursor: nwse-resize;
 }
+.squisq-media-edit-cuts {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+}
+.squisq-media-edit-cuts__monitor {
+  position: relative;
+  flex: 1 1 180px;
+  min-height: 180px;
+  margin-bottom: 8px;
+  overflow: hidden;
+  background: var(--squisq-surface-sunken);
+  border-radius: 4px;
+}
+.squisq-media-edit-cuts__monitor video {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.squisq-media-edit-cuts__transport,
+.squisq-media-edit-cuts__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+}
+.squisq-media-edit-cuts__transport {
+  margin-bottom: 8px;
+}
+.squisq-media-edit-cuts__actions {
+  margin-top: 8px;
+}
+.squisq-media-edit-cuts__notes {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  column-gap: 16px;
+}
+.squisq-media-edit-modal__surface--large .squisq-media-edit-cuts__lower {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 380px;
+  column-gap: 20px;
+  align-items: start;
+}
+.squisq-media-edit-modal__surface--large .squisq-media-edit-cuts__pauses {
+  margin-top: 6px;
+  padding-top: 0;
+  border-top: 0;
+}
+.squisq-media-edit-cuts__transport .squisq-media-edit-chips {
+  margin: 0;
+}
+.squisq-media-edit-cuts__play {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 78px;
+}
+.squisq-media-edit-cuts__time {
+  min-width: 9.5em;
+  color: var(--squisq-text-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+.squisq-media-edit-cuts__zoom {
+  display: flex;
+  gap: 4px;
+  margin-left: auto;
+}
+.squisq-media-edit-cuts__selection {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.squisq-media-edit-cuts__pauses {
+  margin-top: 12px;
+  padding-top: 8px;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-media-edit-timeline {
+  position: relative;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
+  background: var(--squisq-surface-sunken);
+  border: 1px solid var(--squisq-editor-control-border);
+  border-radius: 4px;
+}
+.squisq-media-edit-timeline:focus-visible {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: 1px;
+}
+.squisq-media-edit-timeline--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 122px;
+  padding: 0 16px;
+  overflow: hidden;
+  color: var(--squisq-text-muted);
+  font-variant-numeric: tabular-nums;
+}
+.squisq-media-edit-timeline__track {
+  position: relative;
+  box-sizing: border-box;
+  min-width: 100%;
+  height: 120px;
+  padding-top: 18px;
+  cursor: text;
+  touch-action: none;
+  user-select: none;
+}
+.squisq-media-edit-timeline__ruler {
+  position: absolute;
+  inset: 0 0 auto;
+  height: 18px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__tick {
+  position: absolute;
+  top: 0;
+  height: 18px;
+  padding-left: 4px;
+  border-left: 1px solid var(--squisq-editor-control-border);
+  color: var(--squisq-text-muted);
+  font-size: 10px;
+  font-variant-numeric: tabular-nums;
+  line-height: 18px;
+  white-space: nowrap;
+}
+.squisq-media-edit-timeline__wave {
+  position: sticky;
+  left: 0;
+  display: block;
+  height: 102px;
+  color: var(--squisq-accent);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut {
+  position: absolute;
+  top: 18px;
+  bottom: 0;
+  box-sizing: border-box;
+  min-width: 2px;
+  border-inline: 1px solid var(--squisq-danger);
+}
+.squisq-media-edit-timeline__cut::before,
+.squisq-media-edit-timeline__cut::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut::before {
+  background: var(--squisq-surface-sunken);
+  opacity: 0.84;
+}
+.squisq-media-edit-timeline__cut::after {
+  background:
+    repeating-linear-gradient(
+      135deg,
+      transparent 0 6px,
+      color-mix(in srgb, var(--squisq-danger) 38%, transparent) 6px 7px);
+}
+.squisq-media-edit-timeline__handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  width: 11px;
+  cursor: ew-resize;
+  touch-action: none;
+}
+.squisq-media-edit-timeline__handle--start {
+  left: -6px;
+}
+.squisq-media-edit-timeline__handle--end {
+  right: -6px;
+}
+.squisq-media-edit-timeline__handle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  box-sizing: border-box;
+  width: 7px;
+  height: 30px;
+  border: 1px solid var(--squisq-surface-sunken);
+  border-radius: 4px;
+  background: var(--squisq-danger);
+  transform: translateY(-50%);
+}
+.squisq-media-edit-timeline__handle:focus-visible {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: -2px;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__handle {
+  opacity: 0;
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__handle:focus-visible {
+  opacity: 1;
+}
+.squisq-media-edit-modal button.squisq-media-edit-timeline__restore {
+  position: absolute;
+  top: 4px;
+  left: 50%;
+  z-index: 2;
+  width: 18px;
+  min-height: 0;
+  height: 18px;
+  padding: 0;
+  border-radius: 50%;
+  font-size: 13px;
+  line-height: 1;
+  opacity: 0;
+  transform: translateX(-50%);
+}
+.squisq-media-edit-timeline__cut:hover .squisq-media-edit-timeline__restore,
+.squisq-media-edit-modal button.squisq-media-edit-timeline__restore:focus-visible {
+  opacity: 1;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__restore {
+  display: none;
+}
+.squisq-media-edit-timeline__selection {
+  position: absolute;
+  top: 18px;
+  bottom: 0;
+  box-sizing: content-box;
+  margin-left: -1px;
+  border-inline: 1px solid var(--squisq-accent);
+  background: color-mix(in srgb, var(--squisq-accent) 26%, transparent);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__playhead {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 3;
+  width: 0;
+  margin-left: -1px;
+  border-left: 2px solid var(--squisq-text);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__playhead::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -6px;
+  border: 5px solid transparent;
+  border-top: 7px solid var(--squisq-text);
+  border-bottom: 0;
+}
+.squisq-media-edit-cutlist {
+  flex: none;
+  box-sizing: border-box;
+  height: 100px;
+  margin: 6px 0 0;
+  padding: 0;
+  overflow-y: auto;
+  border: 1px solid var(--squisq-border-subtle);
+  border-radius: 4px;
+  list-style: none;
+}
+.squisq-media-edit-cutlist--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+}
+.squisq-media-edit-cutlist li {
+  display: grid;
+  grid-template-columns: 1fr auto auto auto;
+  align-items: center;
+  column-gap: 8px;
+  padding: 3px 6px 3px 10px;
+  font-variant-numeric: tabular-nums;
+}
+.squisq-media-edit-cutlist li + li {
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-media-edit-cutlist__length {
+  min-width: 4.5em;
+  color: var(--squisq-text-muted);
+  text-align: right;
+}
+.squisq-media-edit-modal .squisq-media-edit-cutlist button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 24px;
+  padding: 2px 8px;
+}
+
+/* src/styles/fill-available.css */
+.squisq-block-fill-available[data-fill-height] {
+  display: flex;
+  flex-direction: column;
+  min-height: var(--squisq-fill-height);
+}
 
 /* src/styles/diagram.css */
 .squisq-diagram-widget-host {
@@ -18591,24 +18928,14 @@ button.squisq-view-menu-radio-row:focus-visible {
   border-radius: 0;
   border-top: 1px solid var(--squisq-border-subtle);
 }
-.squisq-block-card-body .squisq-wysiwyg-editor:has(> .squisq-block-fill-available:last-child) {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-}
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-block-fill-available:last-child {
-  display: flex;
-  flex: 1 0 auto;
-  flex-direction: column;
-}
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child > .squisq-data-card,
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child > .squisq-data-card > .squisq-data-card-grid {
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills],
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills] > .squisq-data-card-grid {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   min-height: 0;
 }
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child .squisq-grid-scroller {
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills] > .squisq-data-card-grid > .squisq-grid-scroller {
   flex: 1 1 420px;
   min-height: 0;
 }
@@ -19628,6 +19955,28 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   margin: 4px 6px;
   background: var(--squisq-border-subtle);
 }
+.squisq-editor-context-menu-proof {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+  padding: 6px 10px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+}
+.squisq-editor-context-menu-proof .squisq-proof-dot {
+  flex: 0 0 auto;
+  margin-top: 3px;
+}
+.squisq-editor-context-menu-proof-empty {
+  padding: 2px 10px 6px;
+  color: var(--squisq-text-faint);
+  font-style: italic;
+}
+.squisq-editor-context-menu-item--suggestion {
+  font-weight: 600;
+}
 .squisq-editor-context-menu-error {
   max-width: 300px;
   padding: 6px 10px;
@@ -20866,6 +21215,18 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   overflow: hidden;
   background: var(--squisq-surface);
 }
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+}
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell > .squisq-scene-inline,
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell > .squisq-diagram-inline:not([data-height-pinned]) {
+  flex: 1 1 420px;
+  height: auto;
+  min-height: 0;
+}
 .squisq-scene-inline-placeholder {
   height: 420px;
   border: 1px dashed var(--squisq-border);

package/dist/teleprompter/index.d.ts

@@ -2,8 +2,8 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { Doc, Theme, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
-import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-DlighI1z.js';
-export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-DlighI1z.js';
+import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-BsSUp9Zr.js';
+export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-BsSUp9Zr.js';
 import { NarrationTimingJsonV3, NarrationScript, NarrationAlignment, NarrationTimingGenerator } from '@bendyline/squisq/narration';
 import '../screenRegion-Ci_RsCzG.js';
 

package/dist/teleprompter/index.js

@@ -1,6 +1,6 @@
 import {
   TeleprompterView
-} from "../chunk-GI2D2XS5.js";
+} from "../chunk-IOG66XFC.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,
@@ -31,8 +31,8 @@ import {
   useNarrationStage,
   useTeleprompter,
   vadConfigForSensitivity
-} from "../chunk-JCIK2QU5.js";
-import "../chunk-DNJ6HOES.js";
+} from "../chunk-2KTMXJWB.js";
+import "../chunk-QXHX7N4V.js";
 import "../chunk-GG35EBRB.js";
 export {
   DEFAULT_TELEPROMPTER_PREFS,

package/dist/{useNarrationStage-DlighI1z.d.ts → useNarrationStage-BsSUp9Zr.d.ts}

@@ -13,6 +13,7 @@ import { S as ScreenCaptureRegion } from './screenRegion-Ci_RsCzG.js';
  * the best supported option, falling back to whatever the browser hands
  * back when no probe succeeds.
  */
+
 /** What the recorded stream is intended to capture. */
 type CaptureKind = 'audio' | 'video';
 /** A probed format choice — what to pass to `MediaRecorder` and where to write it. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.22",
+  "version": "2.13.23",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.15",
+    "@bendyline/squisq": "2.13.16",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.17",
-    "@bendyline/squisq-grid-react": "2.11.44",
-    "@bendyline/squisq-react": "2.12.27",
-    "@bendyline/squisq-video-react": "2.5.28",
+    "@bendyline/squisq-formats": "2.8.18",
+    "@bendyline/squisq-grid-react": "2.11.45",
+    "@bendyline/squisq-react": "2.12.28",
+    "@bendyline/squisq-video-react": "2.5.29",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",