@video-editor/ui 0.0.1-beta.31 → 0.0.1-beta.32

package/dist/ui.css

@@ -1 +1 @@
-:where(.ve-playhead[data-v-8e647d40]){--ve-playhead-nudge: 0px;--at-apply: absolute z-20 pointer-events-auto cursor-ew-resize h-full;transform:translate(calc(-50% - var(--ve-playhead-nudge)))}:where(.ve-playhead__icon[data-v-8e647d40]){--at-apply: text-[#222226] pointer-events-none relative z-2}:where(.ve-playhead__line[data-v-8e647d40]){--at-apply: bg-[#222226] bottom-0 w-px translate-x--50% left-50% top-2px absolute pointer-events-none}:where(.ve-ruler[data-v-30f91636]){--ve-ruler-major: 8px;--ve-ruler-minor: 4px;--at-apply: sticky top-0 left-0 right-0 bg-white z-3 border-b border-[#e5e7eb] overflow-hidden}:where(.ve-ruler .ve-ruler__ticks[data-v-30f91636]){--at-apply: relative h-full w-full box-border}:where(.ve-ruler .ve-ruler__tick[data-v-30f91636]){--at-apply: absolute top-0 h-full text-center text-[#6b7280] text-[11px]}:where(.ve-ruler .ve-ruler__line[data-v-30f91636]){--at-apply: h-[var(--ve-ruler-minor)] w-px mx-auto bg-[#cbd5e1]}:where(.ve-ruler .ve-ruler__tick--major .ve-ruler__line[data-v-30f91636]){--at-apply: relative h-[var(--ve-ruler-major)] bg-[#94a3b8]}:where(.ve-ruler .ve-ruler__label[data-v-30f91636]){--at-apply: absolute font-mono text-right whitespace-nowrap left-4px bottom-0;transform:translateY(-50%)}:where(.ve-toolbar[data-v-85ddeb0f]){--at-apply: flex items-center justify-between gap-2 px-3 py-2.5 border-b border-[#eceff3]}:where(.ve-toolbar .ve-toolbar__group[data-v-85ddeb0f]){--at-apply: inline-flex items-center gap-2}:where(.ve-toolbar .ve-zoom[data-v-85ddeb0f]){--at-apply: min-w-14 text-center text-xs text-[#222226] px-2 py-1 border border-[#e5e7eb] rounded-lg bg-white}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]){--at-apply: border border-[#d1d5db] bg-white text-[#222226] rounded-lg h-7 w-7 cursor-pointer transition-all duration-150}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:disabled){--at-apply: cursor-not-allowed opacity-45}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:not(:disabled):hover){--at-apply: border-[#222226] text-[#222226]}:where(.ve-toolbar .ve-toolbar__time[data-v-85ddeb0f]){--at-apply: inline-flex items-center gap-1.5 text-xs font-mono text-[#222226] ml-auto}:where(.ve-toolbar .ve-toolbar__time-divider[data-v-85ddeb0f]){--at-apply: text-[#9ca3af]}.ve-timeline__tracks[data-v-902b9363]{position:relative;z-index:1;padding-bottom:.75rem;display:flex;flex-direction:column;gap:2px;flex:1}.ve-track[data-v-902b9363]{position:relative;background-color:#f8fafc;overflow:hidden}.ve-track--main[data-v-902b9363]{background-color:#f4f4f6}.ve-track--has-selection[data-v-902b9363]{background-color:#f2f2fa!important;box-shadow:inset 0 1px #e4e4fc,inset 0 -1px #e4e4fc}.ve-track__body[data-v-902b9363]{position:relative;height:100%}.ve-segment[data-v-902b9363]{position:absolute;top:0;bottom:0;border-radius:4px;color:#0f172a;cursor:pointer;display:flex;align-items:center;overflow:hidden;transition-duration:.15s}.ve-segment__content[data-v-902b9363]{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}.ve-segment__title[data-v-902b9363]{font-size:12px;font-weight:700;text-transform:capitalize}.ve-segment__time[data-v-902b9363]{font-size:11px;color:#0f172acc;font-family:monospace}.ve-segment__selection[data-v-902b9363]{position:absolute;inset:0;pointer-events:none;z-index:10}.ve-segment__handle[data-v-902b9363]{position:absolute;height:100%;width:4px;background-color:#222226;cursor:ew-resize;pointer-events:auto;border:2px solid #222226}.ve-segment__handle--left[data-v-902b9363]{left:0;top:0;border-radius:.25rem 0 0 .25rem}.ve-segment__handle--right[data-v-902b9363]{right:0;top:0;border-radius:0 .25rem .25rem 0}.ve-segment__handle-dots[data-v-902b9363]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.125rem;justify-content:center}.ve-segment__handle-dot[data-v-902b9363]{border-radius:9999px;background-color:#fff;width:1px;height:1px}.ve-track__add-button[data-v-902b9363]{position:absolute;top:50%;transform:translateY(-50%);margin-left:.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#222226;background-color:#f2f2fa;cursor:pointer;transition:background-color .2s;border:1px solid #222226}.ve-track__add-button[data-v-902b9363]:hover{background-color:#e5e5e5}.ve-track__gap-add[data-v-902b9363]{position:absolute;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ve-track__gap-add[data-v-902b9363]:hover{background-color:#efefef}.ve-track__gap-add-icon[data-v-902b9363]{display:none;color:#fff;background-color:#222226;padding:4px;border-radius:4px}.ve-track__gap-add:hover .ve-track__gap-add-icon[data-v-902b9363]{display:block}:where(.ve-timeline[data-v-4e3078d5]){--ve-primary: #222226;--at-apply: flex flex-col w-full max-w-full min-w-0 rounded-10px h-full}:where(.ve-timeline .ve-timeline__viewport[data-v-4e3078d5]){--at-apply: relative overflow-auto w-full flex-1 bg-white}:where(.ve-timeline .ve-timeline__content[data-v-4e3078d5]){--at-apply: min-h-full min-w-full}:where(.ve-timeline .ve-segment--dragging[data-v-4e3078d5]){--at-apply: absolute z-50 rounded-[4px] text-[#0f172a] cursor-pointer flex items-center overflow-hidden pointer-events-none;box-shadow:0 4px 16px #0000004d,inset 0 0 0 2px #ffffff80}:where(.ve-timeline .ve-segment--preview[data-v-4e3078d5]){--at-apply: absolute z-45 rounded-[4px] pointer-events-none;opacity:.7;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff6}:where(.ve-timeline .ve-segment__content[data-v-4e3078d5]){--at-apply: flex flex-col gap-1 px-2.5 py-1.5}:where(.ve-timeline .ve-segment__title[data-v-4e3078d5]){--at-apply: text-[12px] font-bold capitalize}:where(.ve-timeline .ve-segment__time[data-v-4e3078d5]){--at-apply: text-[11px] text-[rgba(15,23,42,.8)] font-mono}:where(.ve-timeline .ve-segment--placeholder[data-v-4e3078d5]){--at-apply: absolute pointer-events-none rounded-[4px] z-24;background:#2222261f;border:2px solid rgba(34,34,38,.6)}:where(.ve-timeline .ve-segment--placeholder-inner[data-v-4e3078d5]){--at-apply: absolute inset-0 rounded-[2px];opacity:.2}:where(.ve-timeline .ve-snap-guide[data-v-4e3078d5]){--at-apply: absolute pointer-events-none z-20;width:1px;background:var(--ve-primary);opacity:.7}:where(.ve-timeline .ve-new-track-line[data-v-4e3078d5]){--at-apply: absolute pointer-events-none z-25;height:1px;background:var(--ve-primary);opacity:.8}.waveform-canvas-strip[data-v-7cbe9830]{position:relative;width:100%;height:100%;overflow:hidden}.waveform-canvas-strip__canvas[data-v-7cbe9830]{position:absolute;inset:0;width:100%;height:100%;display:block}:where(.audio-segment[data-v-47cbc534]){--at-apply: relative flex items-center w-full h-full overflow-hidden rounded-4px;background-color:#efefef}:where(.audio-segment .audio-segment__waveform[data-v-47cbc534]){--at-apply: absolute top-0 bottom-0 left-0 flex items-center justify-start gap-[1px];overflow:hidden}:where(.audio-segment .audio-segment__waveform-canvas[data-v-47cbc534]){--at-apply: w-full h-full}:where(.audio-segment .audio-segment__placeholder[data-v-47cbc534]){--at-apply: flex items-center justify-center w-full h-full text-xs;color:#2b2b2b;opacity:.6}:where(.audio-segment .waveform-pattern[data-v-47cbc534]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#2B2B2B 45%,#2B2B2B 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);opacity:.4}:where(.audio-segment .audio-segment__badge[data-v-47cbc534]){--at-apply: absolute top-1.5 left-2 px-1.5 py-0.5 text-[11px] rounded-4px pointer-events-none;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment[data-v-f389074c]){--at-apply: relative flex items-stretch w-full h-full overflow-hidden rounded-4px}:where(.frames-segment .frames-segment__image[data-v-f389074c]){--at-apply: flex w-full h-full overflow-hidden rounded-4px;background-color:color-mix(in srgb,var(--ve-segment-accent, #222226) 15%,transparent)}:where(.frames-segment .frames-segment__image-item[data-v-f389074c]){--at-apply: flex-shrink-0 w-14 h-full bg-cover bg-left-center bg-no-repeat}:where(.frames-segment .frames-segment__video[data-v-f389074c]){--at-apply: flex items-center w-full h-full overflow-hidden;background:#f1f5f9}:where(.frames-segment .frames-segment__video-wrap[data-v-f389074c]){--at-apply: relative w-full h-full}:where(.frames-segment .frames-segment__thumb[data-v-f389074c]){--at-apply: flex-1 min-w-14;aspect-ratio:1 / 1;background-size:cover;background-position:center}:where(.frames-segment .frames-segment__waveform-strip[data-v-f389074c]){--at-apply: absolute left-0 right-0 bottom-0 flex items-center w-full px-1 overflow-hidden;height:16px;background:#e5e5e8;z-index:2}:where(.frames-segment .frames-segment__waveform[data-v-f389074c]){--at-apply: absolute top-0 bottom-0 left-0 flex items-center gap-[1px];overflow:hidden}:where(.frames-segment .frames-segment__waveform-canvas[data-v-f389074c]){--at-apply: w-full h-full}:where(.frames-segment .frames-segment__waveform-pattern[data-v-f389074c]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#52525b 45%,#52525b 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%)}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform-pattern[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__placeholder[data-v-f389074c]){--at-apply: flex items-center justify-center w-full h-full text-[12px] rounded-4px whitespace-nowrap;color:#0f172abf;background:#0000000d}:where(.frames-segment .frames-segment__placeholder--video[data-v-f389074c]){border-radius:0}:where(.frames-segment .frames-segment__overlay[data-v-f389074c]){--at-apply: absolute top-1.5 left-2 flex items-center gap-2 z-3}:where(.frames-segment .frames-segment__badge[data-v-f389074c]){--at-apply: px-1.5 py-0.5 text-[11px] rounded-4px pointer-events-none;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]{--at-apply: flex items-center justify-center rounded-4px border-none p-0 cursor-pointer text-white w-5 h-5 bg-[rgba(0,0,0,.25)] hover:bg-[rgba(0,0,0,.35)] focus-visible:outline-[2px] focus-visible:outline-[rgba(255,255,255,.85)] focus-visible:outline-offset-[1px]}:where(.frames-segment) .frames-segment__mute-icon[data-v-f389074c]{--at-apply: block text-white w-3 h-3}:where(.segment-base[data-v-d386af72]){--at-apply: relative flex items-center w-full h-full p-1.5 rounded-4px;background:#ffffff52;box-shadow:inset 0 0 0 1px #fff3}:where(.segment-base .segment-base__content[data-v-d386af72]){--at-apply: flex items-center justify-start gap-1.5 w-full}:where(.segment-base .segment-base__pill[data-v-d386af72]){--at-apply: inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-full text-[11px] font-semibold whitespace-nowrap;box-shadow:inset 0 0 0 1px #ffffff4d}:where(.segment-base .segment-base__pill--primary[data-v-d386af72]){color:var(--ve-segment-accent, #222226);background:#22222614}:where(.segment-base .segment-base__pill--muted[data-v-d386af72]){color:#0f172ab3;background:#2222260d}:where(.segment-base .segment-base__badge[data-v-d386af72]){--at-apply: absolute top-1.5 left-2 px-1.5 py-0.5 text-[11px] rounded-4px pointer-events-none;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.ve-editor-segment[data-v-acab97b9]){--at-apply: relative flex flex-col gap-1.5 w-full h-full text-[#0f172a]}:where(.ve-editor-segment .ve-editor-segment__preview[data-v-acab97b9]){--at-apply: flex items-stretch w-full min-h-14}
+:where(.ve-playhead[data-v-8e647d40]){--ve-playhead-nudge: 0px;pointer-events:auto;position:absolute;z-index:20;height:100%;cursor:ew-resize;transform:translate(calc(-50% - var(--ve-playhead-nudge)))}:where(.ve-playhead__icon[data-v-8e647d40]){pointer-events:none;position:relative;z-index:2;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-playhead__line[data-v-8e647d40]){pointer-events:none;position:absolute;bottom:0;left:50%;top:2px;width:1px;--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-bg-opacity:1;background-color:rgb(34 34 38 / var(--un-bg-opacity))}:where(.ve-ruler[data-v-30f91636]){--ve-ruler-major: 8px;--ve-ruler-minor: 4px;position:sticky;top:0;left:0;right:0;z-index:3;overflow:hidden;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__ticks[data-v-30f91636]){position:relative;box-sizing:border-box;height:100%;width:100%}:where(.ve-ruler .ve-ruler__tick[data-v-30f91636]){position:absolute;top:0;height:100%;text-align:center;font-size:11px;--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}:where(.ve-ruler .ve-ruler__line[data-v-30f91636]){margin-left:auto;margin-right:auto;height:var(--ve-ruler-minor);width:1px;--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__tick--major .ve-ruler__line[data-v-30f91636]){position:relative;height:var(--ve-ruler-major);--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__label[data-v-30f91636]){position:absolute;left:4px;bottom:0;white-space:nowrap;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;transform:translateY(-50%)}:where(.ve-toolbar[data-v-85ddeb0f]){display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(236 239 243 / var(--un-border-opacity));padding:.625rem .75rem}:where(.ve-toolbar .ve-toolbar__group[data-v-85ddeb0f]){display:inline-flex;align-items:center;gap:.5rem}:where(.ve-toolbar .ve-zoom[data-v-85ddeb0f]){min-width:3.5rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.25rem .5rem;text-align:center;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]){height:1.75rem;width:1.75rem;cursor:pointer;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:disabled){cursor:not-allowed;opacity:.45}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:not(:disabled):hover){--un-border-opacity:1;border-color:rgb(34 34 38 / var(--un-border-opacity));--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-toolbar .ve-toolbar__time[data-v-85ddeb0f]){margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:where(.ve-toolbar .ve-toolbar__time-divider[data-v-85ddeb0f]){--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.ve-timeline__tracks[data-v-902b9363]{position:relative;z-index:1;padding-bottom:.75rem;display:flex;flex-direction:column;gap:2px;flex:1}.ve-track[data-v-902b9363]{position:relative;background-color:#f8fafc;overflow:hidden}.ve-track--main[data-v-902b9363]{background-color:#f4f4f6}.ve-track--has-selection[data-v-902b9363]{background-color:#f2f2fa!important;box-shadow:inset 0 1px #e4e4fc,inset 0 -1px #e4e4fc}.ve-track__body[data-v-902b9363]{position:relative;height:100%}.ve-segment[data-v-902b9363]{position:absolute;top:0;bottom:0;border-radius:4px;color:#0f172a;cursor:pointer;display:flex;align-items:center;overflow:hidden;transition-duration:.15s}.ve-segment__content[data-v-902b9363]{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}.ve-segment__title[data-v-902b9363]{font-size:12px;font-weight:700;text-transform:capitalize}.ve-segment__time[data-v-902b9363]{font-size:11px;color:#0f172acc;font-family:monospace}.ve-segment__selection[data-v-902b9363]{position:absolute;inset:0;pointer-events:none;z-index:10}.ve-segment__handle[data-v-902b9363]{position:absolute;height:100%;width:4px;background-color:#222226;cursor:ew-resize;pointer-events:auto;border:2px solid #222226}.ve-segment__handle--left[data-v-902b9363]{left:0;top:0;border-radius:.25rem 0 0 .25rem}.ve-segment__handle--right[data-v-902b9363]{right:0;top:0;border-radius:0 .25rem .25rem 0}.ve-segment__handle-dots[data-v-902b9363]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.125rem;justify-content:center}.ve-segment__handle-dot[data-v-902b9363]{border-radius:9999px;background-color:#fff;width:1px;height:1px}.ve-track__add-button[data-v-902b9363]{position:absolute;top:50%;transform:translateY(-50%);margin-left:.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#222226;background-color:#f2f2fa;cursor:pointer;transition:background-color .2s;border:1px solid #222226}.ve-track__add-button[data-v-902b9363]:hover{background-color:#e5e5e5}.ve-track__gap-add[data-v-902b9363]{position:absolute;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ve-track__gap-add[data-v-902b9363]:hover{background-color:#efefef}.ve-track__gap-add-icon[data-v-902b9363]{display:none;color:#fff;background-color:#222226;padding:4px;border-radius:4px}.ve-track__gap-add:hover .ve-track__gap-add-icon[data-v-902b9363]{display:block}:where(.ve-timeline[data-v-4e3078d5]){--ve-primary: #222226;width:100%;max-width:100%;min-width:0;height:100%;display:flex;flex-direction:column;border-radius:10px}:where(.ve-timeline .ve-timeline__viewport[data-v-4e3078d5]){position:relative;width:100%;flex:1 1 0%;overflow:auto;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}:where(.ve-timeline .ve-timeline__content[data-v-4e3078d5]){min-height:100%;min-width:100%}:where(.ve-timeline .ve-segment--dragging[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:50;display:flex;cursor:pointer;align-items:center;overflow:hidden;border-radius:4px;--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity));box-shadow:0 4px 16px #0000004d,inset 0 0 0 2px #ffffff80}:where(.ve-timeline .ve-segment--preview[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:45;border-radius:4px;opacity:.7;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff6}:where(.ve-timeline .ve-segment__content[data-v-4e3078d5]){display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}:where(.ve-timeline .ve-segment__title[data-v-4e3078d5]){font-size:12px;font-weight:700;text-transform:capitalize}:where(.ve-timeline .ve-segment__time[data-v-4e3078d5]){font-size:11px;--un-text-opacity:.8;color:rgba(15,23,42,var(--un-text-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:where(.ve-timeline .ve-segment--placeholder[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:24;border-radius:4px;background:#2222261f;border:2px solid rgba(34,34,38,.6)}:where(.ve-timeline .ve-segment--placeholder-inner[data-v-4e3078d5]){position:absolute;inset:0;border-radius:2px;opacity:.2}:where(.ve-timeline .ve-snap-guide[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:20;width:1px;background:var(--ve-primary);opacity:.7}:where(.ve-timeline .ve-new-track-line[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:25;height:1px;background:var(--ve-primary);opacity:.8}.waveform-canvas-strip[data-v-7cbe9830]{position:relative;width:100%;height:100%;overflow:hidden}.waveform-canvas-strip__canvas[data-v-7cbe9830]{position:absolute;inset:0;width:100%;height:100%;display:block}:where(.audio-segment[data-v-47cbc534]){position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;border-radius:4px;background-color:#efefef}:where(.audio-segment .audio-segment__waveform[data-v-47cbc534]){position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;gap:1px;overflow:hidden}:where(.audio-segment .audio-segment__waveform-canvas[data-v-47cbc534]){width:100%;height:100%}:where(.audio-segment .audio-segment__placeholder[data-v-47cbc534]){width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;color:#2b2b2b;opacity:.6}:where(.audio-segment .waveform-pattern[data-v-47cbc534]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#2B2B2B 45%,#2B2B2B 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);opacity:.4}:where(.audio-segment .audio-segment__badge[data-v-47cbc534]){pointer-events:none;position:absolute;top:.375rem;left:.5rem;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment[data-v-f389074c]){position:relative;width:100%;height:100%;display:flex;align-items:stretch;overflow:hidden;border-radius:4px}:where(.frames-segment .frames-segment__image[data-v-f389074c]){width:100%;height:100%;display:flex;overflow:hidden;border-radius:4px;background-color:color-mix(in srgb,var(--ve-segment-accent, #222226) 15%,transparent)}:where(.frames-segment .frames-segment__image-item[data-v-f389074c]){width:3.5rem;height:100%;flex-shrink:0;background-size:cover;background-position:left center;background-repeat:no-repeat}:where(.frames-segment .frames-segment__video[data-v-f389074c]){width:100%;height:100%;display:flex;align-items:center;overflow:hidden;background:#f1f5f9}:where(.frames-segment .frames-segment__video-wrap[data-v-f389074c]){position:relative;width:100%;height:100%}:where(.frames-segment .frames-segment__thumb[data-v-f389074c]){min-width:3.5rem;flex:1 1 0%;aspect-ratio:1 / 1;background-size:cover;background-position:center}:where(.frames-segment .frames-segment__waveform-strip[data-v-f389074c]){position:absolute;left:0;right:0;bottom:0;width:100%;display:flex;align-items:center;overflow:hidden;padding-left:.25rem;padding-right:.25rem;height:16px;background:#e5e5e8;z-index:2}:where(.frames-segment .frames-segment__waveform[data-v-f389074c]){position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;gap:1px;overflow:hidden}:where(.frames-segment .frames-segment__waveform-canvas[data-v-f389074c]){width:100%;height:100%}:where(.frames-segment .frames-segment__waveform-pattern[data-v-f389074c]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#52525b 45%,#52525b 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%)}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform-pattern[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__placeholder[data-v-f389074c]){width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px;font-size:12px;color:#0f172abf;background:#0000000d}:where(.frames-segment .frames-segment__placeholder--video[data-v-f389074c]){border-radius:0}:where(.frames-segment .frames-segment__overlay[data-v-f389074c]){position:absolute;top:.375rem;left:.5rem;z-index:3;display:flex;align-items:center;gap:.5rem}:where(.frames-segment .frames-segment__badge[data-v-f389074c]){pointer-events:none;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]{width:1.25rem;height:1.25rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;border-style:none;--un-bg-opacity:.25;background-color:rgba(0,0,0,var(--un-bg-opacity));padding:0;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:hover{--un-bg-opacity:.35;background-color:rgba(0,0,0,var(--un-bg-opacity))}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:focus-visible{outline-width:2px;--un-outline-color-opacity:.85;outline-color:rgba(255,255,255,var(--un-outline-color-opacity));outline-offset:1px}:where(.frames-segment) .frames-segment__mute-icon[data-v-f389074c]{display:block;width:.75rem;height:.75rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}:where(.segment-base[data-v-d386af72]){position:relative;width:100%;height:100%;display:flex;align-items:center;border-radius:4px;padding:.375rem;background:#ffffff52;box-shadow:inset 0 0 0 1px #fff3}:where(.segment-base .segment-base__content[data-v-d386af72]){width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.375rem}:where(.segment-base .segment-base__pill[data-v-d386af72]){display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;padding:.375rem .625rem;font-size:11px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff4d}:where(.segment-base .segment-base__pill--primary[data-v-d386af72]){color:var(--ve-segment-accent, #222226);background:#22222614}:where(.segment-base .segment-base__pill--muted[data-v-d386af72]){color:#0f172ab3;background:#2222260d}:where(.segment-base .segment-base__badge[data-v-d386af72]){pointer-events:none;position:absolute;top:.375rem;left:.5rem;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.ve-editor-segment[data-v-acab97b9]){position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:.375rem;--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity))}:where(.ve-editor-segment .ve-editor-segment__preview[data-v-acab97b9]){width:100%;min-height:3.5rem;display:flex;align-items:stretch}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-creatly-mute{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m4.023 5.038 3.369-2.08a.84.84 0 011.148.262.8.8 0 01.127.436v8.688a.83.83 0 01-.834.823.84.84 0 01-.441-.125l-3.369-2.08H2.5A1.16 1.16 0 011.333 9.81V6.19A1.16 1.16 0 012.5 5.038zm.409.912a.5.5 0 01-.265.075H2.5a.166.166 0 00-.167.165v3.62c0 .091.075.165.167.165h1.667c.093 0 .185.026.265.075l3.235 1.997V3.953zm8.577 2.15 1.351 1.351a.477.477 0 11-.675.676l-1.352-1.351-1.35 1.351a.478.478 0 01-.676-.676l1.35-1.35-1.35-1.352a.477.477 0 11.675-.675l1.351 1.35 1.351-1.35a.477.477 0 11.676.675z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-creatly-sound{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m4.023 5.038 3.369-2.08a.84.84 0 011.148.262.8.8 0 01.127.436v8.688a.83.83 0 01-.834.823.84.84 0 01-.441-.125l-3.369-2.08H2.5A1.16 1.16 0 011.333 9.81V6.19A1.16 1.16 0 012.5 5.038zm.409.912a.5.5 0 01-.265.075H2.5a.166.166 0 00-.167.165v3.62c0 .091.075.165.167.165h1.667c.093 0 .185.026.265.075l3.235 1.997V3.953zm8.082 7.013a.505.505 0 01-.812-.173.49.49 0 01.117-.537c2.464-2.35 2.464-6.155 0-8.506a.49.49 0 01-.012-.699.504.504 0 01.707-.011c2.87 2.739 2.87 7.187 0 9.926m-1.67-1.971a.504.504 0 01-.811-.182.49.49 0 01.123-.535c1.348-1.26 1.348-3.29 0-4.55a.49.49 0 01-.02-.698.505.505 0 01.708-.019c1.764 1.65 1.764 4.335 0 5.984' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible,[visible=""]{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-4px{left:4px}.left-50\%{left:50%}.right-0{right:0}.top-0{top:0}.top-1\.5{top:.375rem}.top-2px{top:2px}.z-2{z-index:2}.z-20{z-index:20}.z-24{z-index:24}.z-25{z-index:25}.z-3{z-index:3}.z-45{z-index:45}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}[ms=""]{margin-inline-start:1rem}.box-border{box-sizing:border-box}.block{display:block}.hidden{display:none}.h-\[var\(--ve-ruler-major\)\]{height:var(--ve-ruler-major)}.h-\[var\(--ve-ruler-minor\)\]{height:var(--ve-ruler-minor)}.h-3{height:.75rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-full{height:100%}.max-w-full{max-width:100%}.min-h-14{min-height:3.5rem}.min-h-full{min-height:100%}.min-w-0{min-width:0}.min-w-14{min-width:3.5rem}.min-w-full{min-width:100%}.w-14{width:3.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.translate-x--50\%{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-ew-resize{cursor:ew-resize}.resize{resize:both}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[1px\]{gap:1px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.b,.border,[border=""]{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#222226\]{--un-border-opacity:1;border-color:rgb(34 34 38 / var(--un-border-opacity))}.border-\[\#d1d5db\]{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity))}.border-\[\#e5e7eb\]{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.border-\[\#eceff3\]{--un-border-opacity:1;border-color:rgb(236 239 243 / var(--un-border-opacity))}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\],.rounded-4px{border-radius:4px}.rounded-10px{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-none{border-style:none}.bg-\[\#222226\]{--un-bg-opacity:1;background-color:rgb(34 34 38 / var(--un-bg-opacity))}.bg-\[\#94a3b8\]{--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}.bg-\[\#cbd5e1\]{--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.25\)\]{--un-bg-opacity:.25;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:bg-\[rgba\(0\,0\,0\,0\.35\)\]:hover{--un-bg-opacity:.35;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-cover{background-size:cover}.bg-left-center{background-position:left center}.bg-no-repeat{background-repeat:no-repeat}[stroke-width~="1"]{stroke-width:1px}.p-0{padding:0}.p-1\.5{padding:.375rem}.px,[px=""]{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-xs{font-size:.75rem;line-height:1rem}.text-\[\#0f172a\]{--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity))}.text-\[\#222226\]{--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}.text-\[\#6b7280\]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.text-\[\#9ca3af\]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-\[rgba\(15\,23\,42\,0\.8\)\]{--un-text-opacity:.8;color:rgba(15,23,42,var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.capitalize{text-transform:capitalize}.opacity-45{opacity:.45}.focus-visible\:outline-\[2px\]:focus-visible{outline-width:2px}.focus-visible\:outline-\[rgba\(255\,255\,255\,0\.85\)\]:focus-visible{--un-outline-color-opacity:.85;outline-color:rgba(255,255,255,var(--un-outline-color-opacity))}.focus-visible\:outline-offset-\[1px\]:focus-visible{outline-offset:1px}.filter,[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@video-editor/ui",
   "type": "module",
-  "version": "0.0.1-beta.31",
+  "version": "0.0.1-beta.32",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,8 +20,8 @@
     "vue": "^3.5.26"
   },
   "dependencies": {
-    "@video-editor/protocol": "0.0.1-beta.31",
-    "@video-editor/shared": "0.0.1-beta.31"
+    "@video-editor/protocol": "0.0.1-beta.32",
+    "@video-editor/shared": "0.0.1-beta.32"
   },
   "scripts": {
     "build": "vite build",