entangle-ui 0.9.0 → 0.10.0

package/dist/esm/assets/src/components/editor/NodeGraph/NodeGraph.css.ts.vanilla-ClF4YZvl.css

@@ -0,0 +1,401 @@
+.NodeGraph_nodeGraphRootStyle__vfkbcb2 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.NodeGraph_nodeWrapperRecipe__vfkbcb3 {
+  position: absolute;
+  box-sizing: border-box;
+  pointer-events: auto;
+  cursor: default;
+  transition: box-shadow var(--etui-transition-fast);
+}
+.NodeGraph_nodeWrapperRecipe_autoSize_true__vfkbcb4 {
+  width: max-content;
+  height: auto;
+}
+.NodeGraph_nodeWrapperRecipe_autoSize_false__vfkbcb5 {
+  width: var(--nodeWidthVar__vfkbcb0);
+  height: var(--nodeHeightVar__vfkbcb1);
+}
+.NodeGraph_nodeWrapperRecipe_draggable_true__vfkbcb6 {
+  cursor: grab;
+}
+.NodeGraph_nodeWrapperRecipe_dragging_true__vfkbcb8 {
+  cursor: grabbing;
+  user-select: none;
+}
+.NodeGraph_nodeWrapperRecipe_selectable_false__vfkbcbb {
+  cursor: default;
+}
+.NodeGraph_defaultNodeBodyRecipe__vfkbcbc {
+  width: 100%;
+  height: 100%;
+  background: var(--etui-color-bg-secondary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  box-shadow: var(--etui-shadow-sm);
+  padding: var(--etui-spacing-sm);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-sm);
+  font-family: var(--etui-font-family-sans);
+  overflow: hidden;
+}
+.NodeGraph_defaultNodeBodyRecipe__vfkbcbc[data-hovered="true"] {
+  border-color: var(--etui-color-border-focus);
+}
+.NodeGraph_defaultNodeBodyRecipe_selected_true__vfkbcbd {
+  border-color: var(--etui-color-accent-primary);
+  box-shadow: 0 0 0 1px var(--etui-color-accent-primary), var(--etui-shadow-md);
+}
+.NodeGraph_portSlotRecipe__vfkbcbf {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  pointer-events: auto;
+  cursor: crosshair;
+  vertical-align: middle;
+  transform-origin: center;
+}
+.NodeGraph_portSlotRecipe_custom_false__vfkbcbk {
+  width: 14px;
+  height: 14px;
+  color: var(--etui-ng-port-color, var(--etui-color-border-focus));
+  transition: transform var(--etui-transition-fast), color var(--etui-transition-fast);
+}
+.NodeGraph_portSlotRecipe_custom_false__vfkbcbk:hover {
+  transform: scale(1.25);
+  color: var(--etui-color-accent-primary);
+}
+.NodeGraph_portSlotRecipe_custom_true__vfkbcbl {
+  width: auto;
+  height: auto;
+  min-width: 0;
+  min-height: 0;
+  padding: 0;
+  transition: none;
+}
+.NodeGraph_portSlotRecipe_source_true__vfkbcbm {
+  color: var(--etui-color-accent-primary);
+  transform: scale(1.15);
+}
+.NodeGraph_portSlotRecipe_candidate_true__vfkbcbo {
+  color: var(--etui-color-accent-primary);
+  transform: scale(1.4);
+}
+.NodeGraph_portSlotRecipe_invalid_true__vfkbcbq {
+  color: var(--etui-color-accent-error);
+}
+.NodeGraph_portSlotRecipe_invalid_true__vfkbcbq:hover {
+  color: var(--etui-color-accent-error);
+}
+.NodeGraph_edgeLabelStyle__vfkbcbs {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  padding: 0 var(--etui-spacing-xs);
+  background: var(--etui-color-bg-primary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  pointer-events: auto;
+  white-space: nowrap;
+}
+.NodeGraph_groupOverlayRecipe__vfkbcbt {
+  position: absolute;
+  pointer-events: auto;
+  cursor: move;
+  box-sizing: border-box;
+  border-radius: var(--etui-radius-sm);
+  border: 2px solid transparent;
+}
+.NodeGraph_groupOverlayRecipe_selected_true__vfkbcbu {
+  border: 2px solid var(--etui-color-accent-primary);
+  box-shadow: 0 0 0 1px var(--etui-color-accent-primary)66;
+}
+.NodeGraph_groupOverlayRecipe_dragging_true__vfkbcbw {
+  cursor: grabbing;
+}
+.NodeGraph_groupOverlayRecipe_blocked_true__vfkbcby {
+  border: 2px dashed var(--etui-color-accent-error);
+  box-shadow: 0 0 0 1px var(--etui-color-accent-error)66;
+}
+.NodeGraph_groupResizeHandleStyle__vfkbcb10 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: var(--etui-color-accent-primary);
+  border: 1px solid var(--etui-color-bg-primary);
+  border-radius: 2px;
+  box-sizing: border-box;
+  pointer-events: auto;
+  z-index: 1;
+}
+.NodeGraph_groupLabelBarStyle__vfkbcb11 {
+  position: absolute;
+  top: -26px;
+  left: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 22px;
+  padding-left: 8px;
+  padding-right: 4px;
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-primary);
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  pointer-events: auto;
+}
+.NodeGraph_groupLabelStyle__vfkbcb12 {
+  white-space: nowrap;
+  cursor: text;
+  user-select: none;
+  max-width: 240px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.NodeGraph_groupLabelInputStyle__vfkbcb13 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  outline: none;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-xs);
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-medium);
+  padding: 0;
+  margin: 0;
+  width: 160px;
+}
+.NodeGraph_groupLabelInputStyle__vfkbcb13::-webkit-search-cancel-button {
+  display: none;
+}
+.NodeGraph_groupColorSwatchStyle__vfkbcb14 {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border-radius: 3px;
+  border: 1px solid var(--etui-color-border-default);
+  background: currentColor;
+  padding: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast), border-color var(--etui-transition-fast);
+}
+.NodeGraph_groupColorSwatchStyle__vfkbcb14:hover {
+  transform: scale(1.1);
+  border-color: var(--etui-color-accent-primary);
+}
+.NodeGraph_groupColorSwatchStyle__vfkbcb14:focus-visible {
+  outline: 2px solid var(--etui-color-accent-primary);
+  outline-offset: 1px;
+}
+.NodeGraph_minimapSlotStyle__vfkbcb15 {
+  pointer-events: auto;
+}
+.NodeGraph_nodeGraphToolbarRecipe__vfkbcb16 {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  padding: 2px var(--etui-spacing-xs);
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  box-shadow: var(--etui-shadow-md);
+  pointer-events: auto;
+  z-index: 5;
+}
+.NodeGraph_nodeGraphToolbarRecipe_placement_top-left__vfkbcb17 {
+  top: 0;
+  left: 0;
+}
+.NodeGraph_nodeGraphToolbarRecipe_placement_top-right__vfkbcb18 {
+  top: 0;
+  right: 0;
+}
+.NodeGraph_nodeGraphToolbarRecipe_placement_bottom-left__vfkbcb19 {
+  bottom: 0;
+  left: 0;
+}
+.NodeGraph_nodeGraphToolbarRecipe_placement_bottom-right__vfkbcb1a {
+  bottom: 0;
+  right: 0;
+}
+.NodeGraph_nodeGraphToolbarSeparatorStyle__vfkbcb1b {
+  background: var(--etui-color-border-default);
+  flex-shrink: 0;
+  margin-inline: 2px;
+}
+.NodeGraph_nodeBodyRecipe__vfkbcb1c {
+  width: max-content;
+  min-width: 160px;
+  background: var(--etui-color-bg-elevated);
+  border-radius: var(--etui-radius-md);
+  border: 1px solid var(--etui-color-border-default);
+  box-shadow: var(--etui-shadow-md);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  color: var(--etui-color-text-primary);
+  font-family: var(--etui-font-family-sans);
+  font-size: var(--etui-font-size-sm);
+  transition: border-color var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+}
+.NodeGraph_nodeBodyRecipe_variant_flat__vfkbcb1e {
+  box-shadow: none;
+}
+.NodeGraph_nodeBodyRecipe_variant_minimal__vfkbcb1f {
+  background: transparent;
+  box-shadow: none;
+}
+.NodeGraph_nodeBodyRecipe_selected_true__vfkbcb1g {
+  border-color: var(--etui-ng-accent, var(--etui-color-accent-primary));
+  box-shadow: 0 0 0 1px var(--etui-ng-accent, var(--etui-color-accent-primary)), var(--etui-shadow-lg);
+}
+.NodeGraph_nodeBodyRecipe_hovered_true__vfkbcb1i {
+  border-color: var(--etui-color-border-focus);
+}
+.NodeGraph_nodeHeaderStyle__vfkbcb1k {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  background: linear-gradient(90deg, color-mix(in srgb, var(--etui-ng-accent, var(--etui-color-accent-primary)) 65%, var(--etui-color-bg-elevated)) 0%, color-mix(in srgb, var(--etui-ng-accent, var(--etui-color-accent-primary)) 40%, var(--etui-color-bg-elevated)) 100%);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+  min-height: 28px;
+}
+.NodeGraph_nodeHeaderIconStyle__vfkbcb1l {
+  width: 18px;
+  height: 18px;
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.3);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-semibold);
+  color: rgba(255, 255, 255, 0.95);
+  flex-shrink: 0;
+}
+.NodeGraph_nodeHeaderTextStyle__vfkbcb1m {
+  min-width: 0;
+  flex: 1;
+}
+.NodeGraph_nodeHeaderTitleStyle__vfkbcb1n {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: 1.15;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: rgba(255, 255, 255, 0.95);
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+}
+.NodeGraph_nodeHeaderSubtitleStyle__vfkbcb1o {
+  font-size: var(--etui-font-size-xs);
+  opacity: 0.75;
+  line-height: 1.15;
+  margin-top: 1px;
+  color: rgba(255, 255, 255, 0.85);
+}
+.NodeGraph_pinListStyle__vfkbcb1p {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+}
+.NodeGraph_pinListColumnStyle__vfkbcb1q {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.NodeGraph_pinRowRecipe__vfkbcb1r {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.NodeGraph_pinRowRecipe_side_left__vfkbcb1s {
+  justify-content: flex-start;
+}
+.NodeGraph_pinRowRecipe_side_right__vfkbcb1t {
+  justify-content: flex-end;
+}
+.NodeGraph_pinRowRecipe_side_top__vfkbcb1u {
+  justify-content: flex-start;
+}
+.NodeGraph_pinRowRecipe_side_bottom__vfkbcb1v {
+  justify-content: flex-start;
+}
+.NodeGraph_pinLabelStyle__vfkbcb1w {
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.NodeGraph_nodeSectionStyle__vfkbcb1x {
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid var(--etui-color-border-default);
+}
+.NodeGraph_nodeSectionHeaderStyle__vfkbcb1y {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  margin: 0;
+  background: transparent;
+  border: none;
+  color: var(--etui-color-text-secondary);
+  font: inherit;
+  font-size: var(--etui-font-size-xs);
+  text-align: left;
+  cursor: pointer;
+}
+.NodeGraph_nodeSectionHeaderStyle__vfkbcb1y:disabled {
+  cursor: default;
+}
+.NodeGraph_nodeSectionHeaderStyle__vfkbcb1y:hover:not(:disabled) {
+  color: var(--etui-color-text-primary);
+}
+.NodeGraph_nodeSectionChevronRecipe__vfkbcb1z {
+  width: 0;
+  height: 0;
+  flex-shrink: 0;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 5px solid currentColor;
+  transition: transform var(--etui-transition-fast);
+}
+.NodeGraph_nodeSectionChevronRecipe_collapsed_true__vfkbcb20 {
+  transform: rotate(0deg);
+}
+.NodeGraph_nodeSectionChevronRecipe_collapsed_false__vfkbcb21 {
+  transform: rotate(90deg);
+}
+.NodeGraph_nodeSectionTitleStyle__vfkbcb22 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.NodeGraph_nodeSectionContentStyle__vfkbcb23 {
+  display: flex;
+  flex-direction: column;
+}
+.NodeGraph_nodeGraphRootStyle__vfkbcb2 [data-viewport-world] {
+  pointer-events: none;
+}

package/dist/esm/assets/src/components/editor/Timeline/Timeline.css.ts.vanilla-DDX6Zalo.css

@@ -0,0 +1,203 @@
+.Timeline_timelineShellStyle__1c3scxy0 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background: var(--etui-color-bg-secondary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  overflow: hidden;
+  color: var(--etui-color-text-primary);
+}
+.Timeline_timelineBodyStyle__1c3scxy1 {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  outline: none;
+  user-select: none;
+  touch-action: none;
+  cursor: default;
+}
+.Timeline_timelineBodyStyle__1c3scxy1:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="playhead"] {
+  cursor: ew-resize;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="loop-edge"] {
+  cursor: ew-resize;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-hover-target="loop-body"] {
+  cursor: grab;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-dragging] {
+  cursor: grabbing;
+}
+.Timeline_timelineBodyStyle__1c3scxy1[data-disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Timeline_timelineCanvasStyle__1c3scxy2 {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.Timeline_timelineOverlayLayerStyle__1c3scxy3 {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.Timeline_ariaLiveRegionStyle__1c3scxy4 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.Timeline_timelineMainRowStyle__1c3scxy5 {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  min-height: 0;
+}
+.Timeline_timelineHeaderColumnStyle__1c3scxy6 {
+  position: relative;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-bg-primary);
+  overflow: hidden;
+  user-select: none;
+}
+.Timeline_timelineHeaderSpacerStyle__1c3scxy7 {
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Timeline_timelineHeaderRowsViewportStyle__1c3scxy8 {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9 {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-sm);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  overflow: hidden;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-draggable] {
+  cursor: grab;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-selected] {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-locked] {
+  opacity: 0.5;
+}
+.Timeline_timelineHeaderRowStyle__1c3scxy9[data-dragging] {
+  opacity: 0.4;
+}
+.Timeline_timelineHeaderGroupRowStyle__1c3scxya {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  background: var(--etui-color-bg-elevated);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+  overflow: hidden;
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--etui-color-text-muted);
+  cursor: pointer;
+  border-radius: 2px;
+  transition: transform var(--etui-transition-fast);
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb[data-open] {
+  transform: rotate(90deg);
+}
+.Timeline_timelineHeaderToggleStyle__1c3scxyb:hover {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Timeline_timelineHeaderSwatchStyle__1c3scxyc {
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  background: var(--etui-color-accent-secondary);
+}
+.Timeline_timelineHeaderLabelStyle__1c3scxyd {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.Timeline_timelineMinimapStyle__1c3scxye {
+  flex-shrink: 0;
+  position: relative;
+  width: 100%;
+  cursor: pointer;
+  background: var(--etui-color-bg-inset);
+  border-top: 1px solid var(--etui-color-border-default);
+  user-select: none;
+  touch-action: none;
+}
+.Timeline_timelineToolbarStyle__1c3scxyf {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Timeline_timelineFooterStyle__1c3scxyg {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  border-top: 1px solid var(--etui-color-border-default);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+}
+.Timeline_timelineHeaderDropIndicatorStyle__1c3scxyh {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--etui-color-accent-primary);
+  pointer-events: none;
+}