@photonix/basic 1.9.1 → 2.0.0

package/dist/index.css

@@ -8549,35 +8549,35 @@
   position: absolute;
   z-index: var(--z-local-content);
 }
-._chartContainer_b1ptg_6 {
+._chartContainer_z9qmq_6 {
   inline-size: 100%;
   isolation: isolate;
   outline: none;
   position: relative;
 }
-.phx-chart-container * {
+._chartContainer_z9qmq_6 * {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-.phx-chart-container *:focus,
-.phx-chart-container *:focus-visible,
-.phx-chart-container *:active {
+._chartContainer_z9qmq_6 *:focus,
+._chartContainer_z9qmq_6 *:focus-visible,
+._chartContainer_z9qmq_6 *:active {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-._chartContainer_b1ptg_6 .recharts-text {
+._chartContainer_z9qmq_6 .recharts-text {
   font-family: var(--body-sm-family);
 }
-._chartContainer_b1ptg_6 .recharts-legend-item-text {
+._chartContainer_z9qmq_6 .recharts-legend-item-text {
   font-family: var(--body-sm-family) !important;
 }
-._chartTooltip_b1ptg_44 {
+._chartTooltip_z9qmq_43 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
-  box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-md) !important;
   display: flex;
   flex-direction: column;
   gap: var(--space-2xs);
@@ -8585,14 +8585,14 @@
   padding: var(--space-xs) var(--space-sm);
   z-index: var(--z-local-top);
 }
-._chartTooltipLabel_b1ptg_58 {
+._chartTooltipLabel_z9qmq_57 {
   color: var(--text-neutral-secondary);
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
   margin-block-end: var(--space-xs);
 }
-._chartTooltipItem_b1ptg_66 {
+._chartTooltipItem_z9qmq_65 {
   align-items: center;
   color: var(--text-neutral-primary);
   display: flex;
@@ -8600,29 +8600,29 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipIndicator_b1ptg_75 {
+._chartTooltipIndicator_z9qmq_74 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-xs);
   inline-size: var(--dimensions-8);
 }
-._chartTooltipValue_b1ptg_81 {
+._chartTooltipValue_z9qmq_80 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartTooltipDivider_b1ptg_88 {
+._chartTooltipDivider_z9qmq_87 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--border-xs);
   inline-size: 100%;
   margin-block: var(--space-2xs);
 }
-._chartTooltipBreakdown_b1ptg_95 {
+._chartTooltipBreakdown_z9qmq_94 {
   display: flex;
   flex-direction: column;
   gap: var(--space-3xs);
 }
-._chartTooltipSubItem_b1ptg_101 {
+._chartTooltipSubItem_z9qmq_100 {
   align-items: center;
   color: var(--text-neutral-secondary);
   display: flex;
@@ -8630,25 +8630,25 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipSubIndicator_b1ptg_110 {
+._chartTooltipSubIndicator_z9qmq_109 {
   block-size: var(--dimensions-6);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-6);
 }
-._chartTooltipSubValue_b1ptg_116 {
+._chartTooltipSubValue_z9qmq_115 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartLegend_b1ptg_124 {
+._chartLegend_z9qmq_123 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-md);
   justify-content: center;
   margin-block-start: var(--space-md);
 }
-._chartLegendItem_b1ptg_132 {
+._chartLegendItem_z9qmq_131 {
   align-items: center;
   color: var(--text-neutral-secondary);
   cursor: pointer;
@@ -8659,10 +8659,10 @@
   opacity: 1;
   transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._chartLegendItemInactive_b1ptg_144 {
+._chartLegendItemInactive_z9qmq_143 {
   opacity: var(--opacity-muted);
 }
-._chartLegendIndicator_b1ptg_148 {
+._chartLegendIndicator_z9qmq_147 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-8);
@@ -9246,7 +9246,7 @@
 ._contextMenuTrigger_ithfz_15 {
   display: inline-block;
 }
-._dataTableRoot_yutyc_4 {
+._dataTableRoot_dflxv_4 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-xs);
@@ -9256,17 +9256,20 @@
   isolation: isolate;
   position: relative;
 }
-._dataTableFlush_yutyc_15 {
+._dataTableFlush_dflxv_15 {
   border: none;
   border-radius: 0;
 }
-._dataTableContainer_yutyc_24 {
+._dataTableContainer_dflxv_24 {
   border-radius: inherit;
   inline-size: 100%;
   overflow: hidden;
   position: relative;
 }
-._dataTableScrollGradient_yutyc_34 {
+._dataTableRoot_dflxv_4 ._dataTableContainer_dflxv_24 {
+  isolation: auto;
+}
+._dataTableScrollGradient_dflxv_38 {
   inline-size: var(--dimensions-64);
   inset-block-start: 0;
   opacity: 0;
@@ -9275,7 +9278,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-local-top);
 }
-._dataTableScrollGradientLeft_yutyc_45 {
+._dataTableScrollGradientLeft_dflxv_49 {
   background:
     linear-gradient(
       to right,
@@ -9285,7 +9288,7 @@
   inset-block-end: 0;
   inset-inline-start: 0;
 }
-._dataTableScrollGradientRight_yutyc_56 {
+._dataTableScrollGradientRight_dflxv_60 {
   background:
     linear-gradient(
       to left,
@@ -9295,10 +9298,10 @@
   inset-block-end: 0;
   inset-inline-end: 0;
 }
-._dataTableScrollGradientVisible_yutyc_67 {
+._dataTableScrollGradientVisible_dflxv_71 {
   opacity: 1;
 }
-._dataTableTable_yutyc_74 {
+._dataTableTable_dflxv_78 {
   border-collapse: separate;
   border-radius: inherit;
   border-spacing: 0;
@@ -9306,19 +9309,19 @@
   inline-size: 100%;
   table-layout: fixed;
 }
-._dataTableHead_yutyc_88 {
+._dataTableHead_dflxv_92 {
   background-color: var(--surface-neutral-secondary);
 }
-._dataTableHeadSticky_yutyc_92 {
+._dataTableHeadSticky_dflxv_96 {
   inset-block-start: 0;
   position: sticky;
   z-index: var(--z-local-above);
 }
-._dataTableTh_yutyc_98 {
+._dataTableTh_dflxv_102 {
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
   box-sizing: border-box;
 }
-._dataTableHeadCell_yutyc_103 {
+._dataTableHeadCell_dflxv_107 {
   background-color: var(--surface-neutral-secondary);
   block-size: var(--dimensions-48);
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9336,23 +9339,23 @@
   user-select: none;
   white-space: nowrap;
 }
-._dataTableThSortable_yutyc_121 {
+._dataTableThSortable_dflxv_125 {
   cursor: pointer;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableThSortable_yutyc_121:hover {
+._dataTableThSortable_dflxv_125:hover {
   background-color: var(--surface-neutral-tertiary);
 }
-._dataTableThSticky_yutyc_130 {
+._dataTableThSticky_dflxv_134 {
   background-color: var(--surface-neutral-secondary);
   box-shadow: 1px 0 0 var(--surface-neutral-secondary);
   position: sticky;
   z-index: var(--z-local-above);
 }
-._dataTableThStickyLast_yutyc_140 {
+._dataTableThStickyLast_dflxv_144 {
   box-shadow: none;
 }
-._dataTableThCheckbox_yutyc_146 {
+._dataTableThCheckbox_dflxv_150 {
   box-sizing: border-box;
   inline-size: var(--dimensions-48);
   max-inline-size: var(--dimensions-48);
@@ -9360,45 +9363,45 @@
   padding: var(--space-xs) var(--space-sm);
   text-align: center;
 }
-._dataTableThContent_yutyc_155 {
+._dataTableThContent_dflxv_159 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._dataTableThTitle_yutyc_161 {
+._dataTableThTitle_dflxv_165 {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._dataTableThAlignCenter_yutyc_167 {
+._dataTableThAlignCenter_dflxv_171 {
   text-align: center;
 }
-._dataTableThAlignCenter_yutyc_167 ._dataTableThContent_yutyc_155 {
+._dataTableThAlignCenter_dflxv_171 ._dataTableThContent_dflxv_159 {
   justify-content: center;
 }
-._dataTableThAlignRight_yutyc_175 {
+._dataTableThAlignRight_dflxv_179 {
   text-align: end;
 }
-._dataTableThAlignRight_yutyc_175 ._dataTableThContent_yutyc_155 {
+._dataTableThAlignRight_dflxv_179 ._dataTableThContent_dflxv_159 {
   justify-content: flex-end;
 }
-._dataTableSortIcon_yutyc_186 {
+._dataTableSortIcon_dflxv_190 {
   align-items: center;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   gap: 0;
 }
-._dataTableSortIconArrow_yutyc_194 {
+._dataTableSortIconArrow_dflxv_198 {
   color: var(--foreground-neutral-secondary);
   opacity: .38;
   transition: all var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableSortIconActive_yutyc_200 {
+._dataTableSortIconActive_dflxv_204 {
   color: var(--foreground-neutral-primary);
   opacity: 1;
 }
-._dataTableResizer_yutyc_208 {
+._dataTableResizer_dflxv_212 {
   align-items: center;
   block-size: 100%;
   cursor: col-resize;
@@ -9411,7 +9414,7 @@
   touch-action: none;
   z-index: var(--z-local-top);
 }
-._dataTableResizer_yutyc_208:after {
+._dataTableResizer_dflxv_212:after {
   background-color: var(--border-neutral-tertiary);
   block-size: 60%;
   content: "";
@@ -9421,34 +9424,34 @@
   transform: translate(-50%);
   transition: all var(--motion-duration-fast);
 }
-._dataTableResizer_yutyc_208:hover:after,
-._dataTableResizerActive_yutyc_237:after {
+._dataTableResizer_dflxv_212:hover:after,
+._dataTableResizerActive_dflxv_241:after {
   background-color: var(--foreground-brand-primary);
   inline-size: 2px;
 }
-._dataTableHead_yutyc_88 tr > th:last-child ._dataTableResizer_yutyc_208 {
+._dataTableHead_dflxv_92 tr > th:last-child ._dataTableResizer_dflxv_212 {
   display: none;
 }
-._dataTableBody_yutyc_251 {
+._dataTableBody_dflxv_255 {
   background-color: var(--surface-neutral-primary);
 }
-._dataTableRow_yutyc_255 {
+._dataTableRow_dflxv_259 {
   --row-surface-internal: var(--surface-neutral-primary);
   background-color: var(--row-surface-internal);
   block-size: var(--dimensions-48);
   transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), box-shadow var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._dataTableTd_yutyc_264 {
+._dataTableTd_dflxv_268 {
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
   box-sizing: border-box;
 }
-._dataTableRowHoverable_yutyc_272:hover {
+._dataTableRowHoverable_dflxv_276:hover {
   --row-surface-internal: var(--surface-neutral-primary);
   box-shadow: var(--shadow-md);
   position: relative;
   z-index: var(--z-local-top);
 }
-._dataTableBodyCell_yutyc_281 {
+._dataTableBodyCell_dflxv_285 {
   background-color: inherit;
   block-size: var(--dimensions-48);
   border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9460,10 +9463,10 @@
   padding: var(--space-xs) var(--space-md);
   vertical-align: middle;
 }
-._dataTableRowClickable_yutyc_294 {
+._dataTableRowClickable_dflxv_298 {
   cursor: pointer;
 }
-._dataTableTdContent_yutyc_298 {
+._dataTableTdContent_dflxv_302 {
   align-items: center;
   -webkit-box-orient: block-axis;
   display: -webkit-box;
@@ -9472,28 +9475,28 @@
   overflow: hidden;
   white-space: normal;
 }
-._dataTableTdSticky_yutyc_308 {
+._dataTableTdSticky_dflxv_312 {
   background-color: inherit;
   box-shadow: 1px 0 0 0 var(--row-surface-internal);
   position: sticky;
   z-index: var(--z-local-content);
 }
-._dataTableTdStickyLast_yutyc_318 {
+._dataTableTdStickyLast_dflxv_322 {
   box-shadow: none;
 }
-._dataTableScrolled_yutyc_323 ._dataTableTdSticky_yutyc_308 {
+._dataTableScrolled_dflxv_327 ._dataTableTdSticky_dflxv_312 {
   --row-surface-internal: var(--surface-neutral-elevator);
   background-color: var(--row-surface-internal);
 }
-._dataTableRowSelected_yutyc_328 ._dataTableTdSticky_yutyc_308 {
+._dataTableRowSelected_dflxv_332 ._dataTableTdSticky_dflxv_312 {
   background-color: inherit;
 }
-._dataTableRowHoverable_yutyc_272:hover ._dataTableTdSticky_yutyc_308 {
+._dataTableRowHoverable_dflxv_276:hover ._dataTableTdSticky_dflxv_312 {
   background-color: inherit;
   z-index: var(--z-local-top);
 }
-._dataTableScrolled_yutyc_323 ._dataTableThStickyLast_yutyc_140:after,
-._dataTableScrolled_yutyc_323 ._dataTableTdStickyLast_yutyc_318:after {
+._dataTableScrolled_dflxv_327 ._dataTableThStickyLast_dflxv_144:after,
+._dataTableScrolled_dflxv_327 ._dataTableTdStickyLast_dflxv_322:after {
   background:
     linear-gradient(
       to right,
@@ -9507,7 +9510,7 @@
   position: absolute;
   z-index: var(--z-local-top);
 }
-._dataTableTdCheckbox_yutyc_351 {
+._dataTableTdCheckbox_dflxv_355 {
   box-sizing: border-box;
   inline-size: var(--dimensions-48);
   max-inline-size: var(--dimensions-48);
@@ -9515,73 +9518,73 @@
   padding: var(--space-xs) var(--space-sm);
   text-align: center;
 }
-._dataTableTdAlignCenter_yutyc_360 {
+._dataTableTdAlignCenter_dflxv_364 {
   text-align: center;
 }
-._dataTableTdAlignRight_yutyc_364 {
+._dataTableTdAlignRight_dflxv_368 {
   text-align: end;
 }
-._dataTableTdWithAvatar_yutyc_369 {
+._dataTableTdWithAvatar_dflxv_373 {
   padding-block: var(--space-2xs);
 }
-._dataTableSmall_yutyc_376 ._dataTableHeadCell_yutyc_103,
-._dataTableSmall_yutyc_376 ._dataTableBodyCell_yutyc_281 {
+._dataTableSmall_dflxv_380 ._dataTableHeadCell_dflxv_107,
+._dataTableSmall_dflxv_380 ._dataTableBodyCell_dflxv_285 {
   block-size: var(--dimensions-40);
   padding: 0 var(--space-sm);
 }
-._dataTableSmall_yutyc_376 ._dataTableRow_yutyc_255 {
+._dataTableSmall_dflxv_380 ._dataTableRow_dflxv_259 {
   block-size: var(--dimensions-40);
 }
-._dataTableMedium_yutyc_386 ._dataTableHeadCell_yutyc_103,
-._dataTableMedium_yutyc_386 ._dataTableBodyCell_yutyc_281 {
+._dataTableMedium_dflxv_390 ._dataTableHeadCell_dflxv_107,
+._dataTableMedium_dflxv_390 ._dataTableBodyCell_dflxv_285 {
   block-size: var(--dimensions-48);
   padding: var(--space-4xs) var(--space-sm);
 }
-._dataTableMedium_yutyc_386 ._dataTableRow_yutyc_255 {
+._dataTableMedium_dflxv_390 ._dataTableRow_dflxv_259 {
   block-size: var(--dimensions-48);
 }
-._dataTableLarge_yutyc_396 ._dataTableHeadCell_yutyc_103,
-._dataTableLarge_yutyc_396 ._dataTableBodyCell_yutyc_281 {
+._dataTableLarge_dflxv_400 ._dataTableHeadCell_dflxv_107,
+._dataTableLarge_dflxv_400 ._dataTableBodyCell_dflxv_285 {
   block-size: var(--dimensions-56);
   padding: var(--space-2xs) var(--space-sm);
 }
-._dataTableLarge_yutyc_396 ._dataTableRow_yutyc_255 {
+._dataTableLarge_dflxv_400 ._dataTableRow_dflxv_259 {
   block-size: var(--dimensions-56);
 }
-._dataTableStriped_yutyc_409 ._dataTableRow_yutyc_255:nth-child(2n) {
+._dataTableStriped_dflxv_413 ._dataTableRow_dflxv_259:nth-child(2n) {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableSmall_yutyc_376 ._dataTableTdWithAvatar_yutyc_369 {
+._dataTableSmall_dflxv_380 ._dataTableTdWithAvatar_dflxv_373 {
   padding-block: var(--space-4xs);
 }
-._dataTableMedium_yutyc_386 ._dataTableTdWithAvatar_yutyc_369 {
+._dataTableMedium_dflxv_390 ._dataTableTdWithAvatar_dflxv_373 {
   padding-block: var(--space-2xs);
 }
-._dataTableLarge_yutyc_396 ._dataTableTdWithAvatar_yutyc_369 {
+._dataTableLarge_dflxv_400 ._dataTableTdWithAvatar_dflxv_373 {
   padding-block: var(--space-xs);
 }
-._dataTableSmall_yutyc_376 ._dataTableThCheckbox_yutyc_146,
-._dataTableSmall_yutyc_376 ._dataTableTdCheckbox_yutyc_351 {
+._dataTableSmall_dflxv_380 ._dataTableThCheckbox_dflxv_150,
+._dataTableSmall_dflxv_380 ._dataTableTdCheckbox_dflxv_355 {
   padding: 0 var(--space-4xs);
 }
-._dataTableMedium_yutyc_386 ._dataTableThCheckbox_yutyc_146,
-._dataTableMedium_yutyc_386 ._dataTableTdCheckbox_yutyc_351 {
+._dataTableMedium_dflxv_390 ._dataTableThCheckbox_dflxv_150,
+._dataTableMedium_dflxv_390 ._dataTableTdCheckbox_dflxv_355 {
   padding: var(--space-4xs) var(--space-4xs);
 }
-._dataTableLarge_yutyc_396 ._dataTableThCheckbox_yutyc_146,
-._dataTableLarge_yutyc_396 ._dataTableTdCheckbox_yutyc_351 {
+._dataTableLarge_dflxv_400 ._dataTableThCheckbox_dflxv_150,
+._dataTableLarge_dflxv_400 ._dataTableTdCheckbox_dflxv_355 {
   padding: var(--space-2xs) var(--space-4xs);
 }
-._dataTableSmall_yutyc_376 ._dataTableTdWithActions_yutyc_443 {
+._dataTableSmall_dflxv_380 ._dataTableTdWithActions_dflxv_447 {
   padding: var(--space-5xs) var(--space-4xs);
 }
-._dataTableMedium_yutyc_386 ._dataTableTdWithActions_yutyc_443 {
+._dataTableMedium_dflxv_390 ._dataTableTdWithActions_dflxv_447 {
   padding: var(--space-3xs) var(--space-4xs);
 }
-._dataTableLarge_yutyc_396 ._dataTableTdWithActions_yutyc_443 {
+._dataTableLarge_dflxv_400 ._dataTableTdWithActions_dflxv_447 {
   padding: var(--space-2xs) var(--space-3xs);
 }
-._dataTableTdWithActions_yutyc_443 ._dataTableTdContent_yutyc_298 {
+._dataTableTdWithActions_dflxv_447 ._dataTableTdContent_dflxv_302 {
   align-items: center;
   display: flex;
   inline-size: 100%;
@@ -9591,44 +9594,44 @@
   line-clamp: unset;
   white-space: nowrap;
 }
-._dataTableTdWithActions_yutyc_443 .phx-flex {
+._dataTableTdWithActions_dflxv_447 .phx-flex {
   flex-wrap: nowrap;
   inline-size: max-content;
   margin-inline-start: auto;
 }
-._dataTableTdDate_yutyc_473 {
+._dataTableTdDate_dflxv_477 {
   white-space: nowrap;
 }
-._dataTableTdId_yutyc_478 {
+._dataTableTdId_dflxv_482 {
   font-family: var(--font-family-code);
   white-space: nowrap;
 }
-._dataTableTdMoney_yutyc_485 {
+._dataTableTdMoney_dflxv_489 {
   font-variant-numeric: tabular-nums;
   text-align: end;
   white-space: nowrap;
 }
-._dataTableTdPhone_yutyc_492,
-._dataTableTdEmail_yutyc_493,
-._dataTableTdStatus_yutyc_494,
-._dataTableTdNowrap_yutyc_495 {
+._dataTableTdPhone_dflxv_496,
+._dataTableTdEmail_dflxv_497,
+._dataTableTdStatus_dflxv_498,
+._dataTableTdNowrap_dflxv_499 {
   white-space: nowrap;
 }
-._dataTableTdStatus_yutyc_494 {
+._dataTableTdStatus_dflxv_498 {
   text-transform: capitalize;
 }
-._dataTableTdId_yutyc_478 ._dataTableTdContent_yutyc_298,
-._dataTableTdDate_yutyc_473 ._dataTableTdContent_yutyc_298,
-._dataTableTdMoney_yutyc_485 ._dataTableTdContent_yutyc_298,
-._dataTableTdPhone_yutyc_492 ._dataTableTdContent_yutyc_298,
-._dataTableTdEmail_yutyc_493 ._dataTableTdContent_yutyc_298,
-._dataTableTdStatus_yutyc_494 ._dataTableTdContent_yutyc_298,
-._dataTableTdNowrap_yutyc_495 ._dataTableTdContent_yutyc_298 {
+._dataTableTdId_dflxv_482 ._dataTableTdContent_dflxv_302,
+._dataTableTdDate_dflxv_477 ._dataTableTdContent_dflxv_302,
+._dataTableTdMoney_dflxv_489 ._dataTableTdContent_dflxv_302,
+._dataTableTdPhone_dflxv_496 ._dataTableTdContent_dflxv_302,
+._dataTableTdEmail_dflxv_497 ._dataTableTdContent_dflxv_302,
+._dataTableTdStatus_dflxv_498 ._dataTableTdContent_dflxv_302,
+._dataTableTdNowrap_dflxv_499 ._dataTableTdContent_dflxv_302 {
   -webkit-line-clamp: unset;
   line-clamp: unset;
   white-space: nowrap;
 }
-._dataTableFloatingActionsCell_yutyc_521 {
+._dataTableFloatingActionsCell_dflxv_525 {
   block-size: 100%;
   border: none;
   inline-size: 0;
@@ -9636,9 +9639,9 @@
   overflow: visible;
   padding: 0;
   position: sticky;
-  z-index: var(--z-local-above);
+  z-index: var(--z-index-decorator);
 }
-._dataTableFloatingActions_yutyc_521 {
+._dataTableFloatingActions_dflxv_525 {
   align-items: center;
   background-color: var(--row-surface-internal);
   block-size: 100%;
@@ -9654,13 +9657,13 @@
   white-space: nowrap;
   box-shadow: -8px 0 12px -4px var(--color-shadow-4a);
 }
-._dataTableRowWithActionsActive_yutyc_550:hover ._dataTableFloatingActions_yutyc_521,
-._dataTableRowWithActionsActive_yutyc_550:focus-within ._dataTableFloatingActions_yutyc_521 {
+._dataTableRowWithActionsActive_dflxv_554:hover ._dataTableFloatingActions_dflxv_525,
+._dataTableRowWithActionsActive_dflxv_554:focus-within ._dataTableFloatingActions_dflxv_525 {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
 }
-._dataTableFloatingActionsGradient_yutyc_557 {
+._dataTableFloatingActionsGradient_dflxv_561 {
   background:
     linear-gradient(
       to right,
@@ -9673,7 +9676,7 @@
   inset-inline-end: 100%;
   pointer-events: none;
 }
-._dataTableFloatingActionsContent_yutyc_567 {
+._dataTableFloatingActionsContent_dflxv_571 {
   align-items: center;
   display: flex;
   gap: var(--space-4xs);
@@ -9682,22 +9685,22 @@
   width: max-content;
   z-index: var(--z-local-content);
 }
-._dataTableFloatingActionsContent_yutyc_567 > * {
+._dataTableFloatingActionsContent_dflxv_571 > * {
   flex: 0 0 auto;
 }
-._dataTableFloatingActionsContent_yutyc_567 .phx-button {
+._dataTableFloatingActionsContent_dflxv_571 .phx-button {
   inline-size: auto;
   flex-shrink: 0;
   min-inline-size: 0;
 }
-._dataTableFloatingActionsContent_yutyc_567 .phx-icon-button {
+._dataTableFloatingActionsContent_dflxv_571 .phx-icon-button {
   flex: 0 0 auto;
 }
-._dataTableFloatingActionsContent_yutyc_567 .phx-flex {
+._dataTableFloatingActionsContent_dflxv_571 .phx-flex {
   flex-wrap: nowrap;
   inline-size: max-content;
 }
-._dataTableLoadingOverlay_yutyc_601 {
+._dataTableLoadingOverlay_dflxv_605 {
   align-items: center;
   background-color: var(--surface-neutral-primary);
   display: flex;
@@ -9707,49 +9710,49 @@
   position: absolute;
   z-index: var(--z-local-top);
 }
-._dataTableEmptyState_yutyc_615 {
+._dataTableEmptyState_dflxv_619 {
   align-items: center;
   display: flex;
   justify-content: center;
   min-block-size: var(--dimensions-200);
   padding: var(--space-2xl);
 }
-._dataTableEmptyText_yutyc_623 {
+._dataTableEmptyText_dflxv_627 {
   color: var(--text-neutral-tertiary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
 }
-._dataTablePagination_yutyc_632 {
+._dataTablePagination_dflxv_636 {
   background-color: var(--surface-neutral-primary);
   border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
   border-end-end-radius: var(--radius-xs);
   border-end-start-radius: var(--radius-xs);
   padding: var(--space-sm) var(--space-md);
 }
-._dataTableRowSelected_yutyc_328,
-._dataTableRowSelected_yutyc_328:hover {
+._dataTableRowSelected_dflxv_332,
+._dataTableRowSelected_dflxv_332:hover {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableStriped_yutyc_409 ._dataTableRowSelected_yutyc_328:nth-child(2n) {
+._dataTableStriped_dflxv_413 ._dataTableRowSelected_dflxv_332:nth-child(2n) {
   --row-surface-internal: var(--surface-neutral-secondary);
 }
-._dataTableBordered_yutyc_656 ._dataTableHeadCell_yutyc_103,
-._dataTableBordered_yutyc_656 ._dataTableBodyCell_yutyc_281,
-._dataTableBordered_yutyc_656 ._dataTableTh_yutyc_98,
-._dataTableBordered_yutyc_656 ._dataTableTd_yutyc_264 {
+._dataTableBordered_dflxv_660 ._dataTableHeadCell_dflxv_107,
+._dataTableBordered_dflxv_660 ._dataTableBodyCell_dflxv_285,
+._dataTableBordered_dflxv_660 ._dataTableTh_dflxv_102,
+._dataTableBordered_dflxv_660 ._dataTableTd_dflxv_268 {
   border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
 }
-._dataTableBordered_yutyc_656 ._dataTableHeadCell_yutyc_103:last-child,
-._dataTableBordered_yutyc_656 ._dataTableBodyCell_yutyc_281:last-child,
-._dataTableBordered_yutyc_656 ._dataTableTh_yutyc_98:last-child,
-._dataTableBordered_yutyc_656 ._dataTableTd_yutyc_264:last-child {
+._dataTableBordered_dflxv_660 ._dataTableHeadCell_dflxv_107:last-child,
+._dataTableBordered_dflxv_660 ._dataTableBodyCell_dflxv_285:last-child,
+._dataTableBordered_dflxv_660 ._dataTableTh_dflxv_102:last-child,
+._dataTableBordered_dflxv_660 ._dataTableTd_dflxv_268:last-child {
   border-inline-end: none;
 }
-._dataTableRow_yutyc_255:last-child ._dataTableTd_yutyc_264,
-._dataTableRow_yutyc_255:last-child ._dataTableBodyCell_yutyc_281 {
+._dataTableRow_dflxv_259:last-child ._dataTableTd_dflxv_268,
+._dataTableRow_dflxv_259:last-child ._dataTableBodyCell_dflxv_285 {
   border-block-end: none;
 }
-._dataTableContainer_yutyc_24:last-child ._dataTableBody_yutyc_251 tr:last-child ._dataTableTd_yutyc_264:last-child {
+._dataTableContainer_dflxv_24:last-child ._dataTableBody_dflxv_255 tr:last-child ._dataTableTd_dflxv_268:last-child {
   border-end-end-radius: var(--radius-xs);
 }
 ._paginationRoot_1q1iy_1 {
@@ -9863,7 +9866,7 @@
 ._paginationItemsPerPageDropdown_1q1iy_131 {
   inline-size: var(--dimensions-80);
 }
-@keyframes _slide-from-bottom_1lpcl_1 {
+@keyframes _slide-from-bottom_pnr8r_1 {
   0% {
     transform: translateY(100%);
   }
@@ -9871,7 +9874,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _slide-to-bottom_1lpcl_1 {
+@keyframes _slide-to-bottom_pnr8r_1 {
   0% {
     transform: translateY(0);
   }
@@ -9879,7 +9882,7 @@
     transform: translateY(100%);
   }
 }
-@keyframes _slide-from-right_1lpcl_1 {
+@keyframes _slide-from-right_pnr8r_1 {
   0% {
     transform: translate(100%);
   }
@@ -9887,7 +9890,7 @@
     transform: translate(0);
   }
 }
-@keyframes _slide-to-right_1lpcl_1 {
+@keyframes _slide-to-right_pnr8r_1 {
   0% {
     transform: translate(0);
   }
@@ -9895,7 +9898,7 @@
     transform: translate(100%);
   }
 }
-@keyframes _fade-in_1lpcl_1 {
+@keyframes _fade-in_pnr8r_1 {
   0% {
     opacity: 0;
   }
@@ -9903,7 +9906,7 @@
     opacity: 1;
   }
 }
-@keyframes _fade-out_1lpcl_1 {
+@keyframes _fade-out_pnr8r_1 {
   0% {
     opacity: 1;
   }
@@ -9911,9 +9914,9 @@
     opacity: 0;
   }
 }
-._sheetOverlay_1lpcl_63 {
+._sheetOverlay_pnr8r_63 {
   align-items: flex-end;
-  animation: _fade-in_1lpcl_1 .3s var(--motion-ease-standard);
+  animation: _fade-in_pnr8r_1 .3s var(--motion-ease-standard);
   background-color: var(--color-overlay);
   display: flex;
   inset: 0;
@@ -9921,17 +9924,17 @@
   position: fixed;
   z-index: var(--z-index-modal);
 }
-._sheetOverlayClosing_1lpcl_76 {
-  animation: _fade-out_1lpcl_1 .3s var(--motion-ease-standard) forwards;
+._sheetOverlayClosing_pnr8r_76 {
+  animation: _fade-out_pnr8r_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetOverlay_1lpcl_63 {
+  ._sheetOverlay_pnr8r_63 {
     align-items: stretch;
     justify-content: flex-end;
   }
 }
-._sheetPanel_1lpcl_89 {
-  animation: _slide-from-bottom_1lpcl_1 .3s var(--motion-ease-standard);
+._sheetPanel_pnr8r_89 {
+  animation: _slide-from-bottom_pnr8r_1 .3s var(--motion-ease-standard);
   background-color: var(--surface-neutral-elevator);
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
@@ -9943,13 +9946,13 @@
   overflow: hidden;
   position: relative;
 }
-._sheetCloseButtonWrapper_1lpcl_105 {
+._sheetCloseButtonWrapper_pnr8r_105 {
   inset-block-start: var(--space-2xs);
   inset-inline-end: var(--space-2xs);
   position: absolute;
   z-index: var(--z-index-decorator);
 }
-._sheetCloseButton_1lpcl_105 {
+._sheetCloseButton_pnr8r_105 {
   background-color: var(--surface-neutral-on-surface) !important;
   block-size: var(--dimensions-24) !important;
   border-radius: var(--radius-full);
@@ -9957,80 +9960,92 @@
   min-block-size: var(--dimensions-24) !important;
   min-inline-size: var(--dimensions-24) !important;
 }
-._sheetCloseButton_1lpcl_105:hover {
+._sheetCloseButton_pnr8r_105:hover {
   background-color: var(--surface-state-hover) !important;
 }
-._sheetCloseButton_1lpcl_105:active {
+._sheetCloseButton_pnr8r_105:active {
   background-color: var(--surface-state-press) !important;
 }
-._sheetCloseButtonSpotlight_1lpcl_129 {
+._sheetCloseButtonSpotlight_pnr8r_129 {
   background-color: var(--surface-neutral-primary) !important;
 }
-._sheetPanelClosing_1lpcl_134 {
-  animation: _slide-to-bottom_1lpcl_1 .3s var(--motion-ease-standard) forwards;
+._sheetInitialFocusTarget_pnr8r_133 {
+  block-size: 0;
+  inline-size: 0;
+  opacity: 0;
+  outline: none;
+  overflow: hidden;
+  pointer-events: none;
+  position: absolute;
+}
+._sheetInitialFocusTarget_pnr8r_133:focus {
+  outline: none;
+}
+._sheetPanelClosing_pnr8r_148 {
+  animation: _slide-to-bottom_pnr8r_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetPanel_1lpcl_89 {
-    animation: _slide-from-right_1lpcl_1 .3s var(--motion-ease-standard);
+  ._sheetPanel_pnr8r_89 {
+    animation: _slide-from-right_pnr8r_1 .3s var(--motion-ease-standard);
     block-size: 100dvh;
     border-radius: 0;
     max-block-size: 100dvh;
   }
-  ._sheetPanelClosing_1lpcl_134 {
-    animation: _slide-to-right_1lpcl_1 .3s var(--motion-ease-standard) forwards;
+  ._sheetPanelClosing_pnr8r_148 {
+    animation: _slide-to-right_pnr8r_1 .3s var(--motion-ease-standard) forwards;
   }
 }
-._sheetPanelResponsive_1lpcl_157 {
+._sheetPanelResponsive_pnr8r_171 {
   inline-size: 100%;
   max-inline-size: 100%;
 }
 @media (min-width: 768px) {
-  ._sheetPanelResponsive_1lpcl_157 {
+  ._sheetPanelResponsive_pnr8r_171 {
     inline-size: 400px;
     max-inline-size: 400px;
   }
 }
 @media (min-width: 1024px) {
-  ._sheetPanelResponsive_1lpcl_157 {
+  ._sheetPanelResponsive_pnr8r_171 {
     inline-size: 480px;
     max-inline-size: 480px;
   }
 }
-._sheetPanelFullHeight_1lpcl_178 {
+._sheetPanelFullHeight_pnr8r_192 {
   block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
   max-block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
 }
 @media (min-width: 768px) {
-  ._sheetPanelFullHeight_1lpcl_178 {
+  ._sheetPanelFullHeight_pnr8r_192 {
     block-size: 100dvh;
     border-radius: 0;
     max-block-size: 100dvh;
   }
 }
-._sheetHeader_1lpcl_195 {
+._sheetHeader_pnr8r_209 {
   background-color: var(--surface-neutral-elevator);
   flex-shrink: 0;
 }
-._sheetContent_1lpcl_201 {
+._sheetContent_pnr8r_215 {
   flex: 1;
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
   padding-inline: 16px;
 }
-._sheetContentNoPadding_1lpcl_208 {
+._sheetContentNoPadding_pnr8r_222 {
   padding-inline: 0;
 }
-._sheetFooter_1lpcl_213 {
+._sheetFooter_pnr8r_227 {
   flex-shrink: 0;
   transition: box-shadow var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-index-decorator);
 }
-._sheetFooterElevatedGradient_1lpcl_226 {
+._sheetFooterElevatedGradient_pnr8r_240 {
   position: relative;
 }
-._sheetFooterElevatedGradient_1lpcl_226:before {
+._sheetFooterElevatedGradient_pnr8r_240:before {
   background:
     linear-gradient(
       to top,
@@ -10043,7 +10058,7 @@
   pointer-events: none;
   position: absolute;
 }
-._sheetGrabber_1lpcl_241 {
+._sheetGrabber_pnr8r_255 {
   background-color: var(--surface-neutral-elevator);
   display: flex;
   flex-shrink: 0;
@@ -10052,14 +10067,14 @@
   position: relative;
   z-index: var(--z-index-default);
 }
-._sheetGrabberBar_1lpcl_253 {
+._sheetGrabberBar_pnr8r_267 {
   background-color: var(--surface-neutral-tertiary);
   block-size: var(--dimensions-4);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-36);
 }
 @media (min-width: 768px) {
-  ._sheetGrabber_1lpcl_241 {
+  ._sheetGrabber_pnr8r_255 {
     display: none;
   }
 }
@@ -13624,7 +13639,8 @@
   position: sticky;
   z-index: var(--z-index-on-sticky);
 }
-._pageHeaderRoot_1k0k0_2 {
+._pageHeaderRoot_1bwnf_2 {
+  --page-header-actions-reserve-block-size: var(--dimensions-48);
   background-color: var(--surface-neutral-primary);
   box-sizing: border-box;
   display: flex;
@@ -13635,39 +13651,40 @@
   padding-inline: var(--layout-grid-margin);
   transition: background-color var(--motion-duration-normal) var(--motion-ease-standard), box-shadow var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._pageHeaderSticky_1k0k0_16 {
+._pageHeaderSticky_1bwnf_18 {
   inset-block-start: 0;
   position: sticky;
   z-index: var(--z-index-decorator);
 }
-._pageHeaderStuck_1k0k0_23 {
+._pageHeaderStuck_1bwnf_25 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._pageHeaderBreadcrumbRow_1k0k0_34 {
+._pageHeaderBreadcrumbRow_1bwnf_36 {
   align-items: center;
   display: flex;
 }
-._pageHeaderMainRow_1k0k0_40 {
+._pageHeaderMainRow_1bwnf_42 {
   align-items: center;
   display: flex;
   gap: var(--space-md);
   justify-content: space-between;
+  min-block-size: var(--page-header-actions-reserve-block-size);
 }
-._pageHeaderTitleGroup_1k0k0_48 {
+._pageHeaderTitleGroup_1bwnf_51 {
   align-items: center;
   display: flex;
   flex: 1;
   gap: var(--space-2xs);
   min-inline-size: 0;
 }
-._pageHeaderTitleGroupWithBack_1k0k0_56 {
+._pageHeaderTitleGroupWithBack_1bwnf_59 {
   margin-inline-start: calc(-1 * var(--space-sm));
 }
-._pageHeaderBackButton_1k0k0_60 {
+._pageHeaderBackButton_1bwnf_63 {
   flex-shrink: 0;
 }
-._pageHeaderTitle_1k0k0_48 {
+._pageHeaderTitle_1bwnf_51 {
   color: var(--foreground-neutral-primary);
   font-family: var(--headline-lg-family);
   font-size: var(--headline-lg-size);
@@ -13679,11 +13696,18 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._pageHeaderActions_1k0k0_78 {
+._pageHeaderActions_1bwnf_81 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: var(--space-2xs);
+  justify-content: flex-end;
+  min-block-size: var(--page-header-actions-reserve-block-size);
+}
+._pageHeaderActionsPlaceholder_1bwnf_90 {
+  display: block;
+  inline-size: 100%;
+  min-block-size: var(--page-header-actions-reserve-block-size);
 }
 ._paginationDotRoot_1k4k3_1 {
   align-items: center;
@@ -15773,25 +15797,25 @@
   line-height: var(--body-sm-line-height);
   margin-inline-start: auto;
 }
-._textFieldRoot_ffw3r_1 {
+._textFieldRoot_vxmtg_1 {
   display: flex;
   flex-direction: column;
   font-family: var(--body-lg-family);
   inline-size: 100%;
 }
-._widthAuto_ffw3r_8 {
+._widthAuto_vxmtg_8 {
   inline-size: auto;
 }
-._dropdownOpen_ffw3r_12 {
+._dropdownOpen_vxmtg_12 {
   position: relative;
   z-index: var(--z-index-dropdown);
 }
-._textFieldLabel_ffw3r_17 {
+._textFieldLabel_vxmtg_17 {
   color: var(--text-neutral-secondary);
   display: block;
   margin-block-end: var(--space-5xs);
 }
-._outsideLabel_ffw3r_23 {
+._outsideLabel_vxmtg_23 {
   color: var(--text-neutral-primary);
   font-family: var(--title-md-family);
   font-size: var(--title-md-size);
@@ -15799,7 +15823,7 @@
   letter-spacing: var(--title-md-letter-spacing);
   line-height: var(--title-md-line-height);
 }
-._textFieldContainer_ffw3r_32 {
+._textFieldContainer_vxmtg_32 {
   align-items: center;
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-2xs);
@@ -15811,65 +15835,65 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._insideNoIcon_ffw3r_52 {
+._insideNoIcon_vxmtg_52 {
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._withLeadingText_ffw3r_57 {
+._withLeadingText_vxmtg_57 {
   padding: var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);
 }
-._outsideLabelVariant_ffw3r_62 {
+._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-44);
   padding-inline: var(--space-xs) var(--space-xs);
 }
-._outsideLabelMedium_ffw3r_67 {
+._outsideLabelMedium_vxmtg_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_ffw3r_76 {
+._large_vxmtg_76 {
   min-block-size: var(--dimensions-56);
 }
-._large_ffw3r_76._outsideLabelVariant_ffw3r_62 {
+._large_vxmtg_76._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-44);
 }
-._medium_ffw3r_86 {
+._medium_vxmtg_86 {
   font-size: var(--body-md-size);
   line-height: var(--body-md-line-height);
   min-block-size: var(--dimensions-44);
 }
-._medium_ffw3r_86._outsideLabelVariant_ffw3r_62 {
+._medium_vxmtg_86._outsideLabelVariant_vxmtg_62 {
   min-block-size: var(--dimensions-36);
 }
-._textFieldContainer_ffw3r_32:hover:not(._disabled_ffw3r_103, ._error_ffw3r_103) {
+._textFieldContainer_vxmtg_32:hover:not(._disabled_vxmtg_103, ._error_vxmtg_103) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._focused_ffw3r_109:not(._error_ffw3r_103) {
+._focused_vxmtg_109:not(._error_vxmtg_103) {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._focused_ffw3r_109._error_ffw3r_103 {
+._focused_vxmtg_109._error_vxmtg_103 {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._error_ffw3r_103 {
+._error_vxmtg_103 {
   background-color: var(--surface-state-error);
   border-color: var(--border-state-error);
 }
-._disabled_ffw3r_103 {
+._disabled_vxmtg_103 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._textFieldLeadingIcon_ffw3r_135 {
+._textFieldLeadingIcon_vxmtg_135 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._textFieldLeadingText_ffw3r_143 {
+._textFieldLeadingText_vxmtg_143 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   border-radius: var(--radius-4xs);
@@ -15883,7 +15907,7 @@
   padding: var(--space-4xs) var(--space-2xs);
   white-space: nowrap;
 }
-._textFieldInputWrapper_ffw3r_158 {
+._textFieldInputWrapper_vxmtg_158 {
   block-size: 100%;
   display: flex;
   flex: 1;
@@ -15891,7 +15915,7 @@
   padding-inline-end: var(--space-xs);
   position: relative;
 }
-._textFieldInlineLabel_ffw3r_167 {
+._textFieldInlineLabel_vxmtg_167 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -15907,7 +15931,7 @@
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._shrunk_ffw3r_186 {
+._shrunk_vxmtg_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -15916,7 +15940,7 @@
   line-height: var(--label-sm-line-height);
   transform: translateY(0);
 }
-._textFieldInput_ffw3r_158 {
+._textFieldInput_vxmtg_158 {
   background: transparent;
   block-size: 100%;
   border: none;
@@ -15936,49 +15960,52 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   white-space: nowrap;
 }
-._textFieldInput_ffw3r_158:focus {
+._textFieldInput_vxmtg_158:focus {
   text-overflow: clip;
 }
-._withInlineLabel_ffw3r_230 {
+._withInlineLabel_vxmtg_230 {
   padding-block: var(--space-md) var(--space-2xs);
 }
-._withInlineLabel_ffw3r_230:not(._active_ffw3r_236) {
+._withInlineLabel_vxmtg_230:not(._active_vxmtg_236) {
   opacity: var(--opacity-hidden);
 }
-._withInlineLabel_ffw3r_230._active_ffw3r_236 {
+._withInlineLabel_vxmtg_230._active_vxmtg_236 {
   opacity: var(--opacity-visible);
 }
-._textFieldInput_ffw3r_158::placeholder {
+._textFieldInput_vxmtg_158::placeholder {
   color: var(--text-neutral-secondary);
 }
-._textFieldTrailingGroup_ffw3r_250 {
+._textFieldTrailingGroup_vxmtg_250 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
 }
-._textFieldClearButton_ffw3r_256 {
+._textFieldClearButton_vxmtg_256 {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
   min-block-size: var(--dimensions-20) !important;
   min-inline-size: var(--dimensions-20) !important;
   padding: 0 !important;
 }
-._textFieldClearButton_ffw3r_256 svg {
+._textFieldClearButton_vxmtg_256 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
-._textFieldSuffixDivider_ffw3r_269 {
+._textFieldPasswordToggle_vxmtg_269 {
+  color: var(--fg-neutral-secondary);
+}
+._textFieldSuffixDivider_vxmtg_273 {
   align-self: center;
   block-size: var(--dimensions-24);
 }
-._textFieldTrailingDropdownWrapper_ffw3r_274 {
+._textFieldTrailingDropdownWrapper_vxmtg_278 {
   align-items: center;
   block-size: 100%;
   display: flex;
   position: relative;
   z-index: var(--z-local-below);
 }
-._textFieldTrailingDropdown_ffw3r_274 {
+._textFieldTrailingDropdown_vxmtg_278 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -15990,26 +16017,26 @@
   line-height: var(--body-lg-line-height);
   transition: color var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._textFieldTrailingDropdown_ffw3r_274:hover,
-._activeDropdown_ffw3r_297 {
+._textFieldTrailingDropdown_vxmtg_278:hover,
+._activeDropdown_vxmtg_301 {
   color: var(--text-neutral-primary);
 }
-._textFieldTrailingDropdown_ffw3r_274 span {
+._textFieldTrailingDropdown_vxmtg_278 span {
   margin-inline-end: calc(var(--dimensions-4) * -1);
 }
-._textFieldChevronIcon_ffw3r_305 {
+._textFieldChevronIcon_vxmtg_309 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
   transition: transform var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._rotated_ffw3r_313 {
+._rotated_vxmtg_317 {
   transform: rotate(180deg);
 }
-._textFieldDropdownPopover_ffw3r_318 {
+._textFieldDropdownPopover_vxmtg_322 {
   z-index: var(--z-index-dropdown);
 }
-._textFieldTrailingIconWrapper_ffw3r_322 {
+._textFieldTrailingIconWrapper_vxmtg_326 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   cursor: pointer;
@@ -16017,7 +16044,7 @@
   gap: var(--space-xs);
   z-index: var(--z-local-below);
 }
-._textFieldHelperText_ffw3r_333 {
+._textFieldHelperText_vxmtg_337 {
   color: var(--text-neutral-primary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);
@@ -16025,10 +16052,10 @@
   line-height: var(--body-sm-line-height);
   margin-block-start: var(--space-4xs);
 }
-._errorText_ffw3r_342 {
+._errorText_vxmtg_346 {
   color: var(--text-state-error);
 }
-._textFieldChevronOnly_ffw3r_348 {
+._textFieldChevronOnly_vxmtg_352 {
   align-items: center;
   color: var(--text-neutral-primary);
   cursor: pointer;
@@ -16036,41 +16063,41 @@
   justify-content: center;
   padding: var(--space-2xs);
 }
-._textFieldChevronOnly_ffw3r_348:hover {
+._textFieldChevronOnly_vxmtg_352:hover {
   background-color: var(--surface-state-hover);
   border-radius: var(--radius-4xs);
 }
-._readOnly_ffw3r_363 {
+._readOnly_vxmtg_367 {
   background-color: var(--surface-neutral-secondary);
   cursor: default;
 }
-._readOnly_ffw3r_363 ._textFieldInput_ffw3r_158 {
+._readOnly_vxmtg_367 ._textFieldInput_vxmtg_158 {
   cursor: default;
 }
-._textFieldRequiredIndicator_ffw3r_373 {
+._textFieldRequiredIndicator_vxmtg_377 {
   color: var(--text-state-error);
 }
-._textFieldFooter_ffw3r_378 {
+._textFieldFooter_vxmtg_382 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   justify-content: space-between;
   margin-block-start: var(--space-4xs);
 }
-._medium_ffw3r_86 ._textFieldInput_ffw3r_158,
-._medium_ffw3r_86 ._textFieldInlineLabel_ffw3r_167 {
+._medium_vxmtg_86 ._textFieldInput_vxmtg_158,
+._medium_vxmtg_86 ._textFieldInlineLabel_vxmtg_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_ffw3r_86 ._textFieldLeadingIcon_ffw3r_135,
-._medium_ffw3r_86 ._textFieldTrailingGroup_ffw3r_250 svg {
+._medium_vxmtg_86 ._textFieldLeadingIcon_vxmtg_135,
+._medium_vxmtg_86 ._textFieldTrailingGroup_vxmtg_250 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
 }
-._medium_ffw3r_86 ._shrunk_ffw3r_186 {
+._medium_vxmtg_86 ._shrunk_vxmtg_186 {
   font-family: var(--label-sm-family);
   font-size: var(--label-sm-size);
   font-weight: var(--label-sm-weight-emphasize);
@@ -16078,13 +16105,13 @@
   letter-spacing: var(--label-sm-letter-spacing);
   line-height: var(--label-sm-line-height);
 }
-._medium_ffw3r_86 ._withInlineLabel_ffw3r_230 {
+._medium_vxmtg_86 ._withInlineLabel_vxmtg_230 {
   padding-block: var(--space-sm) var(--space-3xs);
 }
-._medium_ffw3r_86 ._textFieldInput_ffw3r_158 {
+._medium_vxmtg_86 ._textFieldInput_vxmtg_158 {
   font-size: var(--body-md-size);
 }
-._textFieldCharacterCount_ffw3r_419 {
+._textFieldCharacterCount_vxmtg_423 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-sm-family);
   font-size: var(--body-sm-size);