entangle-ui 0.8.2 → 0.10.0

package/dist/esm/assets/src/components/controls/MultiSelect/MultiSelect.css.ts.vanilla-CdYayqaF.css

@@ -0,0 +1,311 @@
+@keyframes MultiSelect_dropdownIn__1a6uxqy11 {
+  from {
+    opacity: 0;
+    transform: scaleY(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+.MultiSelect_containerStyle__1a6uxqy0 {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1 {
+  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);
+  min-width: 0;
+  width: 100%;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.MultiSelect_triggerRecipe__1a6uxqy1:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.MultiSelect_triggerRecipe_size_sm__1a6uxqy2 {
+  min-height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_triggerRecipe_size_md__1a6uxqy3 {
+  min-height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_triggerRecipe_size_lg__1a6uxqy4 {
+  min-height: 32px;
+  padding: 0 var(--etui-spacing-xl);
+  font-size: var(--etui-font-size-sm);
+}
+.MultiSelect_triggerRecipe_variant_default__1a6uxqy5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_default__1a6uxqy5:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  border-color: transparent;
+}
+.MultiSelect_triggerRecipe_variant_ghost__1a6uxqy6 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_ghost__1a6uxqy6:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_triggerRecipe_variant_filled__1a6uxqy7 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_triggerRecipe_variant_filled__1a6uxqy7:hover:not(:disabled) {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_disabled_true__1a6uxqyc {
+  cursor: not-allowed;
+}
+.MultiSelect_triggerRecipe_disabled_false__1a6uxqyd {
+  cursor: pointer;
+}
+.MultiSelect_triggerRecipe_compound_0__1a6uxqyg {
+  box-shadow: var(--etui-shadow-focus);
+}
+.MultiSelect_triggerRecipe_compound_1__1a6uxqyh {
+  border-color: var(--etui-color-accent-error);
+}
+.MultiSelect_triggerRecipe_compound_2__1a6uxqyi {
+  border-color: var(--etui-color-accent-error);
+}
+.MultiSelect_triggerRecipe_compound_3__1a6uxqyj {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_compound_4__1a6uxqyk {
+  border-color: var(--etui-color-border-focus);
+}
+.MultiSelect_triggerRecipe_compound_5__1a6uxqyl {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerRecipe_compound_6__1a6uxqym {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerRecipe_compound_7__1a6uxqyn {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_triggerContentStyle__1a6uxqyo {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--etui-spacing-xs);
+  overflow: hidden;
+  min-width: 0;
+  flex: 1;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.MultiSelect_chipRecipe__1a6uxqyp {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-active);
+  color: var(--etui-color-text-primary);
+  line-height: 1;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.MultiSelect_chipRecipe_size_sm__1a6uxqyq {
+  height: 14px;
+  font-size: 10px;
+}
+.MultiSelect_chipRecipe_size_md__1a6uxqyr {
+  height: 16px;
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_chipRecipe_size_lg__1a6uxqys {
+  height: 20px;
+  font-size: var(--etui-font-size-sm);
+}
+.MultiSelect_chipLabelStyle__1a6uxqyt {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.MultiSelect_chipRemoveStyle__1a6uxqyu {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+  border-radius: var(--etui-radius-sm);
+}
+.MultiSelect_chipRemoveStyle__1a6uxqyu:hover {
+  opacity: 1;
+}
+.MultiSelect_moreBadgeStyle__1a6uxqyv {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--etui-spacing-xs);
+  height: 16px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-secondary);
+  font-size: var(--etui-font-size-xs);
+}
+.MultiSelect_placeholderStyle__1a6uxqyw {
+  color: var(--etui-color-text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.MultiSelect_clearButtonStyle__1a6uxqyx {
+  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;
+}
+.MultiSelect_clearButtonStyle__1a6uxqyx:hover {
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_chevronRecipe__1a6uxqyy {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_chevronRecipe_open_true__1a6uxqyz {
+  transform: rotate(180deg);
+}
+.MultiSelect_chevronRecipe_open_false__1a6uxqy10 {
+  transform: rotate(0deg);
+}
+.MultiSelect_dropdownStyle__1a6uxqy12 {
+  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: MultiSelect_dropdownIn__1a6uxqy11 var(--etui-transition-fast) forwards;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.MultiSelect_searchInputStyle__1a6uxqy13 {
+  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;
+}
+.MultiSelect_searchInputStyle__1a6uxqy13::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.MultiSelect_optionsListStyle__1a6uxqy14 {
+  width: 100%;
+  overflow-y: auto;
+}
+.MultiSelect_optionItemRecipe__1a6uxqy15 {
+  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);
+}
+.MultiSelect_optionItemRecipe_active_true__1a6uxqy16 {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_optionItemRecipe_selected_true__1a6uxqy18 {
+  background: var(--etui-color-surface-active);
+}
+.MultiSelect_optionItemRecipe_disabled_true__1a6uxqy1a {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.MultiSelect_optionItemRecipe_disabled_false__1a6uxqy1b {
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+}
+.MultiSelect_optionItemRecipe_disabled_false__1a6uxqy1b:hover {
+  background: var(--etui-color-surface-hover);
+}
+.MultiSelect_groupLabelStyle__1a6uxqy1c {
+  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;
+}
+.MultiSelect_emptyMessageStyle__1a6uxqy1d {
+  padding: var(--etui-spacing-md);
+  text-align: center;
+  color: var(--etui-color-text-muted);
+  font-size: var(--etui-font-size-md);
+}
+.MultiSelect_checkboxRecipe__1a6uxqy1e {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: var(--etui-radius-sm);
+  border: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+}
+.MultiSelect_checkboxRecipe_selected_true__1a6uxqy1f {
+  background: var(--etui-color-accent-primary);
+  border-color: var(--etui-color-accent-primary);
+}
+@media (prefers-reduced-motion: reduce) {
+  .MultiSelect_triggerRecipe__1a6uxqy1 {
+    transition: none;
+  }
+  .MultiSelect_chevronRecipe__1a6uxqyy {
+    transition: none;
+  }
+  .MultiSelect_dropdownStyle__1a6uxqy12 {
+    animation: none;
+  }
+}

package/dist/esm/assets/src/components/controls/TagInput/TagInput.css.ts.vanilla-hnkMOPp1.css

@@ -0,0 +1,141 @@
+.TagInput_containerStyle__16f33bk0 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.TagInput_wrapperRecipe__16f33bk1 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+  min-height: 24px;
+  border-radius: var(--etui-radius-md);
+  transition: border-color var(--etui-transition-fast), background var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+  font-family: var(--etui-font-family-sans);
+  cursor: text;
+}
+.TagInput_wrapperRecipe_size_sm__16f33bk2 {
+  min-height: 20px;
+  padding: 2px var(--etui-spacing-xs);
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_wrapperRecipe_size_md__16f33bk3 {
+  min-height: 24px;
+  padding: 2px var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_wrapperRecipe_size_lg__16f33bk4 {
+  min-height: 32px;
+  padding: 4px var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+}
+.TagInput_wrapperRecipe_variant_default__16f33bk5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_variant_ghost__16f33bk6 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_variant_filled__16f33bk7 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_wrapperRecipe_focused_true__16f33bk8 {
+  border-color: var(--etui-color-border-focus);
+  box-shadow: var(--etui-shadow-focus);
+}
+.TagInput_wrapperRecipe_error_true__16f33bka {
+  border-color: var(--etui-color-accent-error);
+}
+.TagInput_wrapperRecipe_disabled_true__16f33bkc {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.TagInput_tagRecipe__16f33bke {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  padding: 0 var(--etui-spacing-xs);
+  height: 18px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-surface-active);
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-xs);
+  line-height: 1;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.TagInput_tagRecipe_size_sm__16f33bkf {
+  height: 16px;
+  font-size: 10px;
+}
+.TagInput_tagRecipe_size_md__16f33bkg {
+  height: 18px;
+  font-size: var(--etui-font-size-xs);
+}
+.TagInput_tagRecipe_size_lg__16f33bkh {
+  height: 22px;
+  font-size: var(--etui-font-size-sm);
+}
+.TagInput_tagRecipe_invalid_true__16f33bki {
+  background: var(--etui-color-accent-error);
+  color: var(--etui-color-text-primary);
+}
+.TagInput_tagLabelStyle__16f33bkk {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.TagInput_tagRemoveStyle__16f33bkl {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  color: inherit;
+  opacity: 0.7;
+  cursor: pointer;
+  border-radius: var(--etui-radius-sm);
+}
+.TagInput_tagRemoveStyle__16f33bkl:hover {
+  opacity: 1;
+}
+.TagInput_tagRemoveStyle__16f33bkl:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+.TagInput_tagRemoveStyle__16f33bkl:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.TagInput_inputStyle__16f33bkm {
+  flex: 1 1 60px;
+  min-width: 60px;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0 2px;
+}
+.TagInput_inputStyle__16f33bkm::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.TagInput_inputStyle__16f33bkm:disabled {
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+  .TagInput_wrapperRecipe__16f33bk1 {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/controls/TreeView/{TreeNode.css.ts.vanilla-B_f8pUb8.css → TreeNode.css.ts.vanilla-DXPJRWZZ.css}

@@ -37,7 +37,14 @@
 .TreeNode_rowRecipe_compound_2__8ws3nee {
   box-shadow: inset 0 0 0 1px var(--etui-color-border-focus);
 }
-.TreeNode_chevronRecipe__8ws3nef {
+.TreeNode_dropTargetStyle__8ws3nef[data-drop-target="true"] {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 22%, transparent);
+  box-shadow: inset 0 0 0 1px var(--etui-color-accent-primary);
+}
+.TreeNode_dropTargetStyle__8ws3nef[data-drop-target="true"]:hover {
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 28%, transparent);
+}
+.TreeNode_chevronRecipe__8ws3neg {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -45,34 +52,34 @@
   transition: transform var(--etui-transition-fast);
   color: var(--etui-color-text-muted);
 }
-.TreeNode_chevronRecipe__8ws3nef:hover {
+.TreeNode_chevronRecipe__8ws3neg:hover {
   color: var(--etui-color-text-primary);
 }
-.TreeNode_chevronRecipe_size_sm__8ws3neg {
+.TreeNode_chevronRecipe_size_sm__8ws3neh {
   width: 14px;
   height: 14px;
 }
-.TreeNode_chevronRecipe_size_md__8ws3neh {
+.TreeNode_chevronRecipe_size_md__8ws3nei {
   width: 16px;
   height: 16px;
 }
-.TreeNode_chevronRecipe_size_lg__8ws3nei {
+.TreeNode_chevronRecipe_size_lg__8ws3nej {
   width: 18px;
   height: 18px;
 }
-.TreeNode_chevronRecipe_expanded_true__8ws3nej {
+.TreeNode_chevronRecipe_expanded_true__8ws3nek {
   transform: rotate(90deg);
 }
-.TreeNode_chevronRecipe_expanded_false__8ws3nek {
+.TreeNode_chevronRecipe_expanded_false__8ws3nel {
   transform: rotate(0deg);
 }
-.TreeNode_chevronRecipe_visible_true__8ws3nel {
+.TreeNode_chevronRecipe_visible_true__8ws3nem {
   visibility: visible;
 }
-.TreeNode_chevronRecipe_visible_false__8ws3nem {
+.TreeNode_chevronRecipe_visible_false__8ws3nen {
   visibility: hidden;
 }
-.TreeNode_iconRecipe__8ws3nen {
+.TreeNode_iconRecipe__8ws3neo {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -80,19 +87,19 @@
   margin-right: var(--etui-spacing-xs);
   color: var(--etui-color-text-secondary);
 }
-.TreeNode_iconRecipe_size_sm__8ws3neo {
+.TreeNode_iconRecipe_size_sm__8ws3nep {
   width: 12px;
   height: 12px;
 }
-.TreeNode_iconRecipe_size_md__8ws3nep {
+.TreeNode_iconRecipe_size_md__8ws3neq {
   width: 14px;
   height: 14px;
 }
-.TreeNode_iconRecipe_size_lg__8ws3neq {
+.TreeNode_iconRecipe_size_lg__8ws3ner {
   width: 16px;
   height: 16px;
 }
-.TreeNode_labelRecipe__8ws3ner {
+.TreeNode_labelRecipe__8ws3nes {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -101,23 +108,23 @@
   color: var(--etui-color-text-primary);
   line-height: var(--etui-line-height-normal);
 }
-.TreeNode_labelRecipe_size_sm__8ws3nes {
+.TreeNode_labelRecipe_size_sm__8ws3net {
   font-size: var(--etui-font-size-md);
 }
-.TreeNode_labelRecipe_size_md__8ws3net {
+.TreeNode_labelRecipe_size_md__8ws3neu {
   font-size: var(--etui-font-size-md);
 }
-.TreeNode_labelRecipe_size_lg__8ws3neu {
+.TreeNode_labelRecipe_size_lg__8ws3nev {
   font-size: var(--etui-font-size-lg);
 }
-.TreeNode_actionsStyle__8ws3nev {
+.TreeNode_actionsStyle__8ws3new {
   display: flex;
   align-items: center;
   gap: 2px;
   margin-left: auto;
   flex-shrink: 0;
 }
-.TreeNode_renameInputRecipe__8ws3new {
+.TreeNode_renameInputRecipe__8ws3nex {
   flex: 1;
   min-width: 0;
   border: 1px solid var(--etui-color-border-focus);
@@ -127,19 +134,19 @@
   padding: 0 4px;
   outline: none;
 }
-.TreeNode_renameInputRecipe_size_sm__8ws3nex {
+.TreeNode_renameInputRecipe_size_sm__8ws3ney {
   font-size: var(--etui-font-size-md);
   height: 16px;
 }
-.TreeNode_renameInputRecipe_size_md__8ws3ney {
+.TreeNode_renameInputRecipe_size_md__8ws3nez {
   font-size: var(--etui-font-size-md);
   height: 20px;
 }
-.TreeNode_renameInputRecipe_size_lg__8ws3nez {
+.TreeNode_renameInputRecipe_size_lg__8ws3ne10 {
   font-size: var(--etui-font-size-lg);
   height: 28px;
 }
-.TreeNode_guideLineStyle__8ws3ne10 {
+.TreeNode_guideLineStyle__8ws3ne11 {
   position: absolute;
   left: var(--guideLineLeftVar__8ws3ne1);
   top: 0;
@@ -149,7 +156,7 @@
   pointer-events: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .TreeNode_chevronRecipe__8ws3nef {
+  .TreeNode_chevronRecipe__8ws3neg {
     transition: none;
   }
 }