entangle-ui 0.7.0 → 0.8.0

package/dist/esm/assets/src/components/navigation/SegmentedControl/SegmentedControl.css.ts.vanilla-BHOnDD2B.css

@@ -0,0 +1,197 @@
+.SegmentedControl_segmentedControlRecipe__1k6fove0 {
+  position: relative;
+  display: inline-flex;
+  padding: 2px;
+  border-radius: var(--etui-radius-md);
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+}
+.SegmentedControl_segmentedControlRecipe__1k6fove0[aria-disabled="true"] {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.SegmentedControl_segmentedControlRecipe_orientation_horizontal__1k6fove1 {
+  flex-direction: row;
+  align-items: stretch;
+}
+.SegmentedControl_segmentedControlRecipe_orientation_vertical__1k6fove2 {
+  flex-direction: column;
+  align-items: stretch;
+}
+.SegmentedControl_segmentedControlRecipe_variant_subtle__1k6fove3 {
+  background: var(--etui-color-bg-secondary);
+}
+.SegmentedControl_segmentedControlRecipe_variant_solid__1k6fove4 {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+}
+.SegmentedControl_segmentedControlRecipe_variant_outline__1k6fove5 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+}
+.SegmentedControl_segmentedControlRecipe_fullWidth_true__1k6fove6 {
+  display: flex;
+  width: 100%;
+}
+.SegmentedControl_segmentedIndicatorRecipe__1k6fove8 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  pointer-events: none;
+  transition-property: transform, width, height, opacity;
+  transition-duration: var(--etui-transition-normal);
+  transition-timing-function: ease;
+  will-change: transform, width, height;
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_subtle__1k6fove9 {
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  box-shadow: var(--etui-shadow-sm);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_solid__1k6fovea {
+  background: var(--etui-color-accent-primary);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+}
+.SegmentedControl_segmentedIndicatorRecipe_variant_outline__1k6foveb {
+  background: var(--etui-color-accent-primary);
+  border-radius: var(--etui-radius-sm);
+}
+.SegmentedControl_segmentedIndicatorRecipe_compound_0__1k6fovee {
+  height: 2px;
+}
+.SegmentedControl_segmentedIndicatorRecipe_compound_1__1k6fovef {
+  width: 2px;
+}
+.SegmentedControl_segmentedItemWrapperBase__1k6foveg {
+  position: relative;
+  display: inline-flex;
+  align-items: stretch;
+  justify-content: stretch;
+  min-width: 0;
+  min-height: 0;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_fullWidth_true__1k6fovei {
+  flex: 1;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_orientation_vertical__1k6fovel {
+  width: 100%;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_0__1k6fover {
+  width: 20px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_1__1k6foves {
+  width: 24px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperRecipe_compound_2__1k6fovet {
+  width: 32px;
+  flex: none;
+}
+.SegmentedControl_segmentedItemWrapperBase__1k6foveg > * {
+  display: inline-flex;
+  align-items: stretch;
+  width: 100%;
+  min-width: 0;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu {
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  white-space: nowrap;
+  background: transparent;
+  appearance: none;
+  -webkit-appearance: none;
+  width: 100%;
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  border-radius: calc(var(--etui-radius-md) - 2px);
+  transition: color var(--etui-transition-fast), background var(--etui-transition-fast);
+  cursor: pointer;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+  z-index: 2;
+}
+.SegmentedControl_segmentedItemBaseStyle__1k6foveu:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.SegmentedControl_segmentedItemRecipe_size_sm__1k6fovew {
+  height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+  gap: 4px;
+}
+.SegmentedControl_segmentedItemRecipe_size_md__1k6fovex {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+  gap: 6px;
+}
+.SegmentedControl_segmentedItemRecipe_size_lg__1k6fovey {
+  height: 32px;
+  padding: 0 var(--etui-spacing-lg);
+  font-size: var(--etui-font-size-md);
+  gap: 8px;
+}
+.SegmentedControl_segmentedItemRecipe_iconOnly_true__1k6fovez {
+  padding: 0;
+}
+.SegmentedControl_segmentedItemRecipe_orientation_vertical__1k6fove12 {
+  justify-content: flex-start;
+}
+.SegmentedControl_segmentedItemRecipe_compound_0__1k6fove13 {
+  justify-content: center;
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.SegmentedControl_itemSubtleStyle__1k6fove14[aria-pressed="true"] {
+  color: var(--etui-color-text-primary);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.SegmentedControl_itemSolidStyle__1k6fove15[aria-pressed="true"] {
+  color: #ffffff;
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16 {
+  color: var(--etui-color-text-secondary);
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16:hover:not(:disabled):not([aria-pressed="true"]) {
+  color: var(--etui-color-text-primary);
+}
+.SegmentedControl_itemOutlineStyle__1k6fove16[aria-pressed="true"] {
+  color: var(--etui-color-accent-primary);
+}
+.SegmentedControl_segmentedItemIconStyle__1k6fove17 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .SegmentedControl_segmentedIndicatorRecipe__1k6fove8 {
+    transition-duration: 0s;
+  }
+}

package/dist/esm/assets/src/components/navigation/Tabs/{Tabs.css.ts.vanilla-D7RGpDPC.css → Tabs.css.ts.vanilla-CQucokdg.css}

@@ -244,4 +244,18 @@
   min-height: 0;
   overflow: hidden;
   outline: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Tabs_tabUnderlineStyle__v404x7r {
+    transition: none;
+  }
+  .Tabs_tabPillsStyle__v404x7x {
+    transition: none;
+  }
+  .Tabs_tabEnclosedStyle__v404x710 {
+    transition: none;
+  }
+  .Tabs_tabCloseButtonStyle__v404x715 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/Avatar/Avatar.css.ts.vanilla-jG5hUudL.css

@@ -0,0 +1,149 @@
+.Avatar_avatarRecipe__e438tx2 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: visible;
+  box-sizing: border-box;
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  background: var(--avatarBgVar__e438tx0);
+  user-select: none;
+  vertical-align: middle;
+  line-height: 1;
+}
+.Avatar_avatarRecipe_size_xs__e438tx3 {
+  width: 16px;
+  height: 16px;
+  font-size: var(--etui-font-size-xxs);
+}
+.Avatar_avatarRecipe_size_sm__e438tx4 {
+  width: 20px;
+  height: 20px;
+  font-size: var(--etui-font-size-xs);
+}
+.Avatar_avatarRecipe_size_md__e438tx5 {
+  width: 24px;
+  height: 24px;
+  font-size: var(--etui-font-size-sm);
+}
+.Avatar_avatarRecipe_size_lg__e438tx6 {
+  width: 32px;
+  height: 32px;
+  font-size: var(--etui-font-size-md);
+}
+.Avatar_avatarRecipe_size_xl__e438tx7 {
+  width: 40px;
+  height: 40px;
+  font-size: var(--etui-font-size-lg);
+}
+.Avatar_avatarRecipe_size_xxl__e438tx8 {
+  width: 56px;
+  height: 56px;
+  font-size: var(--etui-font-size-xl);
+}
+.Avatar_avatarRecipe_shape_circle__e438tx9 {
+  border-radius: 50%;
+}
+.Avatar_avatarRecipe_shape_square__e438txa {
+  border-radius: var(--etui-radius-none);
+}
+.Avatar_avatarRecipe_shape_rounded__e438txb {
+  border-radius: var(--etui-radius-md);
+}
+.Avatar_avatarRecipe_bordered_true__e438txc {
+  box-shadow: 0 0 0 2px var(--etui-color-bg-primary);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd {
+  cursor: pointer;
+  transition: transform var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd:hover {
+  transform: scale(1.04);
+}
+.Avatar_avatarRecipe_interactive_true__e438txd:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+.Avatar_avatarFallbackStyle__e438txe {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+.Avatar_avatarImageStyle__e438txf {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.Avatar_avatarImageStyle__e438txf[data-loaded="false"] {
+  display: none;
+}
+.Avatar_avatarImageInheritRadius__e438txg {
+  border-radius: inherit;
+}
+.Avatar_avatarStatusRecipe__e438txh {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background: var(--avatarStatusVar__e438tx1);
+  border: 2px solid var(--etui-color-bg-primary);
+  border-radius: 50%;
+  box-sizing: content-box;
+  pointer-events: none;
+}
+.Avatar_avatarStatusRecipe_size_xs__e438txi {
+  width: 4px;
+  height: 4px;
+  border-width: 1px;
+}
+.Avatar_avatarStatusRecipe_size_sm__e438txj {
+  width: 5px;
+  height: 5px;
+  border-width: 1px;
+}
+.Avatar_avatarStatusRecipe_size_md__e438txk {
+  width: 6px;
+  height: 6px;
+  border-width: 1.5px;
+}
+.Avatar_avatarStatusRecipe_size_lg__e438txl {
+  width: 8px;
+  height: 8px;
+  border-width: 2px;
+}
+.Avatar_avatarStatusRecipe_size_xl__e438txm {
+  width: 10px;
+  height: 10px;
+  border-width: 2px;
+}
+.Avatar_avatarStatusRecipe_size_xxl__e438txn {
+  width: 14px;
+  height: 14px;
+  border-width: 2px;
+}
+.Avatar_avatarGroupRootStyle__e438txp {
+  display: inline-flex;
+  align-items: center;
+  flex-direction: row;
+  isolation: isolate;
+}
+.Avatar_avatarGroupItemStyle__e438txq {
+  position: relative;
+}
+.Avatar_avatarGroupItemStyle__e438txq:not(:first-child) {
+  margin-left: var(--avatarGroupSpacingVar__e438txo);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Avatar_avatarRecipe_interactive_true__e438txd {
+    transition: none;
+  }
+}

package/dist/esm/assets/src/components/primitives/Button/{Button.css.ts.vanilla-CT592JL7.css → Button.css.ts.vanilla-DXJcIb94.css}

@@ -95,4 +95,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
+}
+@media (prefers-reduced-motion: reduce) {
+  .Button_buttonRecipe__btu0m70 {
+    transition: none;
+  }
+  .Button_loadingSpinnerStyle__btu0m79 {
+    animation: none;
+    opacity: 0.6;
+  }
 }

package/dist/esm/assets/src/components/primitives/Checkbox/{Checkbox.css.ts.vanilla-dvrGPiPs.css → Checkbox.css.ts.vanilla-DNa-Gqto.css}

@@ -121,4 +121,9 @@
   display: flex;
   flex-direction: var(--groupDirectionVar__2ajd0pq);
   gap: var(--groupGapVar__2ajd0pr);
+}
+@media (prefers-reduced-motion: reduce) {
+  .Checkbox_checkboxBoxRecipe__2ajd0pa {
+    transition: none;
+  }
 }

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;
+  }
 }