@photonix/basic 2.0.1 → 2.0.3

package/dist/index.css

@@ -14047,7 +14047,144 @@
   padding: 4px 6px;
   text-transform: uppercase;
 }
-._promptFieldRoot_1ihm7_6 {
+._attachmentRoot_zdxto_7 {
+  --attachment-radius: var(--radius-2xs);
+  align-items: center;
+  border: var(--border-sm) solid var(--border-neutral-tertiary);
+  border-radius: var(--attachment-radius);
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--space-sm);
+  overflow: hidden;
+  padding: var(--space-xs);
+  position: relative;
+  transition: border-color var(--motion-duration-normal) var(--motion-ease-standard);
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) {
+  padding-block: var(--space-4xs);
+  padding-inline: var(--space-4xs) var(--space-xs);
+}
+._attachmentRoot_zdxto_7._attachmentHasRemove_zdxto_28:not(._attachmentMedia_zdxto_23) {
+  padding-inline: var(--space-4xs) var(--space-xl);
+}
+._attachmentDisabled_zdxto_32 {
+  cursor: not-allowed;
+  opacity: var(--opacity-disabled);
+  pointer-events: none;
+}
+._attachmentSm_zdxto_43 {
+  max-inline-size: var(--dimensions-200);
+}
+._attachmentSm_zdxto_43:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52 {
+  max-inline-size: var(--dimensions-240);
+}
+._attachmentMd_zdxto_52:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61 {
+  max-inline-size: var(--dimensions-280);
+}
+._attachmentLg_zdxto_61:not(._attachmentMedia_zdxto_23) {
+  block-size: var(--dimensions-120);
+}
+._attachmentMedia_zdxto_23 {
+  gap: 0;
+  padding: 0;
+}
+._attachmentSm_zdxto_43._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-40);
+  border: none;
+  inline-size: var(--dimensions-40);
+}
+._attachmentMd_zdxto_52._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-80);
+  border: none;
+  inline-size: var(--dimensions-80);
+}
+._attachmentLg_zdxto_61._attachmentMedia_zdxto_23 {
+  block-size: var(--dimensions-120);
+  border: none;
+  inline-size: var(--dimensions-120);
+}
+._attachmentPreview_zdxto_105 {
+  align-items: center;
+  background-color: var(--surface-neutral-secondary);
+  border-radius: var(--attachment-radius);
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  display: block;
+  inline-size: 100%;
+  object-fit: cover;
+}
+._attachmentMedia_zdxto_23 ._attachmentPreview_zdxto_105,
+._attachmentMedia_zdxto_23 ._attachmentThumbnail_zdxto_116 {
+  block-size: 100%;
+  border-radius: var(--attachment-radius);
+  inline-size: 100%;
+}
+._attachmentRoot_zdxto_7:not(._attachmentMedia_zdxto_23) ._attachmentPreview_zdxto_105 {
+  aspect-ratio: 1;
+  block-size: 100%;
+  border-radius: calc(var(--attachment-radius) - var(--space-4xs));
+  inline-size: auto;
+}
+._attachmentVideoOverlay_zdxto_139 {
+  background-color: var(--color-overlay);
+  inset: 0;
+  position: absolute;
+}
+._attachmentPlayOverlay_zdxto_146 {
+  align-items: center;
+  color: var(--foreground-neutral-primary-inverse);
+  display: flex;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  justify-content: center;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+._attachmentFileIcon_zdxto_159 {
+  align-items: center;
+  color: var(--foreground-neutral-secondary);
+  display: flex;
+  justify-content: center;
+}
+._attachmentInfo_zdxto_170 {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-5xs);
+  min-inline-size: 0;
+}
+._attachmentRemove_zdxto_182 {
+  block-size: var(--dimensions-20) !important;
+  inline-size: var(--dimensions-20) !important;
+  inset-block-start: var(--space-5xs);
+  inset-inline-end: var(--space-5xs);
+  min-block-size: 0 !important;
+  min-inline-size: 0 !important;
+  padding: 0 !important;
+  position: absolute;
+  z-index: 1;
+}
+._attachmentRemoveMedia_zdxto_194 {
+  background-color: var(--surface-neutral-primary) !important;
+}
+._attachmentRemove_zdxto_182 svg {
+  block-size: var(--dimensions-16);
+  inline-size: var(--dimensions-16);
+}
+._promptFieldRoot_1vtfb_6 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: 16px;
@@ -14061,96 +14198,39 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._promptFieldRoot_1ihm7_6:hover:not(._promptFieldDisabled_1ihm7_26, ._promptFieldError_1ihm7_26) {
+._promptFieldRoot_1vtfb_6:hover:not(._promptFieldDisabled_1vtfb_26, ._promptFieldError_1vtfb_26) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._promptFieldRoot_1ihm7_6:focus-within:not(._promptFieldError_1ihm7_26) {
+._promptFieldRoot_1vtfb_6:focus-within:not(._promptFieldError_1vtfb_26) {
   background-color: transparent;
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._promptFieldRoot_1ihm7_6._promptFieldError_1ihm7_26 {
+._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._promptFieldRoot_1ihm7_6._promptFieldError_1ihm7_26:focus-within {
+._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26:focus-within {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._promptFieldRoot_1ihm7_6._promptFieldDisabled_1ihm7_26 {
+._promptFieldRoot_1vtfb_6._promptFieldDisabled_1vtfb_26 {
   background-color: var(--surface-neutral-on-surface);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._promptFieldInputArea_1ihm7_62 {
+._promptFieldInputArea_1vtfb_62 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2xs);
 }
-._promptFieldAttachmentList_1ihm7_70 {
+._promptFieldAttachmentList_1vtfb_70 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-2xs);
 }
-._promptFieldAttachmentItem_1ihm7_76 {
-  position: relative;
-}
-._promptFieldAttachmentThumbnail_1ihm7_80 {
-  block-size: 80px;
-  border: 1px solid var(--border-neutral-secondary);
-  border-radius: var(--radius-2xs);
-  display: block;
-  inline-size: 80px;
-  object-fit: cover;
-}
-._promptFieldAttachmentFile_1ihm7_91 {
-  align-items: center;
-  background-color: var(--surface-neutral-secondary);
-  block-size: 80px;
-  border-radius: var(--radius-xs);
-  display: flex;
-  inline-size: 80px;
-  justify-content: center;
-  padding: var(--space-2xs);
-}
-._promptFieldAttachmentFileName_1ihm7_104 {
-  color: var(--text-neutral-secondary);
-  font-family: var(--label-sm-family);
-  font-size: var(--label-sm-size);
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._promptFieldAttachmentRemove_1ihm7_114 {
-  align-items: center;
-  background-color: var(--surface-neutral-primary);
-  block-size: var(--dimensions-24);
-  border: none;
-  border-radius: var(--radius-full);
-  color: var(--foreground-neutral-primary);
-  cursor: pointer;
-  display: flex;
-  inline-size: var(--dimensions-24);
-  inset-block-start: var(--space-2xs);
-  inset-inline-end: var(--space-2xs);
-  justify-content: center;
-  padding: 0;
-  position: absolute;
-  transition: background-color var(--motion-duration-normal) var(--motion-ease-standard);
-}
-._promptFieldAttachmentRemove_1ihm7_114:hover {
-  background-color: var(--surface-state-hover);
-}
-._promptFieldAttachmentRemove_1ihm7_114:active {
-  background-color: var(--surface-state-press);
-}
-._promptFieldAttachmentRemove_1ihm7_114 svg {
-  block-size: var(--dimensions-24);
-  inline-size: var(--dimensions-24);
-}
-._promptFieldTextarea_1ihm7_146 {
+._promptFieldTextarea_1vtfb_78 {
   background: transparent;
   border: none;
   caret-color: var(--text-neutral-primary);
@@ -14165,41 +14245,41 @@
   padding: var(--space-2xs);
   resize: none;
 }
-._promptFieldTextarea_1ihm7_146::placeholder {
+._promptFieldTextarea_1vtfb_78::placeholder {
   color: var(--text-neutral-secondary);
 }
-._promptFieldTextarea_1ihm7_146:disabled {
+._promptFieldTextarea_1vtfb_78:disabled {
   cursor: not-allowed;
 }
-._promptFieldTextarea_1ihm7_146::selection {
+._promptFieldTextarea_1vtfb_78::selection {
   background-color: var(--surface-state-press);
   color: var(--text-neutral-primary);
 }
-._promptFieldFooter_1ihm7_182 {
+._promptFieldFooter_1vtfb_114 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 8px;
   justify-content: space-between;
 }
-._promptFieldLeftActions_1ihm7_191,
-._promptFieldRightActions_1ihm7_198 {
+._promptFieldLeftActions_1vtfb_123,
+._promptFieldRightActions_1vtfb_130 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._promptFieldSelectorButton_1ihm7_208 {
+._promptFieldSelectorButton_1vtfb_140 {
   background-color: var(--surface-neutral-on-surface) !important;
   border: none;
   color: var(--text-neutral-primary);
 }
-._promptFieldSelectorSlot_1ihm7_215 {
+._promptFieldSelectorSlot_1vtfb_147 {
   display: contents;
 }
-._promptFieldIconButton_1ihm7_219 {
+._promptFieldIconButton_1vtfb_151 {
   background-color: transparent !important;
 }
-._promptFieldRecordingStatus_1ihm7_226 {
+._promptFieldRecordingStatus_1vtfb_158 {
   color: var(--text-neutral-primary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -14207,7 +14287,7 @@
   line-height: var(--body-lg-line-height);
   padding: var(--space-2xs);
 }
-._promptFieldWaveform_1ihm7_235 {
+._promptFieldWaveform_1vtfb_167 {
   align-items: center;
   block-size: 24px;
   display: flex;
@@ -14216,14 +14296,14 @@
   justify-content: flex-end;
   overflow: hidden;
 }
-._promptFieldWaveBar_1ihm7_249 {
-  animation: _wave_1ihm7_1 1s ease-in-out infinite;
+._promptFieldWaveBar_1vtfb_181 {
+  animation: _wave_1vtfb_1 1s ease-in-out infinite;
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
   inline-size: 4px;
 }
-._promptFieldWaveBarInactive_1ihm7_259 {
+._promptFieldWaveBarInactive_1vtfb_191 {
   background-color: var(--foreground-neutral-primary);
   block-size: 12px;
   border-radius: 2px;
@@ -14231,7 +14311,7 @@
   inline-size: 4px;
   opacity: .1;
 }
-._promptFieldWaveBarLive_1ihm7_272 {
+._promptFieldWaveBarLive_1vtfb_204 {
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
@@ -14239,24 +14319,24 @@
   min-block-size: 4px;
   transition: block-size .05s ease-out;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(2n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(2n) {
   animation-duration: 1.1s;
   block-size: 60%;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(3n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(3n) {
   animation-duration: 1.3s;
   block-size: 40%;
 }
-._promptFieldWaveBar_1ihm7_249:nth-child(4n) {
+._promptFieldWaveBar_1vtfb_181:nth-child(4n) {
   animation-duration: .9s;
   block-size: 80%;
 }
-._promptFieldTimer_1ihm7_303 {
+._promptFieldTimer_1vtfb_235 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: 500;
 }
-@keyframes _wave_1ihm7_1 {
+@keyframes _wave_1vtfb_1 {
   0%, to {
     block-size: 20%;
   }
@@ -15797,25 +15877,25 @@
   line-height: var(--body-sm-line-height);
   margin-inline-start: auto;
 }
-._textFieldRoot_vxmtg_1 {
+._textFieldRoot_as6g0_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
 }
-._widthAuto_vxmtg_8 {
+._widthAuto_as6g0_8 {
   inline-size: auto;
 }
-._dropdownOpen_vxmtg_12 {
+._dropdownOpen_as6g0_12 {
   position: relative;
   z-index: var(--z-index-dropdown);
 }
-._textFieldLabel_vxmtg_17 {
+._textFieldLabel_as6g0_17 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._outsideLabel_vxmtg_23 {
+._outsideLabel_as6g0_23 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -15823,7 +15903,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._textFieldContainer_vxmtg_32 {
+._textFieldContainer_as6g0_32 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -15835,65 +15915,65 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._insideNoIcon_vxmtg_52 {
+._insideNoIcon_as6g0_52 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._withLeadingText_vxmtg_57 {
+._withLeadingText_as6g0_57 {
   padding: var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);
 }
-._outsideLabelVariant_vxmtg_62 {
+._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._outsideLabelMedium_vxmtg_67 {
+._outsideLabelMedium_as6g0_67 {
   font-family: var(--title-sm-family);
   font-size: var(--title-sm-size);
   font-weight: var(--title-sm-weight-emphasize);
   letter-spacing: var(--title-sm-letter-spacing);
   line-height: var(--title-sm-line-height);
 }
-._large_vxmtg_76 {
+._large_as6g0_76 {
   min-block-size: var(--dimensions-56);
 }
-._large_vxmtg_76._outsideLabelVariant_vxmtg_62 {
+._large_as6g0_76._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-44);
 }
-._medium_vxmtg_86 {
+._medium_as6g0_86 {
   font-size: var(--body-md-size);
   line-height: var(--body-md-line-height);
   min-block-size: var(--dimensions-44);
 }
-._medium_vxmtg_86._outsideLabelVariant_vxmtg_62 {
+._medium_as6g0_86._outsideLabelVariant_as6g0_62 {
   min-block-size: var(--dimensions-36);
 }
-._textFieldContainer_vxmtg_32:hover:not(._disabled_vxmtg_103, ._error_vxmtg_103) {
+._textFieldContainer_as6g0_32:hover:not(._disabled_as6g0_103, ._error_as6g0_103) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._focused_vxmtg_109:not(._error_vxmtg_103) {
+._focused_as6g0_109:not(._error_as6g0_103) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._focused_vxmtg_109._error_vxmtg_103 {
+._focused_as6g0_109._error_as6g0_103 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._error_vxmtg_103 {
+._error_as6g0_103 {
   background-color: var(--surface-state-error);
   border-color: var(--border-state-error);
 }
-._disabled_vxmtg_103 {
+._disabled_as6g0_103 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._textFieldLeadingIcon_vxmtg_135 {
+._textFieldLeadingIcon_as6g0_135 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._textFieldLeadingText_vxmtg_143 {
+._textFieldLeadingText_as6g0_143 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   border-radius: var(--radius-4xs);
@@ -15907,7 +15987,7 @@
   padding: var(--space-4xs) var(--space-2xs);
   white-space: nowrap;
 }
-._textFieldInputWrapper_vxmtg_158 {
+._textFieldInputWrapper_as6g0_158 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -15915,7 +15995,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._textFieldInlineLabel_vxmtg_167 {
+._textFieldInlineLabel_as6g0_167 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -15931,7 +16011,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._shrunk_vxmtg_186 {
+._shrunk_as6g0_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15940,7 +16020,7 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._textFieldInput_vxmtg_158 {
+._textFieldInput_as6g0_158 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -15960,52 +16040,64 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._textFieldInput_vxmtg_158:focus {
+._textFieldInput_as6g0_158:focus {
   text-overflow: clip;
 }
-._withInlineLabel_vxmtg_230 {
+._withInlineLabel_as6g0_230 {
   padding-block: var(--space-md) var(--space-2xs);
 }
-._withInlineLabel_vxmtg_230:not(._active_vxmtg_236) {
+._withInlineLabel_as6g0_230:not(._active_as6g0_236) {
   opacity: var(--opacity-hidden);
 }
-._withInlineLabel_vxmtg_230._active_vxmtg_236 {
+._withInlineLabel_as6g0_230._active_as6g0_236 {
   opacity: var(--opacity-visible);
 }
-._textFieldInput_vxmtg_158::placeholder {
+._textFieldInput_as6g0_158::placeholder {
   color: var(--text-neutral-secondary);
 }
-._textFieldTrailingGroup_vxmtg_250 {
+._textFieldTrailingGroup_as6g0_250 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._textFieldClearButton_vxmtg_256 {
+._textFieldClearButton_as6g0_256 {
   block-size: var(--dimensions-20) !important;
+  display: inline-flex !important;
+  justify-content: center !important;
   inline-size: var(--dimensions-20) !important;
+  line-height: 0 !important;
+  align-items: center !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._textFieldClearButton_vxmtg_256 svg {
+._textFieldClearButton_as6g0_256 svg {
   block-size: var(--dimensions-20) !important;
+  display: block;
   inline-size: var(--dimensions-20) !important;
 }
-._textFieldPasswordToggle_vxmtg_269 {
+._textFieldPasswordToggle_as6g0_274 {
+  align-items: center;
   color: var(--fg-neutral-secondary);
+  display: inline-flex;
+  justify-content: center;
+  line-height: 0;
+}
+._textFieldPasswordToggle_as6g0_274 svg {
+  display: block;
 }
-._textFieldSuffixDivider_vxmtg_273 {
+._textFieldSuffixDivider_as6g0_286 {
   align-self: center;
   block-size: var(--dimensions-24);
 }
-._textFieldTrailingDropdownWrapper_vxmtg_278 {
+._textFieldTrailingDropdownWrapper_as6g0_291 {
   align-items: center;
   block-size: 100%;
   display: flex;
   position: relative;
   z-index: var(--z-local-below);
 }
-._textFieldTrailingDropdown_vxmtg_278 {
+._textFieldTrailingDropdown_as6g0_291 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16017,26 +16109,26 @@
   line-height: var(--body-lg-line-height);
   transition: color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._textFieldTrailingDropdown_vxmtg_278:hover,
-._activeDropdown_vxmtg_301 {
+._textFieldTrailingDropdown_as6g0_291:hover,
+._activeDropdown_as6g0_314 {
   color: var(--text-neutral-primary);
 }
-._textFieldTrailingDropdown_vxmtg_278 span {
+._textFieldTrailingDropdown_as6g0_291 span {
   margin-inline-end: calc(var(--dimensions-4) * -1);
 }
-._textFieldChevronIcon_vxmtg_309 {
+._textFieldChevronIcon_as6g0_322 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._rotated_vxmtg_317 {
+._rotated_as6g0_330 {
   transform: rotate(180deg);
 }
-._textFieldDropdownPopover_vxmtg_322 {
+._textFieldDropdownPopover_as6g0_335 {
   z-index: var(--z-index-dropdown);
 }
-._textFieldTrailingIconWrapper_vxmtg_326 {
+._textFieldTrailingIconWrapper_as6g0_339 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   cursor: pointer;
@@ -16044,7 +16136,15 @@
   gap: var(--space-xs);
   z-index: var(--z-local-below);
 }
-._textFieldHelperText_vxmtg_337 {
+._textFieldPasswordToggleButton_as6g0_350 {
+  align-items: center;
+  block-size: var(--dimensions-20);
+  display: inline-flex;
+  inline-size: var(--dimensions-20);
+  justify-content: center;
+  line-height: 0;
+}
+._textFieldHelperText_as6g0_359 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -16052,10 +16152,10 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._errorText_vxmtg_346 {
+._errorText_as6g0_368 {
   color: var(--text-state-error);
 }
-._textFieldChevronOnly_vxmtg_352 {
+._textFieldChevronOnly_as6g0_374 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16063,41 +16163,41 @@
   justify-content: center;
   padding: var(--space-2xs);
 }
-._textFieldChevronOnly_vxmtg_352:hover {
+._textFieldChevronOnly_as6g0_374:hover {
   background-color: var(--surface-state-hover);
   border-radius: var(--radius-4xs);
 }
-._readOnly_vxmtg_367 {
+._readOnly_as6g0_389 {
   background-color: var(--surface-neutral-secondary);
   cursor: default;
 }
-._readOnly_vxmtg_367 ._textFieldInput_vxmtg_158 {
+._readOnly_as6g0_389 ._textFieldInput_as6g0_158 {
   cursor: default;
 }
-._textFieldRequiredIndicator_vxmtg_377 {
+._textFieldRequiredIndicator_as6g0_399 {
   color: var(--text-state-error);
 }
-._textFieldFooter_vxmtg_382 {
+._textFieldFooter_as6g0_404 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   justify-content: space-between;
   margin-block-start: var(--space-4xs);
 }
-._medium_vxmtg_86 ._textFieldInput_vxmtg_158,
-._medium_vxmtg_86 ._textFieldInlineLabel_vxmtg_167 {
+._medium_as6g0_86 ._textFieldInput_as6g0_158,
+._medium_as6g0_86 ._textFieldInlineLabel_as6g0_167 {
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
   font-weight: var(--body-md-weight);
   letter-spacing: var(--body-md-letter-spacing);
   line-height: var(--body-md-line-height);
 }
-._medium_vxmtg_86 ._textFieldLeadingIcon_vxmtg_135,
-._medium_vxmtg_86 ._textFieldTrailingGroup_vxmtg_250 svg {
+._medium_as6g0_86 ._textFieldLeadingIcon_as6g0_135,
+._medium_as6g0_86 ._textFieldTrailingGroup_as6g0_250 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_vxmtg_86 ._shrunk_vxmtg_186 {
+._medium_as6g0_86 ._shrunk_as6g0_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -16105,13 +16205,13 @@
   letter-spacing: var(--label-sm-letter-spacing);
   line-height: var(--label-sm-line-height);
 }
-._medium_vxmtg_86 ._withInlineLabel_vxmtg_230 {
+._medium_as6g0_86 ._withInlineLabel_as6g0_230 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._medium_vxmtg_86 ._textFieldInput_vxmtg_158 {
+._medium_as6g0_86 ._textFieldInput_as6g0_158 {
   font-size: var(--body-md-size);
 }
-._textFieldCharacterCount_vxmtg_423 {
+._textFieldCharacterCount_as6g0_445 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);