entangle-ui 0.2.0 → 0.4.0

package/dist/esm/assets/src/components/editor/PropertyInspector/PropertyPanel.css.ts.vanilla-RYv_XgOu.css

@@ -0,0 +1,46 @@
+.PropertyPanel_panelRoot__151bru72 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--etui-color-bg-primary);
+  color: var(--etui-color-text-primary);
+  font-family: var(--etui-font-family-sans);
+}
+.PropertyPanel_panelHeader__151bru73 {
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.PropertyPanel_searchWrapper__151bru74 {
+  padding: var(--etui-spacing-sm) var(--etui-spacing-md);
+}
+.PropertyPanel_searchInputBase__151bru75 {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-primary);
+  font-family: inherit;
+  outline: none;
+  transition: border-color var(--etui-transition-fast), box-shadow var(--etui-transition-fast);
+}
+.PropertyPanel_searchInputBase__151bru75:focus {
+  border-color: var(--etui-color-border-focus);
+  box-shadow: var(--etui-shadow-focus);
+}
+.PropertyPanel_searchInputBase__151bru75::placeholder {
+  color: var(--etui-color-text-muted);
+}
+.PropertyPanel_panelContent__151bru76 {
+  flex: 1;
+  min-height: 0;
+  padding-top: var(--contentTopSpacingVar__151bru70);
+  padding-right: var(--etui-spacing-md);
+  padding-bottom: var(--contentBottomSpacingVar__151bru71);
+  padding-left: var(--etui-spacing-md);
+  box-sizing: border-box;
+}
+.PropertyPanel_panelFooter__151bru77 {
+  flex-shrink: 0;
+  border-top: 1px solid var(--etui-color-border-default);
+}

package/dist/esm/assets/src/components/editor/PropertyInspector/PropertyRow.css.ts.vanilla-C3YZnnHb.css

@@ -0,0 +1,75 @@
+.PropertyRow_rowRoot__1ds48412 {
+  position: relative;
+  padding: 2px 8px;
+  transition: background var(--etui-transition-fast);
+}
+.PropertyRow_rowRoot__1ds48412:hover {
+  background: var(--etui-color-surface-hover);
+}
+.PropertyRow_rowRoot__1ds48412:hover .property-row-reset {
+  opacity: 1;
+}
+.PropertyRow_rowLabel__1ds48413 {
+  flex: 0 0 var(--splitRatioVar__1ds48410);
+  box-sizing: border-box;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  color: var(--etui-color-text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  user-select: none;
+  padding-right: var(--etui-spacing-md);
+}
+.PropertyRow_fullWidthLabel__1ds48414 {
+  display: flex;
+  align-items: center;
+  color: var(--etui-color-text-secondary);
+  margin-bottom: var(--etui-spacing-xs);
+  user-select: none;
+}
+.PropertyRow_modifiedDot__1ds48415 {
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background: var(--etui-color-accent-primary);
+  margin-right: var(--etui-spacing-xs);
+  flex-shrink: 0;
+}
+.PropertyRow_rowControl__1ds48416 {
+  flex: 0 0 var(--controlRatioVar__1ds48411);
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding-right: var(--etui-spacing-xs);
+}
+.PropertyRow_fullWidthControl__1ds48417 {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  padding-right: var(--etui-spacing-xs);
+}
+.PropertyRow_resetButton__1ds48418 {
+  position: absolute;
+  right: var(--etui-spacing-xs);
+  top: 50%;
+  transform: translateY(-50%);
+  opacity: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border-radius: var(--etui-radius-sm);
+  color: var(--etui-color-text-muted);
+  transition: opacity var(--etui-transition-fast), color var(--etui-transition-fast), background var(--etui-transition-fast);
+}
+.PropertyRow_resetButton__1ds48418:hover {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-active);
+}

package/dist/esm/assets/src/components/editor/PropertyInspector/PropertySection.css.ts.vanilla-DJBtY_xk.css

@@ -0,0 +1,105 @@
+.PropertySection_sectionRoot__1xiu0w60 {
+  display: flex;
+  flex-direction: column;
+  background: var(--etui-color-bg-secondary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-md);
+  overflow: hidden;
+}
+.PropertySection_sectionRoot__1xiu0w60 + .PropertySection_sectionRoot__1xiu0w60 {
+  margin-top: var(--etui-spacing-sm);
+}
+.PropertySection_sectionTrigger__1xiu0w61 {
+  margin: 0;
+  border: none;
+  font-family: inherit;
+  outline: none;
+  user-select: none;
+  width: 100%;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  gap: var(--etui-spacing-sm);
+  font-weight: var(--etui-font-weight-medium);
+  background: var(--etui-color-surface-default);
+  color: var(--etui-color-text-primary);
+  transition: background var(--etui-transition-fast);
+}
+.PropertySection_sectionTrigger__1xiu0w61:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.PropertySection_sectionTrigger__1xiu0w61:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+  z-index: 1;
+}
+.PropertySection_sectionTrigger_size_sm__1xiu0w62 {
+  height: 24px;
+  padding: 0 var(--etui-spacing-sm);
+  font-size: var(--etui-font-size-md);
+}
+.PropertySection_sectionTrigger_size_md__1xiu0w63 {
+  height: 28px;
+  padding: 0 var(--etui-spacing-md);
+  font-size: var(--etui-font-size-md);
+}
+.PropertySection_sectionTrigger_size_lg__1xiu0w64 {
+  height: 32px;
+  padding: 0 var(--etui-spacing-lg);
+  font-size: var(--etui-font-size-lg);
+}
+.PropertySection_sectionTrigger_disabled_true__1xiu0w65 {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.PropertySection_sectionTrigger_disabled_false__1xiu0w66 {
+  cursor: pointer;
+  opacity: 1;
+}
+.PropertySection_sectionTrigger_expanded_true__1xiu0w67 {
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.PropertySection_sectionTrigger_expanded_false__1xiu0w68 {
+  border-bottom: none;
+}
+.PropertySection_chevron__1xiu0w69 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--etui-transition-fast);
+  color: var(--etui-color-text-muted);
+}
+.PropertySection_chevronExpanded__1xiu0w6a {
+  transform: rotate(90deg);
+}
+.PropertySection_iconArea__1xiu0w6b {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.PropertySection_sectionLabel__1xiu0w6c {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.PropertySection_actionsArea__1xiu0w6d {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+  gap: var(--etui-spacing-xs);
+}
+.PropertySection_contentWrapper__1xiu0w6e {
+  display: grid;
+  transition: grid-template-rows var(--etui-transition-normal);
+}
+.PropertySection_contentWrapper_expanded_true__1xiu0w6f {
+  grid-template-rows: 1fr;
+}
+.PropertySection_contentWrapper_expanded_false__1xiu0w6g {
+  grid-template-rows: 0fr;
+}
+.PropertySection_contentInner__1xiu0w6h {
+  overflow: hidden;
+  min-height: 0;
+}

package/dist/esm/assets/src/components/editor/ViewportGizmo/ViewportGizmo.css.ts.vanilla-CEs2H-Iv.css

@@ -0,0 +1,43 @@
+.ViewportGizmo_gizmoWrapperRecipe__awfy0i1 {
+  display: inline-flex;
+  position: relative;
+  width: var(--gizmoDiameterVar__awfy0i0);
+  height: var(--gizmoDiameterVar__awfy0i0);
+  flex-shrink: 0;
+}
+.ViewportGizmo_gizmoWrapperRecipe_background_subtle__awfy0i3 {
+  border-radius: 50%;
+  overflow: hidden;
+}
+.ViewportGizmo_gizmoWrapperRecipe_background_solid__awfy0i4 {
+  border-radius: 50%;
+  overflow: hidden;
+  border: 1px solid var(--etui-color-border-default);
+  background: var(--etui-color-bg-secondary);
+}
+.ViewportGizmo_gizmoWrapperRecipe_disabled_true__awfy0i5 {
+  opacity: 0.5;
+}
+.ViewportGizmo_gizmoCanvasStyle__awfy0i7 {
+  width: 100%;
+  height: 100%;
+  display: block;
+  outline: none;
+}
+.ViewportGizmo_gizmoCanvasStyle__awfy0i7:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.ViewportGizmo_gizmoCanvasStyle_disabled_true__awfy0i8 {
+  pointer-events: none;
+}
+.ViewportGizmo_ariaLiveRegionStyle__awfy0ia {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}

package/dist/esm/assets/src/components/feedback/Dialog/Dialog.css.ts.vanilla-BrXTOHwS.css

@@ -0,0 +1,169 @@
+@keyframes Dialog_overlayFadeIn__ickl0c0 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes Dialog_overlayFadeOut__ickl0c1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes Dialog_panelFadeIn__ickl0c2 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+@keyframes Dialog_panelFadeOut__ickl0c3 {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.95);
+  }
+}
+.Dialog_overlayRecipe__ickl0c4 {
+  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);
+}
+.Dialog_overlayRecipe_closing_true__ickl0c5 {
+  animation: Dialog_overlayFadeOut__ickl0c1 150ms ease-out forwards;
+}
+.Dialog_overlayRecipe_closing_false__ickl0c6 {
+  animation: Dialog_overlayFadeIn__ickl0c0 150ms ease-out forwards;
+}
+.Dialog_dialogPanelBase__ickl0c7 {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: var(--etui-z-modal);
+  max-width: calc(100vw - 48px);
+  max-height: calc(100vh - 48px);
+  display: flex;
+  flex-direction: column;
+  background: var(--etui-color-bg-primary);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-lg);
+  box-shadow: var(--etui-shadow-lg);
+  font-family: var(--etui-font-family-sans);
+  outline: none;
+}
+.Dialog_dialogPanelRecipe_size_sm__ickl0c9 {
+  width: 360px;
+}
+.Dialog_dialogPanelRecipe_size_md__ickl0ca {
+  width: 480px;
+}
+.Dialog_dialogPanelRecipe_size_lg__ickl0cb {
+  width: 640px;
+}
+.Dialog_dialogPanelRecipe_size_xl__ickl0cc {
+  width: 800px;
+}
+.Dialog_dialogPanelRecipe_size_fullscreen__ickl0cd {
+  width: calc(100vw - 48px);
+}
+.Dialog_dialogPanelRecipe_closing_true__ickl0ce {
+  animation: Dialog_panelFadeOut__ickl0c3 200ms ease-out forwards;
+}
+.Dialog_dialogPanelRecipe_closing_false__ickl0cf {
+  animation: Dialog_panelFadeIn__ickl0c2 200ms ease-out forwards;
+}
+.Dialog_dialogHeaderStyle__ickl0cg {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: var(--etui-spacing-md) var(--etui-spacing-lg);
+  border-bottom: 1px solid var(--etui-color-border-default);
+  flex-shrink: 0;
+}
+.Dialog_dialogHeaderContentStyle__ickl0ch {
+  display: flex;
+  flex-direction: column;
+  gap: var(--etui-spacing-xs);
+  min-width: 0;
+  flex: 1;
+}
+.Dialog_dialogTitleStyle__ickl0ci {
+  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);
+}
+.Dialog_dialogDescriptionStyle__ickl0cj {
+  font-size: var(--etui-font-size-sm);
+  color: var(--etui-color-text-secondary);
+  line-height: var(--etui-line-height-normal);
+}
+.Dialog_dialogCloseButtonStyle__ickl0ck {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  margin: 0;
+  margin-left: var(--etui-spacing-md);
+  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);
+}
+.Dialog_dialogCloseButtonStyle__ickl0ck:hover {
+  background: var(--etui-color-surface-hover);
+  color: var(--etui-color-text-primary);
+}
+.Dialog_dialogCloseButtonStyle__ickl0ck:focus-visible {
+  outline: none;
+  box-shadow: var(--etui-shadow-focus);
+}
+.Dialog_dialogBodyStyle__ickl0cl {
+  padding: var(--etui-spacing-lg);
+  overflow-y: auto;
+  flex: 1;
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-md);
+  line-height: var(--etui-line-height-normal);
+}
+.Dialog_dialogFooterRecipe__ickl0cm {
+  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;
+}
+.Dialog_dialogFooterRecipe_align_left__ickl0cn {
+  justify-content: flex-start;
+}
+.Dialog_dialogFooterRecipe_align_center__ickl0co {
+  justify-content: center;
+}
+.Dialog_dialogFooterRecipe_align_right__ickl0cp {
+  justify-content: flex-end;
+}
+.Dialog_dialogFooterRecipe_align_space-between__ickl0cq {
+  justify-content: space-between;
+}

package/dist/esm/assets/src/components/feedback/Toast/ToastContainer.css.ts.vanilla-tBLsZ_70.css

@@ -0,0 +1,13 @@
+.ToastContainer_container__155m4yq2 {
+  position: fixed;
+  display: flex;
+  gap: var(--gapVar__155m4yq0);
+  z-index: var(--zIndexVar__155m4yq1);
+  pointer-events: none;
+}
+.ToastContainer_containerReverse__155m4yq3 {
+  flex-direction: column-reverse;
+}
+.ToastContainer_containerNormal__155m4yq4 {
+  flex-direction: column;
+}

package/dist/esm/assets/src/components/feedback/Toast/ToastItem.css.ts.vanilla-D6UuPKAj.css

@@ -0,0 +1,152 @@
+@keyframes ToastItem_slideIn__xlinld1 {
+  from {
+    opacity: 0;
+    transform: translateX(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes ToastItem_progressShrink__xlinld2 {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 0%;
+  }
+}
+.ToastItem_toast__xlinld3 {
+  width: 360px;
+  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-md);
+  padding: var(--etui-spacing-md);
+  pointer-events: auto;
+  position: relative;
+  overflow: hidden;
+  animation: ToastItem_slideIn__xlinld1 var(--etui-transition-normal) forwards;
+}
+.ToastItem_toast_severity_info__xlinld4 {
+  border-left: 3px solid var(--etui-color-accent-primary);
+}
+.ToastItem_toast_severity_success__xlinld5 {
+  border-left: 3px solid var(--etui-color-accent-success);
+}
+.ToastItem_toast_severity_warning__xlinld6 {
+  border-left: 3px solid var(--etui-color-accent-warning);
+}
+.ToastItem_toast_severity_error__xlinld7 {
+  border-left: 3px solid var(--etui-color-accent-error);
+}
+.ToastItem_content__xlinld8 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--etui-spacing-md);
+}
+.ToastItem_iconWrapper__xlinld9 {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  padding-top: 1px;
+}
+.ToastItem_textContent__xlinlda {
+  flex: 1;
+  min-width: 0;
+}
+.ToastItem_titleStyle__xlinldb {
+  font-weight: var(--etui-font-weight-semibold);
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-sm);
+  line-height: var(--etui-line-height-normal);
+}
+.ToastItem_message__xlinldc {
+  color: var(--etui-color-text-secondary);
+  font-size: var(--etui-font-size-xs);
+  line-height: var(--etui-line-height-normal);
+  margin-top: var(--etui-spacing-xs);
+}
+.ToastItem_closeButton__xlinldd {
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--etui-radius-sm);
+  color: var(--etui-color-text-muted);
+  transition: color var(--etui-transition-fast), background var(--etui-transition-fast);
+}
+.ToastItem_closeButton__xlinldd:hover {
+  color: var(--etui-color-text-primary);
+  background: var(--etui-color-surface-hover);
+}
+.ToastItem_closeButton__xlinldd:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.ToastItem_actionButton__xlinlde {
+  padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
+  margin: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+  font-size: var(--etui-font-size-xs);
+  font-weight: var(--etui-font-weight-medium);
+  border-radius: var(--etui-radius-sm);
+  transition: background var(--etui-transition-fast);
+  margin-top: var(--etui-spacing-sm);
+}
+.ToastItem_actionButton__xlinlde:hover {
+  background: var(--etui-color-surface-hover);
+}
+.ToastItem_actionButton__xlinlde:focus-visible {
+  box-shadow: var(--etui-shadow-focus);
+}
+.ToastItem_actionButton_severity_info__xlinldf {
+  color: var(--etui-color-accent-primary);
+}
+.ToastItem_actionButton_severity_success__xlinldg {
+  color: var(--etui-color-accent-success);
+}
+.ToastItem_actionButton_severity_warning__xlinldh {
+  color: var(--etui-color-accent-warning);
+}
+.ToastItem_actionButton_severity_error__xlinldi {
+  color: var(--etui-color-accent-error);
+}
+.ToastItem_progressBar__xlinldj {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 2px;
+  animation-name: ToastItem_progressShrink__xlinld2;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-duration: var(--progressDurationVar__xlinld0);
+}
+.ToastItem_progressBar_severity_info__xlinldk {
+  background: var(--etui-color-accent-primary);
+}
+.ToastItem_progressBar_severity_success__xlinldl {
+  background: var(--etui-color-accent-success);
+}
+.ToastItem_progressBar_severity_warning__xlinldm {
+  background: var(--etui-color-accent-warning);
+}
+.ToastItem_progressBar_severity_error__xlinldn {
+  background: var(--etui-color-accent-error);
+}
+.ToastItem_progressBar_paused_true__xlinldo {
+  animation-play-state: paused;
+}
+.ToastItem_progressBar_paused_false__xlinldp {
+  animation-play-state: running;
+}

package/dist/esm/assets/src/components/form/FormHelperText.css.ts.vanilla-CXKd9jtx.css

@@ -0,0 +1,11 @@
+.FormHelperText_formHelperTextRecipe__cuqj3k0 {
+  font-size: var(--etui-font-size-xs);
+  line-height: var(--etui-line-height-tight);
+  margin-top: var(--etui-spacing-xs);
+}
+.FormHelperText_formHelperTextRecipe_error_true__cuqj3k1 {
+  color: var(--etui-color-accent-error);
+}
+.FormHelperText_formHelperTextRecipe_error_false__cuqj3k2 {
+  color: var(--etui-color-text-muted);
+}

package/dist/esm/assets/src/components/form/FormLabel.css.ts.vanilla-DHn6CB2v.css

@@ -0,0 +1,17 @@
+.FormLabel_formLabelRecipe__1xpmfd40 {
+  font-size: var(--etui-font-size-sm);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: var(--etui-line-height-tight);
+  margin-bottom: var(--etui-spacing-xs);
+  display: inline-block;
+}
+.FormLabel_formLabelRecipe_disabled_true__1xpmfd41 {
+  color: var(--etui-color-text-disabled);
+}
+.FormLabel_formLabelRecipe_disabled_false__1xpmfd42 {
+  color: var(--etui-color-text-secondary);
+}
+.FormLabel_requiredIndicatorStyle__1xpmfd43 {
+  color: var(--etui-color-accent-error);
+  margin-left: 2px;
+}

package/dist/esm/assets/src/components/form/InputWrapper.css.ts.vanilla-Bl7u62PI.css

@@ -0,0 +1,44 @@
+.InputWrapper_inputWrapperRecipe__1h1gl4m0 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border: 1px solid;
+  border-radius: var(--etui-radius-md);
+  transition: all var(--etui-transition-normal);
+}
+.InputWrapper_inputWrapperRecipe_size_sm__1h1gl4m1 {
+  height: 20px;
+  padding: 0 var(--etui-spacing-sm);
+}
+.InputWrapper_inputWrapperRecipe_size_md__1h1gl4m2 {
+  height: 24px;
+  padding: 0 var(--etui-spacing-md);
+}
+.InputWrapper_inputWrapperRecipe_size_lg__1h1gl4m3 {
+  height: 32px;
+  padding: 0 var(--etui-spacing-lg);
+}
+.InputWrapper_inputWrapperRecipe_error_true__1h1gl4m4 {
+  border-color: var(--etui-color-border-error);
+}
+.InputWrapper_inputWrapperRecipe_disabled_true__1h1gl4m6 {
+  background: var(--etui-color-surface-disabled);
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.InputWrapper_inputWrapperRecipe_disabled_false__1h1gl4m7 {
+  background: var(--etui-color-surface-default);
+}
+.InputWrapper_inputWrapperRecipe_compound_0__1h1gl4ma {
+  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);
+}
+.InputWrapper_inputWrapperRecipe_compound_1__1h1gl4mb {
+  border-color: var(--etui-color-border-default);
+}
+.InputWrapper_inputWrapperRecipe_compound_1__1h1gl4mb:hover:not(:focus-within) {
+  border-color: var(--etui-color-border-focus);
+}
+.InputWrapper_inputWrapperRecipe_compound_2__1h1gl4mc {
+  border-color: var(--etui-color-border-default);
+}