entangle-ui 0.3.0 → 0.4.0

package/dist/esm/assets/src/components/controls/Select/Select.css.ts.vanilla-D4C059Ua.css

@@ -0,0 +1,225 @@
+@keyframes Select_selectDropdownIn__ycpn70u {
+  from {
+    opacity: 0;
+    transform: scaleY(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+.Select_selectContainerStyle__ycpn700 {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.Select_triggerRecipe__ycpn702 {
+  margin: 0;
+  font-family: inherit;
+  user-select: none;
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: var(--etui-font-weight-normal);
+  border-radius: var(--etui-radius-md);
+  transition: all var(--etui-transition-fast);
+  text-align: left;
+  gap: var(--etui-spacing-sm);
+}
+.Select_triggerRecipe__ycpn702:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.Select_triggerRecipe__ycpn702:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Select_triggerRecipe_size_sm__ycpn703 {
+  height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.Select_triggerRecipe_size_md__ycpn704 {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+}
+.Select_triggerRecipe_size_lg__ycpn705 {
+  height: 32px;
+  padding: 0 var(--etui-spacing-xl);
+  font-size: var(--etui-font-size-sm);
+}
+.Select_triggerRecipe_variant_default__ycpn706 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.Select_triggerRecipe_variant_default__ycpn706:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  border-color: transparent;
+}
+.Select_triggerRecipe_variant_ghost__ycpn707 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.Select_triggerRecipe_variant_ghost__ycpn707:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Select_triggerRecipe_variant_filled__ycpn708 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.Select_triggerRecipe_variant_filled__ycpn708:hover:not(:disabled) {
+  border-color: var(--etui-color-border-focus);
+}
+.Select_triggerRecipe_disabled_true__ycpn709 {
+  cursor: not-allowed;
+}
+.Select_triggerRecipe_disabled_false__ycpn70a {
+  cursor: pointer;
+}
+.Select_triggerRecipe_compound_0__ycpn70h {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Select_triggerRecipe_compound_1__ycpn70i {
+  border-color: var(--etui-color-accent-error);
+}
+.Select_triggerRecipe_compound_2__ycpn70j {
+  border-color: var(--etui-color-accent-error);
+}
+.Select_triggerRecipe_compound_3__ycpn70k {
+  border-color: var(--etui-color-border-focus);
+}
+.Select_triggerRecipe_compound_4__ycpn70l {
+  border-color: var(--etui-color-border-focus);
+}
+.Select_triggerRecipe_compound_5__ycpn70m {
+  color: var(--etui-color-text-muted);
+}
+.Select_triggerRecipe_compound_6__ycpn70n {
+  color: var(--etui-color-text-muted);
+}
+.Select_triggerRecipe_compound_7__ycpn70o {
+  color: var(--etui-color-text-muted);
+}
+.Select_triggerContentStyle__ycpn70p {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  flex: 1;
+}
+.Select_chevronRecipe__ycpn70q {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: var(--etui-color-text-muted);
+}
+.Select_chevronRecipe_open_true__ycpn70r {
+  transform: rotate(180deg);
+}
+.Select_chevronRecipe_open_false__ycpn70s {
+  transform: rotate(0deg);
+}
+.Select_clearButtonStyle__ycpn70t {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  outline: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-muted);
+  flex-shrink: 0;
+}
+.Select_clearButtonStyle__ycpn70t:hover {
+  color: var(--etui-color-text-primary);
+}
+.Select_dropdownStyle__ycpn70v {
+  position: fixed;
+  z-index: var(--etui-z-dropdown);
+  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-lg);
+  overflow: hidden;
+  font-family: var(--etui-font-family-sans);
+  animation: Select_selectDropdownIn__ycpn70u var(--etui-transition-fast) forwards;
+}
+.Select_searchInputStyle__ycpn70w {
+  width: 100%;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  border: none;
+  border-bottom: 1px solid var(--etui-color-border-default);
+  background: transparent;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-md);
+  outline: none;
+  font-family: inherit;
+}
+.Select_searchInputStyle__ycpn70w::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.Select_optionsListStyle__ycpn70x {
+  width: 100%;
+}
+.Select_optionItemRecipe__ycpn70y {
+  display: flex;
+  align-items: center;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  font-size: var(--etui-font-size-md);
+  gap: var(--etui-spacing-sm);
+  transition: background var(--etui-transition-fast);
+}
+.Select_optionItemRecipe_highlighted_true__ycpn70z {
+  background: var(--etui-color-surface-hover);
+}
+.Select_optionItemRecipe_selected_true__ycpn7011 {
+  background: var(--etui-color-surface-active);
+}
+.Select_optionItemRecipe_disabled_true__ycpn7013 {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Select_optionItemRecipe_disabled_false__ycpn7014 {
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+}
+.Select_optionItemRecipe_disabled_false__ycpn7014:hover {
+  background: var(--etui-color-surface-hover);
+}
+.Select_optionItemRecipe_compound_0__ycpn7015 {
+  background: var(--etui-color-surface-hover);
+}
+.Select_groupLabelStyle__ycpn7016 {
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+  text-transform: uppercase;
+  font-weight: var(--etui-font-weight-medium);
+  letter-spacing: 0.5px;
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Select_emptyMessageStyle__ycpn7017 {
+  padding: var(--etui-spacing-md);
+  text-align: center;
+  color: var(--etui-color-text-muted);
+  font-size: var(--etui-font-size-md);
+}
+.Select_checkmarkStyle__ycpn7018 {
+  margin-left: auto;
+  flex-shrink: 0;
+  color: var(--etui-color-accent-primary);
+  display: flex;
+  align-items: center;
+}

package/dist/esm/assets/src/components/controls/Slider/Slider.css.ts.vanilla-C5SJ_7A1.css

@@ -0,0 +1,173 @@
+.Slider_sliderContainerRecipe__t8kxxs3 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+  min-width: 0;
+}
+.Slider_sliderContainerRecipe_disabled_true__t8kxxs4 {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.Slider_sliderWrapperStyle__t8kxxs6 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  padding: 0px 0;
+  width: 100%;
+}
+.Slider_trackRecipe__t8kxxs7 {
+  position: relative;
+  flex: 1;
+  border-radius: var(--etui-radius-sm);
+  overflow: hidden;
+  border: 1px solid;
+}
+.Slider_trackRecipe_size_sm__t8kxxs8 {
+  height: 4px;
+}
+.Slider_trackRecipe_size_md__t8kxxs9 {
+  height: 6px;
+}
+.Slider_trackRecipe_size_lg__t8kxxsa {
+  height: 8px;
+}
+.Slider_trackRecipe_error_true__t8kxxsb {
+  background: var(--etui-color-accent-error);
+  border-color: var(--etui-color-border-error);
+}
+.Slider_trackRecipe_error_true__t8kxxsb:hover {
+  border-color: var(--etui-color-border-error);
+}
+.Slider_trackRecipe_error_false__t8kxxsc {
+  background: var(--etui-color-surface-default);
+  border-color: var(--etui-color-border-default);
+}
+.Slider_trackRecipe_error_false__t8kxxsc:hover {
+  border-color: var(--etui-color-border-focus);
+}
+.Slider_fillRecipe__t8kxxsd {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: var(--fillPercentageVar__t8kxxs0);
+}
+.Slider_fillRecipe_error_true__t8kxxse {
+  background: var(--etui-color-accent-error);
+}
+.Slider_fillRecipe_error_false__t8kxxsf {
+  background: var(--etui-color-accent-primary);
+}
+.Slider_fillRecipe_isDragging_true__t8kxxsg {
+  transition: none;
+}
+.Slider_fillRecipe_isDragging_false__t8kxxsh {
+  transition: width 0.1s ease-out;
+}
+.Slider_thumbRecipe__t8kxxsi {
+  position: absolute;
+  top: 50%;
+  left: var(--thumbPercentageVar__t8kxxs1);
+  transform: translate(-50%, -50%);
+  border: 2px solid var(--etui-color-bg-primary);
+  border-radius: 50%;
+  cursor: grab;
+  box-shadow: var(--etui-shadow-sm);
+}
+.Slider_thumbRecipe__t8kxxsi:hover {
+  transform: translate(-50%, -50%) scale(1.1);
+  box-shadow: var(--etui-shadow-md);
+}
+.Slider_thumbRecipe_size_sm__t8kxxsj {
+  width: 12px;
+  height: 12px;
+}
+.Slider_thumbRecipe_size_md__t8kxxsk {
+  width: 16px;
+  height: 16px;
+}
+.Slider_thumbRecipe_size_lg__t8kxxsl {
+  width: 20px;
+  height: 20px;
+}
+.Slider_thumbRecipe_error_true__t8kxxsm {
+  background: var(--etui-color-accent-error);
+}
+.Slider_thumbRecipe_error_false__t8kxxsn {
+  background: var(--etui-color-accent-primary);
+}
+.Slider_thumbRecipe_isDragging_true__t8kxxso {
+  cursor: grabbing;
+  transform: translate(-50%, -50%) scale(1.15);
+  box-shadow: var(--etui-shadow-lg);
+  transition: none;
+}
+.Slider_thumbRecipe_isDragging_false__t8kxxsp {
+  transition: all var(--etui-transition-fast);
+}
+.Slider_ticksStyle__t8kxxsq {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  height: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  pointer-events: none;
+}
+.Slider_ticksStyle__t8kxxsq::before {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--etui-color-border-default);
+}
+.Slider_tickStyle__t8kxxsr {
+  width: 1px;
+  height: 4px;
+  background: var(--etui-color-text-muted);
+  margin-top: 2px;
+}
+.Slider_tooltipRecipe__t8kxxss {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: var(--tooltipPercentageVar__t8kxxs2);
+  transform: translateX(-50%);
+  background: var(--etui-color-bg-elevated);
+  color: var(--etui-color-text-primary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  padding: 4px 8px;
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: var(--etui-z-tooltip);
+  transition: all var(--etui-transition-fast);
+}
+.Slider_tooltipRecipe__t8kxxss::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid var(--etui-color-border-default);
+}
+.Slider_tooltipRecipe_visible_true__t8kxxst {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+.Slider_tooltipRecipe_visible_false__t8kxxsu {
+  opacity: 0;
+  transform: translateX(-50%) translateY(4px);
+}

package/dist/esm/assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-D3ylUhuW.css

@@ -0,0 +1,150 @@
+.TreeNode_rowRecipe__8ws3ne2 {
+  display: flex;
+  align-items: center;
+  padding-left: var(--paddingLeftVar__8ws3ne0);
+  padding-right: var(--etui-spacing-xs);
+  user-select: none;
+  position: relative;
+}
+.TreeNode_rowRecipe_size_sm__8ws3ne3 {
+  height: 20px;
+}
+.TreeNode_rowRecipe_size_md__8ws3ne4 {
+  height: 24px;
+}
+.TreeNode_rowRecipe_size_lg__8ws3ne5 {
+  height: 32px;
+}
+.TreeNode_rowRecipe_disabled_true__8ws3nea {
+  cursor: default;
+  opacity: 0.5;
+}
+.TreeNode_rowRecipe_disabled_false__8ws3neb {
+  cursor: pointer;
+}
+.TreeNode_rowRecipe_compound_0__8ws3nec {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 15%, transparent);
+}
+.TreeNode_rowRecipe_compound_0__8ws3nec:hover {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 20%, transparent);
+}
+.TreeNode_rowRecipe_compound_1__8ws3ned {
+  background: transparent;
+}
+.TreeNode_rowRecipe_compound_1__8ws3ned:hover {
+  background: var(--etui-color-surface-hover);
+}
+.TreeNode_rowRecipe_compound_2__8ws3nee {
+  box-shadow: inset 0 0 0 1px var(--etui-color-border-focus);
+}
+.TreeNode_chevronRecipe__8ws3nef {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: var(--etui-color-text-muted);
+}
+.TreeNode_chevronRecipe__8ws3nef:hover {
+  color: var(--etui-color-text-primary);
+}
+.TreeNode_chevronRecipe_size_sm__8ws3neg {
+  width: 14px;
+  height: 14px;
+}
+.TreeNode_chevronRecipe_size_md__8ws3neh {
+  width: 16px;
+  height: 16px;
+}
+.TreeNode_chevronRecipe_size_lg__8ws3nei {
+  width: 18px;
+  height: 18px;
+}
+.TreeNode_chevronRecipe_expanded_true__8ws3nej {
+  transform: rotate(90deg);
+}
+.TreeNode_chevronRecipe_expanded_false__8ws3nek {
+  transform: rotate(0deg);
+}
+.TreeNode_chevronRecipe_visible_true__8ws3nel {
+  visibility: visible;
+}
+.TreeNode_chevronRecipe_visible_false__8ws3nem {
+  visibility: hidden;
+}
+.TreeNode_iconRecipe__8ws3nen {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-right: var(--etui-spacing-xs);
+  color: var(--etui-color-text-secondary);
+}
+.TreeNode_iconRecipe_size_sm__8ws3neo {
+  width: 12px;
+  height: 12px;
+}
+.TreeNode_iconRecipe_size_md__8ws3nep {
+  width: 14px;
+  height: 14px;
+}
+.TreeNode_iconRecipe_size_lg__8ws3neq {
+  width: 16px;
+  height: 16px;
+}
+.TreeNode_labelRecipe__8ws3ner {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-normal);
+}
+.TreeNode_labelRecipe_size_sm__8ws3nes {
+  font-size: var(--etui-font-size-md);
+}
+.TreeNode_labelRecipe_size_md__8ws3net {
+  font-size: var(--etui-font-size-md);
+}
+.TreeNode_labelRecipe_size_lg__8ws3neu {
+  font-size: var(--etui-font-size-lg);
+}
+.TreeNode_actionsStyle__8ws3nev {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+.TreeNode_renameInputRecipe__8ws3new {
+  flex: 1;
+  min-width: 0;
+  border: 1px solid var(--etui-color-border-focus);
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-primary);
+  padding: 0 4px;
+  outline: none;
+}
+.TreeNode_renameInputRecipe_size_sm__8ws3nex {
+  font-size: var(--etui-font-size-md);
+  height: 16px;
+}
+.TreeNode_renameInputRecipe_size_md__8ws3ney {
+  font-size: var(--etui-font-size-md);
+  height: 20px;
+}
+.TreeNode_renameInputRecipe_size_lg__8ws3nez {
+  font-size: var(--etui-font-size-lg);
+  height: 28px;
+}
+.TreeNode_guideLineStyle__8ws3ne10 {
+  position: absolute;
+  left: var(--guideLineLeftVar__8ws3ne1);
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: color-mix(in srgb, var(--etui-color-border-default) 30%, transparent);
+  pointer-events: none;
+}

package/dist/esm/assets/src/components/controls/TreeView/TreeView.css.ts.vanilla-CsG5-rWt.css

@@ -0,0 +1,14 @@
+.TreeView_treeContainerStyle__cc0psk1 {
+  display: flex;
+  flex-direction: column;
+  max-height: var(--maxHeightVar__cc0psk0);
+  overflow-y: auto;
+}
+.TreeView_emptyStateStyle__cc0psk2 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--etui-spacing-md);
+  color: var(--etui-color-text-muted);
+  font-size: var(--etui-font-size-md);
+}

package/dist/esm/assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BJma3iQ4.css

@@ -0,0 +1,102 @@
+.VectorInput_vectorContainerStyle__1osrtmk2 {
+  display: flex;
+  flex-direction: column;
+}
+.VectorInput_vectorRowRecipe__1osrtmk3 {
+  display: flex;
+  gap: var(--gapVar__1osrtmk1);
+}
+.VectorInput_vectorRowRecipe_direction_row__1osrtmk4 {
+  flex-direction: row;
+  align-items: center;
+}
+.VectorInput_vectorRowRecipe_direction_column__1osrtmk5 {
+  flex-direction: column;
+  align-items: stretch;
+}
+.VectorInput_axisInputStyle__1osrtmk6 {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0;
+}
+.VectorInput_axisLabelRecipe__1osrtmk7 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--etui-font-weight-semibold);
+  border-radius: var(--etui-radius-sm);
+  user-select: none;
+  flex-shrink: 0;
+  margin-right: var(--etui-spacing-xs);
+  color: var(--axisColorVar__1osrtmk0);
+  background: color-mix(in srgb, var(--axisColorVar__1osrtmk0) 20%, transparent);
+}
+.VectorInput_axisLabelRecipe_size_sm__1osrtmk8 {
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
+  font-size: var(--etui-font-size-xs);
+}
+.VectorInput_axisLabelRecipe_size_md__1osrtmk9 {
+  width: 18px;
+  min-width: 18px;
+  height: 18px;
+  font-size: var(--etui-font-size-xs);
+}
+.VectorInput_axisLabelRecipe_size_lg__1osrtmka {
+  width: 22px;
+  min-width: 22px;
+  height: 22px;
+  font-size: var(--etui-font-size-sm);
+}
+.VectorInput_linkButtonRecipe__1osrtmkb {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-sm);
+  cursor: pointer;
+  padding: 0;
+  margin-left: var(--etui-spacing-xs);
+  transition: all var(--etui-transition-fast);
+  flex-shrink: 0;
+}
+.VectorInput_linkButtonRecipe__1osrtmkb:hover {
+  background: var(--etui-color-surface-hover);
+}
+.VectorInput_linkButtonRecipe__1osrtmkb:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.VectorInput_linkButtonRecipe_active_true__1osrtmkc {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 13%, transparent);
+  color: var(--etui-color-accent-primary);
+}
+.VectorInput_linkButtonRecipe_active_true__1osrtmkc:hover {
+  color: var(--etui-color-accent-primary);
+}
+.VectorInput_linkButtonRecipe_active_false__1osrtmkd {
+  background: transparent;
+  color: var(--etui-color-text-muted);
+}
+.VectorInput_linkButtonRecipe_active_false__1osrtmkd:hover {
+  color: var(--etui-color-text-secondary);
+}
+.VectorInput_linkButtonRecipe_size_sm__1osrtmke {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+}
+.VectorInput_linkButtonRecipe_size_md__1osrtmkf {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+}
+.VectorInput_linkButtonRecipe_size_lg__1osrtmkg {
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+}