@aicut/core 0.5.0 → 0.6.0

package/styles/theme.css

@@ -99,6 +99,357 @@
   min-height: 220px;
 }
 
+/* Keyframe transform panel — floats on the preview's top-left when
+   keyframe mode is on AND a keyframe is selected. Adapts to the
+   editor theme via the same `--aicut-controls-*` tokens the rest of
+   the chrome uses, so dark / light / custom themes get a coherent
+   look without a separate "floating panel" palette. */
+.aicut-keyframe-panel {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  z-index: 4;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 188px;
+  padding: 12px 14px 10px;
+  border-radius: 10px;
+  background: var(--aicut-controls-bg, #1f1f22);
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
+  font: 12px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  border: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.08));
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
+}
+
+.aicut-keyframe-panel__title {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  font-weight: 600;
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  /* Slightly muted variant of controls-text — same hue, less weight. */
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
+  opacity: 0.75;
+}
+
+.aicut-keyframe-panel__time {
+  font: 10px ui-monospace, SFMono-Regular, Menlo, monospace;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
+  opacity: 0.55;
+}
+
+.aicut-keyframe-panel__row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.aicut-keyframe-panel__row label {
+  flex: 0 0 44px;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
+  opacity: 0.7;
+}
+
+.aicut-keyframe-panel__row input {
+  flex: 1;
+  width: 84px;
+  min-width: 0;
+  padding: 5px 8px;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, monospace;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.92));
+  background: var(--aicut-controls-hover, rgba(255, 255, 255, 0.06));
+  border: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.12));
+  border-radius: 6px;
+  -moz-appearance: textfield;
+}
+
+.aicut-keyframe-panel__row input::-webkit-outer-spin-button,
+.aicut-keyframe-panel__row input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.aicut-keyframe-panel__row input:hover {
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+}
+
+.aicut-keyframe-panel__row input:focus {
+  outline: none;
+  border-color: var(--color-brand, #ff3386);
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+  box-shadow: 0 0 0 2px rgba(255, 51, 134, 0.22);
+}
+
+/* Small dot to the right of each input — filled = this prop pins
+   THIS moment, outlined = doesn't (display shows the interpolated
+   value; editing will create a kf at this time). */
+.aicut-keyframe-panel__badge {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  margin-left: 2px;
+  border-radius: 50%;
+  border: 1.5px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.36));
+  background: transparent;
+  flex: 0 0 8px;
+  transition:
+    background-color 100ms ease-out,
+    border-color 100ms ease-out;
+}
+.aicut-keyframe-panel__badge--on {
+  background: var(--color-brand, #ff3386);
+  border-color: var(--color-brand, #ff3386);
+  box-shadow: 0 0 6px rgba(255, 51, 134, 0.5);
+}
+
+/* Custom easing dropdown — themed to match the rest of the panel.
+   Trigger acts like a button, the floating menu is brand-aware and
+   uses a subtle gradient + box-shadow for elevation. */
+.aicut-keyframe-panel__dropdown {
+  flex: 1;
+  position: relative;
+  min-width: 0;
+}
+
+.aicut-keyframe-panel__dropdown-trigger {
+  appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  padding: 5px 8px 5px 10px;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, monospace;
+  text-align: left;
+  cursor: pointer;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.92));
+  background: var(--aicut-controls-hover, rgba(255, 255, 255, 0.06));
+  border: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.12));
+  border-radius: 6px;
+  transition:
+    border-color 120ms ease-out,
+    background-color 120ms ease-out,
+    box-shadow 120ms ease-out;
+}
+.aicut-keyframe-panel__dropdown-trigger:hover {
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+  border-color: var(--color-brand, #ff3386);
+}
+.aicut-keyframe-panel__dropdown-trigger:focus-visible {
+  outline: none;
+  border-color: var(--color-brand, #ff3386);
+  box-shadow: 0 0 0 2px rgba(255, 51, 134, 0.22);
+}
+.aicut-keyframe-panel__dropdown-trigger--open {
+  border-color: var(--color-brand, #ff3386);
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+  box-shadow: 0 0 0 2px rgba(255, 51, 134, 0.22);
+}
+.aicut-keyframe-panel__dropdown-trigger--disabled,
+.aicut-keyframe-panel__dropdown-trigger:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.aicut-keyframe-panel__dropdown-trigger-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Chevron — pure CSS triangle, rotates when the menu opens. */
+.aicut-keyframe-panel__dropdown-chevron {
+  flex: 0 0 6px;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 5px solid currentColor;
+  opacity: 0.75;
+  transition:
+    transform 140ms ease-out,
+    opacity 120ms ease-out;
+  transform-origin: 50% 35%;
+}
+.aicut-keyframe-panel__dropdown-trigger--open
+  .aicut-keyframe-panel__dropdown-chevron {
+  transform: rotate(180deg);
+  opacity: 1;
+  color: var(--color-brand, #ff3386);
+}
+
+/* Floating menu. Positioned right under the trigger; the panel
+   uses `position: relative` on `.dropdown` so absolute-positioning
+   here means "anchored to the trigger". */
+.aicut-keyframe-panel__dropdown-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  z-index: 50;
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  background: var(--aicut-controls-bg, rgba(20, 20, 22, 0.96));
+  border: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.12));
+  border-radius: 8px;
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.32),
+    0 0 0 1px rgba(255, 51, 134, 0.06);
+  backdrop-filter: blur(8px);
+  animation: aicut-keyframe-dropdown-in 120ms ease-out;
+}
+@keyframes aicut-keyframe-dropdown-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.aicut-keyframe-panel__dropdown-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 10px 7px 26px;
+  position: relative;
+  font: 12px ui-monospace, SFMono-Regular, Menlo, monospace;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.92));
+  border-radius: 5px;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  transition: background-color 80ms ease-out;
+}
+.aicut-keyframe-panel__dropdown-item:hover,
+.aicut-keyframe-panel__dropdown-item:focus {
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+}
+.aicut-keyframe-panel__dropdown-item--selected {
+  color: var(--color-brand, #ff3386);
+}
+/* Checkmark for the selected item — drawn with two CSS borders. */
+.aicut-keyframe-panel__dropdown-item--selected::before {
+  content: "";
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  width: 4px;
+  height: 8px;
+  margin-top: -5px;
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  transform: rotate(45deg);
+}
+
+.aicut-keyframe-panel__actions {
+  display: flex;
+  gap: 6px;
+  margin-top: 4px;
+  padding-top: 8px;
+  border-top: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.08));
+}
+
+.aicut-keyframe-panel__reset {
+  flex: 1;
+  padding: 6px 10px;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  color: var(--aicut-controls-text, rgba(255, 255, 255, 0.85));
+  background: var(--aicut-controls-hover, rgba(255, 255, 255, 0.06));
+  border: 1px solid var(--aicut-controls-border, rgba(255, 255, 255, 0.14));
+  border-radius: 6px;
+  cursor: pointer;
+  transition:
+    background-color 80ms ease-out,
+    border-color 80ms ease-out,
+    color 80ms ease-out;
+}
+
+.aicut-keyframe-panel__reset:hover:not(:disabled) {
+  background: var(--aicut-controls-active, rgba(255, 255, 255, 0.1));
+  border-color: var(--color-brand, #ff3386);
+}
+
+.aicut-keyframe-panel__reset:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+/* Direct-manipulation overlay on top of the preview — frame border
+   + corner handles. Hidden when keyframes are off (display:none from
+   the controlling class). Pointer events: the overlay itself passes
+   through; only the frame body + handles capture clicks. */
+.aicut-keyframe-overlay {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 3;
+}
+
+.aicut-keyframe-overlay__frame {
+  position: absolute;
+  border: 1.5px dashed var(--color-brand, #ff3386);
+  background: transparent;
+  pointer-events: auto;
+  cursor: move;
+  box-sizing: border-box;
+  transition:
+    border-color 100ms ease-out,
+    border-style 100ms ease-out,
+    box-shadow 120ms ease-out;
+}
+
+/* Warn state — content doesn't fully cover the output frame, i.e.
+   letterbox is exposed. Strong visual distinction from the brand
+   pink: a solid 2px red border + soft red glow, so even on dark
+   themes where brand and warning hues read similar it's obvious. */
+.aicut-keyframe-overlay__frame--warn {
+  border-style: solid;
+  border-width: 2px;
+  border-color: #ff3b30;
+  box-shadow:
+    0 0 0 1px rgba(255, 59, 48, 0.35),
+    0 0 14px rgba(255, 59, 48, 0.55);
+}
+
+.aicut-keyframe-overlay__handle {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background: var(--aicut-controls-bg, #1f1f22);
+  border: 1.5px solid var(--color-brand, #ff3386);
+  border-radius: 2px;
+  pointer-events: auto;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
+  transition: transform 80ms ease-out;
+}
+
+.aicut-keyframe-overlay__handle:hover {
+  transform: scale(1.3);
+}
+
+.aicut-keyframe-overlay__handle--tl,
+.aicut-keyframe-overlay__handle--br {
+  cursor: nwse-resize;
+}
+
+.aicut-keyframe-overlay__handle--tr,
+.aicut-keyframe-overlay__handle--bl {
+  cursor: nesw-resize;
+}
+
 .aicut-fullscreen-exit {
   position: absolute;
   top: 16px;

package/dist/chunk-CCDON7CU.js

@@ -1,87 +0,0 @@
-// src/i18n.ts
-var localeEn = {
-  undo: "Undo",
-  redo: "Redo",
-  split: "Split",
-  trimLeft: "Trim left edge",
-  trimRight: "Trim right edge",
-  speedComingSoon: "Speed (coming soon)",
-  playPause: "Play / Pause (Space)",
-  fullscreen: "Fullscreen preview",
-  snap: "Snap",
-  snapOnTitle: "Turn off snap",
-  snapOffTitle: "Turn on snap",
-  zoomOut: "Zoom out",
-  zoomIn: "Zoom in",
-  reset: "Reset edits (keep sources)",
-  exitFullscreen: "Exit fullscreen",
-  exitFullscreenTitle: "Exit fullscreen (Esc)",
-  newTrack: "+ New track",
-  videoTrackLabel: "Video {n}",
-  audioTrackLabel: "Audio {n}"
-};
-var localeZh = {
-  undo: "\u64A4\u9500",
-  redo: "\u91CD\u505A",
-  split: "\u5206\u5272",
-  trimLeft: "\u5411\u5DE6\u88C1\u526A",
-  trimRight: "\u5411\u53F3\u88C1\u526A",
-  speedComingSoon: "\u53D8\u901F\uFF08\u5373\u5C06\u5230\u6765\uFF09",
-  playPause: "\u64AD\u653E / \u6682\u505C (Space)",
-  fullscreen: "\u5168\u5C4F\u9884\u89C8",
-  snap: "\u5438\u9644",
-  snapOnTitle: "\u5173\u95ED\u5438\u9644",
-  snapOffTitle: "\u5F00\u542F\u5438\u9644",
-  zoomOut: "\u7F29\u5C0F",
-  zoomIn: "\u653E\u5927",
-  reset: "\u91CD\u7F6E\u7F16\u8F91\uFF08\u4FDD\u7559\u89C6\u9891\u6E90\uFF09",
-  exitFullscreen: "\u9000\u51FA\u5168\u5C4F",
-  exitFullscreenTitle: "\u9000\u51FA\u5168\u5C4F (Esc)",
-  newTrack: "+ \u65B0\u8F68\u9053",
-  videoTrackLabel: "\u89C6\u9891 {n}",
-  audioTrackLabel: "\u97F3\u9891 {n}"
-};
-function mergeLocale(partial) {
-  return partial ? { ...localeEn, ...partial } : localeEn;
-}
-function formatLabel(template, vars) {
-  return template.replace(
-    /\{(\w+)\}/g,
-    (_, k) => k in vars ? String(vars[k]) : `{${k}}`
-  );
-}
-
-// src/theme.ts
-var THEME_VARS = {
-  brand: "--color-brand",
-  secondary: "--color-secondary",
-  surface: "--color-surface",
-  dark: "--color-dark",
-  muted: "--color-muted",
-  card: "--color-card",
-  success: "--color-success",
-  warning: "--color-warning",
-  info: "--color-info",
-  error: "--color-error",
-  controlsBg: "--aicut-controls-bg",
-  controlsBorder: "--aicut-controls-border",
-  controlsText: "--aicut-controls-text",
-  controlsHover: "--aicut-controls-hover",
-  controlsActive: "--aicut-controls-active",
-  previewBg: "--aicut-preview-bg",
-  radiusSm: "--aicut-radius-sm",
-  radiusMd: "--aicut-radius-md",
-  radiusLg: "--aicut-radius-lg"
-};
-function applyTheme(root, theme) {
-  if (!theme) return;
-  for (const key of Object.keys(theme)) {
-    const cssVar = THEME_VARS[key];
-    const value = theme[key];
-    if (cssVar && value) root.style.setProperty(cssVar, value);
-  }
-}
-
-export { applyTheme, formatLabel, localeEn, localeZh, mergeLocale };
-//# sourceMappingURL=chunk-CCDON7CU.js.map
-//# sourceMappingURL=chunk-CCDON7CU.js.map

package/dist/chunk-CCDON7CU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/i18n.ts","../src/theme.ts"],"names":[],"mappings":"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","file":"chunk-CCDON7CU.js","sourcesContent":["/**\n * UI strings the editor paints into the DOM (toolbar tooltips, the\n * fullscreen exit button) and onto the timeline canvas (phantom new-\n * track label, track header labels). Every user-visible literal in\n * `@aicut/core` flows through this interface — there are no hidden\n * hard-coded translations elsewhere in the library.\n *\n * Defaults to English. Hosts that want Chinese (or any other locale)\n * pass `locale: localeZh` to `Editor.create` / `Timeline.create`, or\n * override individual keys with `locale: { undo: \"撤销\" }`.\n */\nexport interface Locale {\n  // Toolbar tooltips\n  undo: string;\n  redo: string;\n  split: string;\n  trimLeft: string;\n  trimRight: string;\n  speedComingSoon: string;\n  playPause: string;\n  fullscreen: string;\n  snap: string;\n  /** Title shown on the snap button when snap is ON (clicking turns OFF). */\n  snapOnTitle: string;\n  /** Title shown when snap is OFF (clicking turns ON). */\n  snapOffTitle: string;\n  zoomOut: string;\n  zoomIn: string;\n  reset: string;\n\n  // Fullscreen exit overlay\n  exitFullscreen: string;\n  exitFullscreenTitle: string;\n\n  // Timeline canvas labels\n  /** Phantom row that appears under the last track during a drag. */\n  newTrack: string;\n  /** Track header — `{n}` is replaced with the 1-based track index. */\n  videoTrackLabel: string;\n  /** Same template format as videoTrackLabel. */\n  audioTrackLabel: string;\n}\n\n/** English. The library default — chosen over Chinese as the OSS norm. */\nexport const localeEn: Locale = {\n  undo: \"Undo\",\n  redo: \"Redo\",\n  split: \"Split\",\n  trimLeft: \"Trim left edge\",\n  trimRight: \"Trim right edge\",\n  speedComingSoon: \"Speed (coming soon)\",\n  playPause: \"Play / Pause (Space)\",\n  fullscreen: \"Fullscreen preview\",\n  snap: \"Snap\",\n  snapOnTitle: \"Turn off snap\",\n  snapOffTitle: \"Turn on snap\",\n  zoomOut: \"Zoom out\",\n  zoomIn: \"Zoom in\",\n  reset: \"Reset edits (keep sources)\",\n  exitFullscreen: \"Exit fullscreen\",\n  exitFullscreenTitle: \"Exit fullscreen (Esc)\",\n  newTrack: \"+ New track\",\n  videoTrackLabel: \"Video {n}\",\n  audioTrackLabel: \"Audio {n}\",\n};\n\n/** Simplified Chinese. */\nexport const localeZh: Locale = {\n  undo: \"撤销\",\n  redo: \"重做\",\n  split: \"分割\",\n  trimLeft: \"向左裁剪\",\n  trimRight: \"向右裁剪\",\n  speedComingSoon: \"变速（即将到来）\",\n  playPause: \"播放 / 暂停 (Space)\",\n  fullscreen: \"全屏预览\",\n  snap: \"吸附\",\n  snapOnTitle: \"关闭吸附\",\n  snapOffTitle: \"开启吸附\",\n  zoomOut: \"缩小\",\n  zoomIn: \"放大\",\n  reset: \"重置编辑（保留视频源）\",\n  exitFullscreen: \"退出全屏\",\n  exitFullscreenTitle: \"退出全屏 (Esc)\",\n  newTrack: \"+ 新轨道\",\n  videoTrackLabel: \"视频 {n}\",\n  audioTrackLabel: \"音频 {n}\",\n};\n\n/** Spread defaults under host overrides — host can supply a partial. */\nexport function mergeLocale(partial: Partial<Locale> | undefined): Locale {\n  return partial ? { ...localeEn, ...partial } : localeEn;\n}\n\n/**\n * Replace `{key}` placeholders in a template. We only need `{n}`\n * substitution today; the implementation is generic so additional\n * keys (e.g. `{name}`) won't need a second pass.\n */\nexport function formatLabel(\n  template: string,\n  vars: Record<string, string | number>,\n): string {\n  return template.replace(/\\{(\\w+)\\}/g, (_, k) =>\n    k in vars ? String(vars[k]) : `{${k}}`,\n  );\n}\n","import type { Theme } from \"./types.js\";\n\n/**\n * Map `Theme` keys to the CSS custom property they write.\n *\n * Brand/palette keys share names with iqvise's globals.css so hosts\n * that already define `--color-brand` etc. at the page level get the\n * editor in their palette for free — `theme` props ONLY needed when\n * scoping to this editor instance.\n *\n * Chrome keys keep the `--aicut-controls-*` prefix because they have\n * no analogue in the host palette.\n */\nconst THEME_VARS: Record<keyof Theme, string> = {\n  brand: \"--color-brand\",\n  secondary: \"--color-secondary\",\n  surface: \"--color-surface\",\n  dark: \"--color-dark\",\n  muted: \"--color-muted\",\n  card: \"--color-card\",\n  success: \"--color-success\",\n  warning: \"--color-warning\",\n  info: \"--color-info\",\n  error: \"--color-error\",\n  controlsBg: \"--aicut-controls-bg\",\n  controlsBorder: \"--aicut-controls-border\",\n  controlsText: \"--aicut-controls-text\",\n  controlsHover: \"--aicut-controls-hover\",\n  controlsActive: \"--aicut-controls-active\",\n  previewBg: \"--aicut-preview-bg\",\n  radiusSm: \"--aicut-radius-sm\",\n  radiusMd: \"--aicut-radius-md\",\n  radiusLg: \"--aicut-radius-lg\",\n};\n\nexport function applyTheme(root: HTMLElement, theme: Theme | undefined): void {\n  if (!theme) return;\n  for (const key of Object.keys(theme) as Array<keyof Theme>) {\n    const cssVar = THEME_VARS[key];\n    const value = theme[key];\n    if (cssVar && value) root.style.setProperty(cssVar, value);\n  }\n}\n"]}

package/dist/types-CHplD9V5.d.cts

@@ -1,70 +0,0 @@
-/**
- * Milliseconds. All timing in the project is expressed as integer ms to
- * keep JSON serialization unambiguous (no frame-rate coupling in the
- * data model — the renderer can present time as frames if it wants).
- */
-type Ms = number;
-interface MediaSource {
-    id: string;
-    url: string;
-    kind: "video" | "audio";
-    /** Optional — probed lazily from the <video> element if absent. */
-    duration?: Ms;
-    name?: string;
-}
-interface Clip {
-    id: string;
-    sourceId: string;
-    /** Window into the source — `in` inclusive, `out` exclusive. */
-    in: Ms;
-    out: Ms;
-    /** Position on the timeline. */
-    start: Ms;
-    /**
-     * Playback rate. 1 = normal, 2 = 2× speed. Default 1.
-     * Persisted in the project JSON so a host can restore exactly.
-     */
-    speed?: number;
-}
-interface Track {
-    id: string;
-    kind: "video" | "audio";
-    /** Clips on this track. Must be kept sorted by `start` and non-overlapping. */
-    clips: Clip[];
-}
-interface Project {
-    /** Schema version — bump when breaking the JSON shape. */
-    version: 1;
-    sources: MediaSource[];
-    tracks: Track[];
-}
-/**
- * Subset of CSS variables the editor honors. Pass any custom values
- * via `Editor` options; everything is forwarded as `--aicut-*` on the
- * editor's root container, so a host can also override via plain CSS.
- */
-interface Theme {
-    brand?: string;
-    secondary?: string;
-    surface?: string;
-    dark?: string;
-    muted?: string;
-    card?: string;
-    success?: string;
-    warning?: string;
-    info?: string;
-    error?: string;
-    /** Toolbar / ruler chrome. Background of the editor frame. */
-    controlsBg?: string;
-    controlsBorder?: string;
-    controlsText?: string;
-    controlsHover?: string;
-    controlsActive?: string;
-    /** Letterbox color around the preview video. Defaults to black. */
-    previewBg?: string;
-    radiusSm?: string;
-    radiusMd?: string;
-    radiusLg?: string;
-}
-
-export type { Clip as C, Ms as M, Project as P, Track as T, MediaSource as a, Theme as b };

package/dist/types-CHplD9V5.d.ts

@@ -1,70 +0,0 @@
-/**
- * Milliseconds. All timing in the project is expressed as integer ms to
- * keep JSON serialization unambiguous (no frame-rate coupling in the
- * data model — the renderer can present time as frames if it wants).
- */
-type Ms = number;
-interface MediaSource {
-    id: string;
-    url: string;
-    kind: "video" | "audio";
-    /** Optional — probed lazily from the <video> element if absent. */
-    duration?: Ms;
-    name?: string;
-}
-interface Clip {
-    id: string;
-    sourceId: string;
-    /** Window into the source — `in` inclusive, `out` exclusive. */
-    in: Ms;
-    out: Ms;
-    /** Position on the timeline. */
-    start: Ms;
-    /**
-     * Playback rate. 1 = normal, 2 = 2× speed. Default 1.
-     * Persisted in the project JSON so a host can restore exactly.
-     */
-    speed?: number;
-}
-interface Track {
-    id: string;
-    kind: "video" | "audio";
-    /** Clips on this track. Must be kept sorted by `start` and non-overlapping. */
-    clips: Clip[];
-}
-interface Project {
-    /** Schema version — bump when breaking the JSON shape. */
-    version: 1;
-    sources: MediaSource[];
-    tracks: Track[];
-}
-/**
- * Subset of CSS variables the editor honors. Pass any custom values
- * via `Editor` options; everything is forwarded as `--aicut-*` on the
- * editor's root container, so a host can also override via plain CSS.
- */
-interface Theme {
-    brand?: string;
-    secondary?: string;
-    surface?: string;
-    dark?: string;
-    muted?: string;
-    card?: string;
-    success?: string;
-    warning?: string;
-    info?: string;
-    error?: string;
-    /** Toolbar / ruler chrome. Background of the editor frame. */
-    controlsBg?: string;
-    controlsBorder?: string;
-    controlsText?: string;
-    controlsHover?: string;
-    controlsActive?: string;
-    /** Letterbox color around the preview video. Defaults to black. */
-    previewBg?: string;
-    radiusSm?: string;
-    radiusMd?: string;
-    radiusLg?: string;
-}
-
-export type { Clip as C, Ms as M, Project as P, Track as T, MediaSource as a, Theme as b };