@photonix/basic 2.0.5 → 2.0.6

package/dist/index.css

@@ -5512,7 +5512,7 @@
 ._customScrollbarTrackHorizontal_hlks5_43 ._customScrollbarThumbMedium_hlks5_114 {
   block-size: 8px;
 }
-._searchFieldRoot_1tflu_1 {
+._searchFieldRoot_peg80_1 {
   align-items: center;
   background-color: var(--surface-neutral-on-surface);
   block-size: var(--dimensions-48);
@@ -5522,26 +5522,30 @@
   cursor: text;
   display: flex;
   font-family: var(--body-lg-family);
+  inline-size: 100%;
   padding: 0 var(--space-xs);
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._searchFieldRounded_1tflu_18 {
+._widthAuto_peg80_18 {
+  inline-size: auto;
+}
+._searchFieldRounded_peg80_23 {
   border-radius: var(--radius-full);
 }
-._searchFieldRoot_1tflu_1:hover:not(._searchFieldDisabled_1tflu_23) {
+._searchFieldRoot_peg80_1:hover:not(._searchFieldDisabled_peg80_28) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._searchFieldFocused_1tflu_29 {
+._searchFieldFocused_peg80_34 {
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._searchFieldDisabled_1tflu_23 {
+._searchFieldDisabled_peg80_28 {
   background-color: var(--surface-state-disabled);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._searchFieldIcon_1tflu_42 {
+._searchFieldIcon_peg80_47 {
   align-items: center;
   color: var(--foreground-neutral-primary);
   display: flex;
@@ -5549,7 +5553,7 @@
   justify-content: center;
   margin-inline-end: var(--space-xs);
 }
-._searchFieldInput_1tflu_51 {
+._searchFieldInput_peg80_56 {
   background: transparent;
   border: none;
   caret-color: var(--text-neutral-primary);
@@ -5567,34 +5571,34 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._searchFieldInput_1tflu_51::-webkit-search-cancel-button,
-._searchFieldInput_1tflu_51::-webkit-search-decoration {
+._searchFieldInput_peg80_56::-webkit-search-cancel-button,
+._searchFieldInput_peg80_56::-webkit-search-decoration {
   appearance: none;
 }
-._searchFieldInput_1tflu_51:focus {
+._searchFieldInput_peg80_56:focus {
   text-overflow: clip;
 }
-._searchFieldInput_1tflu_51::placeholder {
+._searchFieldInput_peg80_56::placeholder {
   color: var(--text-neutral-secondary);
 }
-._searchFieldInput_1tflu_51::selection {
+._searchFieldInput_peg80_56::selection {
   background-color: var(--surface-state-press);
   color: var(--text-neutral-primary);
 }
-._searchFieldTrailingGroup_1tflu_94 {
+._searchFieldTrailingGroup_peg80_99 {
   align-items: center;
   display: flex;
   gap: var(--space-xs);
   margin-inline-start: var(--space-xs);
 }
-._searchFieldClearButton_1tflu_101 {
+._searchFieldClearButton_peg80_106 {
   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;
 }
-._searchFieldClearButton_1tflu_101 svg {
+._searchFieldClearButton_peg80_106 svg {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
@@ -7771,7 +7775,7 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListRoot_1d3bd_1 {
+._dropdownListRoot_1mw3t_1 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -7783,22 +7787,22 @@
   padding: var(--space-2xs) 0;
   isolation: isolate;
 }
-._dropdownListSearchWrapper_1d3bd_18 {
+._dropdownListSearchWrapper_1mw3t_18 {
   padding: 0 var(--space-2xs) var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemsListContainer_1d3bd_23 {
+._dropdownListItemsListContainer_1mw3t_23 {
   overflow: hidden;
   position: relative;
 }
-._dropdownListItemsList_1d3bd_23 {
+._dropdownListItemsList_1mw3t_23 {
   overflow-y: auto;
   position: relative;
   z-index: var(--z-local-below);
 }
-._dropdownListItemsList_1d3bd_23:focus {
+._dropdownListItemsList_1mw3t_23:focus {
   outline: none;
 }
-._dropdownListGradient_1d3bd_40 {
+._dropdownListGradient_1mw3t_40 {
   block-size: var(--dimensions-32);
   inset-inline: 0;
   opacity: 0;
@@ -7807,7 +7811,7 @@
   transition: opacity var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-local-above);
 }
-._dropdownListGradientTop_1d3bd_52 {
+._dropdownListGradientTop_1mw3t_52 {
   background:
     linear-gradient(
       to bottom,
@@ -7815,7 +7819,7 @@
       transparent 100%);
   inset-block-start: 0;
 }
-._dropdownListGradientBottom_1d3bd_59 {
+._dropdownListGradientBottom_1mw3t_59 {
   background:
     linear-gradient(
       to top,
@@ -7823,24 +7827,24 @@
       transparent 100%);
   inset-block-end: 0;
 }
-._dropdownListGradientVisible_1d3bd_66 {
+._dropdownListGradientVisible_1mw3t_66 {
   opacity: 1;
 }
-._dropdownListItemWrapper_1d3bd_71 {
+._dropdownListItemWrapper_1mw3t_71 {
   padding: 0 var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_1d3bd_76 {
+._dropdownListItemWrapperWithDivider_1mw3t_76 {
   padding: var(--space-2xs) var(--space-2xs);
 }
-._dropdownListItemWrapperWithDivider_1d3bd_76:not(:last-child) {
+._dropdownListItemWrapperWithDivider_1mw3t_76:not(:last-child) {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
 }
-._dropdownListItemWrapperWithBottomDivider_1d3bd_85 {
+._dropdownListItemWrapperWithBottomDivider_1mw3t_85 {
   border-block-end: var(--border-sm) solid var(--border-neutral-tertiary);
   margin-block-end: var(--space-2xs);
   padding-block-end: var(--space-2xs);
 }
-._dropdownListItem_1d3bd_23 {
+._dropdownListItem_1mw3t_23 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-48);
@@ -7854,10 +7858,10 @@
   position: relative;
   transition: background-color var(--motion-duration-fast) var(--motion-ease-standard);
 }
-._dropdownListItemSm_1d3bd_108 {
+._dropdownListItemSm_1mw3t_108 {
   block-size: var(--dimensions-32);
 }
-._dropdownListItem_1d3bd_23:after {
+._dropdownListItem_1mw3t_23:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -7866,42 +7870,42 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: var(--z-local-below);
 }
-._dropdownListItem_1d3bd_23:hover:not(._disabled_1d3bd_124):after {
+._dropdownListItem_1mw3t_23:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_1d3bd_23:active:not(._disabled_1d3bd_124):after {
+._dropdownListItem_1mw3t_23:active:not(._dropdownListItemDisabled_1mw3t_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItem_1d3bd_23:focus-visible:after {
+._dropdownListItem_1mw3t_23:focus-visible:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItem_1d3bd_23:focus-visible {
+._dropdownListItem_1mw3t_23:focus-visible {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_1d3bd_146 {
+._dropdownListItemFocused_1mw3t_146 {
   outline: var(--border-md) solid var(--border-state-focus);
   outline-offset: calc(var(--border-md) * -1);
 }
-._dropdownListItemFocused_1d3bd_146:after {
+._dropdownListItemFocused_1mw3t_146:after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_1d3bd_160:hover:not(._disabled_1d3bd_124):after {
+._dropdownListItemSelected_1mw3t_160:hover:not(._dropdownListItemDisabled_1mw3t_124):after {
   background-color: var(--surface-state-hover);
 }
-._dropdownListItemSelected_1d3bd_160:active:not(._disabled_1d3bd_124):after {
+._dropdownListItemSelected_1mw3t_160:active:not(._dropdownListItemDisabled_1mw3t_124):after {
   background-color: var(--surface-state-press);
 }
-._dropdownListItemDisabled_1d3bd_170 {
+._dropdownListItemDisabled_1mw3t_124 {
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._dropdownListCheckbox_1d3bd_176 {
+._dropdownListCheckbox_1mw3t_176 {
   block-size: var(--dimensions-24) !important;
   flex-shrink: 0;
   inline-size: var(--dimensions-24) !important;
 }
-._dropdownListItemIcon_1d3bd_183 {
+._dropdownListItemIcon_1mw3t_183 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--foreground-neutral-primary);
@@ -7912,7 +7916,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListItemLabel_1d3bd_196 {
+._dropdownListItemLabel_1mw3t_196 {
   color: var(--text-neutral-primary);
   flex: 1;
   font-family: var(--body-lg-family);
@@ -7922,7 +7926,7 @@
   position: relative;
   z-index: var(--z-local-content);
 }
-._dropdownListCheckmark_1d3bd_208 {
+._dropdownListCheckmark_1mw3t_208 {
   align-items: center;
   block-size: var(--dimensions-24);
   color: var(--text-neutral-primary);
@@ -7931,22 +7935,22 @@
   inline-size: var(--dimensions-24);
   justify-content: center;
 }
-._dropdownListEmptyState_1d3bd_219 {
+._dropdownListEmptyState_1mw3t_219 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
   padding: var(--space-sm) var(--space-xs);
   text-align: center;
 }
-._dropdownListItemSm_1d3bd_108 ._dropdownListItemLabel_1d3bd_196 {
+._dropdownListItemSm_1mw3t_108 ._dropdownListItemLabel_1mw3t_196 {
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
   font-weight: var(--body-md-weight);
   line-height: var(--body-md-line-height);
 }
-._dropdownListItemSm_1d3bd_108 ._dropdownListItemIcon_1d3bd_183,
-._dropdownListItemSm_1d3bd_108 ._dropdownListCheckmark_1d3bd_208,
-._dropdownListItemSm_1d3bd_108 ._dropdownListCheckbox_1d3bd_176 {
+._dropdownListItemSm_1mw3t_108 ._dropdownListItemIcon_1mw3t_183,
+._dropdownListItemSm_1mw3t_108 ._dropdownListCheckmark_1mw3t_208,
+._dropdownListItemSm_1mw3t_108 ._dropdownListCheckbox_1mw3t_176 {
   block-size: var(--dimensions-20) !important;
   inline-size: var(--dimensions-20) !important;
 }
@@ -8570,31 +8574,38 @@
   position: absolute;
   z-index: var(--z-local-content);
 }
-._chartContainer_z9qmq_6 {
+._chartContainer_ksry0_6 {
   inline-size: 100%;
   isolation: isolate;
   outline: none;
   position: relative;
 }
-._chartContainer_z9qmq_6 * {
+._chartContainer_ksry0_6 * {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-._chartContainer_z9qmq_6 *:focus,
-._chartContainer_z9qmq_6 *:focus-visible,
-._chartContainer_z9qmq_6 *:active {
+._chartContainer_ksry0_6 *:focus,
+._chartContainer_ksry0_6 *:focus-visible,
+._chartContainer_ksry0_6 *:active {
   box-shadow: none !important;
   outline: none !important;
   outline: 0 !important;
 }
-._chartContainer_z9qmq_6 .recharts-text {
+._chartContainer_ksry0_6 .recharts-text {
   font-family: var(--body-sm-family);
 }
-._chartContainer_z9qmq_6 .recharts-legend-item-text {
+._chartContainer_ksry0_6 .recharts-cartesian-axis-tick text,
+._chartContainer_ksry0_6 .recharts-polar-angle-axis text,
+._chartContainer_ksry0_6 .recharts-polar-radius-axis text {
+  font-size: var(--body-sm-size) !important;
+}
+._chartContainer_ksry0_6 .recharts-legend-item-text {
+  color: var(--text-neutral-primary) !important;
   font-family: var(--body-sm-family) !important;
+  font-size: var(--body-sm-size) !important;
 }
-._chartTooltip_z9qmq_43 {
+._chartTooltip_ksry0_56 {
   background-color: var(--surface-neutral-elevator);
   border: var(--border-xs) solid var(--border-neutral-tertiary);
   border-radius: var(--radius-sm);
@@ -8606,14 +8617,13 @@
   padding: var(--space-xs) var(--space-sm);
   z-index: var(--z-local-top);
 }
-._chartTooltipLabel_z9qmq_57 {
+._chartTooltipLabel_ksry0_70 {
   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);
+  font-family: var(--body-sm-family);
+  font-size: var(--body-sm-size);
+  font-weight: var(--body-sm-weight-emphasize);
 }
-._chartTooltipItem_z9qmq_65 {
+._chartTooltipItem_ksry0_77 {
   align-items: center;
   color: var(--text-neutral-primary);
   display: flex;
@@ -8621,29 +8631,29 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipIndicator_z9qmq_74 {
+._chartTooltipIndicator_ksry0_86 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-xs);
   inline-size: var(--dimensions-8);
 }
-._chartTooltipValue_z9qmq_80 {
+._chartTooltipValue_ksry0_92 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartTooltipDivider_z9qmq_87 {
+._chartTooltipDivider_ksry0_99 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--border-xs);
   inline-size: 100%;
   margin-block: var(--space-2xs);
 }
-._chartTooltipBreakdown_z9qmq_94 {
+._chartTooltipBreakdown_ksry0_106 {
   display: flex;
   flex-direction: column;
   gap: var(--space-3xs);
 }
-._chartTooltipSubItem_z9qmq_100 {
+._chartTooltipSubItem_ksry0_112 {
   align-items: center;
   color: var(--text-neutral-secondary);
   display: flex;
@@ -8651,27 +8661,27 @@
   font-size: var(--body-sm-size);
   gap: var(--space-xs);
 }
-._chartTooltipSubIndicator_z9qmq_109 {
+._chartTooltipSubIndicator_ksry0_121 {
   block-size: var(--dimensions-6);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-6);
 }
-._chartTooltipSubValue_z9qmq_115 {
+._chartTooltipSubValue_ksry0_127 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: var(--typeface-weight-bold);
   margin-inline-start: auto;
 }
-._chartLegend_z9qmq_123 {
+._chartLegend_ksry0_135 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-md);
   justify-content: center;
   margin-block-start: var(--space-md);
 }
-._chartLegendItem_z9qmq_131 {
+._chartLegendItem_ksry0_143 {
   align-items: center;
-  color: var(--text-neutral-secondary);
+  color: var(--text-neutral-primary) !important;
   cursor: pointer;
   display: flex;
   font-family: var(--body-sm-family);
@@ -8680,10 +8690,10 @@
   opacity: 1;
   transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
 }
-._chartLegendItemInactive_z9qmq_143 {
+._chartLegendItemInactive_ksry0_155 {
   opacity: var(--opacity-muted);
 }
-._chartLegendIndicator_z9qmq_147 {
+._chartLegendIndicator_ksry0_159 {
   block-size: var(--dimensions-8);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-8);
@@ -9776,7 +9786,7 @@
 ._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 {
+._paginationRoot_lndl7_1 {
   align-items: center;
   box-sizing: border-box;
   display: flex;
@@ -9786,7 +9796,18 @@
   padding: 0 var(--space-sm);
   position: relative;
 }
-._paginationItemRange_1q1iy_12 {
+._paginationRootCompact_lndl7_12 {
+  display: grid;
+  gap: var(--space-sm);
+  grid-template-columns: auto minmax(0, 1fr) auto;
+}
+._paginationRootStacked_lndl7_18 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+  padding-block: var(--space-sm);
+}
+._paginationItemRange_lndl7_25 {
   align-items: baseline;
   color: var(--text-neutral-secondary);
   display: flex;
@@ -9796,11 +9817,11 @@
   gap: var(--space-2xs);
   line-height: var(--body-md-line-height);
 }
-._paginationItemRangeText_1q1iy_23 {
+._paginationItemRangeText_lndl7_36 {
   color: var(--text-neutral-primary);
   font-weight: 700;
 }
-._paginationNav_1q1iy_28 {
+._paginationNav_lndl7_41 {
   align-items: center;
   display: flex;
   gap: var(--space-sm);
@@ -9808,12 +9829,36 @@
   position: absolute;
   transform: translate(-50%);
 }
-._paginationNumbers_1q1iy_37 {
+._paginationRootCompact_lndl7_12 ._paginationNav_lndl7_41 {
+  inset-inline-start: auto;
+  justify-content: center;
+  min-inline-size: 0;
+  position: static;
+  transform: none;
+}
+._paginationMetaRow_lndl7_58 {
+  align-items: center;
+  display: flex;
+  gap: var(--space-lg);
+  inline-size: 100%;
+  justify-content: space-between;
+}
+._paginationNavRow_lndl7_66 {
+  display: flex;
+  inline-size: 100%;
+  justify-content: center;
+}
+._paginationNavRow_lndl7_66 ._paginationNav_lndl7_41 {
+  inset-inline-start: auto;
+  position: static;
+  transform: none;
+}
+._paginationNumbers_lndl7_78 {
   align-items: center;
   display: flex;
   gap: var(--space-2xs);
 }
-._paginationButton_1q1iy_44 {
+._paginationButton_lndl7_85 {
   align-items: center;
   background-color: transparent;
   block-size: var(--dimensions-44);
@@ -9834,7 +9879,7 @@
   padding: 0 var(--space-2xs);
   position: relative;
 }
-._paginationButton_1q1iy_44:after {
+._paginationButton_lndl7_85:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -9843,23 +9888,23 @@
   transition: background-color var(--motion-duration-normal) ease-out;
   z-index: var(--z-local-below);
 }
-._paginationButton_1q1iy_44:hover:not(:disabled):after {
+._paginationButton_lndl7_85:hover:not(:disabled):after {
   background-color: var(--surface-state-hover);
 }
-._paginationButton_1q1iy_44:active:not(:disabled):after {
+._paginationButton_lndl7_85:active:not(:disabled):after {
   background-color: var(--surface-state-press);
 }
-._paginationButtonActive_1q1iy_88 {
+._paginationButtonActive_lndl7_129 {
   background-color: var(--surface-neutral-primary-inverse);
   color: var(--text-neutral-primary-inverse);
 }
-._paginationButtonActive_1q1iy_88:hover:not(:disabled):after {
+._paginationButtonActive_lndl7_129:hover:not(:disabled):after {
   background-color: var(--surface-state-inverse-hover);
 }
-._paginationButtonActive_1q1iy_88:active:not(:disabled):after {
+._paginationButtonActive_lndl7_129:active:not(:disabled):after {
   background-color: var(--surface-state-inverse-press);
 }
-._paginationEllipsis_1q1iy_103 {
+._paginationEllipsis_lndl7_144 {
   align-items: center;
   block-size: var(--dimensions-44);
   color: var(--foreground-neutral-secondary);
@@ -9871,12 +9916,13 @@
   -webkit-user-select: none;
   user-select: none;
 }
-._paginationItemsPerPage_1q1iy_116 {
+._paginationItemsPerPage_lndl7_157 {
   align-items: center;
   display: flex;
   gap: var(--space-sm);
+  justify-self: end;
 }
-._paginationItemsPerPageLabel_1q1iy_122 {
+._paginationItemsPerPageLabel_lndl7_164 {
   color: var(--text-neutral-secondary);
   font-family: var(--body-md-family);
   font-size: var(--body-md-size);
@@ -9884,9 +9930,15 @@
   line-height: var(--body-md-line-height);
   white-space: nowrap;
 }
-._paginationItemsPerPageDropdown_1q1iy_131 {
+._paginationItemsPerPageDropdown_lndl7_173 {
   inline-size: var(--dimensions-80);
 }
+._paginationRootCompact_lndl7_12 ._paginationItemsPerPage_lndl7_157 {
+  gap: var(--space-none);
+}
+._paginationRootCompact_lndl7_12 ._paginationItemsPerPageDropdown_lndl7_173 {
+  inline-size: var(--dimensions-72);
+}
 @keyframes _slide-from-bottom_pnr8r_1 {
   0% {
     transform: translateY(100%);
@@ -10191,13 +10243,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._toolbarRoot_9szlm_1 {
+._toolbarRoot_1ns6f_1 {
   background-color: transparent;
   border-block-start: var(--border-sm) solid transparent;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  gap: var(--space-sm);
+  gap: var(--space-2xs);
   inline-size: 100%;
   inset-block-end: 0;
   inset-inline: 0;
@@ -10210,24 +10262,24 @@
     border-color var(--motion-duration-normal) var(--motion-ease-in-out);
   z-index: var(--z-index-sticky);
 }
-._toolbarFixed_9szlm_30 {
+._toolbarFixed_1ns6f_30 {
   position: fixed;
 }
-._toolbarElevated_9szlm_35 {
+._toolbarElevated_1ns6f_35 {
   background-color: var(--surface-neutral-elevator);
   border-block-start-color: var(--border-neutral-tertiary);
   box-shadow: var(--up-sm-ambient-x) var(--up-sm-ambient-y) var(--up-sm-ambient-blur) var(--up-sm-ambient-spread) var(--up-sm-ambient-color), var(--up-sm-cast-x) var(--up-sm-cast-y) var(--up-sm-cast-blur) 0 var(--up-sm-cast-color);
 }
-._toolbarResponsive_9szlm_46 {
+._toolbarResponsive_1ns6f_46 {
   max-inline-size: 360px;
 }
 @media (min-width: 600px) {
-  ._toolbarResponsive_9szlm_46 {
+  ._toolbarResponsive_1ns6f_46 {
     max-inline-size: 600px;
   }
 }
 @media (min-width: 900px) {
-  ._toolbarResponsive_9szlm_46 {
+  ._toolbarResponsive_1ns6f_46 {
     max-inline-size: 900px;
   }
 }
@@ -14119,7 +14171,7 @@
 ._paginationDotItemActive_1k4k3_20:hover {
   background-color: var(--foreground-neutral-primary);
 }
-._paymentCard_1jqyl_5 {
+._paymentCard_r8yu9_5 {
   aspect-ratio: 1.586;
   border-radius: var(--radius-xs);
   box-shadow:
@@ -14141,11 +14193,11 @@
   -webkit-user-select: none;
   user-select: none;
 }
-._paymentCard_1jqyl_5:hover {
+._paymentCard_r8yu9_5:hover {
   box-shadow: 0 10px 15px -3px #00000026, 0 4px 6px -2px #0000001a;
   transform: translateY(-2px);
 }
-._paymentCard_1jqyl_5:before {
+._paymentCard_r8yu9_5:before {
   background:
     linear-gradient(
       to right,
@@ -14161,7 +14213,7 @@
   position: absolute;
   transform: rotate(30deg);
 }
-._chip_1jqyl_66 {
+._chip_r8yu9_66 {
   background:
     linear-gradient(
       135deg,
@@ -14175,7 +14227,7 @@
   overflow: hidden;
   position: relative;
 }
-._chip_1jqyl_66:after {
+._chip_r8yu9_66:after {
   background-image:
     linear-gradient(
       to bottom,
@@ -14201,21 +14253,21 @@
   inset-inline: 0;
   position: absolute;
 }
-._variant-default_1jqyl_96 {
+._variant-default_r8yu9_96 {
   background:
     linear-gradient(
       135deg,
       #1e293b,
       #0f172a);
 }
-._variant-blue_1jqyl_103 {
+._variant-blue_r8yu9_103 {
   background:
     linear-gradient(
       135deg,
       #2563eb,
       #1e40af);
 }
-._variant-gold_1jqyl_110 {
+._variant-gold_r8yu9_110 {
   background:
     linear-gradient(
       135deg,
@@ -14233,10 +14285,10 @@
       #0000 60%);
   color: #4a3b18;
 }
-._variant-gold_1jqyl_110 ._chip_1jqyl_66 {
+._variant-gold_r8yu9_110 ._chip_r8yu9_66 {
   border-color: #8a7337;
 }
-._variant-platinum_1jqyl_132 {
+._variant-platinum_r8yu9_132 {
   background:
     linear-gradient(
       135deg,
@@ -14259,16 +14311,28 @@
   background-size: 100% 100%, 10px 10px;
   color: #1e293b;
 }
-._variant-black_1jqyl_146 {
-  background: #000;
-  background-image:
+._variant-black_r8yu9_146 {
+  background:
+    radial-gradient(
+      circle at top right,
+      rgb(212 175 55 / .18),
+      transparent 34%),
     radial-gradient(
-      circle at 100% 0%,
-      #333,
-      #000 70%);
-  border: 1px solid #333;
+      circle at bottom left,
+      rgb(255 255 255 / .06),
+      transparent 28%),
+    linear-gradient(
+      145deg,
+      #0f0f10,
+      #050505 52%,
+      #151515);
+  border: 1px solid rgb(255 255 255 / .12);
+  box-shadow:
+    0 16px 32px #0000003d,
+    inset 0 1px #ffffff1a,
+    inset 0 -1px #ffffff0a;
 }
-._variant-gradient-1_1jqyl_157 {
+._variant-gradient-1_r8yu9_165 {
   background:
     linear-gradient(
       135deg,
@@ -14276,26 +14340,26 @@
       #ec4899,
       #f43f5e);
 }
-._variant-gradient-2_1jqyl_162 {
+._variant-gradient-2_r8yu9_170 {
   background:
     linear-gradient(
       135deg,
       #3b82f6,
       #10b981);
 }
-._variant-gradient-3_1jqyl_167 {
+._variant-gradient-3_r8yu9_175 {
   background:
     linear-gradient(
       135deg,
       #f59e0b,
       #ef4444);
 }
-._topRow_1jqyl_174 {
+._topRow_r8yu9_182 {
   align-items: flex-start;
   display: flex;
   justify-content: space-between;
 }
-._bankName_1jqyl_180 {
+._bankName_r8yu9_188 {
   font-family: var(--font-family-body);
   font-size: var(--body-md-size);
   font-weight: 700;
@@ -14303,7 +14367,7 @@
   opacity: .9;
   text-transform: uppercase;
 }
-._cardType_1jqyl_195 {
+._cardType_r8yu9_203 {
   font-family: var(--font-family-body);
   font-size: 10px;
   letter-spacing: 1px;
@@ -14311,16 +14375,16 @@
   opacity: .7;
   text-transform: uppercase;
 }
-._chipContainer_1jqyl_210 {
+._chipContainer_r8yu9_218 {
   align-items: center;
   display: flex;
   gap: var(--space-2xs);
   margin-block-start: var(--space-md);
 }
-._contactless_1jqyl_217 {
+._contactless_r8yu9_225 {
   opacity: .8;
 }
-._cardNumber_1jqyl_222 {
+._cardNumber_r8yu9_230 {
   font-family:
     Courier New,
     Courier,
@@ -14332,25 +14396,25 @@
   text-shadow: 0 1px 2px rgb(0 0 0 / .4);
   word-spacing: 4px;
 }
-._bottomRow_1jqyl_240 {
+._bottomRow_r8yu9_248 {
   align-items: flex-end;
   display: flex;
   justify-content: space-between;
   margin-block-start: var(--space-sm);
 }
-._cardInfo_1jqyl_247 {
+._cardInfo_r8yu9_255 {
   display: flex;
   flex-direction: column;
   gap: var(--space-4xs);
 }
-._cardLabel_1jqyl_253 {
+._cardLabel_r8yu9_261 {
   font-family: var(--font-family-body);
   font-size: 8px;
   letter-spacing: .5px;
   opacity: .7;
   text-transform: uppercase;
 }
-._cardHolderName_1jqyl_267 {
+._cardHolderName_r8yu9_275 {
   font-family: var(--font-family-body);
   font-size: var(--body-sm-size);
   font-weight: 500;
@@ -14358,7 +14422,7 @@
   text-shadow: 0 1px 1px rgb(0 0 0 / .3);
   text-transform: uppercase;
 }
-._expiryDate_1jqyl_280 {
+._expiryDate_r8yu9_288 {
   font-family:
     Courier New,
     Courier,
@@ -14366,42 +14430,42 @@
   font-size: var(--body-sm-size);
   font-weight: 600;
 }
-._networkLogo_1jqyl_289 {
+._networkLogo_r8yu9_297 {
   align-items: center;
   block-size: var(--dimensions-32);
   display: flex;
   justify-content: center;
 }
-._mastercardCircles_1jqyl_300 {
+._mastercardCircles_r8yu9_308 {
   block-size: var(--dimensions-32);
   display: flex;
   inline-size: var(--dimensions-48);
   position: relative;
 }
-._mastercardCircle_1jqyl_300 {
+._mastercardCircle_r8yu9_308 {
   block-size: var(--dimensions-32);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-32);
   inset-block-start: 0;
   position: absolute;
 }
-._mastercardRed_1jqyl_315 {
+._mastercardRed_r8yu9_323 {
   background-color: #eb001b;
   inset-inline-start: 0;
   z-index: var(--z-local-below);
 }
-._mastercardOrange_1jqyl_322 {
+._mastercardOrange_r8yu9_330 {
   background-color: #ff5f00;
   inset-inline-start: 14px;
   mix-blend-mode: hard-light;
   opacity: .8;
   z-index: var(--z-local-above);
 }
-._mastercardYellow_1jqyl_334 {
+._mastercardYellow_r8yu9_342 {
   background-color: #f79e1b;
   display: none;
 }
-._visaText_1jqyl_345 {
+._visaText_r8yu9_353 {
   color: #fff;
   font-family:
     Myriad Pro,
@@ -14415,7 +14479,7 @@
   letter-spacing: -1px;
   text-transform: uppercase;
 }
-._amexBox_1jqyl_364 {
+._amexBox_r8yu9_372 {
   align-items: center;
   background-color: #2e77bc;
   border: 1px solid white;
@@ -14430,7 +14494,7 @@
   padding: 4px 6px;
   text-transform: uppercase;
 }
-._promptFieldRoot_1vtfb_6 {
+._promptFieldRoot_t3bgi_6 {
   background-color: var(--surface-neutral-primary);
   border: var(--border-sm) solid var(--border-neutral-tertiary);
   border-radius: 16px;
@@ -14444,39 +14508,39 @@
   position: relative;
   transition: all var(--motion-duration-normal) var(--motion-ease-standard);
 }
-._promptFieldRoot_1vtfb_6:hover:not(._promptFieldDisabled_1vtfb_26, ._promptFieldError_1vtfb_26) {
+._promptFieldRoot_t3bgi_6:hover:not(._promptFieldDisabled_t3bgi_26, ._promptFieldError_t3bgi_26) {
   background-color: var(--surface-state-hover);
   border-color: var(--border-state-hover);
 }
-._promptFieldRoot_1vtfb_6:focus-within:not(._promptFieldError_1vtfb_26) {
+._promptFieldRoot_t3bgi_6:focus-within:not(._promptFieldError_t3bgi_26) {
   background-color: transparent;
   border-color: var(--border-state-focus);
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-focus);
 }
-._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26 {
+._promptFieldRoot_t3bgi_6._promptFieldError_t3bgi_26 {
   background-color: var(--surface-accent-red-subtle);
   border-color: var(--border-state-error);
 }
-._promptFieldRoot_1vtfb_6._promptFieldError_1vtfb_26:focus-within {
+._promptFieldRoot_t3bgi_6._promptFieldError_t3bgi_26:focus-within {
   box-shadow: inset 0 0 0 var(--border-sm) var(--border-state-error);
 }
-._promptFieldRoot_1vtfb_6._promptFieldDisabled_1vtfb_26 {
+._promptFieldRoot_t3bgi_6._promptFieldDisabled_t3bgi_26 {
   background-color: var(--surface-neutral-on-surface);
   cursor: not-allowed;
   opacity: var(--opacity-disabled);
 }
-._promptFieldInputArea_1vtfb_62 {
+._promptFieldInputArea_t3bgi_62 {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: var(--space-2xs);
 }
-._promptFieldAttachmentList_1vtfb_70 {
+._promptFieldAttachmentList_t3bgi_70 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-2xs);
 }
-._promptFieldTextarea_1vtfb_78 {
+._promptFieldTextarea_t3bgi_78 {
   background: transparent;
   border: none;
   caret-color: var(--text-neutral-primary);
@@ -14491,41 +14555,43 @@
   padding: var(--space-2xs);
   resize: none;
 }
-._promptFieldTextarea_1vtfb_78::placeholder {
+._promptFieldTextarea_t3bgi_78::placeholder {
   color: var(--text-neutral-secondary);
 }
-._promptFieldTextarea_1vtfb_78:disabled {
+._promptFieldTextarea_t3bgi_78:disabled {
   cursor: not-allowed;
 }
-._promptFieldTextarea_1vtfb_78::selection {
+._promptFieldTextarea_t3bgi_78::selection {
   background-color: var(--surface-state-press);
   color: var(--text-neutral-primary);
 }
-._promptFieldFooter_1vtfb_114 {
+._promptFieldFooter_t3bgi_114 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 8px;
   justify-content: space-between;
 }
-._promptFieldLeftActions_1vtfb_123,
-._promptFieldRightActions_1vtfb_130 {
+._promptFieldLeftActions_t3bgi_123,
+._promptFieldRightActions_t3bgi_130 {
   align-items: center;
   display: flex;
   gap: 8px;
 }
-._promptFieldSelectorButton_1vtfb_140 {
+._promptFieldSelectorButton_t3bgi_140 {
   background-color: var(--surface-neutral-on-surface) !important;
   border: none;
   color: var(--text-neutral-primary);
+  flex-shrink: 0;
+  overflow: visible !important;
 }
-._promptFieldSelectorSlot_1vtfb_147 {
+._promptFieldSelectorSlot_t3bgi_149 {
   display: contents;
 }
-._promptFieldIconButton_1vtfb_151 {
+._promptFieldIconButton_t3bgi_153 {
   background-color: transparent !important;
 }
-._promptFieldRecordingStatus_1vtfb_158 {
+._promptFieldRecordingStatus_t3bgi_160 {
   color: var(--text-neutral-primary);
   font-family: var(--body-lg-family);
   font-size: var(--body-lg-size);
@@ -14533,7 +14599,7 @@
   line-height: var(--body-lg-line-height);
   padding: var(--space-2xs);
 }
-._promptFieldWaveform_1vtfb_167 {
+._promptFieldWaveform_t3bgi_169 {
   align-items: center;
   block-size: 24px;
   display: flex;
@@ -14542,14 +14608,14 @@
   justify-content: flex-end;
   overflow: hidden;
 }
-._promptFieldWaveBar_1vtfb_181 {
-  animation: _wave_1vtfb_1 1s ease-in-out infinite;
+._promptFieldWaveBar_t3bgi_183 {
+  animation: _wave_t3bgi_1 1s ease-in-out infinite;
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
   inline-size: 4px;
 }
-._promptFieldWaveBarInactive_1vtfb_191 {
+._promptFieldWaveBarInactive_t3bgi_193 {
   background-color: var(--foreground-neutral-primary);
   block-size: 12px;
   border-radius: 2px;
@@ -14557,7 +14623,7 @@
   inline-size: 4px;
   opacity: .1;
 }
-._promptFieldWaveBarLive_1vtfb_204 {
+._promptFieldWaveBarLive_t3bgi_206 {
   background-color: var(--foreground-neutral-primary);
   border-radius: 2px;
   flex-shrink: 0;
@@ -14565,24 +14631,24 @@
   min-block-size: 4px;
   transition: block-size .05s ease-out;
 }
-._promptFieldWaveBar_1vtfb_181:nth-child(2n) {
+._promptFieldWaveBar_t3bgi_183:nth-child(2n) {
   animation-duration: 1.1s;
   block-size: 60%;
 }
-._promptFieldWaveBar_1vtfb_181:nth-child(3n) {
+._promptFieldWaveBar_t3bgi_183:nth-child(3n) {
   animation-duration: 1.3s;
   block-size: 40%;
 }
-._promptFieldWaveBar_1vtfb_181:nth-child(4n) {
+._promptFieldWaveBar_t3bgi_183:nth-child(4n) {
   animation-duration: .9s;
   block-size: 80%;
 }
-._promptFieldTimer_1vtfb_235 {
+._promptFieldTimer_t3bgi_237 {
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
   font-weight: 500;
 }
-@keyframes _wave_1vtfb_1 {
+@keyframes _wave_t3bgi_1 {
   0%, to {
     block-size: 20%;
   }