entangle-ui 0.8.2 → 0.9.0

package/dist/esm/assets/src/components/feedback/CommandPalette/CommandPalette.css.ts.vanilla-DGdrLKYZ.css

@@ -0,0 +1,160 @@
+@keyframes CommandPalette_overlayFadeIn__1eb43w80 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes CommandPalette_panelIn__1eb43w81 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -8px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0) scale(1);
+  }
+}
+.CommandPalette_overlayStyle__1eb43w82 {
+  position: fixed;
+  inset: 0;
+  background: var(--etui-color-backdrop);
+  backdrop-filter: blur(2px);
+  z-index: var(--etui-z-modal);
+  animation: CommandPalette_overlayFadeIn__1eb43w80 150ms ease-out forwards;
+}
+.CommandPalette_panelStyle__1eb43w83 {
+  position: fixed;
+  top: 15vh;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: var(--etui-z-modal);
+  display: flex;
+  flex-direction: column;
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-lg);
+  box-shadow: var(--etui-shadow-xl);
+  font-family: var(--etui-font-family-sans);
+  max-width: calc(100vw - 32px);
+  outline: none;
+  overflow: hidden;
+  animation: CommandPalette_panelIn__1eb43w81 180ms ease-out forwards;
+}
+.CommandPalette_inputWrapperStyle__1eb43w84 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.CommandPalette_searchIconStyle__1eb43w85 {
+  display: inline-flex;
+  width: 16px;
+  height: 16px;
+  color: var(--etui-color-text-secondary);
+  flex-shrink: 0;
+}
+.CommandPalette_inputStyle__1eb43w86 {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: inherit;
+  font-size: var(--etui-font-size-md);
+  color: var(--etui-color-text-primary);
+}
+.CommandPalette_inputStyle__1eb43w86::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.CommandPalette_listStyle__1eb43w87 {
+  margin: 0;
+  padding: var(--etui-spacing-xs);
+  list-style: none;
+  overflow-y: auto;
+  outline: none;
+}
+.CommandPalette_groupHeaderStyle__1eb43w88 {
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md) var(--etui-spacing-xs);
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--etui-color-text-muted);
+}
+.CommandPalette_itemStyle__1eb43w89 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  width: 100%;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+  border: none;
+  background: transparent;
+  border-radius: var(--etui-radius-md);
+  text-align: left;
+  font-size: var(--etui-font-size-sm);
+  font-family: inherit;
+  color: var(--etui-color-text-primary);
+  cursor: pointer;
+  transition: background var(--etui-transition-fast);
+}
+.CommandPalette_itemStyle__1eb43w89[data-disabled="true"] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.CommandPalette_itemSelectedStyle__1eb43w8a {
+  background: var(--etui-color-surface-hover);
+}
+.CommandPalette_itemIconStyle__1eb43w8b {
+  display: inline-flex;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+  color: var(--etui-color-text-secondary);
+  flex-shrink: 0;
+}
+.CommandPalette_itemTextStyle__1eb43w8c {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.CommandPalette_itemLabelStyle__1eb43w8d {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-medium);
+  color: var(--etui-color-text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.CommandPalette_itemDescriptionStyle__1eb43w8e {
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.CommandPalette_itemShortcutStyle__1eb43w8f {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+}
+.CommandPalette_emptyStyle__1eb43w8g {
+  padding: var(--etui-spacing-lg);
+  text-align: center;
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+}
+@media (prefers-reduced-motion: reduce) {
+  .CommandPalette_overlayStyle__1eb43w82 {
+    animation: none;
+  }
+  .CommandPalette_panelStyle__1eb43w83 {
+    animation: none;
+  }
+}

package/dist/esm/assets/src/components/feedback/Drawer/Drawer.css.ts.vanilla-CLPTOUrA.css

@@ -0,0 +1,247 @@
+@keyframes Drawer_overlayFadeIn__x57sw10 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes Drawer_overlayFadeOut__x57sw11 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes Drawer_slideFromLeftIn__x57sw12 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes Drawer_slideFromLeftOut__x57sw13 {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+@keyframes Drawer_slideFromRightIn__x57sw14 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes Drawer_slideFromRightOut__x57sw15 {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+@keyframes Drawer_slideFromTopIn__x57sw16 {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes Drawer_slideFromTopOut__x57sw17 {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(-100%);
+  }
+}
+@keyframes Drawer_slideFromBottomIn__x57sw18 {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes Drawer_slideFromBottomOut__x57sw19 {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(100%);
+  }
+}
+.Drawer_overlayRecipe__x57sw1a {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--etui-color-backdrop);
+  backdrop-filter: blur(2px);
+  z-index: var(--etui-z-modal);
+}
+.Drawer_overlayRecipe_closing_true__x57sw1b {
+  animation: Drawer_overlayFadeOut__x57sw11 220ms ease-out forwards;
+}
+.Drawer_overlayRecipe_closing_false__x57sw1c {
+  animation: Drawer_overlayFadeIn__x57sw10 220ms ease-out forwards;
+}
+.Drawer_drawerPanelBase__x57sw1d {
+  position: fixed;
+  z-index: var(--etui-z-modal);
+  display: flex;
+  flex-direction: column;
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+  font-family: var(--etui-font-family-sans);
+  box-shadow: var(--etui-shadow-xl);
+  outline: none;
+  overflow: hidden;
+}
+.Drawer_drawerPanelRecipe_anchor_left__x57sw1f {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  height: 100vh;
+  border-right: 1px solid var(--etui-color-border-default);
+}
+.Drawer_drawerPanelRecipe_anchor_right__x57sw1g {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  height: 100vh;
+  border-left: 1px solid var(--etui-color-border-default);
+}
+.Drawer_drawerPanelRecipe_anchor_top__x57sw1h {
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Drawer_drawerPanelRecipe_anchor_bottom__x57sw1i {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  border-top: 1px solid var(--etui-color-border-default);
+}
+.Drawer_drawerPanelRecipe_compound_0__x57sw1l {
+  animation: Drawer_slideFromLeftIn__x57sw12 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_1__x57sw1m {
+  animation: Drawer_slideFromLeftOut__x57sw13 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_2__x57sw1n {
+  animation: Drawer_slideFromRightIn__x57sw14 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_3__x57sw1o {
+  animation: Drawer_slideFromRightOut__x57sw15 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_4__x57sw1p {
+  animation: Drawer_slideFromTopIn__x57sw16 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_5__x57sw1q {
+  animation: Drawer_slideFromTopOut__x57sw17 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_6__x57sw1r {
+  animation: Drawer_slideFromBottomIn__x57sw18 220ms ease-out forwards;
+}
+.Drawer_drawerPanelRecipe_compound_7__x57sw1s {
+  animation: Drawer_slideFromBottomOut__x57sw19 220ms ease-out forwards;
+}
+.Drawer_drawerHeaderStyle__x57sw1t {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+}
+.Drawer_drawerHeaderContentStyle__x57sw1u {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  min-width: 0;
+  flex: 1;
+}
+.Drawer_drawerTitleStyle__x57sw1v {
+  font-size: var(--etui-font-size-lg);
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-tight);
+}
+.Drawer_drawerDescriptionStyle__x57sw1w {
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+  line-height: var(--etui-line-height-normal);
+}
+.Drawer_drawerBodyStyle__x57sw1x {
+  padding: var(--etui-spacing-lg);
+  overflow-y: auto;
+  flex: 1;
+  font-size: var(--etui-font-size-md);
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-normal);
+}
+.Drawer_drawerFooterRecipe__x57sw1y {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+  border-top: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+}
+.Drawer_drawerFooterRecipe_align_left__x57sw1z {
+  justify-content: flex-start;
+}
+.Drawer_drawerFooterRecipe_align_center__x57sw110 {
+  justify-content: center;
+}
+.Drawer_drawerFooterRecipe_align_right__x57sw111 {
+  justify-content: flex-end;
+}
+.Drawer_drawerFooterRecipe_align_space-between__x57sw112 {
+  justify-content: space-between;
+}
+.Drawer_drawerCloseButtonStyle__x57sw113 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: var(--etui-radius-sm);
+  background: transparent;
+  color: var(--etui-color-text-secondary);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background var(--etui-transition-fast), color var(--etui-transition-fast);
+}
+.Drawer_drawerCloseButtonStyle__x57sw113:hover {
+  background: var(--etui-color-surface-hover);
+  color: var(--etui-color-text-primary);
+}
+.Drawer_drawerCloseButtonStyle__x57sw113:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Drawer_overlayRecipe__x57sw1a {
+    animation: none;
+  }
+  .Drawer_drawerPanelBase__x57sw1d {
+    animation: none;
+  }
+}

package/dist/esm/assets/src/components/feedback/Skeleton/SkeletonLayout.css.ts.vanilla-Db7bpqiI.css

@@ -0,0 +1,75 @@
+.SkeletonLayout_cardLayoutStyle__1kvkgdl1 {
+  display: flex;
+  flex-direction: row;
+  gap: var(--etui-spacing-md);
+  align-items: flex-start;
+  padding: var(--etui-spacing-md);
+  border-radius: var(--etui-radius-md);
+  background: var(--etui-color-bg-elevated);
+  box-sizing: border-box;
+}
+.SkeletonLayout_cardBodyStyle__1kvkgdl2 {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: var(--etui-spacing-sm);
+  min-width: 0;
+}
+.SkeletonLayout_listLayoutStyle__1kvkgdl3 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-md);
+  box-sizing: border-box;
+}
+.SkeletonLayout_listRowStyle__1kvkgdl4 {
+  display: flex;
+  flex-direction: row;
+  gap: var(--etui-spacing-md);
+  align-items: center;
+}
+.SkeletonLayout_listRowBodyStyle__1kvkgdl5 {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: var(--etui-spacing-xs);
+  min-width: 0;
+}
+.SkeletonLayout_tableLayoutStyle__1kvkgdl6 {
+  display: grid;
+  grid-template-columns: repeat(var(--layoutColumnsVar__1kvkgdl0), minmax(0, 1fr));
+  gap: var(--etui-spacing-sm);
+  box-sizing: border-box;
+}
+.SkeletonLayout_tableHeaderCellStyle__1kvkgdl7 {
+  padding-bottom: var(--etui-spacing-xs);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.SkeletonLayout_gridLayoutStyle__1kvkgdl8 {
+  display: grid;
+  grid-template-columns: repeat(var(--layoutColumnsVar__1kvkgdl0), minmax(0, 1fr));
+  gap: var(--etui-spacing-md);
+  box-sizing: border-box;
+}
+.SkeletonLayout_chatLayoutStyle__1kvkgdl9 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-md);
+  box-sizing: border-box;
+}
+.SkeletonLayout_chatRowStyle__1kvkgdla {
+  display: flex;
+  flex-direction: row;
+  gap: var(--etui-spacing-sm);
+  align-items: flex-end;
+  max-width: 100%;
+}
+.SkeletonLayout_chatRowEndStyle__1kvkgdlb {
+  flex-direction: row-reverse;
+}
+.SkeletonLayout_chatBubbleStyle__1kvkgdlc {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  flex: 0 1 70%;
+  min-width: 0;
+}

package/dist/esm/assets/src/components/feedback/Stat/Stat.css.ts.vanilla-GBk3JAMB.css

@@ -0,0 +1,69 @@
+.Stat_statRoot__cv0db91 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--etui-spacing-md);
+  color: var(--etui-color-text-primary);
+}
+.Stat_statRoot_size_sm__cv0db92 {
+  font-size: var(--etui-font-size-xs);
+}
+.Stat_statRoot_size_md__cv0db93 {
+  font-size: var(--etui-font-size-sm);
+}
+.Stat_statRoot_size_lg__cv0db94 {
+  font-size: var(--etui-font-size-md);
+}
+.Stat_statIconStyle__cv0db95 {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--etui-color-text-secondary);
+}
+.Stat_statContentStyle__cv0db96 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  min-width: 0;
+}
+.Stat_statLabelStyle__cv0db97 {
+  font-size: var(--etui-font-size-xxs);
+  font-weight: var(--etui-font-weight-medium);
+  color: var(--etui-color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin: 0;
+}
+.Stat_statValueRecipe__cv0db98 {
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-tight);
+  margin: 0;
+}
+.Stat_statValueRecipe_size_sm__cv0db99 {
+  font-size: var(--etui-font-size-lg);
+}
+.Stat_statValueRecipe_size_md__cv0db9a {
+  font-size: var(--etui-font-size-xl);
+}
+.Stat_statValueRecipe_size_lg__cv0db9b {
+  font-size: 32px;
+}
+.Stat_statDeltaStyle__cv0db9c {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  color: var(--statDeltaColorVar__cv0db90);
+}
+.Stat_statDeltaIconStyle__cv0db9d {
+  display: inline-flex;
+  width: 12px;
+  height: 12px;
+}
+.Stat_statHelperStyle__cv0db9e {
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+  margin: 0;
+}

package/dist/esm/assets/src/components/layout/Card/Card.css.ts.vanilla-Ducn1gUX.css

@@ -0,0 +1,124 @@
+.Card_cardRecipe__50gmuk1 {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  position: relative;
+  border-radius: var(--etui-radius-md);
+  overflow: hidden;
+  transition: box-shadow var(--etui-transition-fast), background-color var(--etui-transition-fast), border-color var(--etui-transition-fast), transform var(--etui-transition-fast);
+  border: 1px solid transparent;
+  color: var(--etui-color-text-primary);
+}
+.Card_cardRecipe_variant_outlined__50gmuk2 {
+  background: transparent;
+  border-color: var(--etui-color-border-default);
+}
+.Card_cardRecipe_variant_filled__50gmuk3 {
+  background: var(--etui-color-surface-default);
+  border-color: transparent;
+}
+.Card_cardRecipe_variant_elevated__50gmuk4 {
+  background: var(--etui-color-surface-default);
+  border-color: transparent;
+  box-shadow: var(--etui-shadow-md);
+}
+.Card_cardRecipe_interactive_true__50gmuk5 {
+  cursor: pointer;
+}
+.Card_cardRecipe_interactive_true__50gmuk5:hover {
+  background: var(--etui-color-surface-hover);
+}
+.Card_cardRecipe_interactive_true__50gmuk5:focus-visible {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: 2px;
+}
+.Card_cardRecipe_interactive_true__50gmuk5:active {
+  background: var(--etui-color-surface-active);
+}
+.Card_cardRecipe_selected_true__50gmuk6 {
+  border-color: var(--etui-color-accent-primary);
+  background: color-mix(in srgb, var(--etui-color-accent-primary) 8%, transparent);
+}
+.Card_cardRecipe_disabled_true__50gmuk7 {
+  opacity: 0.6;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Card_cardRecipe_compound_0__50gmuk8:hover {
+  box-shadow: var(--etui-shadow-lg);
+}
+.Card_cardHeaderStyle__50gmuk9 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--etui-spacing-md);
+  padding: var(--etui-spacing-lg);
+}
+.Card_cardHeaderLeadingStyle__50gmuka {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+.Card_cardHeaderTextStyle__50gmukb {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+}
+.Card_cardHeaderTitleStyle__50gmukc {
+  font-size: var(--etui-font-size-md);
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+  color: var(--etui-color-text-primary);
+  margin: 0;
+}
+.Card_cardHeaderSubtitleStyle__50gmukd {
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+  margin: 0;
+}
+.Card_cardHeaderTrailingStyle__50gmuke {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-xs);
+}
+.Card_cardMediaStyle__50gmukf {
+  position: relative;
+  width: 100%;
+  aspect-ratio: var(--cardMediaAspectVar__50gmuk0);
+  overflow: hidden;
+  background: var(--etui-color-bg-inset);
+}
+.Card_cardMediaImageStyle__50gmukg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.Card_cardBodyStyle__50gmukh {
+  padding: var(--etui-spacing-lg);
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+  line-height: var(--etui-line-height-normal);
+  flex: 1;
+}
+.Card_cardFooterStyle__50gmuki {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  padding: var(--etui-spacing-lg);
+  border-top: 1px solid var(--etui-color-border-default);
+}
+.Card_cardFooterStyle_align_left__50gmukj {
+  justify-content: flex-start;
+}
+.Card_cardFooterStyle_align_center__50gmukk {
+  justify-content: center;
+}
+.Card_cardFooterStyle_align_right__50gmukl {
+  justify-content: flex-end;
+}
+.Card_cardFooterStyle_align_space-between__50gmukm {
+  justify-content: space-between;
+}