@hyperframes/studio 0.1.0

package/dist/assets/index-KoBceNoU.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[3px\]{height:3px}.h-\[5px\]{height:5px}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-\[80vh\]{max-height:80vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.w-1\.5{width:.375rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[420px\]{width:420px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[60px\]{min-width:60px}.min-w-\[80px\]{min-width:80px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-neutral-700{--tw-border-opacity: 1;border-color:rgb(64 64 64 / var(--tw-border-opacity, 1))}.border-neutral-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.border-neutral-800\/30{border-color:#2626264d}.border-neutral-800\/40{border-color:#26262666}.border-neutral-800\/50{border-color:#26262680}.bg-\[\#0a0a0b\]{--tw-bg-opacity: 1;background-color:rgb(10 10 11 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/60{background-color:#0009}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-neutral-600\/60{background-color:#52525299}.bg-neutral-700\/40{background-color:#40404066}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-neutral-800\/60{background-color:#26262699}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-neutral-900\/50{background-color:#17171780}.bg-neutral-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.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}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.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-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pr-1\.5{padding-right:.375rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-neutral-200{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.text-neutral-300{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-neutral-950{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-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-\[width\]{transition-property:width;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}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}body{margin:0;padding:0;background:#0a0a0a;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.cm-editor{height:100%;font-size:13px}.cm-editor .cm-scroller{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}.cm-editor.cm-focused{outline:none}.last\:border-0:last-child{border-width:0px}.hover\:border-amber-800\/50:hover{border-color:#92400e80}.hover\:border-neutral-600:hover{--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-800:hover{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-800\/30:hover{background-color:#2626264d}.hover\:bg-neutral-800\/80:hover{background-color:#262626cc}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:text-amber-300:hover{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-neutral-200:hover{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.hover\:text-neutral-300:hover{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-neutral-600:focus{--tw-border-opacity: 1;border-color:rgb(82 82 82 / var(--tw-border-opacity, 1))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-blue-400:active{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}

package/dist/icons/timeline/audio.svg

@@ -0,0 +1,7 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.875 2.5C6.875 2.15482 7.15482 1.875 7.5 1.875C7.84518 1.875 8.125 2.15482 8.125 2.5V12.5C8.125 12.8452 7.84518 13.125 7.5 13.125C7.15482 13.125 6.875 12.8452 6.875 12.5V2.5Z" fill="#512000"/>
+<path d="M4.0625 3.75C4.0625 3.40482 4.34232 3.125 4.6875 3.125C5.03268 3.125 5.3125 3.40482 5.3125 3.75V10C5.3125 10.3452 5.03268 10.625 4.6875 10.625C4.34232 10.625 4.0625 10.3452 4.0625 10V3.75Z" fill="#512000"/>
+<path d="M1.875 4.375C1.52982 4.375 1.25 4.65482 1.25 5V7.5C1.25 7.84518 1.52982 8.125 1.875 8.125C2.22018 8.125 2.5 7.84518 2.5 7.5V5C2.5 4.65482 2.22018 4.375 1.875 4.375Z" fill="#512000"/>
+<path d="M10.9375 11.25C10.9375 11.5952 10.6577 11.875 10.3125 11.875C9.96732 11.875 9.6875 11.5952 9.6875 11.25L9.6875 5C9.6875 4.65482 9.96732 4.375 10.3125 4.375C10.6577 4.375 10.9375 4.65482 10.9375 5L10.9375 11.25Z" fill="#512000"/>
+<path d="M13.125 10.625C13.4702 10.625 13.75 10.3452 13.75 10V7.5C13.75 7.15482 13.4702 6.875 13.125 6.875C12.7798 6.875 12.5 7.15482 12.5 7.5V10C12.5 10.3452 12.7798 10.625 13.125 10.625Z" fill="#512000"/>
+</svg>

package/dist/icons/timeline/captions.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.86328 11.9695C6.86328 11.5153 6.96513 11.1112 7.16883 10.7574C7.37253 10.3993 7.65545 10.1219 8.01758 9.9254C8.38424 9.72448 8.79843 9.62402 9.26014 9.62402C9.82597 9.62402 10.3104 9.76816 10.7132 10.0564C11.0567 10.3022 11.3031 10.6241 11.4524 11.0222C11.4923 11.1285 11.4066 11.2357 11.2894 11.2357H10.3574C10.2886 11.2357 10.2269 11.1969 10.1916 11.1398C10.1013 10.9942 9.98321 10.8798 9.83729 10.7968C9.66528 10.6963 9.46837 10.6461 9.24656 10.6461C8.88896 10.6461 8.59925 10.7662 8.37745 11.0064C8.15564 11.2466 8.04474 11.5677 8.04474 11.9695C8.04474 12.3714 8.15564 12.6924 8.37745 12.9326C8.59925 13.1728 8.88896 13.293 9.24656 13.293C9.46837 13.293 9.66528 13.2427 9.83729 13.1423C9.98321 13.0592 10.1013 12.9449 10.1916 12.7992C10.2269 12.7422 10.2886 12.7033 10.3574 12.7033H11.2894C11.4066 12.7033 11.4923 12.8105 11.4524 12.9168C11.3031 13.3149 11.0567 13.6369 10.7132 13.8826C10.3104 14.1665 9.82597 14.3085 9.26014 14.3085C8.79843 14.3085 8.38424 14.2102 8.01758 14.0137C7.65545 13.8127 7.37253 13.5354 7.16883 13.1816C6.96513 12.8278 6.86328 12.4238 6.86328 11.9695Z" fill="black"/>
+<path d="M12.0352 11.9695C12.0352 11.5153 12.137 11.1112 12.3407 10.7574C12.5444 10.3993 12.8273 10.1219 13.1895 9.9254C13.5561 9.72448 13.9703 9.62402 14.432 9.62402C14.9979 9.62402 15.4822 9.76816 15.8851 10.0564C16.2285 10.3022 16.4749 10.6241 16.6243 11.0222C16.6641 11.1285 16.5784 11.2357 16.4613 11.2357H15.5293C15.4604 11.2357 15.3987 11.1969 15.3634 11.1398C15.2732 10.9942 15.1551 10.8798 15.0092 10.7968C14.8372 10.6963 14.6402 10.6461 14.4184 10.6461C14.0608 10.6461 13.7711 10.7662 13.5493 11.0064C13.3275 11.2466 13.2166 11.5677 13.2166 11.9695C13.2166 12.3714 13.3275 12.6924 13.5493 12.9326C13.7711 13.1728 14.0608 13.293 14.4184 13.293C14.6402 13.293 14.8372 13.2427 15.0092 13.1423C15.1551 13.0592 15.2732 12.9449 15.3634 12.7992C15.3987 12.7422 15.4604 12.7033 15.5293 12.7033H16.4613C16.5784 12.7033 16.6641 12.8105 16.6243 12.9168C16.4749 13.3149 16.2285 13.6369 15.8851 13.8826C15.4822 14.1665 14.9979 14.3085 14.432 14.3085C13.9703 14.3085 13.5561 14.2102 13.1895 14.0137C12.8273 13.8127 12.5444 13.5354 12.3407 13.1816C12.137 12.8278 12.0352 12.4238 12.0352 11.9695Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.1377 9.10331C4.1377 7.94458 4.1377 7.36522 4.3714 6.92264C4.57697 6.53334 4.90499 6.21683 5.30845 6.01847C5.76712 5.79297 6.36755 5.79297 7.56842 5.79297H16.4311C17.632 5.79297 18.2324 5.79297 18.6911 6.01847C19.0945 6.21683 19.4226 6.53334 19.6281 6.92264C19.8618 7.36522 19.8618 7.94458 19.8618 9.10331V14.8964C19.8618 16.0551 19.8618 16.6345 19.6281 17.0771C19.4226 17.4664 19.0945 17.7829 18.6911 17.9813C18.2324 18.2068 17.632 18.2068 16.4311 18.2068H7.56842C6.36755 18.2068 5.76712 18.2068 5.30845 17.9813C4.90499 17.7829 4.57697 17.4664 4.3714 17.0771C4.1377 16.6345 4.1377 16.0551 4.1377 14.8964V9.10331ZM7.56842 7.17228H16.4311C17.0551 7.17228 17.4372 7.17335 17.723 7.19589C17.8562 7.20638 17.9367 7.21957 17.9857 7.23069C18.0089 7.23598 18.0232 7.24041 18.031 7.24307C18.0384 7.24563 18.0421 7.24745 18.0421 7.24745C18.1766 7.31357 18.2859 7.41907 18.3545 7.54884C18.3545 7.54884 18.3563 7.5524 18.359 7.55957C18.3618 7.56704 18.3664 7.58086 18.3718 7.60331C18.3834 7.65052 18.397 7.72826 18.4079 7.85674C18.4313 8.13255 18.4324 8.50119 18.4324 9.10331V14.8964C18.4324 15.4985 18.4313 15.8672 18.4079 16.143C18.397 16.2715 18.3834 16.3492 18.3718 16.3964C18.3664 16.4189 18.3618 16.4327 18.359 16.4402C18.3563 16.4473 18.3545 16.4509 18.3545 16.4509C18.2859 16.5807 18.1766 16.6862 18.0421 16.7523L18.0396 16.7534C18.0396 16.7534 18.035 16.7553 18.031 16.7567C18.0232 16.7593 18.0089 16.7638 17.9857 16.769C17.9367 16.7802 17.8562 16.7933 17.723 16.8038C17.4372 16.8264 17.0551 16.8275 16.4311 16.8275H7.56842C6.9444 16.8275 6.56234 16.8264 6.2765 16.8038C6.14335 16.7933 6.06279 16.7802 6.01386 16.769C5.99059 16.7638 5.97628 16.7593 5.96854 16.7567C5.96111 16.7541 5.95741 16.7523 5.95741 16.7523C5.82293 16.6862 5.71359 16.5807 5.64506 16.4509C5.64506 16.4509 5.64318 16.4473 5.64053 16.4402C5.63777 16.4327 5.63317 16.4189 5.62769 16.3964C5.61617 16.3492 5.60251 16.2715 5.59163 16.143C5.56827 15.8672 5.56716 15.4985 5.56716 14.8964V9.10331C5.56716 8.50119 5.56827 8.13255 5.59163 7.85674C5.60251 7.72826 5.61617 7.65052 5.62769 7.60331C5.63317 7.58086 5.63777 7.56704 5.64053 7.55957C5.64318 7.5524 5.64506 7.54884 5.64506 7.54884C5.71359 7.41907 5.82293 7.31357 5.95741 7.24745C5.95741 7.24745 5.96111 7.24563 5.96854 7.24307C5.97628 7.24041 5.99059 7.23598 6.01386 7.23069C6.06279 7.21957 6.14335 7.20638 6.2765 7.19589C6.56234 7.17335 6.9444 7.17228 7.56842 7.17228Z" fill="black"/>
+</svg>

package/dist/icons/timeline/composition.svg

@@ -0,0 +1,12 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.39176 5.03406C1.45724 5 1.54296 5 1.71441 5H1.9593C2.13075 5 2.21647 5 2.28195 5.03406C2.33955 5.06402 2.38638 5.11183 2.41573 5.17063C2.4491 5.23748 2.4491 5.32498 2.4491 5.5V6.375C2.4491 6.55002 2.4491 6.63752 2.41573 6.70437C2.38638 6.76317 2.33955 6.81098 2.28195 6.84094C2.21647 6.875 2.13075 6.875 1.9593 6.875H1.71441C1.54296 6.875 1.45724 6.875 1.39176 6.84094C1.33415 6.81098 1.28732 6.76317 1.25797 6.70437C1.22461 6.63752 1.22461 6.55002 1.22461 6.375V5.5C1.22461 5.32498 1.22461 5.23748 1.25797 5.17063C1.28732 5.11183 1.33415 5.06402 1.39176 5.03406Z" fill="#1A2B03"/>
+<path d="M2.28055 3.71808C2.21679 3.75 2.13249 3.75 1.96389 3.75H1.71886C1.54551 3.75 1.45884 3.75 1.39194 3.71408C1.33446 3.68323 1.28533 3.63086 1.2576 3.57091C1.22533 3.50114 1.22892 3.41627 1.23608 3.24653C1.25437 2.81345 1.3018 2.52021 1.4248 2.27377C1.6009 1.92096 1.88188 1.63413 2.22748 1.45436C2.46889 1.32879 2.75615 1.28038 3.18039 1.26171C3.34666 1.2544 3.4298 1.25074 3.49816 1.28368C3.55688 1.31198 3.60818 1.36214 3.63841 1.42081C3.67359 1.48911 3.67359 1.57759 3.67359 1.75454V2.00468C3.67359 2.1768 3.67359 2.26285 3.64232 2.32794C3.61399 2.38692 3.57237 2.43164 3.51612 2.46354C3.45404 2.49874 3.36517 2.50339 3.18743 2.51268C3.14116 2.51509 3.09778 2.51797 3.05673 2.52139C2.94267 2.53091 2.87366 2.54286 2.83175 2.55293C2.81182 2.55772 2.79955 2.56174 2.79292 2.56416C2.78655 2.56648 2.78339 2.56812 2.78339 2.56812C2.66819 2.62804 2.57453 2.72365 2.51583 2.84126C2.51583 2.84126 2.51422 2.84449 2.51195 2.85099C2.50958 2.85775 2.50565 2.87027 2.50095 2.89062C2.49108 2.93341 2.47938 3.00385 2.47006 3.12029C2.4667 3.16219 2.46388 3.20646 2.46152 3.25369C2.45242 3.43514 2.44787 3.52587 2.41339 3.58925C2.38214 3.64667 2.33833 3.68916 2.28055 3.71808Z" fill="#1A2B03"/>
+<path d="M5.06522 1.28406C5.13071 1.25 5.21643 1.25 5.38788 1.25H5.63277C5.80422 1.25 5.88994 1.25 5.95542 1.28406C6.01302 1.31402 6.05985 1.36183 6.0892 1.42063C6.12257 1.48748 6.12257 1.57498 6.12257 1.75L6.12257 2C6.12257 2.17502 6.12257 2.26252 6.0892 2.32937C6.05985 2.38817 6.01302 2.43598 5.95542 2.46594C5.88994 2.5 5.80422 2.5 5.63277 2.5L5.38788 2.5C5.21643 2.5 5.13071 2.5 5.06522 2.46594C5.00762 2.43598 4.96079 2.38817 4.93144 2.32937C4.89808 2.26252 4.89808 2.17502 4.89808 2L4.89808 1.75C4.89808 1.57498 4.89808 1.48748 4.93144 1.42063C4.96079 1.36183 5.00762 1.31402 5.06522 1.28406Z" fill="#1A2B03"/>
+<path d="M13.4361 8.92063C13.4695 8.98747 13.4695 9.07498 13.4695 9.25V9.5C13.4695 9.67502 13.4695 9.76252 13.4361 9.82937C13.4068 9.88817 13.36 9.93598 13.3024 9.96594C13.2369 10 13.1512 10 12.9797 10H12.7348C12.5634 10 12.4776 10 12.4122 9.96594C12.3546 9.93598 12.3077 9.88817 12.2784 9.82937C12.245 9.76252 12.245 9.67502 12.245 9.5V9.25C12.245 9.07498 12.245 8.98747 12.2784 8.92063C12.3077 8.86183 12.3546 8.81402 12.4122 8.78406C12.4776 8.75 12.5634 8.75 12.7348 8.75H12.9797C13.1512 8.75 13.2369 8.75 13.3024 8.78406C13.36 8.81402 13.4068 8.86183 13.4361 8.92063Z" fill="#1A2B03"/>
+<path d="M13.4365 11.4291C13.4688 11.4989 13.4652 11.5837 13.458 11.7535C13.4397 12.1866 13.3923 12.4798 13.2693 12.7262C13.0932 13.079 12.8122 13.3659 12.4666 13.5456C12.2252 13.6712 11.938 13.7196 11.5137 13.7383C11.3475 13.7456 11.2643 13.7493 11.196 13.7163C11.1372 13.688 11.0859 13.6379 11.0557 13.5792C11.0205 13.5109 11.0205 13.4224 11.0205 13.2455V12.9953C11.0205 12.8232 11.0205 12.7371 11.0518 12.6721C11.0801 12.6131 11.1217 12.5684 11.178 12.5365C11.2401 12.5013 11.329 12.4966 11.5067 12.4873C11.553 12.4849 11.5963 12.482 11.6374 12.4786C11.7514 12.4691 11.8205 12.4571 11.8624 12.4471C11.8823 12.4423 11.8946 12.4383 11.9012 12.4358C11.9076 12.4335 11.9107 12.4319 11.9107 12.4319C12.0259 12.372 12.1196 12.2763 12.1783 12.1587C12.1783 12.1587 12.1787 12.1579 12.1792 12.1568C12.1798 12.1553 12.1808 12.1528 12.1822 12.149C12.1845 12.1422 12.1885 12.1297 12.1932 12.1094C12.203 12.0666 12.2147 11.9961 12.2241 11.8797C12.2274 11.8378 12.2302 11.7935 12.2326 11.7463C12.2417 11.5649 12.2462 11.4741 12.2807 11.4108C12.312 11.3533 12.3558 11.3108 12.4136 11.2819C12.4773 11.25 12.5616 11.25 12.7302 11.25H12.9753C13.1486 11.25 13.2353 11.25 13.3022 11.2859C13.3597 11.3168 13.4088 11.3691 13.4365 11.4291Z" fill="#1A2B03"/>
+<path d="M9.62889 13.7159C9.56341 13.75 9.47769 13.75 9.30624 13.75H8.4491C8.27766 13.75 8.19193 13.75 8.12645 13.7159C8.06885 13.686 8.02202 13.6382 7.99267 13.5794C7.9593 13.5125 7.9593 13.425 7.9593 13.25V13C7.9593 12.825 7.9593 12.7375 7.99267 12.6706C8.02202 12.6118 8.06885 12.564 8.12645 12.5341C8.19193 12.5 8.27766 12.5 8.4491 12.5H9.30624C9.47769 12.5 9.56341 12.5 9.62889 12.5341C9.68649 12.564 9.73333 12.6118 9.76267 12.6706C9.79604 12.7375 9.79604 12.825 9.79604 13V13.25C9.79604 13.425 9.79604 13.5125 9.76267 13.5794C9.73333 13.6382 9.68649 13.686 9.62889 13.7159Z" fill="#1A2B03"/>
+<path d="M6.56767 13.7159C6.50219 13.75 6.41646 13.75 6.24502 13.75H5.38788C5.21643 13.75 5.13071 13.75 5.06523 13.7159C5.00762 13.686 4.96079 13.6382 4.93144 13.5794C4.89808 13.5125 4.89808 13.425 4.89808 13.25V13C4.89808 12.825 4.89808 12.7375 4.93144 12.6706C4.96079 12.6118 5.00762 12.564 5.06523 12.5341C5.13071 12.5 5.21643 12.5 5.38788 12.5H6.24502C6.41646 12.5 6.50219 12.5 6.56767 12.5341C6.62527 12.564 6.6721 12.6118 6.70145 12.6706C6.73481 12.7375 6.73481 12.825 6.73481 13V13.25C6.73481 13.425 6.73481 13.5125 6.70145 13.5794C6.6721 13.6382 6.62527 13.686 6.56767 13.7159Z" fill="#1A2B03"/>
+<path d="M3.49816 13.7163C3.4298 13.7493 3.34667 13.7456 3.18039 13.7383C2.75615 13.7196 2.46889 13.6712 2.22748 13.5456C1.88188 13.3659 1.6009 13.079 1.4248 12.7262C1.3018 12.4798 1.25437 12.1866 1.23608 11.7535C1.22892 11.5837 1.22533 11.4989 1.2576 11.4291C1.28533 11.3691 1.33446 11.3168 1.39194 11.2859C1.45884 11.25 1.54551 11.25 1.71886 11.25H1.96389C2.13249 11.25 2.21679 11.25 2.28055 11.2819C2.33833 11.3108 2.38214 11.3533 2.41339 11.4108C2.44787 11.4741 2.45242 11.5649 2.46152 11.7463C2.46389 11.7935 2.4667 11.8378 2.47006 11.8797C2.47938 11.9961 2.49108 12.0666 2.50095 12.1094C2.50565 12.1297 2.50958 12.1422 2.51195 12.149C2.51422 12.1555 2.51583 12.1587 2.51583 12.1587C2.57453 12.2763 2.66819 12.372 2.78339 12.4319C2.78339 12.4319 2.78655 12.4335 2.79292 12.4358C2.79955 12.4383 2.81182 12.4423 2.83175 12.4471C2.87366 12.4571 2.94267 12.4691 3.05673 12.4786C3.09778 12.482 3.14114 12.4849 3.18741 12.4873C3.36516 12.4966 3.45404 12.5013 3.51612 12.5365C3.57237 12.5684 3.61399 12.6131 3.64232 12.6721C3.67359 12.7371 3.67359 12.8232 3.67359 12.9953V13.2455C3.67359 13.4224 3.67359 13.5109 3.63841 13.5792C3.60818 13.6379 3.55688 13.688 3.49816 13.7163Z" fill="#1A2B03"/>
+<path d="M1.25797 9.82937C1.22461 9.76252 1.22461 9.67502 1.22461 9.5V8.625C1.22461 8.44998 1.22461 8.36248 1.25797 8.29563C1.28732 8.23683 1.33415 8.18902 1.39176 8.15906C1.45724 8.125 1.54296 8.125 1.71441 8.125H1.9593C2.13075 8.125 2.21647 8.125 2.28195 8.15906C2.33955 8.18902 2.38639 8.23683 2.41573 8.29563C2.4491 8.36248 2.4491 8.44998 2.4491 8.625V9.5C2.4491 9.67502 2.4491 9.76252 2.41573 9.82937C2.38639 9.88817 2.33955 9.93598 2.28195 9.96594C2.21647 10 2.13075 10 1.9593 10H1.71441C1.54296 10 1.45724 10 1.39176 9.96594C1.33415 9.93598 1.28732 9.88817 1.25797 9.82937Z" fill="#1A2B03"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.67359 8.125C8.64492 8.125 8.13059 8.125 7.73769 7.92064C7.39209 7.74087 7.1111 7.45404 6.93501 7.10123C6.73481 6.70015 6.73481 6.1751 6.73481 5.125V4.25C6.73481 3.1999 6.73481 2.67485 6.93501 2.27377C7.1111 1.92096 7.39209 1.63413 7.73769 1.45436C8.13059 1.25 8.64492 1.25 9.67359 1.25H10.5307C11.5594 1.25 12.0737 1.25 12.4666 1.45436C12.8122 1.63412 13.0932 1.92096 13.2693 2.27377C13.4695 2.67485 13.4695 3.1999 13.4695 4.25V5.125C13.4695 6.1751 13.4695 6.70015 13.2693 7.10123C13.0932 7.45404 12.8122 7.74087 12.4666 7.92064C12.0737 8.125 11.5594 8.125 10.5307 8.125H9.67359ZM7.9593 5.125V4.25C7.9593 3.70432 7.96026 3.37024 7.98026 3.12029C7.98958 3.00385 8.00129 2.93341 8.01116 2.89062C8.01585 2.87027 8.01979 2.85775 8.02215 2.85098C8.02443 2.84449 8.02604 2.84126 8.02604 2.84126C8.08473 2.72365 8.17839 2.62804 8.2936 2.56812C8.2936 2.56812 8.29676 2.56648 8.30313 2.56416C8.30976 2.56174 8.32202 2.55772 8.34196 2.55293C8.38387 2.54286 8.45288 2.53091 8.56694 2.52139C8.81179 2.50097 9.13905 2.5 9.67359 2.5H10.5307C11.0653 2.5 11.3925 2.50097 11.6374 2.52139C11.7514 2.53091 11.8205 2.54286 11.8624 2.55293C11.8823 2.55772 11.8946 2.56174 11.9012 2.56416C11.9076 2.56648 11.9107 2.56812 11.9107 2.56812C12.0259 2.62804 12.1196 2.72365 12.1783 2.84126C12.1783 2.84126 12.1799 2.84449 12.1822 2.85098C12.1845 2.85775 12.1885 2.87027 12.1932 2.89062C12.203 2.93341 12.2147 3.00385 12.2241 3.12029C12.2441 3.37024 12.245 3.70432 12.245 4.25V5.125C12.245 5.67068 12.2441 6.00475 12.2241 6.25471C12.2147 6.37115 12.203 6.44159 12.1932 6.48438C12.1885 6.50473 12.1845 6.51725 12.1822 6.52401C12.1799 6.53051 12.1783 6.53374 12.1783 6.53374C12.1196 6.65134 12.0259 6.74696 11.9107 6.80688C11.9107 6.80688 11.9076 6.80852 11.9012 6.81084C11.8946 6.81326 11.8823 6.81728 11.8624 6.82207C11.8205 6.83214 11.7514 6.84409 11.6374 6.85361C11.3925 6.87403 11.0653 6.875 10.5307 6.875H9.67359C9.13905 6.875 8.81179 6.87403 8.56694 6.85361C8.45288 6.84409 8.38387 6.83214 8.34196 6.82207C8.32202 6.81728 8.30976 6.81326 8.30313 6.81084C8.29676 6.80852 8.2936 6.80688 8.2936 6.80688C8.17839 6.74696 8.08473 6.65135 8.02604 6.53374C8.02604 6.53374 8.02443 6.53051 8.02215 6.52401C8.01979 6.51725 8.01585 6.50473 8.01116 6.48438C8.00129 6.44159 7.98958 6.37115 7.98026 6.25471C7.96026 6.00475 7.9593 5.67068 7.9593 5.125Z" fill="#1A2B03"/>
+</svg>

package/dist/icons/timeline/image.svg

@@ -0,0 +1,18 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1632_277)">
+<path d="M4.2665 5.75742C4.2665 6.30648 3.82178 6.75121 3.27271 6.75121C2.72365 6.75121 2.27893 6.30648 2.27893 5.75742C2.27893 5.20835 2.72365 4.76363 3.27271 4.76363C3.82178 4.76363 4.2665 5.20835 4.2665 5.75742Z" fill="black"/>
+<path d="M0.788398 11.3182C1.06294 11.3182 1.28529 11.0958 1.28529 10.8213V9.33061C1.28529 9.05607 1.06294 8.83372 0.788398 8.83372C0.513858 8.83372 0.291504 9.05607 0.291504 9.33061V10.8213C0.291504 11.0958 0.513858 11.3182 0.788398 11.3182Z" fill="black"/>
+<path d="M0.788398 8.33681C1.06294 8.33681 1.28529 8.11446 1.28529 7.83992V6.34924C1.28529 6.0747 1.06294 5.85234 0.788398 5.85234C0.513858 5.85234 0.291504 6.0747 0.291504 6.34924V7.83992C0.291504 8.11446 0.513858 8.33681 0.788398 8.33681Z" fill="black"/>
+<path d="M0.788401 5.35545C1.06294 5.35545 1.28529 5.1331 1.28529 4.85856V4.30328C1.28529 4.08961 1.34989 3.88527 1.47225 3.71197C1.63002 3.48712 1.57598 3.1778 1.35176 3.01941C1.12753 2.86165 0.817593 2.91569 0.659827 3.13991C0.418837 3.48214 0.292125 3.88401 0.292125 4.30326V4.85854C0.292125 5.13308 0.514479 5.35544 0.789019 5.35544L0.788401 5.35545Z" fill="black"/>
+<path d="M5.3231 3.27279H6.81378C7.08832 3.27279 7.31068 3.05044 7.31068 2.7759C7.31068 2.50136 7.08832 2.279 6.81378 2.279H5.3231C5.04856 2.279 4.82621 2.50136 4.82621 2.7759C4.82621 3.05044 5.04856 3.27279 5.3231 3.27279Z" fill="black"/>
+<path d="M2.34174 3.27279H3.83242C4.10696 3.27279 4.32931 3.05044 4.32931 2.7759C4.32931 2.50136 4.10696 2.279 3.83242 2.279H2.34174C2.0672 2.279 1.84484 2.50136 1.84484 2.7759C1.84484 3.05044 2.0672 3.27279 2.34174 3.27279Z" fill="black"/>
+<path d="M11.223 6.34113C10.9485 6.34113 10.7261 6.56349 10.7261 6.83803V8.32871C10.7261 8.60325 10.9485 8.8256 11.223 8.8256C11.4976 8.8256 11.7199 8.60325 11.7199 8.32871V6.83803C11.7199 6.56349 11.4976 6.34113 11.223 6.34113Z" fill="black"/>
+<path d="M11.223 9.32249C11.0963 9.32249 10.982 9.37094 10.8944 9.4492L9.02549 7.58024C8.25095 6.80571 6.99068 6.80571 6.21553 7.58024L1.49257 12.3032C1.44475 12.2398 1.40313 12.1703 1.37083 12.0957C1.26151 11.8442 0.967719 11.7293 0.716791 11.8392C0.465244 11.9492 0.35033 12.2417 0.460267 12.4933C0.62735 12.8759 0.906231 13.1889 1.25034 13.4019C1.25096 13.4026 1.25158 13.4032 1.2522 13.4032C1.25344 13.4038 1.25468 13.4044 1.25593 13.4051C1.33357 13.4529 1.41369 13.497 1.49754 13.5342C1.75344 13.6485 2.0317 13.7082 2.31616 13.7082H9.695C10.8118 13.7082 11.7198 12.8001 11.7198 11.6834V9.81999C11.7198 9.54545 11.4974 9.3231 11.2229 9.3231L11.223 9.32249Z" fill="black"/>
+<path d="M13.5063 2.63565C12.0492 2.23254 11.769 1.95242 11.366 0.493362C11.333 0.374108 11.225 0.291504 11.1014 0.291504C10.9777 0.291504 10.8697 0.374112 10.8368 0.493362C10.4343 1.95237 10.1541 2.23257 8.69701 2.63565C8.57775 2.66857 8.49577 2.77727 8.49577 2.90025C8.49577 3.02386 8.57838 3.13255 8.69701 3.16486C10.1542 3.56733 10.4343 3.84809 10.8368 5.30651C10.8697 5.42576 10.9777 5.50837 11.1014 5.50837C11.225 5.50837 11.333 5.42576 11.366 5.30651C11.7684 3.8475 12.0486 3.5673 13.5063 3.16486C13.6256 3.13194 13.7076 3.02324 13.7076 2.90025C13.7076 2.77665 13.625 2.66796 13.5063 2.63565Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1632_277">
+<rect width="14" height="14" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/icons/timeline/music.svg

@@ -0,0 +1,10 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1264_9865)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76273 0.617647C4.59359 0.588283 4.42061 0.637924 4.28978 0.753378C4.15894 0.868831 4.0835 1.0384 4.0835 1.21702V4.70069C4.08337 4.70802 4.08337 4.71534 4.0835 4.72263V8.22621C3.74029 8.01941 3.34183 7.90105 2.91683 7.90105C1.62817 7.90105 0.583496 8.98924 0.583496 10.3316C0.583496 11.674 1.62817 12.7622 2.91683 12.7622C4.15198 12.7622 5.16298 11.7625 5.24482 10.4975C5.24834 10.4704 5.25016 10.4429 5.25016 10.4148V5.43278L11.9585 6.64222V9.44149C11.6153 9.23469 11.2168 9.11633 10.7918 9.11633C9.50317 9.11633 8.4585 10.2045 8.4585 11.5469C8.4585 12.8892 9.50317 13.9774 10.7918 13.9774C12.0805 13.9774 13.1252 12.8892 13.1252 11.5469V2.58421C13.1252 2.28717 12.919 2.03367 12.6377 1.98483L4.76273 0.617647ZM11.9585 11.5469C11.9585 10.8757 11.4362 10.3316 10.7918 10.3316C10.1475 10.3316 9.62516 10.8757 9.62516 11.5469C9.62516 12.2181 10.1475 12.7622 10.7918 12.7622C11.4362 12.7622 11.9585 12.2181 11.9585 11.5469ZM11.9585 5.40887L5.25016 4.19944V1.93431L11.9585 3.09895V5.40887ZM4.0835 10.3316C4.0835 9.66042 3.56116 9.11633 2.91683 9.11633C2.2725 9.11633 1.75016 9.66042 1.75016 10.3316C1.75016 11.0028 2.2725 11.5469 2.91683 11.5469C3.56116 11.5469 4.0835 11.0028 4.0835 10.3316Z" fill="#013A4B"/>
+</g>
+<defs>
+<clipPath id="clip0_1264_9865">
+<rect width="14" height="14.5833" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/icons/timeline/text.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 3.5V2H10V3.5M4.5 10H7.5M6 2V10" stroke="#024A03" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>HyperFrames Studio</title>
+  <script type="module" crossorigin src="/assets/index-B1830ANq.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-KoBceNoU.css">
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@hyperframes/studio",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./tailwind-preset": "./src/styles/tailwind-preset.ts"
+  },
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@hyperframes/core": "workspace:*",
+    "@codemirror/autocomplete": "^6.20.1",
+    "@codemirror/commands": "^6.10.3",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.9",
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/search": "^6.6.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.40.0",
+    "@phosphor-icons/react": "^2.1.10",
+    "codemirror": "^6.0.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "zustand": "^4.0.0 || ^5.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.0",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  }
+}