entangle-ui 0.6.3 → 0.8.0

package/dist/esm/assets/src/components/primitives/Code/Code.css.ts.vanilla-mayBqLDM.css

@@ -0,0 +1,19 @@
+.Code_codeRecipe__13vd650 {
+  font-family: var(--etui-font-family-mono);
+  background: var(--etui-color-bg-inset);
+  color: var(--etui-color-text-primary);
+  padding: 1px var(--etui-spacing-sm);
+  border-radius: var(--etui-radius-sm);
+  line-height: 1.4;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+.Code_codeRecipe_size_xs__13vd651 {
+  font-size: 0.8em;
+}
+.Code_codeRecipe_size_sm__13vd652 {
+  font-size: 0.9em;
+}
+.Code_codeRecipe_size_md__13vd653 {
+  font-size: 1em;
+}

package/dist/esm/assets/src/components/primitives/Collapsible/{Collapsible.css.ts.vanilla-C1rYV-JT.css → Collapsible.css.ts.vanilla-Dz4Vy-ob.css}

@@ -70,4 +70,12 @@
 }
 .Collapsible_contentBodyStyle__14aon2gh {
   padding: var(--contentPaddingVVar__14aon2gf) var(--contentPaddingHVar__14aon2gg);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Collapsible_chevronRecipe__14aon2g8 {
+    transition: none;
+  }
+  .Collapsible_contentWrapperRecipe__14aon2gb {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/IconButton/{IconButton.css.ts.vanilla-C-xAQoR3.css → IconButton.css.ts.vanilla-CPkPZJRU.css}

@@ -120,4 +120,13 @@
 .IconButton_loadingSpinnerRecipe_size_lg__rqqp00j {
   width: 20px;
   height: 20px;
+}
+@media (prefers-reduced-motion: reduce) {
+  .IconButton_iconButtonBase__rqqp000 {
+    transition: none;
+  }
+  .IconButton_loadingSpinnerRecipe__rqqp00g {
+    animation: none;
+    opacity: 0.6;
+  }
 }

package/dist/esm/assets/src/components/primitives/Kbd/Kbd.css.ts.vanilla-Co2-Rxgv.css

@@ -0,0 +1,60 @@
+.Kbd_kbdRoot__1o39jzf0 {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.Kbd_keycapRecipe__1o39jzf1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-radius: var(--etui-radius-sm);
+  font-family: var(--etui-font-family-mono);
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.Kbd_keycapRecipe_size_sm__1o39jzf2 {
+  height: 16px;
+  min-width: 16px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xxs);
+}
+.Kbd_keycapRecipe_size_md__1o39jzf3 {
+  height: 20px;
+  min-width: 20px;
+  padding: 0 calc(var(--etui-spacing-sm) + var(--etui-spacing-xs));
+  font-size: var(--etui-font-size-xs);
+}
+.Kbd_keycapRecipe_size_lg__1o39jzf4 {
+  height: 24px;
+  min-width: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+}
+.Kbd_keycapRecipe_variant_solid__1o39jzf5 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+  box-shadow: inset 0 -1px 0 0 var(--etui-color-surface-disabled);
+}
+.Kbd_keycapRecipe_variant_outline__1o39jzf6 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-secondary);
+}
+.Kbd_keycapRecipe_variant_ghost__1o39jzf7 {
+  background: transparent;
+  border: none;
+  color: var(--etui-color-text-muted);
+  font-weight: var(--etui-font-weight-semibold);
+}
+.Kbd_separatorStyle__1o39jzf8 {
+  display: inline-flex;
+  align-items: center;
+  color: var(--etui-color-text-muted);
+  font-family: var(--etui-font-family-mono);
+  font-size: var(--etui-font-size-xs);
+  line-height: 1;
+}

package/dist/esm/assets/src/components/primitives/Link/Link.css.ts.vanilla-q-bqHUOF.css

@@ -0,0 +1,82 @@
+.Link_linkRecipe__1ia9aot2 {
+  cursor: pointer;
+  font-family: var(--etui-font-family-sans);
+  transition: color var(--etui-transition-fast), text-decoration-color var(--etui-transition-fast);
+  text-decoration-color: currentColor;
+  text-underline-offset: 2px;
+  border-radius: var(--etui-radius-sm);
+  outline: none;
+}
+.Link_linkRecipe__1ia9aot2:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Link_linkRecipe_variant_default__1ia9aot3 {
+  color: var(--linkColorVar__1ia9aot0);
+}
+.Link_linkRecipe_variant_default__1ia9aot3:hover:not([data-disabled]) {
+  color: var(--linkHoverColorVar__1ia9aot1);
+}
+.Link_linkRecipe_variant_default__1ia9aot3:active:not([data-disabled]) {
+  opacity: 0.85;
+}
+.Link_linkRecipe_variant_subtle__1ia9aot4 {
+  color: var(--linkColorVar__1ia9aot0);
+}
+.Link_linkRecipe_variant_subtle__1ia9aot4:hover:not([data-disabled]) {
+  color: var(--linkHoverColorVar__1ia9aot1);
+}
+.Link_linkRecipe_variant_inline__1ia9aot5 {
+  color: inherit;
+}
+.Link_linkRecipe_variant_inline__1ia9aot5:hover:not([data-disabled]) {
+  color: var(--etui-color-accent-primary);
+}
+.Link_linkRecipe_underline_always__1ia9aot6 {
+  text-decoration: underline;
+}
+.Link_linkRecipe_underline_hover__1ia9aot7 {
+  text-decoration: none;
+}
+.Link_linkRecipe_underline_hover__1ia9aot7:hover:not([data-disabled]) {
+  text-decoration: underline;
+}
+.Link_linkRecipe_underline_never__1ia9aot8 {
+  text-decoration: none;
+}
+.Link_linkRecipe_underline_never__1ia9aot8:hover:not([data-disabled]) {
+  text-decoration: none;
+}
+.Link_linkRecipe_size_sm__1ia9aot9 {
+  font-size: var(--etui-font-size-xs);
+}
+.Link_linkRecipe_size_md__1ia9aota {
+  font-size: var(--etui-font-size-sm);
+}
+.Link_linkRecipe_size_lg__1ia9aotb {
+  font-size: var(--etui-font-size-md);
+}
+.Link_linkRecipe_disabled_true__1ia9aotc {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+  text-decoration: none;
+}
+.Link_externalIconStyle__1ia9aotd {
+  display: inline-block;
+  vertical-align: -0.0625em;
+  width: 0.75em;
+  height: 0.75em;
+  margin-left: 0.2em;
+  flex-shrink: 0;
+}
+.Link_srOnlyStyle__1ia9aote {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

package/dist/esm/assets/src/components/primitives/Popover/{Popover.css.ts.vanilla-DW6aAr57.css → Popover.css.ts.vanilla-KCfDIs4G.css}

@@ -57,4 +57,9 @@
 }
 .Popover_closeButtonStyle__j7aln17:focus-visible {
   box-shadow: var(--etui-shadow-focus);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Popover_contentPanelRecipe__j7aln10 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/Radio/Radio.css.ts.vanilla-CPjdD-ZM.css

@@ -0,0 +1,127 @@
+.Radio_radioContainerStyle__kkwwvf0 {
+  display: flex;
+  flex-direction: column;
+}
+.Radio_visuallyHiddenInputStyle__kkwwvf1 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.Radio_radioLabelRecipe__kkwwvf2 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  line-height: var(--etui-line-height-normal);
+  user-select: none;
+  position: relative;
+}
+.Radio_radioLabelRecipe_labelPosition_left__kkwwvf3 {
+  flex-direction: row-reverse;
+}
+.Radio_radioLabelRecipe_labelPosition_right__kkwwvf4 {
+  flex-direction: row;
+}
+.Radio_radioLabelRecipe_size_sm__kkwwvf5 {
+  font-size: var(--etui-font-size-xs);
+}
+.Radio_radioLabelRecipe_size_md__kkwwvf6 {
+  font-size: var(--etui-font-size-sm);
+}
+.Radio_radioLabelRecipe_size_lg__kkwwvf7 {
+  font-size: var(--etui-font-size-md);
+}
+.Radio_radioLabelRecipe_disabled_true__kkwwvf8 {
+  cursor: not-allowed;
+  color: var(--etui-color-text-disabled);
+}
+.Radio_radioLabelRecipe_disabled_false__kkwwvf9 {
+  cursor: pointer;
+  color: var(--etui-color-text-primary);
+}
+.Radio_radioOuterRecipe__kkwwvfc {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--outerSizeVar__kkwwvfa);
+  height: var(--outerSizeVar__kkwwvfa);
+  border-radius: 50%;
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  transition: border-color var(--etui-transition-fast), background var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+  box-sizing: border-box;
+}
+label:hover .Radio_radioOuterRecipe__kkwwvfc {
+  background: var(--etui-color-surface-hover);
+}
+input:focus-visible + .Radio_radioOuterRecipe__kkwwvfc {
+  box-shadow: var(--etui-shadow-focus);
+}
+input:checked + .Radio_radioOuterRecipe__kkwwvfc {
+  border-color: var(--etui-color-accent-primary);
+}
+.Radio_radioOuterRecipe_checked_true__kkwwvfd {
+  border-color: var(--etui-color-accent-primary);
+}
+.Radio_radioOuterRecipe_disabled_true__kkwwvff {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+label:hover .Radio_radioOuterRecipe_disabled_true__kkwwvff {
+  background: transparent;
+}
+.Radio_radioOuterRecipe_error_true__kkwwvfh {
+  border-color: var(--etui-color-border-error);
+}
+input:checked + .Radio_radioOuterRecipe_error_true__kkwwvfh {
+  border-color: var(--etui-color-border-error);
+}
+label:hover .Radio_radioOuterRecipe_compound_0__kkwwvfj {
+  border-color: var(--etui-color-accent-primary);
+}
+.Radio_radioOuterRecipe_compound_1__kkwwvfk {
+  border-color: var(--etui-color-accent-primary);
+}
+.Radio_radioDotRecipe__kkwwvfl {
+  display: block;
+  width: var(--innerSizeVar__kkwwvfb);
+  height: var(--innerSizeVar__kkwwvfb);
+  border-radius: 50%;
+  background: var(--etui-color-accent-primary);
+  transform: scale(0);
+  transform-origin: center;
+  transition: transform var(--etui-transition-fast);
+}
+.Radio_radioDotRecipe_checked_true__kkwwvfm {
+  transform: scale(1);
+}
+.Radio_radioDotRecipe_checked_false__kkwwvfn {
+  transform: scale(0);
+}
+.Radio_radioDotRecipe_error_true__kkwwvfo {
+  background: var(--etui-color-accent-error);
+}
+.Radio_radioLabelTextStyle__kkwwvfq {
+  color: inherit;
+}
+.Radio_groupContainerStyle__kkwwvfr {
+  display: flex;
+  flex-direction: column;
+}
+.Radio_groupItemsStyle__kkwwvfu {
+  display: flex;
+  flex-direction: var(--groupOrientationVar__kkwwvfs);
+  gap: var(--groupSpacingVar__kkwwvft);
+  flex-wrap: wrap;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Radio_radioDotRecipe__kkwwvfl {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/primitives/Switch/{Switch.css.ts.vanilla-CxqwUToB.css → Switch.css.ts.vanilla-CDSt-M5W.css}

@@ -97,4 +97,9 @@
 }
 .Switch_thumbRecipe_checked_false__h3xwytn {
   background: var(--etui-color-text-muted);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Switch_thumbRecipe__h3xwytl {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/TextArea/TextArea.css.ts.vanilla-M9l1t4HR.css

@@ -0,0 +1,90 @@
+.TextArea_textAreaContainerStyle__nwf0m90 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  width: 100%;
+}
+.TextArea_textAreaWrapperRecipe__nwf0m91 {
+  position: relative;
+  display: flex;
+  border: 1px solid;
+  border-radius: var(--etui-radius-md);
+  transition: all var(--etui-transition-normal);
+  box-sizing: border-box;
+}
+.TextArea_textAreaWrapperRecipe_size_sm__nwf0m92 {
+  min-height: 48px;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+}
+.TextArea_textAreaWrapperRecipe_size_md__nwf0m93 {
+  min-height: 64px;
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+}
+.TextArea_textAreaWrapperRecipe_size_lg__nwf0m94 {
+  min-height: 88px;
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+}
+.TextArea_textAreaWrapperRecipe_error_true__nwf0m95 {
+  border-color: var(--etui-color-border-error);
+}
+.TextArea_textAreaWrapperRecipe_disabled_true__nwf0m97 {
+  background: var(--etui-color-surface-disabled);
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.TextArea_textAreaWrapperRecipe_disabled_false__nwf0m98 {
+  background: var(--etui-color-surface-default);
+}
+.TextArea_textAreaWrapperRecipe_compound_0__nwf0m9b {
+  border-color: var(--etui-color-border-focus);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--etui-color-accent-primary) 12.5%, transparent);
+}
+.TextArea_textAreaWrapperRecipe_compound_1__nwf0m9c {
+  border-color: var(--etui-color-border-default);
+}
+.TextArea_textAreaWrapperRecipe_compound_1__nwf0m9c:hover:not(:focus-within) {
+  border-color: var(--etui-color-border-focus);
+}
+.TextArea_textAreaWrapperRecipe_compound_2__nwf0m9d {
+  border-color: var(--etui-color-border-default);
+}
+.TextArea_textAreaRecipe__nwf0m9e {
+  flex: 1;
+  width: 100%;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-family: var(--etui-font-family-sans);
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-normal);
+  box-sizing: border-box;
+}
+.TextArea_textAreaRecipe__nwf0m9e::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.TextArea_textAreaRecipe__nwf0m9e:disabled {
+  cursor: not-allowed;
+}
+.TextArea_textAreaRecipe_size_sm__nwf0m9f {
+  font-size: var(--etui-font-size-md);
+}
+.TextArea_textAreaRecipe_size_md__nwf0m9g {
+  font-size: var(--etui-font-size-md);
+}
+.TextArea_textAreaRecipe_size_lg__nwf0m9h {
+  font-size: var(--etui-font-size-lg);
+}
+.TextArea_textAreaRecipe_monospace_true__nwf0m9i {
+  font-family: var(--etui-font-family-mono);
+}
+.TextArea_textAreaFooterStyle__nwf0m9j {
+  display: flex;
+  justify-content: flex-end;
+  font-size: var(--etui-font-size-xs);
+  color: var(--etui-color-text-muted);
+}
+@media (prefers-reduced-motion: reduce) {
+  .TextArea_textAreaWrapperRecipe__nwf0m91 {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/primitives/VisuallyHidden/VisuallyHidden.css.ts.vanilla-DBulVh4Q.css

@@ -0,0 +1,36 @@
+.VisuallyHidden_visuallyHiddenStyle__1mwqwxp0 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:focus, .VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:focus-within, .VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:active {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: var(--etui-spacing-sm);
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  background: var(--etui-color-bg-elevated);
+  color: var(--etui-color-text-primary);
+  border: 1px solid var(--etui-color-border-focus);
+  border-radius: var(--etui-radius-sm);
+}

package/dist/esm/assets/src/theme/{darkTheme.css.ts.vanilla-DCe89yCJ.css → darkTheme.css.ts.vanilla-ab1WD4dr.css}

@@ -3,11 +3,14 @@
   --etui-color-bg-secondary: #2d2d2d;
   --etui-color-bg-tertiary: #3a3a3a;
   --etui-color-bg-elevated: #404040;
+  --etui-color-bg-inset: rgba(0, 0, 0, 0.2);
   --etui-color-surface-default: #2d2d2d;
   --etui-color-surface-hover: #363636;
   --etui-color-surface-active: #404040;
   --etui-color-surface-disabled: #1f1f1f;
   --etui-color-surface-white-overlay: rgba(255, 255, 255, 0.1);
+  --etui-color-surface-row: transparent;
+  --etui-color-surface-row-hover: rgba(255, 255, 255, 0.03);
   --etui-color-border-default: #4a4a4a;
   --etui-color-border-focus: #007acc;
   --etui-color-border-error: #f44336;

package/dist/esm/assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css

@@ -0,0 +1,21 @@
+.etuiGlobalScrollbars * {
+  scrollbar-width: thin;
+  scrollbar-color: var(--etui-color-text-disabled) transparent;
+}
+.etuiGlobalScrollbars *::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.etuiGlobalScrollbars *::-webkit-scrollbar-track {
+  background: transparent;
+}
+.etuiGlobalScrollbars *::-webkit-scrollbar-thumb {
+  background: var(--etui-color-text-disabled);
+  border-radius: 4px;
+}
+.etuiGlobalScrollbars *::-webkit-scrollbar-thumb:hover {
+  background: var(--etui-color-text-muted);
+}
+.etuiGlobalScrollbars *::-webkit-scrollbar-corner {
+  background: transparent;
+}

package/dist/esm/assets/src/theme/lightTheme.css.ts.vanilla-OaRI_wIc.css

@@ -0,0 +1,99 @@
+.lightTheme_lightThemeClass__k285ns0 {
+  --etui-color-bg-primary: #ffffff;
+  --etui-color-bg-secondary: #f5f5f7;
+  --etui-color-bg-tertiary: #ebebee;
+  --etui-color-bg-elevated: #ffffff;
+  --etui-color-bg-inset: #f8f8fa;
+  --etui-color-surface-default: #ffffff;
+  --etui-color-surface-hover: #f0f0f3;
+  --etui-color-surface-active: #e6e6ea;
+  --etui-color-surface-disabled: #f5f5f7;
+  --etui-color-surface-white-overlay: rgba(0, 0, 0, 0.06);
+  --etui-color-surface-row: #ffffff;
+  --etui-color-surface-row-hover: #f5f5f7;
+  --etui-color-border-default: #e0e0e3;
+  --etui-color-border-focus: #0066cc;
+  --etui-color-border-error: #d32f2f;
+  --etui-color-border-success: #2e7d32;
+  --etui-color-text-primary: #1a1a1a;
+  --etui-color-text-secondary: #4a4a4a;
+  --etui-color-text-muted: #6b6b6b;
+  --etui-color-text-disabled: #b0b0b0;
+  --etui-color-accent-primary: #0066cc;
+  --etui-color-accent-secondary: #004a99;
+  --etui-color-accent-success: #2e7d32;
+  --etui-color-accent-warning: #a64500;
+  --etui-color-accent-error: #d32f2f;
+  --etui-color-backdrop: rgba(0, 0, 0, 0.4);
+  --etui-spacing-xs: 2px;
+  --etui-spacing-sm: 4px;
+  --etui-spacing-md: 8px;
+  --etui-spacing-lg: 12px;
+  --etui-spacing-xl: 16px;
+  --etui-spacing-xxl: 24px;
+  --etui-spacing-xxxl: 32px;
+  --etui-font-size-xxs: 9px;
+  --etui-font-size-xs: 10px;
+  --etui-font-size-sm: 11px;
+  --etui-font-size-md: 12px;
+  --etui-font-size-lg: 14px;
+  --etui-font-size-xl: 16px;
+  --etui-font-weight-normal: 400;
+  --etui-font-weight-medium: 500;
+  --etui-font-weight-semibold: 600;
+  --etui-line-height-tight: 1.2;
+  --etui-line-height-normal: 1.4;
+  --etui-line-height-relaxed: 1.6;
+  --etui-font-family-mono: SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --etui-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --etui-radius-none: 0px;
+  --etui-radius-sm: 2px;
+  --etui-radius-md: 4px;
+  --etui-radius-lg: 6px;
+  --etui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+  --etui-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
+  --etui-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.10);
+  --etui-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --etui-shadow-focus: 0 0 0 2px rgba(0, 102, 204, 0.3);
+  --etui-shadow-separator-bottom: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-separator-right: 1px 0 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-separator-left: -1px 0 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-thumb: 0 0 2px rgba(0, 0, 0, 0.15);
+  --etui-transition-fast: 100ms ease-out;
+  --etui-transition-normal: 200ms ease-out;
+  --etui-transition-slow: 300ms ease-out;
+  --etui-z-base: 1;
+  --etui-z-dropdown: 1000;
+  --etui-z-popover: 1000;
+  --etui-z-tooltip: 1000;
+  --etui-z-modal: 1100;
+  --etui-shell-menubar-height: 28px;
+  --etui-shell-menubar-bg: #f5f5f7;
+  --etui-shell-menubar-hover-bg: #ebebee;
+  --etui-shell-menubar-active-bg: #0066cc;
+  --etui-shell-menubar-text: #1a1a1a;
+  --etui-shell-menubar-shortcut-text: #6b6b6b;
+  --etui-shell-toolbar-height-sm: 32px;
+  --etui-shell-toolbar-height-md: 40px;
+  --etui-shell-toolbar-bg: #f5f5f7;
+  --etui-shell-toolbar-separator: #e0e0e3;
+  --etui-shell-statusbar-height: 22px;
+  --etui-shell-statusbar-height-md: 26px;
+  --etui-shell-statusbar-bg: #0066cc;
+  --etui-shell-statusbar-text: #ffffff;
+  --etui-shell-dock-tab-height: 28px;
+  --etui-shell-dock-tab-bg: #f5f5f7;
+  --etui-shell-dock-tab-active-bg: #ffffff;
+  --etui-shell-dock-tab-hover-bg: #ebebee;
+  --etui-shell-dock-tab-text: #4a4a4a;
+  --etui-shell-dock-tab-active-text: #1a1a1a;
+  --etui-shell-dock-splitter-size: 4px;
+  --etui-shell-dock-splitter-color: #e0e0e3;
+  --etui-shell-dock-splitter-hover-color: #0066cc;
+  --etui-shell-dock-border-bar-bg: #f5f5f7;
+  --etui-shell-dock-border-bar-size: 28px;
+  --etui-shell-dock-drop-overlay: rgba(0, 102, 204, 0.15);
+  --etui-storybook-gradient-start: #fafafa;
+  --etui-storybook-gradient-mid: #f0f0f3;
+  --etui-storybook-gradient-end: #ebebee;
+}

package/dist/esm/assets/src/utils/animations.css.ts.vanilla-CRLFsBSV.css

@@ -0,0 +1,72 @@
+@keyframes animations_spinKeyframe__1boy3ak0 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes animations_pulseKeyframe__1boy3ak1 {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+@keyframes animations_blinkKeyframe__1boy3ak2 {
+  0%, 50% {
+    opacity: 1;
+  }
+  51%, 100% {
+    opacity: 0;
+  }
+}
+@keyframes animations_fadeInKeyframe__1boy3ak3 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes animations_waveKeyframe__1boy3ak4 {
+  from {
+    background-position-x: 200%;
+  }
+  to {
+    background-position-x: -200%;
+  }
+}
+.animations_animSpin__1boy3ak5 {
+  animation: animations_spinKeyframe__1boy3ak0 1s linear infinite;
+}
+.animations_animPulse__1boy3ak6 {
+  animation: animations_pulseKeyframe__1boy3ak1 1.5s ease-in-out infinite;
+}
+.animations_animBlink__1boy3ak7 {
+  animation: animations_blinkKeyframe__1boy3ak2 1s steps(1) infinite;
+}
+.animations_animFadeIn__1boy3ak8 {
+  animation: animations_fadeInKeyframe__1boy3ak3 var(--etui-transition-normal) ease-out;
+}
+.animations_animWave__1boy3ak9 {
+  animation: animations_waveKeyframe__1boy3ak4 1.6s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .animations_animSpin__1boy3ak5 {
+    animation: none;
+  }
+  .animations_animPulse__1boy3ak6 {
+    animation: none;
+  }
+  .animations_animBlink__1boy3ak7 {
+    animation: none;
+  }
+  .animations_animFadeIn__1boy3ak8 {
+    animation: none;
+  }
+  .animations_animWave__1boy3ak9 {
+    animation: none;
+  }
+}