entangle-ui 0.3.0 → 0.4.0

package/dist/esm/assets/src/components/layout/SplitPane/SplitPane.css.ts.vanilla-BFxdvwyI.css

@@ -0,0 +1,44 @@
+.SplitPane_containerRecipe__13xgg0i0 {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.SplitPane_containerRecipe_direction_horizontal__13xgg0i1 {
+  flex-direction: row;
+}
+.SplitPane_containerRecipe_direction_vertical__13xgg0i2 {
+  flex-direction: column;
+}
+.SplitPane_dividerRecipe__13xgg0i4 {
+  flex: 0 0 var(--dividerSizeVar__13xgg0i3);
+  background: var(--etui-color-border-default);
+  transition: background-color var(--etui-transition-fast);
+  user-select: none;
+  touch-action: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+  outline: none;
+}
+.SplitPane_dividerRecipe__13xgg0i4:hover {
+  background: var(--etui-color-accent-primary);
+}
+.SplitPane_dividerRecipe__13xgg0i4:focus-visible {
+  background: var(--etui-color-accent-primary);
+  outline: none;
+}
+.SplitPane_dividerRecipe_direction_horizontal__13xgg0i5 {
+  cursor: col-resize;
+}
+.SplitPane_dividerRecipe_direction_vertical__13xgg0i6 {
+  cursor: row-resize;
+}
+.SplitPane_dividerRecipe_isDragging_true__13xgg0i7 {
+  background: var(--etui-color-accent-primary);
+}
+.SplitPane_panelStyle__13xgg0i8 {
+  overflow: auto;
+}

package/dist/esm/assets/src/components/layout/Stack/Stack.css.ts.vanilla-DNZOFYiD.css

@@ -0,0 +1,123 @@
+.Stack_stackRecipe__xx9bfp1 {
+  display: flex;
+  box-sizing: border-box;
+  gap: var(--gapVar__xx9bfp0);
+}
+.Stack_stackRecipe_direction_row__xx9bfp2 {
+  flex-direction: row;
+}
+.Stack_stackRecipe_direction_column__xx9bfp3 {
+  flex-direction: column;
+}
+.Stack_stackRecipe_wrap_nowrap__xx9bfp4 {
+  flex-wrap: nowrap;
+}
+.Stack_stackRecipe_wrap_wrap__xx9bfp5 {
+  flex-wrap: wrap;
+}
+.Stack_stackRecipe_wrap_wrap-reverse__xx9bfp6 {
+  flex-wrap: wrap-reverse;
+}
+.Stack_stackRecipe_justify_flex-start__xx9bfp7 {
+  justify-content: flex-start;
+}
+.Stack_stackRecipe_justify_flex-end__xx9bfp8 {
+  justify-content: flex-end;
+}
+.Stack_stackRecipe_justify_center__xx9bfp9 {
+  justify-content: center;
+}
+.Stack_stackRecipe_justify_space-between__xx9bfpa {
+  justify-content: space-between;
+}
+.Stack_stackRecipe_justify_space-around__xx9bfpb {
+  justify-content: space-around;
+}
+.Stack_stackRecipe_justify_space-evenly__xx9bfpc {
+  justify-content: space-evenly;
+}
+.Stack_stackRecipe_align_flex-start__xx9bfpd {
+  align-items: flex-start;
+}
+.Stack_stackRecipe_align_flex-end__xx9bfpe {
+  align-items: flex-end;
+}
+.Stack_stackRecipe_align_center__xx9bfpf {
+  align-items: center;
+}
+.Stack_stackRecipe_align_stretch__xx9bfpg {
+  align-items: stretch;
+}
+.Stack_stackRecipe_align_baseline__xx9bfph {
+  align-items: baseline;
+}
+.Stack_stackRecipe_expandRow_true__xx9bfpi {
+  width: 100%;
+}
+.Stack_stackRecipe_expandColumn_true__xx9bfpj {
+  height: 100%;
+}
+@media (min-width: 576px) {
+  .Stack_stackRecipe__xx9bfp1[data-sm-dir="row"] {
+    flex-direction: row;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-sm-dir="column"] {
+    flex-direction: column;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-sm-dir="row"][data-expand="true"] {
+    width: 100%;
+    height: auto;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-sm-dir="column"][data-expand="true"] {
+    height: 100%;
+    width: auto;
+  }
+}
+@media (min-width: 768px) {
+  .Stack_stackRecipe__xx9bfp1[data-md-dir="row"] {
+    flex-direction: row;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-md-dir="column"] {
+    flex-direction: column;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-md-dir="row"][data-expand="true"] {
+    width: 100%;
+    height: auto;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-md-dir="column"][data-expand="true"] {
+    height: 100%;
+    width: auto;
+  }
+}
+@media (min-width: 992px) {
+  .Stack_stackRecipe__xx9bfp1[data-lg-dir="row"] {
+    flex-direction: row;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-lg-dir="column"] {
+    flex-direction: column;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-lg-dir="row"][data-expand="true"] {
+    width: 100%;
+    height: auto;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-lg-dir="column"][data-expand="true"] {
+    height: 100%;
+    width: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .Stack_stackRecipe__xx9bfp1[data-xl-dir="row"] {
+    flex-direction: row;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-xl-dir="column"] {
+    flex-direction: column;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-xl-dir="row"][data-expand="true"] {
+    width: 100%;
+    height: auto;
+  }
+  .Stack_stackRecipe__xx9bfp1[data-xl-dir="column"][data-expand="true"] {
+    height: 100%;
+    width: auto;
+  }
+}

package/dist/esm/assets/src/components/navigation/Menu/Menu.css.ts.vanilla-DD0c5D10.css

@@ -0,0 +1,67 @@
+.Menu_menuContentStyle__1pkkb710 {
+  min-width: 200px;
+  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-md);
+  padding: var(--etui-spacing-sm);
+  z-index: var(--etui-z-dropdown);
+  outline: none;
+}
+.Menu_interactiveItemBase__1pkkb711 {
+  display: flex;
+  align-items: center;
+  padding: var(--etui-spacing-sm);
+  border-radius: var(--etui-radius-sm);
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: var(--etui-color-text-primary);
+}
+.Menu_interactiveItemBase__1pkkb711[data-highlighted] {
+  background: var(--etui-color-surface-hover);
+}
+.Menu_menuItemDisabledStyle__1pkkb712 {
+  color: var(--etui-color-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.Menu_menuItemContentStyle__1pkkb713 {
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  flex: 1;
+  min-height: 20px;
+}
+.Menu_iconContainerStyle__1pkkb714 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.Menu_iconVisibleStyle__1pkkb715 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  visibility: visible;
+}
+.Menu_iconHiddenStyle__1pkkb716 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  visibility: hidden;
+}
+.Menu_chevronIconStyle__1pkkb717 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: var(--etui-spacing-sm);
+  transform: rotate(90deg);
+  color: var(--etui-color-text-muted);
+}
+.Menu_separatorStyle__1pkkb718 {
+  margin: var(--etui-spacing-xs) 0;
+  border-top: 1px solid var(--etui-color-border-default);
+}

package/dist/esm/assets/src/components/navigation/Tabs/Tabs.css.ts.vanilla-D7RGpDPC.css

@@ -0,0 +1,247 @@
+.Tabs_tabsRootRecipe__v404x70 {
+  display: flex;
+  min-width: 0;
+  min-height: 0;
+}
+.Tabs_tabsRootRecipe_orientation_horizontal__v404x71 {
+  flex-direction: column;
+}
+.Tabs_tabsRootRecipe_orientation_vertical__v404x72 {
+  flex-direction: row;
+}
+.Tabs_tabListBase__v404x73 {
+  display: flex;
+  align-items: stretch;
+  flex-shrink: 0;
+  min-width: 0;
+  gap: var(--etui-spacing-xs);
+  scrollbar-width: none;
+}
+.Tabs_tabListBase__v404x73::-webkit-scrollbar {
+  display: none;
+}
+.Tabs_tabListRecipe_orientation_horizontal__v404x75 {
+  flex-direction: row;
+  overflow-x: auto;
+  overflow-y: visible;
+}
+.Tabs_tabListRecipe_orientation_vertical__v404x76 {
+  flex-direction: column;
+  overflow-x: visible;
+  overflow-y: auto;
+}
+.Tabs_tabListRecipe_compound_0__v404x7c {
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.Tabs_tabListRecipe_compound_1__v404x7d {
+  border-right: 1px solid var(--etui-color-border-default);
+}
+.Tabs_tabListRecipe_compound_2__v404x7e {
+  border-bottom: 1px solid var(--etui-color-border-default);
+  padding: 0 var(--etui-spacing-xs);
+}
+.Tabs_tabListRecipe_compound_3__v404x7f {
+  border-right: 1px solid var(--etui-color-border-default);
+  padding: var(--etui-spacing-xs) 0;
+}
+.Tabs_tabListRecipe_compound_4__v404x7g {
+  padding: var(--etui-spacing-xs);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  background: var(--etui-color-bg-secondary);
+}
+.Tabs_tabListRecipe_compound_5__v404x7h {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+.Tabs_tabBaseStyle__v404x7i {
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  white-space: nowrap;
+  background: transparent;
+  border-radius: var(--etui-radius-sm);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  min-width: 0;
+}
+.Tabs_tabBaseStyle__v404x7i:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+  z-index: 1;
+}
+.Tabs_tabRecipe_size_sm__v404x7k {
+  height: 24px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-xs);
+}
+.Tabs_tabRecipe_size_md__v404x7l {
+  height: 28px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-sm);
+}
+.Tabs_tabRecipe_size_lg__v404x7m {
+  height: 32px;
+  padding: 0 var(--etui-spacing-lg);
+  font-size: var(--etui-font-size-md);
+}
+.Tabs_tabRecipe_disabled_true__v404x7n {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.Tabs_tabRecipe_disabled_false__v404x7o {
+  cursor: pointer;
+}
+.Tabs_tabRecipe_fullWidth_true__v404x7p {
+  flex: 1;
+}
+.Tabs_tabUnderlineStyle__v404x7r {
+  transition: all var(--etui-transition-fast);
+}
+.Tabs_tabUnderlineStyle__v404x7r:hover:not(:disabled) {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Tabs_tabUnderlineActiveStyle__v404x7s {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-active);
+}
+.Tabs_tabUnderlineInactiveStyle__v404x7t {
+  color: var(--etui-color-text-secondary);
+}
+.Tabs_tabUnderlineActiveHorizontalStyle__v404x7u {
+  margin-bottom: -1px;
+}
+.Tabs_tabUnderlineActiveHorizontalStyle__v404x7u::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  height: 2px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-accent-primary);
+  opacity: 1;
+  transition: opacity var(--etui-transition-fast);
+}
+.Tabs_tabUnderlineActiveVerticalStyle__v404x7v {
+  margin-right: -1px;
+}
+.Tabs_tabUnderlineActiveVerticalStyle__v404x7v::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -1px;
+  width: 2px;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-accent-primary);
+  opacity: 1;
+  transition: opacity var(--etui-transition-fast);
+}
+.Tabs_tabUnderlineInactiveIndicatorStyle__v404x7w::after {
+  content: "";
+  position: absolute;
+  border-radius: var(--etui-radius-sm);
+  background: var(--etui-color-accent-primary);
+  opacity: 0;
+  transition: opacity var(--etui-transition-fast);
+}
+.Tabs_tabPillsStyle__v404x7x {
+  border-radius: var(--etui-radius-md);
+  border: 1px solid transparent;
+  transition: all var(--etui-transition-fast);
+}
+.Tabs_tabPillsActiveStyle__v404x7y {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-active);
+  border-color: var(--etui-color-border-default);
+}
+.Tabs_tabPillsActiveStyle__v404x7y:hover:not(:disabled) {
+  background: var(--etui-color-surface-active);
+}
+.Tabs_tabPillsInactiveStyle__v404x7z {
+  color: var(--etui-color-text-secondary);
+  background: var(--etui-color-bg-secondary);
+}
+.Tabs_tabPillsInactiveStyle__v404x7z:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Tabs_tabEnclosedStyle__v404x710 {
+  transition: all var(--etui-transition-fast);
+}
+.Tabs_tabEnclosedStyle__v404x710:hover:not(:disabled) {
+  color: var(--etui-color-text-primary);
+}
+.Tabs_tabEnclosedActiveHorizontalStyle__v404x711 {
+  color: var(--etui-color-text-primary);
+  border: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-bg-primary);
+  border-bottom-color: var(--etui-color-bg-primary);
+  border-radius: var(--etui-radius-md) var(--etui-radius-md) 0 0;
+  margin-bottom: -1px;
+}
+.Tabs_tabEnclosedActiveHorizontalStyle__v404x711:hover:not(:disabled) {
+  background: var(--etui-color-bg-primary);
+}
+.Tabs_tabEnclosedActiveVerticalStyle__v404x712 {
+  color: var(--etui-color-text-primary);
+  border: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-bg-primary);
+  border-right-color: var(--etui-color-bg-primary);
+  border-radius: var(--etui-radius-md) 0 0 var(--etui-radius-md);
+  margin-right: -1px;
+}
+.Tabs_tabEnclosedActiveVerticalStyle__v404x712:hover:not(:disabled) {
+  background: var(--etui-color-bg-primary);
+}
+.Tabs_tabEnclosedInactiveStyle__v404x713 {
+  color: var(--etui-color-text-secondary);
+  background: var(--etui-color-surface-default);
+  border: 1px solid transparent;
+}
+.Tabs_tabEnclosedInactiveStyle__v404x713:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Tabs_tabIconStyle__v404x714 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.Tabs_tabCloseButtonStyle__v404x715 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  cursor: pointer;
+  color: var(--etui-color-text-muted);
+  border-radius: var(--etui-radius-sm);
+  padding: 2px;
+  margin-left: var(--etui-spacing-sm);
+  transition: all var(--etui-transition-fast);
+}
+.Tabs_tabCloseButtonStyle__v404x715:hover {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.Tabs_tabCloseButtonStyle__v404x715 svg {
+  color: currentColor;
+}
+.Tabs_tabPanelStyle__v404x716 {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  outline: none;
+}

package/dist/esm/assets/src/components/primitives/Button/Button.css.ts.vanilla-CT592JL7.css

@@ -0,0 +1,98 @@
+@keyframes Button_spin__btu0m78 {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.Button_buttonRecipe__btu0m70 {
+  margin: 0;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+  font-weight: var(--etui-font-weight-medium);
+  border-radius: var(--etui-radius-md);
+  transition: all var(--etui-transition-normal);
+}
+.Button_buttonRecipe__btu0m70:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Button_buttonRecipe__btu0m70:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.Button_buttonRecipe_variant_default__btu0m71 {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-primary);
+}
+.Button_buttonRecipe_variant_default__btu0m71:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  border-color: transparent;
+}
+.Button_buttonRecipe_variant_default__btu0m71:active:not(:disabled) {
+  background: var(--etui-color-surface-active);
+}
+.Button_buttonRecipe_variant_ghost__btu0m72 {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--etui-color-text-secondary);
+}
+.Button_buttonRecipe_variant_ghost__btu0m72:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+  color: var(--etui-color-text-primary);
+}
+.Button_buttonRecipe_variant_ghost__btu0m72:active:not(:disabled) {
+  background: var(--etui-color-surface-active);
+}
+.Button_buttonRecipe_variant_filled__btu0m73 {
+  background: var(--etui-color-accent-primary);
+  border: 1px solid var(--etui-color-accent-primary);
+  color: white;
+}
+.Button_buttonRecipe_variant_filled__btu0m73:hover:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+  border-color: var(--etui-color-accent-secondary);
+}
+.Button_buttonRecipe_variant_filled__btu0m73:active:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+}
+.Button_buttonRecipe_size_sm__btu0m74 {
+  height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-md);
+  gap: var(--etui-spacing-xs);
+}
+.Button_buttonRecipe_size_md__btu0m75 {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-md);
+  gap: var(--etui-spacing-sm);
+}
+.Button_buttonRecipe_size_lg__btu0m76 {
+  height: 32px;
+  padding: 0 var(--etui-spacing-xl);
+  font-size: var(--etui-font-size-lg);
+  gap: var(--etui-spacing-md);
+}
+.Button_buttonRecipe_fullWidth_true__btu0m77 {
+  width: 100%;
+}
+.Button_loadingSpinnerStyle__btu0m79 {
+  width: 16px;
+  height: 16px;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: Button_spin__btu0m78 1s linear infinite;
+}
+.Button_iconWrapperStyle__btu0m7a {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/esm/assets/src/components/primitives/Checkbox/Checkbox.css.ts.vanilla-dvrGPiPs.css

@@ -0,0 +1,124 @@
+.Checkbox_checkboxContainerStyle__2ajd0p0 {
+  display: flex;
+  flex-direction: column;
+}
+.Checkbox_checkboxLabelRecipe__2ajd0p1 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  line-height: var(--etui-line-height-normal);
+  user-select: none;
+}
+.Checkbox_checkboxLabelRecipe_labelPosition_left__2ajd0p2 {
+  flex-direction: row-reverse;
+}
+.Checkbox_checkboxLabelRecipe_labelPosition_right__2ajd0p3 {
+  flex-direction: row;
+}
+.Checkbox_checkboxLabelRecipe_size_sm__2ajd0p4 {
+  font-size: var(--etui-font-size-xs);
+}
+.Checkbox_checkboxLabelRecipe_size_md__2ajd0p5 {
+  font-size: var(--etui-font-size-sm);
+}
+.Checkbox_checkboxLabelRecipe_size_lg__2ajd0p6 {
+  font-size: var(--etui-font-size-md);
+}
+.Checkbox_checkboxLabelRecipe_disabled_true__2ajd0p7 {
+  cursor: not-allowed;
+  color: var(--etui-color-text-disabled);
+}
+.Checkbox_checkboxLabelRecipe_disabled_false__2ajd0p8 {
+  cursor: pointer;
+  color: var(--etui-color-text-secondary);
+}
+.Checkbox_checkboxBoxRecipe__2ajd0pa {
+  padding: 0;
+  margin: 0;
+  border: none;
+  font: inherit;
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--boxSizeVar__2ajd0p9);
+  height: var(--boxSizeVar__2ajd0p9);
+  border-radius: var(--etui-radius-sm);
+  transition: all var(--etui-transition-fast);
+}
+.Checkbox_checkboxBoxRecipe__2ajd0pa:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.Checkbox_checkboxBoxRecipe__2ajd0pa:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.Checkbox_checkboxBoxRecipe_active_true__2ajd0pb {
+  background: var(--etui-color-accent-primary);
+  border: 1px solid var(--etui-color-accent-primary);
+}
+.Checkbox_checkboxBoxRecipe_active_true__2ajd0pb:hover:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+  border-color: var(--etui-color-accent-secondary);
+}
+.Checkbox_checkboxBoxRecipe_active_false__2ajd0pc {
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+}
+.Checkbox_checkboxBoxRecipe_active_false__2ajd0pc:hover:not(:disabled) {
+  border-color: var(--etui-color-border-focus);
+}
+.Checkbox_checkboxBoxRecipe_disabled_true__2ajd0pf {
+  cursor: not-allowed;
+}
+.Checkbox_checkboxBoxRecipe_disabled_false__2ajd0pg {
+  cursor: pointer;
+}
+.Checkbox_checkboxBoxRecipe_compound_0__2ajd0pj {
+  background: transparent;
+  border: 1px solid var(--etui-color-accent-error);
+}
+.Checkbox_checkboxBoxRecipe_compound_0__2ajd0pj:hover:not(:disabled) {
+  border-color: var(--etui-color-accent-error);
+  background: transparent;
+}
+.Checkbox_checkboxBoxRecipe_compound_1__2ajd0pk {
+  background: var(--etui-color-accent-error);
+  border: 1px solid var(--etui-color-accent-error);
+}
+.Checkbox_checkboxBoxRecipe_compound_1__2ajd0pk:hover:not(:disabled) {
+  background: var(--etui-color-accent-error);
+  border-color: var(--etui-color-accent-error);
+}
+.Checkbox_checkboxBoxRecipe_compound_2__2ajd0pl {
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+}
+.Checkbox_checkboxBoxRecipe_compound_2__2ajd0pl:hover:not(:disabled) {
+  border-color: var(--etui-color-border-focus);
+}
+.Checkbox_checkboxBoxRecipe_compound_3__2ajd0pm {
+  opacity: 0.5;
+  background: var(--etui-color-accent-primary);
+  border: 1px solid var(--etui-color-accent-primary);
+}
+.Checkbox_checkboxBoxRecipe_compound_4__2ajd0pn {
+  opacity: 0.5;
+  background: var(--etui-color-surface-default);
+  border: 1px solid var(--etui-color-border-default);
+}
+.Checkbox_checkboxBoxRecipe_compound_5__2ajd0po {
+  opacity: 0.5;
+  background: transparent;
+  border: 1px solid var(--etui-color-border-default);
+}
+.Checkbox_groupContainerStyle__2ajd0pp {
+  display: flex;
+  flex-direction: column;
+}
+.Checkbox_groupItemsStyle__2ajd0ps {
+  display: flex;
+  flex-direction: var(--groupDirectionVar__2ajd0pq);
+  gap: var(--groupGapVar__2ajd0pr);
+}