@photonix/basic 1.9.0 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +199 -175
  2. package/dist/index.js +3740 -3719
  3. package/dist/index.mjs +3753 -3732
  4. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -9246,7 +9246,7 @@
9246
9246
  ._contextMenuTrigger_ithfz_15 {
9247
9247
  display: inline-block;
9248
9248
  }
9249
- ._dataTableRoot_yutyc_4 {
9249
+ ._dataTableRoot_dflxv_4 {
9250
9250
  background-color: var(--surface-neutral-primary);
9251
9251
  border: var(--border-sm) solid var(--border-neutral-tertiary);
9252
9252
  border-radius: var(--radius-xs);
@@ -9256,17 +9256,20 @@
9256
9256
  isolation: isolate;
9257
9257
  position: relative;
9258
9258
  }
9259
- ._dataTableFlush_yutyc_15 {
9259
+ ._dataTableFlush_dflxv_15 {
9260
9260
  border: none;
9261
9261
  border-radius: 0;
9262
9262
  }
9263
- ._dataTableContainer_yutyc_24 {
9263
+ ._dataTableContainer_dflxv_24 {
9264
9264
  border-radius: inherit;
9265
9265
  inline-size: 100%;
9266
9266
  overflow: hidden;
9267
9267
  position: relative;
9268
9268
  }
9269
- ._dataTableScrollGradient_yutyc_34 {
9269
+ ._dataTableRoot_dflxv_4 ._dataTableContainer_dflxv_24 {
9270
+ isolation: auto;
9271
+ }
9272
+ ._dataTableScrollGradient_dflxv_38 {
9270
9273
  inline-size: var(--dimensions-64);
9271
9274
  inset-block-start: 0;
9272
9275
  opacity: 0;
@@ -9275,7 +9278,7 @@
9275
9278
  transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
9276
9279
  z-index: var(--z-local-top);
9277
9280
  }
9278
- ._dataTableScrollGradientLeft_yutyc_45 {
9281
+ ._dataTableScrollGradientLeft_dflxv_49 {
9279
9282
  background:
9280
9283
  linear-gradient(
9281
9284
  to right,
@@ -9285,7 +9288,7 @@
9285
9288
  inset-block-end: 0;
9286
9289
  inset-inline-start: 0;
9287
9290
  }
9288
- ._dataTableScrollGradientRight_yutyc_56 {
9291
+ ._dataTableScrollGradientRight_dflxv_60 {
9289
9292
  background:
9290
9293
  linear-gradient(
9291
9294
  to left,
@@ -9295,10 +9298,10 @@
9295
9298
  inset-block-end: 0;
9296
9299
  inset-inline-end: 0;
9297
9300
  }
9298
- ._dataTableScrollGradientVisible_yutyc_67 {
9301
+ ._dataTableScrollGradientVisible_dflxv_71 {
9299
9302
  opacity: 1;
9300
9303
  }
9301
- ._dataTableTable_yutyc_74 {
9304
+ ._dataTableTable_dflxv_78 {
9302
9305
  border-collapse: separate;
9303
9306
  border-radius: inherit;
9304
9307
  border-spacing: 0;
@@ -9306,19 +9309,19 @@
9306
9309
  inline-size: 100%;
9307
9310
  table-layout: fixed;
9308
9311
  }
9309
- ._dataTableHead_yutyc_88 {
9312
+ ._dataTableHead_dflxv_92 {
9310
9313
  background-color: var(--surface-neutral-secondary);
9311
9314
  }
9312
- ._dataTableHeadSticky_yutyc_92 {
9315
+ ._dataTableHeadSticky_dflxv_96 {
9313
9316
  inset-block-start: 0;
9314
9317
  position: sticky;
9315
9318
  z-index: var(--z-local-above);
9316
9319
  }
9317
- ._dataTableTh_yutyc_98 {
9320
+ ._dataTableTh_dflxv_102 {
9318
9321
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
9319
9322
  box-sizing: border-box;
9320
9323
  }
9321
- ._dataTableHeadCell_yutyc_103 {
9324
+ ._dataTableHeadCell_dflxv_107 {
9322
9325
  background-color: var(--surface-neutral-secondary);
9323
9326
  block-size: var(--dimensions-48);
9324
9327
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9336,23 +9339,23 @@
9336
9339
  user-select: none;
9337
9340
  white-space: nowrap;
9338
9341
  }
9339
- ._dataTableThSortable_yutyc_121 {
9342
+ ._dataTableThSortable_dflxv_125 {
9340
9343
  cursor: pointer;
9341
9344
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
9342
9345
  }
9343
- ._dataTableThSortable_yutyc_121:hover {
9346
+ ._dataTableThSortable_dflxv_125:hover {
9344
9347
  background-color: var(--surface-neutral-tertiary);
9345
9348
  }
9346
- ._dataTableThSticky_yutyc_130 {
9349
+ ._dataTableThSticky_dflxv_134 {
9347
9350
  background-color: var(--surface-neutral-secondary);
9348
9351
  box-shadow: 1px 0 0 var(--surface-neutral-secondary);
9349
9352
  position: sticky;
9350
9353
  z-index: var(--z-local-above);
9351
9354
  }
9352
- ._dataTableThStickyLast_yutyc_140 {
9355
+ ._dataTableThStickyLast_dflxv_144 {
9353
9356
  box-shadow: none;
9354
9357
  }
9355
- ._dataTableThCheckbox_yutyc_146 {
9358
+ ._dataTableThCheckbox_dflxv_150 {
9356
9359
  box-sizing: border-box;
9357
9360
  inline-size: var(--dimensions-48);
9358
9361
  max-inline-size: var(--dimensions-48);
@@ -9360,45 +9363,45 @@
9360
9363
  padding: var(--space-xs) var(--space-sm);
9361
9364
  text-align: center;
9362
9365
  }
9363
- ._dataTableThContent_yutyc_155 {
9366
+ ._dataTableThContent_dflxv_159 {
9364
9367
  align-items: center;
9365
9368
  display: flex;
9366
9369
  gap: var(--space-xs);
9367
9370
  }
9368
- ._dataTableThTitle_yutyc_161 {
9371
+ ._dataTableThTitle_dflxv_165 {
9369
9372
  flex: 1;
9370
9373
  overflow: hidden;
9371
9374
  text-overflow: ellipsis;
9372
9375
  }
9373
- ._dataTableThAlignCenter_yutyc_167 {
9376
+ ._dataTableThAlignCenter_dflxv_171 {
9374
9377
  text-align: center;
9375
9378
  }
9376
- ._dataTableThAlignCenter_yutyc_167 ._dataTableThContent_yutyc_155 {
9379
+ ._dataTableThAlignCenter_dflxv_171 ._dataTableThContent_dflxv_159 {
9377
9380
  justify-content: center;
9378
9381
  }
9379
- ._dataTableThAlignRight_yutyc_175 {
9382
+ ._dataTableThAlignRight_dflxv_179 {
9380
9383
  text-align: end;
9381
9384
  }
9382
- ._dataTableThAlignRight_yutyc_175 ._dataTableThContent_yutyc_155 {
9385
+ ._dataTableThAlignRight_dflxv_179 ._dataTableThContent_dflxv_159 {
9383
9386
  justify-content: flex-end;
9384
9387
  }
9385
- ._dataTableSortIcon_yutyc_186 {
9388
+ ._dataTableSortIcon_dflxv_190 {
9386
9389
  align-items: center;
9387
9390
  display: flex;
9388
9391
  flex-direction: column;
9389
9392
  flex-shrink: 0;
9390
9393
  gap: 0;
9391
9394
  }
9392
- ._dataTableSortIconArrow_yutyc_194 {
9395
+ ._dataTableSortIconArrow_dflxv_198 {
9393
9396
  color: var(--foreground-neutral-secondary);
9394
9397
  opacity: .38;
9395
9398
  transition: all var(--motion-duration-fast) var(--motion-ease-in-out);
9396
9399
  }
9397
- ._dataTableSortIconActive_yutyc_200 {
9400
+ ._dataTableSortIconActive_dflxv_204 {
9398
9401
  color: var(--foreground-neutral-primary);
9399
9402
  opacity: 1;
9400
9403
  }
9401
- ._dataTableResizer_yutyc_208 {
9404
+ ._dataTableResizer_dflxv_212 {
9402
9405
  align-items: center;
9403
9406
  block-size: 100%;
9404
9407
  cursor: col-resize;
@@ -9411,7 +9414,7 @@
9411
9414
  touch-action: none;
9412
9415
  z-index: var(--z-local-top);
9413
9416
  }
9414
- ._dataTableResizer_yutyc_208:after {
9417
+ ._dataTableResizer_dflxv_212:after {
9415
9418
  background-color: var(--border-neutral-tertiary);
9416
9419
  block-size: 60%;
9417
9420
  content: "";
@@ -9421,34 +9424,34 @@
9421
9424
  transform: translate(-50%);
9422
9425
  transition: all var(--motion-duration-fast);
9423
9426
  }
9424
- ._dataTableResizer_yutyc_208:hover:after,
9425
- ._dataTableResizerActive_yutyc_237:after {
9427
+ ._dataTableResizer_dflxv_212:hover:after,
9428
+ ._dataTableResizerActive_dflxv_241:after {
9426
9429
  background-color: var(--foreground-brand-primary);
9427
9430
  inline-size: 2px;
9428
9431
  }
9429
- ._dataTableHead_yutyc_88 tr > th:last-child ._dataTableResizer_yutyc_208 {
9432
+ ._dataTableHead_dflxv_92 tr > th:last-child ._dataTableResizer_dflxv_212 {
9430
9433
  display: none;
9431
9434
  }
9432
- ._dataTableBody_yutyc_251 {
9435
+ ._dataTableBody_dflxv_255 {
9433
9436
  background-color: var(--surface-neutral-primary);
9434
9437
  }
9435
- ._dataTableRow_yutyc_255 {
9438
+ ._dataTableRow_dflxv_259 {
9436
9439
  --row-surface-internal: var(--surface-neutral-primary);
9437
9440
  background-color: var(--row-surface-internal);
9438
9441
  block-size: var(--dimensions-48);
9439
9442
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), box-shadow var(--motion-duration-fast) var(--motion-ease-in-out);
9440
9443
  }
9441
- ._dataTableTd_yutyc_264 {
9444
+ ._dataTableTd_dflxv_268 {
9442
9445
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
9443
9446
  box-sizing: border-box;
9444
9447
  }
9445
- ._dataTableRowHoverable_yutyc_272:hover {
9448
+ ._dataTableRowHoverable_dflxv_276:hover {
9446
9449
  --row-surface-internal: var(--surface-neutral-primary);
9447
9450
  box-shadow: var(--shadow-md);
9448
9451
  position: relative;
9449
9452
  z-index: var(--z-local-top);
9450
9453
  }
9451
- ._dataTableBodyCell_yutyc_281 {
9454
+ ._dataTableBodyCell_dflxv_285 {
9452
9455
  background-color: inherit;
9453
9456
  block-size: var(--dimensions-48);
9454
9457
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9460,10 +9463,10 @@
9460
9463
  padding: var(--space-xs) var(--space-md);
9461
9464
  vertical-align: middle;
9462
9465
  }
9463
- ._dataTableRowClickable_yutyc_294 {
9466
+ ._dataTableRowClickable_dflxv_298 {
9464
9467
  cursor: pointer;
9465
9468
  }
9466
- ._dataTableTdContent_yutyc_298 {
9469
+ ._dataTableTdContent_dflxv_302 {
9467
9470
  align-items: center;
9468
9471
  -webkit-box-orient: block-axis;
9469
9472
  display: -webkit-box;
@@ -9472,28 +9475,28 @@
9472
9475
  overflow: hidden;
9473
9476
  white-space: normal;
9474
9477
  }
9475
- ._dataTableTdSticky_yutyc_308 {
9478
+ ._dataTableTdSticky_dflxv_312 {
9476
9479
  background-color: inherit;
9477
9480
  box-shadow: 1px 0 0 0 var(--row-surface-internal);
9478
9481
  position: sticky;
9479
9482
  z-index: var(--z-local-content);
9480
9483
  }
9481
- ._dataTableTdStickyLast_yutyc_318 {
9484
+ ._dataTableTdStickyLast_dflxv_322 {
9482
9485
  box-shadow: none;
9483
9486
  }
9484
- ._dataTableScrolled_yutyc_323 ._dataTableTdSticky_yutyc_308 {
9487
+ ._dataTableScrolled_dflxv_327 ._dataTableTdSticky_dflxv_312 {
9485
9488
  --row-surface-internal: var(--surface-neutral-elevator);
9486
9489
  background-color: var(--row-surface-internal);
9487
9490
  }
9488
- ._dataTableRowSelected_yutyc_328 ._dataTableTdSticky_yutyc_308 {
9491
+ ._dataTableRowSelected_dflxv_332 ._dataTableTdSticky_dflxv_312 {
9489
9492
  background-color: inherit;
9490
9493
  }
9491
- ._dataTableRowHoverable_yutyc_272:hover ._dataTableTdSticky_yutyc_308 {
9494
+ ._dataTableRowHoverable_dflxv_276:hover ._dataTableTdSticky_dflxv_312 {
9492
9495
  background-color: inherit;
9493
9496
  z-index: var(--z-local-top);
9494
9497
  }
9495
- ._dataTableScrolled_yutyc_323 ._dataTableThStickyLast_yutyc_140:after,
9496
- ._dataTableScrolled_yutyc_323 ._dataTableTdStickyLast_yutyc_318:after {
9498
+ ._dataTableScrolled_dflxv_327 ._dataTableThStickyLast_dflxv_144:after,
9499
+ ._dataTableScrolled_dflxv_327 ._dataTableTdStickyLast_dflxv_322:after {
9497
9500
  background:
9498
9501
  linear-gradient(
9499
9502
  to right,
@@ -9507,7 +9510,7 @@
9507
9510
  position: absolute;
9508
9511
  z-index: var(--z-local-top);
9509
9512
  }
9510
- ._dataTableTdCheckbox_yutyc_351 {
9513
+ ._dataTableTdCheckbox_dflxv_355 {
9511
9514
  box-sizing: border-box;
9512
9515
  inline-size: var(--dimensions-48);
9513
9516
  max-inline-size: var(--dimensions-48);
@@ -9515,73 +9518,73 @@
9515
9518
  padding: var(--space-xs) var(--space-sm);
9516
9519
  text-align: center;
9517
9520
  }
9518
- ._dataTableTdAlignCenter_yutyc_360 {
9521
+ ._dataTableTdAlignCenter_dflxv_364 {
9519
9522
  text-align: center;
9520
9523
  }
9521
- ._dataTableTdAlignRight_yutyc_364 {
9524
+ ._dataTableTdAlignRight_dflxv_368 {
9522
9525
  text-align: end;
9523
9526
  }
9524
- ._dataTableTdWithAvatar_yutyc_369 {
9527
+ ._dataTableTdWithAvatar_dflxv_373 {
9525
9528
  padding-block: var(--space-2xs);
9526
9529
  }
9527
- ._dataTableSmall_yutyc_376 ._dataTableHeadCell_yutyc_103,
9528
- ._dataTableSmall_yutyc_376 ._dataTableBodyCell_yutyc_281 {
9530
+ ._dataTableSmall_dflxv_380 ._dataTableHeadCell_dflxv_107,
9531
+ ._dataTableSmall_dflxv_380 ._dataTableBodyCell_dflxv_285 {
9529
9532
  block-size: var(--dimensions-40);
9530
9533
  padding: 0 var(--space-sm);
9531
9534
  }
9532
- ._dataTableSmall_yutyc_376 ._dataTableRow_yutyc_255 {
9535
+ ._dataTableSmall_dflxv_380 ._dataTableRow_dflxv_259 {
9533
9536
  block-size: var(--dimensions-40);
9534
9537
  }
9535
- ._dataTableMedium_yutyc_386 ._dataTableHeadCell_yutyc_103,
9536
- ._dataTableMedium_yutyc_386 ._dataTableBodyCell_yutyc_281 {
9538
+ ._dataTableMedium_dflxv_390 ._dataTableHeadCell_dflxv_107,
9539
+ ._dataTableMedium_dflxv_390 ._dataTableBodyCell_dflxv_285 {
9537
9540
  block-size: var(--dimensions-48);
9538
9541
  padding: var(--space-4xs) var(--space-sm);
9539
9542
  }
9540
- ._dataTableMedium_yutyc_386 ._dataTableRow_yutyc_255 {
9543
+ ._dataTableMedium_dflxv_390 ._dataTableRow_dflxv_259 {
9541
9544
  block-size: var(--dimensions-48);
9542
9545
  }
9543
- ._dataTableLarge_yutyc_396 ._dataTableHeadCell_yutyc_103,
9544
- ._dataTableLarge_yutyc_396 ._dataTableBodyCell_yutyc_281 {
9546
+ ._dataTableLarge_dflxv_400 ._dataTableHeadCell_dflxv_107,
9547
+ ._dataTableLarge_dflxv_400 ._dataTableBodyCell_dflxv_285 {
9545
9548
  block-size: var(--dimensions-56);
9546
9549
  padding: var(--space-2xs) var(--space-sm);
9547
9550
  }
9548
- ._dataTableLarge_yutyc_396 ._dataTableRow_yutyc_255 {
9551
+ ._dataTableLarge_dflxv_400 ._dataTableRow_dflxv_259 {
9549
9552
  block-size: var(--dimensions-56);
9550
9553
  }
9551
- ._dataTableStriped_yutyc_409 ._dataTableRow_yutyc_255:nth-child(2n) {
9554
+ ._dataTableStriped_dflxv_413 ._dataTableRow_dflxv_259:nth-child(2n) {
9552
9555
  --row-surface-internal: var(--surface-neutral-secondary);
9553
9556
  }
9554
- ._dataTableSmall_yutyc_376 ._dataTableTdWithAvatar_yutyc_369 {
9557
+ ._dataTableSmall_dflxv_380 ._dataTableTdWithAvatar_dflxv_373 {
9555
9558
  padding-block: var(--space-4xs);
9556
9559
  }
9557
- ._dataTableMedium_yutyc_386 ._dataTableTdWithAvatar_yutyc_369 {
9560
+ ._dataTableMedium_dflxv_390 ._dataTableTdWithAvatar_dflxv_373 {
9558
9561
  padding-block: var(--space-2xs);
9559
9562
  }
9560
- ._dataTableLarge_yutyc_396 ._dataTableTdWithAvatar_yutyc_369 {
9563
+ ._dataTableLarge_dflxv_400 ._dataTableTdWithAvatar_dflxv_373 {
9561
9564
  padding-block: var(--space-xs);
9562
9565
  }
9563
- ._dataTableSmall_yutyc_376 ._dataTableThCheckbox_yutyc_146,
9564
- ._dataTableSmall_yutyc_376 ._dataTableTdCheckbox_yutyc_351 {
9566
+ ._dataTableSmall_dflxv_380 ._dataTableThCheckbox_dflxv_150,
9567
+ ._dataTableSmall_dflxv_380 ._dataTableTdCheckbox_dflxv_355 {
9565
9568
  padding: 0 var(--space-4xs);
9566
9569
  }
9567
- ._dataTableMedium_yutyc_386 ._dataTableThCheckbox_yutyc_146,
9568
- ._dataTableMedium_yutyc_386 ._dataTableTdCheckbox_yutyc_351 {
9570
+ ._dataTableMedium_dflxv_390 ._dataTableThCheckbox_dflxv_150,
9571
+ ._dataTableMedium_dflxv_390 ._dataTableTdCheckbox_dflxv_355 {
9569
9572
  padding: var(--space-4xs) var(--space-4xs);
9570
9573
  }
9571
- ._dataTableLarge_yutyc_396 ._dataTableThCheckbox_yutyc_146,
9572
- ._dataTableLarge_yutyc_396 ._dataTableTdCheckbox_yutyc_351 {
9574
+ ._dataTableLarge_dflxv_400 ._dataTableThCheckbox_dflxv_150,
9575
+ ._dataTableLarge_dflxv_400 ._dataTableTdCheckbox_dflxv_355 {
9573
9576
  padding: var(--space-2xs) var(--space-4xs);
9574
9577
  }
9575
- ._dataTableSmall_yutyc_376 ._dataTableTdWithActions_yutyc_443 {
9578
+ ._dataTableSmall_dflxv_380 ._dataTableTdWithActions_dflxv_447 {
9576
9579
  padding: var(--space-5xs) var(--space-4xs);
9577
9580
  }
9578
- ._dataTableMedium_yutyc_386 ._dataTableTdWithActions_yutyc_443 {
9581
+ ._dataTableMedium_dflxv_390 ._dataTableTdWithActions_dflxv_447 {
9579
9582
  padding: var(--space-3xs) var(--space-4xs);
9580
9583
  }
9581
- ._dataTableLarge_yutyc_396 ._dataTableTdWithActions_yutyc_443 {
9584
+ ._dataTableLarge_dflxv_400 ._dataTableTdWithActions_dflxv_447 {
9582
9585
  padding: var(--space-2xs) var(--space-3xs);
9583
9586
  }
9584
- ._dataTableTdWithActions_yutyc_443 ._dataTableTdContent_yutyc_298 {
9587
+ ._dataTableTdWithActions_dflxv_447 ._dataTableTdContent_dflxv_302 {
9585
9588
  align-items: center;
9586
9589
  display: flex;
9587
9590
  inline-size: 100%;
@@ -9591,44 +9594,44 @@
9591
9594
  line-clamp: unset;
9592
9595
  white-space: nowrap;
9593
9596
  }
9594
- ._dataTableTdWithActions_yutyc_443 .phx-flex {
9597
+ ._dataTableTdWithActions_dflxv_447 .phx-flex {
9595
9598
  flex-wrap: nowrap;
9596
9599
  inline-size: max-content;
9597
9600
  margin-inline-start: auto;
9598
9601
  }
9599
- ._dataTableTdDate_yutyc_473 {
9602
+ ._dataTableTdDate_dflxv_477 {
9600
9603
  white-space: nowrap;
9601
9604
  }
9602
- ._dataTableTdId_yutyc_478 {
9605
+ ._dataTableTdId_dflxv_482 {
9603
9606
  font-family: var(--font-family-code);
9604
9607
  white-space: nowrap;
9605
9608
  }
9606
- ._dataTableTdMoney_yutyc_485 {
9609
+ ._dataTableTdMoney_dflxv_489 {
9607
9610
  font-variant-numeric: tabular-nums;
9608
9611
  text-align: end;
9609
9612
  white-space: nowrap;
9610
9613
  }
9611
- ._dataTableTdPhone_yutyc_492,
9612
- ._dataTableTdEmail_yutyc_493,
9613
- ._dataTableTdStatus_yutyc_494,
9614
- ._dataTableTdNowrap_yutyc_495 {
9614
+ ._dataTableTdPhone_dflxv_496,
9615
+ ._dataTableTdEmail_dflxv_497,
9616
+ ._dataTableTdStatus_dflxv_498,
9617
+ ._dataTableTdNowrap_dflxv_499 {
9615
9618
  white-space: nowrap;
9616
9619
  }
9617
- ._dataTableTdStatus_yutyc_494 {
9620
+ ._dataTableTdStatus_dflxv_498 {
9618
9621
  text-transform: capitalize;
9619
9622
  }
9620
- ._dataTableTdId_yutyc_478 ._dataTableTdContent_yutyc_298,
9621
- ._dataTableTdDate_yutyc_473 ._dataTableTdContent_yutyc_298,
9622
- ._dataTableTdMoney_yutyc_485 ._dataTableTdContent_yutyc_298,
9623
- ._dataTableTdPhone_yutyc_492 ._dataTableTdContent_yutyc_298,
9624
- ._dataTableTdEmail_yutyc_493 ._dataTableTdContent_yutyc_298,
9625
- ._dataTableTdStatus_yutyc_494 ._dataTableTdContent_yutyc_298,
9626
- ._dataTableTdNowrap_yutyc_495 ._dataTableTdContent_yutyc_298 {
9623
+ ._dataTableTdId_dflxv_482 ._dataTableTdContent_dflxv_302,
9624
+ ._dataTableTdDate_dflxv_477 ._dataTableTdContent_dflxv_302,
9625
+ ._dataTableTdMoney_dflxv_489 ._dataTableTdContent_dflxv_302,
9626
+ ._dataTableTdPhone_dflxv_496 ._dataTableTdContent_dflxv_302,
9627
+ ._dataTableTdEmail_dflxv_497 ._dataTableTdContent_dflxv_302,
9628
+ ._dataTableTdStatus_dflxv_498 ._dataTableTdContent_dflxv_302,
9629
+ ._dataTableTdNowrap_dflxv_499 ._dataTableTdContent_dflxv_302 {
9627
9630
  -webkit-line-clamp: unset;
9628
9631
  line-clamp: unset;
9629
9632
  white-space: nowrap;
9630
9633
  }
9631
- ._dataTableFloatingActionsCell_yutyc_521 {
9634
+ ._dataTableFloatingActionsCell_dflxv_525 {
9632
9635
  block-size: 100%;
9633
9636
  border: none;
9634
9637
  inline-size: 0;
@@ -9636,9 +9639,9 @@
9636
9639
  overflow: visible;
9637
9640
  padding: 0;
9638
9641
  position: sticky;
9639
- z-index: var(--z-local-above);
9642
+ z-index: var(--z-index-decorator);
9640
9643
  }
9641
- ._dataTableFloatingActions_yutyc_521 {
9644
+ ._dataTableFloatingActions_dflxv_525 {
9642
9645
  align-items: center;
9643
9646
  background-color: var(--row-surface-internal);
9644
9647
  block-size: 100%;
@@ -9654,13 +9657,13 @@
9654
9657
  white-space: nowrap;
9655
9658
  box-shadow: -8px 0 12px -4px var(--color-shadow-4a);
9656
9659
  }
9657
- ._dataTableRowWithActionsActive_yutyc_550:hover ._dataTableFloatingActions_yutyc_521,
9658
- ._dataTableRowWithActionsActive_yutyc_550:focus-within ._dataTableFloatingActions_yutyc_521 {
9660
+ ._dataTableRowWithActionsActive_dflxv_554:hover ._dataTableFloatingActions_dflxv_525,
9661
+ ._dataTableRowWithActionsActive_dflxv_554:focus-within ._dataTableFloatingActions_dflxv_525 {
9659
9662
  opacity: 1;
9660
9663
  pointer-events: auto;
9661
9664
  visibility: visible;
9662
9665
  }
9663
- ._dataTableFloatingActionsGradient_yutyc_557 {
9666
+ ._dataTableFloatingActionsGradient_dflxv_561 {
9664
9667
  background:
9665
9668
  linear-gradient(
9666
9669
  to right,
@@ -9673,7 +9676,7 @@
9673
9676
  inset-inline-end: 100%;
9674
9677
  pointer-events: none;
9675
9678
  }
9676
- ._dataTableFloatingActionsContent_yutyc_567 {
9679
+ ._dataTableFloatingActionsContent_dflxv_571 {
9677
9680
  align-items: center;
9678
9681
  display: flex;
9679
9682
  gap: var(--space-4xs);
@@ -9682,22 +9685,22 @@
9682
9685
  width: max-content;
9683
9686
  z-index: var(--z-local-content);
9684
9687
  }
9685
- ._dataTableFloatingActionsContent_yutyc_567 > * {
9688
+ ._dataTableFloatingActionsContent_dflxv_571 > * {
9686
9689
  flex: 0 0 auto;
9687
9690
  }
9688
- ._dataTableFloatingActionsContent_yutyc_567 .phx-button {
9691
+ ._dataTableFloatingActionsContent_dflxv_571 .phx-button {
9689
9692
  inline-size: auto;
9690
9693
  flex-shrink: 0;
9691
9694
  min-inline-size: 0;
9692
9695
  }
9693
- ._dataTableFloatingActionsContent_yutyc_567 .phx-icon-button {
9696
+ ._dataTableFloatingActionsContent_dflxv_571 .phx-icon-button {
9694
9697
  flex: 0 0 auto;
9695
9698
  }
9696
- ._dataTableFloatingActionsContent_yutyc_567 .phx-flex {
9699
+ ._dataTableFloatingActionsContent_dflxv_571 .phx-flex {
9697
9700
  flex-wrap: nowrap;
9698
9701
  inline-size: max-content;
9699
9702
  }
9700
- ._dataTableLoadingOverlay_yutyc_601 {
9703
+ ._dataTableLoadingOverlay_dflxv_605 {
9701
9704
  align-items: center;
9702
9705
  background-color: var(--surface-neutral-primary);
9703
9706
  display: flex;
@@ -9707,49 +9710,49 @@
9707
9710
  position: absolute;
9708
9711
  z-index: var(--z-local-top);
9709
9712
  }
9710
- ._dataTableEmptyState_yutyc_615 {
9713
+ ._dataTableEmptyState_dflxv_619 {
9711
9714
  align-items: center;
9712
9715
  display: flex;
9713
9716
  justify-content: center;
9714
9717
  min-block-size: var(--dimensions-200);
9715
9718
  padding: var(--space-2xl);
9716
9719
  }
9717
- ._dataTableEmptyText_yutyc_623 {
9720
+ ._dataTableEmptyText_dflxv_627 {
9718
9721
  color: var(--text-neutral-tertiary);
9719
9722
  font-family: var(--body-lg-family);
9720
9723
  font-size: var(--body-lg-size);
9721
9724
  }
9722
- ._dataTablePagination_yutyc_632 {
9725
+ ._dataTablePagination_dflxv_636 {
9723
9726
  background-color: var(--surface-neutral-primary);
9724
9727
  border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
9725
9728
  border-end-end-radius: var(--radius-xs);
9726
9729
  border-end-start-radius: var(--radius-xs);
9727
9730
  padding: var(--space-sm) var(--space-md);
9728
9731
  }
9729
- ._dataTableRowSelected_yutyc_328,
9730
- ._dataTableRowSelected_yutyc_328:hover {
9732
+ ._dataTableRowSelected_dflxv_332,
9733
+ ._dataTableRowSelected_dflxv_332:hover {
9731
9734
  --row-surface-internal: var(--surface-neutral-secondary);
9732
9735
  }
9733
- ._dataTableStriped_yutyc_409 ._dataTableRowSelected_yutyc_328:nth-child(2n) {
9736
+ ._dataTableStriped_dflxv_413 ._dataTableRowSelected_dflxv_332:nth-child(2n) {
9734
9737
  --row-surface-internal: var(--surface-neutral-secondary);
9735
9738
  }
9736
- ._dataTableBordered_yutyc_656 ._dataTableHeadCell_yutyc_103,
9737
- ._dataTableBordered_yutyc_656 ._dataTableBodyCell_yutyc_281,
9738
- ._dataTableBordered_yutyc_656 ._dataTableTh_yutyc_98,
9739
- ._dataTableBordered_yutyc_656 ._dataTableTd_yutyc_264 {
9739
+ ._dataTableBordered_dflxv_660 ._dataTableHeadCell_dflxv_107,
9740
+ ._dataTableBordered_dflxv_660 ._dataTableBodyCell_dflxv_285,
9741
+ ._dataTableBordered_dflxv_660 ._dataTableTh_dflxv_102,
9742
+ ._dataTableBordered_dflxv_660 ._dataTableTd_dflxv_268 {
9740
9743
  border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
9741
9744
  }
9742
- ._dataTableBordered_yutyc_656 ._dataTableHeadCell_yutyc_103:last-child,
9743
- ._dataTableBordered_yutyc_656 ._dataTableBodyCell_yutyc_281:last-child,
9744
- ._dataTableBordered_yutyc_656 ._dataTableTh_yutyc_98:last-child,
9745
- ._dataTableBordered_yutyc_656 ._dataTableTd_yutyc_264:last-child {
9745
+ ._dataTableBordered_dflxv_660 ._dataTableHeadCell_dflxv_107:last-child,
9746
+ ._dataTableBordered_dflxv_660 ._dataTableBodyCell_dflxv_285:last-child,
9747
+ ._dataTableBordered_dflxv_660 ._dataTableTh_dflxv_102:last-child,
9748
+ ._dataTableBordered_dflxv_660 ._dataTableTd_dflxv_268:last-child {
9746
9749
  border-inline-end: none;
9747
9750
  }
9748
- ._dataTableRow_yutyc_255:last-child ._dataTableTd_yutyc_264,
9749
- ._dataTableRow_yutyc_255:last-child ._dataTableBodyCell_yutyc_281 {
9751
+ ._dataTableRow_dflxv_259:last-child ._dataTableTd_dflxv_268,
9752
+ ._dataTableRow_dflxv_259:last-child ._dataTableBodyCell_dflxv_285 {
9750
9753
  border-block-end: none;
9751
9754
  }
9752
- ._dataTableContainer_yutyc_24:last-child ._dataTableBody_yutyc_251 tr:last-child ._dataTableTd_yutyc_264:last-child {
9755
+ ._dataTableContainer_dflxv_24:last-child ._dataTableBody_dflxv_255 tr:last-child ._dataTableTd_dflxv_268:last-child {
9753
9756
  border-end-end-radius: var(--radius-xs);
9754
9757
  }
9755
9758
  ._paginationRoot_1q1iy_1 {
@@ -9863,7 +9866,7 @@
9863
9866
  ._paginationItemsPerPageDropdown_1q1iy_131 {
9864
9867
  inline-size: var(--dimensions-80);
9865
9868
  }
9866
- @keyframes _slide-from-bottom_1lpcl_1 {
9869
+ @keyframes _slide-from-bottom_pnr8r_1 {
9867
9870
  0% {
9868
9871
  transform: translateY(100%);
9869
9872
  }
@@ -9871,7 +9874,7 @@
9871
9874
  transform: translateY(0);
9872
9875
  }
9873
9876
  }
9874
- @keyframes _slide-to-bottom_1lpcl_1 {
9877
+ @keyframes _slide-to-bottom_pnr8r_1 {
9875
9878
  0% {
9876
9879
  transform: translateY(0);
9877
9880
  }
@@ -9879,7 +9882,7 @@
9879
9882
  transform: translateY(100%);
9880
9883
  }
9881
9884
  }
9882
- @keyframes _slide-from-right_1lpcl_1 {
9885
+ @keyframes _slide-from-right_pnr8r_1 {
9883
9886
  0% {
9884
9887
  transform: translate(100%);
9885
9888
  }
@@ -9887,7 +9890,7 @@
9887
9890
  transform: translate(0);
9888
9891
  }
9889
9892
  }
9890
- @keyframes _slide-to-right_1lpcl_1 {
9893
+ @keyframes _slide-to-right_pnr8r_1 {
9891
9894
  0% {
9892
9895
  transform: translate(0);
9893
9896
  }
@@ -9895,7 +9898,7 @@
9895
9898
  transform: translate(100%);
9896
9899
  }
9897
9900
  }
9898
- @keyframes _fade-in_1lpcl_1 {
9901
+ @keyframes _fade-in_pnr8r_1 {
9899
9902
  0% {
9900
9903
  opacity: 0;
9901
9904
  }
@@ -9903,7 +9906,7 @@
9903
9906
  opacity: 1;
9904
9907
  }
9905
9908
  }
9906
- @keyframes _fade-out_1lpcl_1 {
9909
+ @keyframes _fade-out_pnr8r_1 {
9907
9910
  0% {
9908
9911
  opacity: 1;
9909
9912
  }
@@ -9911,9 +9914,9 @@
9911
9914
  opacity: 0;
9912
9915
  }
9913
9916
  }
9914
- ._sheetOverlay_1lpcl_63 {
9917
+ ._sheetOverlay_pnr8r_63 {
9915
9918
  align-items: flex-end;
9916
- animation: _fade-in_1lpcl_1 .3s var(--motion-ease-standard);
9919
+ animation: _fade-in_pnr8r_1 .3s var(--motion-ease-standard);
9917
9920
  background-color: var(--color-overlay);
9918
9921
  display: flex;
9919
9922
  inset: 0;
@@ -9921,17 +9924,17 @@
9921
9924
  position: fixed;
9922
9925
  z-index: var(--z-index-modal);
9923
9926
  }
9924
- ._sheetOverlayClosing_1lpcl_76 {
9925
- animation: _fade-out_1lpcl_1 .3s var(--motion-ease-standard) forwards;
9927
+ ._sheetOverlayClosing_pnr8r_76 {
9928
+ animation: _fade-out_pnr8r_1 .3s var(--motion-ease-standard) forwards;
9926
9929
  }
9927
9930
  @media (min-width: 768px) {
9928
- ._sheetOverlay_1lpcl_63 {
9931
+ ._sheetOverlay_pnr8r_63 {
9929
9932
  align-items: stretch;
9930
9933
  justify-content: flex-end;
9931
9934
  }
9932
9935
  }
9933
- ._sheetPanel_1lpcl_89 {
9934
- animation: _slide-from-bottom_1lpcl_1 .3s var(--motion-ease-standard);
9936
+ ._sheetPanel_pnr8r_89 {
9937
+ animation: _slide-from-bottom_pnr8r_1 .3s var(--motion-ease-standard);
9935
9938
  background-color: var(--surface-neutral-elevator);
9936
9939
  border-start-end-radius: var(--radius-sm);
9937
9940
  border-start-start-radius: var(--radius-sm);
@@ -9943,13 +9946,13 @@
9943
9946
  overflow: hidden;
9944
9947
  position: relative;
9945
9948
  }
9946
- ._sheetCloseButtonWrapper_1lpcl_105 {
9949
+ ._sheetCloseButtonWrapper_pnr8r_105 {
9947
9950
  inset-block-start: var(--space-2xs);
9948
9951
  inset-inline-end: var(--space-2xs);
9949
9952
  position: absolute;
9950
9953
  z-index: var(--z-index-decorator);
9951
9954
  }
9952
- ._sheetCloseButton_1lpcl_105 {
9955
+ ._sheetCloseButton_pnr8r_105 {
9953
9956
  background-color: var(--surface-neutral-on-surface) !important;
9954
9957
  block-size: var(--dimensions-24) !important;
9955
9958
  border-radius: var(--radius-full);
@@ -9957,80 +9960,92 @@
9957
9960
  min-block-size: var(--dimensions-24) !important;
9958
9961
  min-inline-size: var(--dimensions-24) !important;
9959
9962
  }
9960
- ._sheetCloseButton_1lpcl_105:hover {
9963
+ ._sheetCloseButton_pnr8r_105:hover {
9961
9964
  background-color: var(--surface-state-hover) !important;
9962
9965
  }
9963
- ._sheetCloseButton_1lpcl_105:active {
9966
+ ._sheetCloseButton_pnr8r_105:active {
9964
9967
  background-color: var(--surface-state-press) !important;
9965
9968
  }
9966
- ._sheetCloseButtonSpotlight_1lpcl_129 {
9969
+ ._sheetCloseButtonSpotlight_pnr8r_129 {
9967
9970
  background-color: var(--surface-neutral-primary) !important;
9968
9971
  }
9969
- ._sheetPanelClosing_1lpcl_134 {
9970
- animation: _slide-to-bottom_1lpcl_1 .3s var(--motion-ease-standard) forwards;
9972
+ ._sheetInitialFocusTarget_pnr8r_133 {
9973
+ block-size: 0;
9974
+ inline-size: 0;
9975
+ opacity: 0;
9976
+ outline: none;
9977
+ overflow: hidden;
9978
+ pointer-events: none;
9979
+ position: absolute;
9980
+ }
9981
+ ._sheetInitialFocusTarget_pnr8r_133:focus {
9982
+ outline: none;
9983
+ }
9984
+ ._sheetPanelClosing_pnr8r_148 {
9985
+ animation: _slide-to-bottom_pnr8r_1 .3s var(--motion-ease-standard) forwards;
9971
9986
  }
9972
9987
  @media (min-width: 768px) {
9973
- ._sheetPanel_1lpcl_89 {
9974
- animation: _slide-from-right_1lpcl_1 .3s var(--motion-ease-standard);
9988
+ ._sheetPanel_pnr8r_89 {
9989
+ animation: _slide-from-right_pnr8r_1 .3s var(--motion-ease-standard);
9975
9990
  block-size: 100dvh;
9976
9991
  border-radius: 0;
9977
9992
  max-block-size: 100dvh;
9978
9993
  }
9979
- ._sheetPanelClosing_1lpcl_134 {
9980
- animation: _slide-to-right_1lpcl_1 .3s var(--motion-ease-standard) forwards;
9994
+ ._sheetPanelClosing_pnr8r_148 {
9995
+ animation: _slide-to-right_pnr8r_1 .3s var(--motion-ease-standard) forwards;
9981
9996
  }
9982
9997
  }
9983
- ._sheetPanelResponsive_1lpcl_157 {
9998
+ ._sheetPanelResponsive_pnr8r_171 {
9984
9999
  inline-size: 100%;
9985
10000
  max-inline-size: 100%;
9986
10001
  }
9987
10002
  @media (min-width: 768px) {
9988
- ._sheetPanelResponsive_1lpcl_157 {
10003
+ ._sheetPanelResponsive_pnr8r_171 {
9989
10004
  inline-size: 400px;
9990
10005
  max-inline-size: 400px;
9991
10006
  }
9992
10007
  }
9993
10008
  @media (min-width: 1024px) {
9994
- ._sheetPanelResponsive_1lpcl_157 {
10009
+ ._sheetPanelResponsive_pnr8r_171 {
9995
10010
  inline-size: 480px;
9996
10011
  max-inline-size: 480px;
9997
10012
  }
9998
10013
  }
9999
- ._sheetPanelFullHeight_1lpcl_178 {
10014
+ ._sheetPanelFullHeight_pnr8r_192 {
10000
10015
  block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
10001
10016
  border-start-end-radius: var(--radius-sm);
10002
10017
  border-start-start-radius: var(--radius-sm);
10003
10018
  max-block-size: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--dimensions-24)));
10004
10019
  }
10005
10020
  @media (min-width: 768px) {
10006
- ._sheetPanelFullHeight_1lpcl_178 {
10021
+ ._sheetPanelFullHeight_pnr8r_192 {
10007
10022
  block-size: 100dvh;
10008
10023
  border-radius: 0;
10009
10024
  max-block-size: 100dvh;
10010
10025
  }
10011
10026
  }
10012
- ._sheetHeader_1lpcl_195 {
10027
+ ._sheetHeader_pnr8r_209 {
10013
10028
  background-color: var(--surface-neutral-elevator);
10014
10029
  flex-shrink: 0;
10015
10030
  }
10016
- ._sheetContent_1lpcl_201 {
10031
+ ._sheetContent_pnr8r_215 {
10017
10032
  flex: 1;
10018
10033
  -webkit-overflow-scrolling: touch;
10019
10034
  overflow-y: auto;
10020
10035
  padding-inline: 16px;
10021
10036
  }
10022
- ._sheetContentNoPadding_1lpcl_208 {
10037
+ ._sheetContentNoPadding_pnr8r_222 {
10023
10038
  padding-inline: 0;
10024
10039
  }
10025
- ._sheetFooter_1lpcl_213 {
10040
+ ._sheetFooter_pnr8r_227 {
10026
10041
  flex-shrink: 0;
10027
10042
  transition: box-shadow var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard);
10028
10043
  z-index: var(--z-index-decorator);
10029
10044
  }
10030
- ._sheetFooterElevatedGradient_1lpcl_226 {
10045
+ ._sheetFooterElevatedGradient_pnr8r_240 {
10031
10046
  position: relative;
10032
10047
  }
10033
- ._sheetFooterElevatedGradient_1lpcl_226:before {
10048
+ ._sheetFooterElevatedGradient_pnr8r_240:before {
10034
10049
  background:
10035
10050
  linear-gradient(
10036
10051
  to top,
@@ -10043,7 +10058,7 @@
10043
10058
  pointer-events: none;
10044
10059
  position: absolute;
10045
10060
  }
10046
- ._sheetGrabber_1lpcl_241 {
10061
+ ._sheetGrabber_pnr8r_255 {
10047
10062
  background-color: var(--surface-neutral-elevator);
10048
10063
  display: flex;
10049
10064
  flex-shrink: 0;
@@ -10052,14 +10067,14 @@
10052
10067
  position: relative;
10053
10068
  z-index: var(--z-index-default);
10054
10069
  }
10055
- ._sheetGrabberBar_1lpcl_253 {
10070
+ ._sheetGrabberBar_pnr8r_267 {
10056
10071
  background-color: var(--surface-neutral-tertiary);
10057
10072
  block-size: var(--dimensions-4);
10058
10073
  border-radius: var(--radius-full);
10059
10074
  inline-size: var(--dimensions-36);
10060
10075
  }
10061
10076
  @media (min-width: 768px) {
10062
- ._sheetGrabber_1lpcl_241 {
10077
+ ._sheetGrabber_pnr8r_255 {
10063
10078
  display: none;
10064
10079
  }
10065
10080
  }
@@ -13624,7 +13639,8 @@
13624
13639
  position: sticky;
13625
13640
  z-index: var(--z-index-on-sticky);
13626
13641
  }
13627
- ._pageHeaderRoot_1k0k0_2 {
13642
+ ._pageHeaderRoot_1bwnf_2 {
13643
+ --page-header-actions-reserve-block-size: var(--dimensions-48);
13628
13644
  background-color: var(--surface-neutral-primary);
13629
13645
  box-sizing: border-box;
13630
13646
  display: flex;
@@ -13635,39 +13651,40 @@
13635
13651
  padding-inline: var(--layout-grid-margin);
13636
13652
  transition: background-color var(--motion-duration-normal) var(--motion-ease-standard), box-shadow var(--motion-duration-normal) var(--motion-ease-standard);
13637
13653
  }
13638
- ._pageHeaderSticky_1k0k0_16 {
13654
+ ._pageHeaderSticky_1bwnf_18 {
13639
13655
  inset-block-start: 0;
13640
13656
  position: sticky;
13641
13657
  z-index: var(--z-index-decorator);
13642
13658
  }
13643
- ._pageHeaderStuck_1k0k0_23 {
13659
+ ._pageHeaderStuck_1bwnf_25 {
13644
13660
  background-color: var(--surface-neutral-elevator);
13645
13661
  box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
13646
13662
  }
13647
- ._pageHeaderBreadcrumbRow_1k0k0_34 {
13663
+ ._pageHeaderBreadcrumbRow_1bwnf_36 {
13648
13664
  align-items: center;
13649
13665
  display: flex;
13650
13666
  }
13651
- ._pageHeaderMainRow_1k0k0_40 {
13667
+ ._pageHeaderMainRow_1bwnf_42 {
13652
13668
  align-items: center;
13653
13669
  display: flex;
13654
13670
  gap: var(--space-md);
13655
13671
  justify-content: space-between;
13672
+ min-block-size: var(--page-header-actions-reserve-block-size);
13656
13673
  }
13657
- ._pageHeaderTitleGroup_1k0k0_48 {
13674
+ ._pageHeaderTitleGroup_1bwnf_51 {
13658
13675
  align-items: center;
13659
13676
  display: flex;
13660
13677
  flex: 1;
13661
13678
  gap: var(--space-2xs);
13662
13679
  min-inline-size: 0;
13663
13680
  }
13664
- ._pageHeaderTitleGroupWithBack_1k0k0_56 {
13681
+ ._pageHeaderTitleGroupWithBack_1bwnf_59 {
13665
13682
  margin-inline-start: calc(-1 * var(--space-sm));
13666
13683
  }
13667
- ._pageHeaderBackButton_1k0k0_60 {
13684
+ ._pageHeaderBackButton_1bwnf_63 {
13668
13685
  flex-shrink: 0;
13669
13686
  }
13670
- ._pageHeaderTitle_1k0k0_48 {
13687
+ ._pageHeaderTitle_1bwnf_51 {
13671
13688
  color: var(--foreground-neutral-primary);
13672
13689
  font-family: var(--headline-lg-family);
13673
13690
  font-size: var(--headline-lg-size);
@@ -13679,11 +13696,18 @@
13679
13696
  text-overflow: ellipsis;
13680
13697
  white-space: nowrap;
13681
13698
  }
13682
- ._pageHeaderActions_1k0k0_78 {
13699
+ ._pageHeaderActions_1bwnf_81 {
13683
13700
  align-items: center;
13684
13701
  display: flex;
13685
13702
  flex-shrink: 0;
13686
13703
  gap: var(--space-2xs);
13704
+ justify-content: flex-end;
13705
+ min-block-size: var(--page-header-actions-reserve-block-size);
13706
+ }
13707
+ ._pageHeaderActionsPlaceholder_1bwnf_90 {
13708
+ display: block;
13709
+ inline-size: 100%;
13710
+ min-block-size: var(--page-header-actions-reserve-block-size);
13687
13711
  }
13688
13712
  ._paginationDotRoot_1k4k3_1 {
13689
13713
  align-items: center;
@@ -14417,28 +14441,28 @@
14417
14441
  ._skeletonRounded_1j2jv_60 {
14418
14442
  border-radius: var(--radius-full);
14419
14443
  }
14420
- ._sectionHeaderRoot_1igy4_4 {
14444
+ ._sectionHeaderRoot_1uj6q_4 {
14421
14445
  align-items: center;
14422
14446
  display: flex;
14423
14447
  gap: var(--space-md);
14424
14448
  justify-content: space-between;
14425
14449
  padding: var(--space-sm);
14426
14450
  }
14427
- ._sectionHeaderTitleGroup_1igy4_15 {
14451
+ ._sectionHeaderTitleGroup_1uj6q_15 {
14428
14452
  align-items: center;
14429
14453
  display: flex;
14430
14454
  flex: 1;
14431
14455
  gap: var(--space-xs);
14432
14456
  min-inline-size: 0;
14433
14457
  }
14434
- ._sectionHeaderTitleAndDescription_1igy4_23 {
14458
+ ._sectionHeaderTitleAndDescription_1uj6q_23 {
14435
14459
  display: flex;
14436
14460
  flex: 1;
14437
14461
  flex-direction: column;
14438
- gap: var(--space-2xs);
14462
+ gap: var(--space-4xs);
14439
14463
  min-inline-size: 0;
14440
14464
  }
14441
- ._sectionHeaderDescription_1igy4_31 {
14465
+ ._sectionHeaderDescription_1uj6q_31 {
14442
14466
  color: var(--text-neutral-secondary);
14443
14467
  font-family: var(--body-md-family);
14444
14468
  font-size: var(--body-md-size);
@@ -14450,34 +14474,34 @@
14450
14474
  text-overflow: ellipsis;
14451
14475
  white-space: nowrap;
14452
14476
  }
14453
- ._sectionHeaderTitle_1igy4_15 {
14477
+ ._sectionHeaderTitle_1uj6q_15 {
14454
14478
  color: var(--text-neutral-primary);
14455
14479
  margin: 0;
14456
14480
  overflow: hidden;
14457
14481
  text-overflow: ellipsis;
14458
14482
  white-space: nowrap;
14459
14483
  }
14460
- ._sectionHeaderSizeMedium_1igy4_53 ._sectionHeaderTitle_1igy4_15 {
14484
+ ._sectionHeaderSizeMedium_1uj6q_53 ._sectionHeaderTitle_1uj6q_15 {
14461
14485
  font-family: var(--title-md-family);
14462
14486
  font-size: var(--title-md-size);
14463
14487
  font-weight: var(--title-md-weight-emphasize);
14464
14488
  letter-spacing: var(--title-md-letter-spacing);
14465
14489
  line-height: var(--title-md-line-height);
14466
14490
  }
14467
- ._sectionHeaderSizeLarge_1igy4_62 ._sectionHeaderTitle_1igy4_15 {
14491
+ ._sectionHeaderSizeLarge_1uj6q_62 ._sectionHeaderTitle_1uj6q_15 {
14468
14492
  font-family: var(--title-lg-family);
14469
14493
  font-size: var(--title-lg-size);
14470
14494
  font-weight: var(--title-lg-weight-emphasize);
14471
14495
  letter-spacing: var(--title-lg-letter-spacing);
14472
14496
  line-height: var(--title-lg-line-height);
14473
14497
  }
14474
- ._sectionHeaderContextualActions_1igy4_73 {
14498
+ ._sectionHeaderContextualActions_1uj6q_73 {
14475
14499
  align-items: center;
14476
14500
  display: flex;
14477
14501
  flex-shrink: 0;
14478
14502
  gap: 0;
14479
14503
  }
14480
- ._sectionHeaderTrailingActions_1igy4_83 {
14504
+ ._sectionHeaderTrailingActions_1uj6q_83 {
14481
14505
  align-items: center;
14482
14506
  display: flex;
14483
14507
  flex-shrink: 0;