@photonix/basic 1.6.4 → 1.6.7

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 (5) hide show
  1. package/LICENSE +21 -0
  2. package/dist/index.css +164 -105
  3. package/dist/index.js +7166 -6426
  4. package/dist/index.mjs +6905 -6197
  5. package/package.json +35 -36
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2024 Photonix
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/index.css CHANGED
@@ -9159,7 +9159,7 @@
9159
9159
  ._contextMenuTrigger_ithfz_15 {
9160
9160
  display: inline-block;
9161
9161
  }
9162
- ._dataTableRoot_1r4e0_4 {
9162
+ ._dataTableRoot_19gqf_4 {
9163
9163
  background-color: var(--surface-neutral-primary);
9164
9164
  border: var(--border-sm) solid var(--border-neutral-tertiary);
9165
9165
  border-radius: var(--radius-xs);
@@ -9168,17 +9168,17 @@
9168
9168
  inline-size: 100%;
9169
9169
  position: relative;
9170
9170
  }
9171
- ._dataTableFlush_1r4e0_14 {
9171
+ ._dataTableFlush_19gqf_14 {
9172
9172
  border: none;
9173
9173
  border-radius: 0;
9174
9174
  }
9175
- ._dataTableContainer_1r4e0_23 {
9175
+ ._dataTableContainer_19gqf_23 {
9176
9176
  border-radius: inherit;
9177
9177
  inline-size: 100%;
9178
9178
  overflow: hidden;
9179
9179
  position: relative;
9180
9180
  }
9181
- ._dataTableScrollGradient_1r4e0_33 {
9181
+ ._dataTableScrollGradient_19gqf_33 {
9182
9182
  inline-size: var(--dimensions-64);
9183
9183
  inset-block-start: 0;
9184
9184
  opacity: 0;
@@ -9187,7 +9187,7 @@
9187
9187
  transition: opacity var(--motion-duration-normal) var(--motion-ease-in-out);
9188
9188
  z-index: var(--z-index-decorator);
9189
9189
  }
9190
- ._dataTableScrollGradientLeft_1r4e0_44 {
9190
+ ._dataTableScrollGradientLeft_19gqf_44 {
9191
9191
  background:
9192
9192
  linear-gradient(
9193
9193
  to right,
@@ -9197,7 +9197,7 @@
9197
9197
  inset-block-end: 0;
9198
9198
  inset-inline-start: 0;
9199
9199
  }
9200
- ._dataTableScrollGradientRight_1r4e0_55 {
9200
+ ._dataTableScrollGradientRight_19gqf_55 {
9201
9201
  background:
9202
9202
  linear-gradient(
9203
9203
  to left,
@@ -9207,10 +9207,10 @@
9207
9207
  inset-block-end: 0;
9208
9208
  inset-inline-end: 0;
9209
9209
  }
9210
- ._dataTableScrollGradientVisible_1r4e0_66 {
9210
+ ._dataTableScrollGradientVisible_19gqf_66 {
9211
9211
  opacity: 1;
9212
9212
  }
9213
- ._dataTableTable_1r4e0_73 {
9213
+ ._dataTableTable_19gqf_73 {
9214
9214
  border-collapse: separate;
9215
9215
  border-radius: inherit;
9216
9216
  border-spacing: 0;
@@ -9218,19 +9218,19 @@
9218
9218
  inline-size: 100%;
9219
9219
  table-layout: fixed;
9220
9220
  }
9221
- ._dataTableHead_1r4e0_87 {
9221
+ ._dataTableHead_19gqf_87 {
9222
9222
  background-color: var(--surface-neutral-secondary);
9223
9223
  }
9224
- ._dataTableHeadSticky_1r4e0_91 {
9224
+ ._dataTableHeadSticky_19gqf_91 {
9225
9225
  inset-block-start: 0;
9226
9226
  position: sticky;
9227
9227
  z-index: var(--z-index-sticky);
9228
9228
  }
9229
- ._dataTableTh_1r4e0_97 {
9229
+ ._dataTableTh_19gqf_97 {
9230
9230
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
9231
9231
  box-sizing: border-box;
9232
9232
  }
9233
- ._dataTableHeadCell_1r4e0_102 {
9233
+ ._dataTableHeadCell_19gqf_102 {
9234
9234
  background-color: var(--surface-neutral-secondary);
9235
9235
  block-size: var(--dimensions-48);
9236
9236
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9248,23 +9248,23 @@
9248
9248
  user-select: none;
9249
9249
  white-space: nowrap;
9250
9250
  }
9251
- ._dataTableThSortable_1r4e0_120 {
9251
+ ._dataTableThSortable_19gqf_120 {
9252
9252
  cursor: pointer;
9253
9253
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out);
9254
9254
  }
9255
- ._dataTableThSortable_1r4e0_120:hover {
9255
+ ._dataTableThSortable_19gqf_120:hover {
9256
9256
  background-color: var(--surface-neutral-tertiary);
9257
9257
  }
9258
- ._dataTableThSticky_1r4e0_129 {
9258
+ ._dataTableThSticky_19gqf_129 {
9259
9259
  background-color: var(--surface-neutral-secondary);
9260
9260
  box-shadow: 1px 0 0 var(--surface-neutral-secondary);
9261
9261
  position: sticky;
9262
9262
  z-index: var(--z-index-sticky);
9263
9263
  }
9264
- ._dataTableThStickyLast_1r4e0_139 {
9264
+ ._dataTableThStickyLast_19gqf_139 {
9265
9265
  box-shadow: none;
9266
9266
  }
9267
- ._dataTableThCheckbox_1r4e0_145 {
9267
+ ._dataTableThCheckbox_19gqf_145 {
9268
9268
  box-sizing: border-box;
9269
9269
  inline-size: var(--dimensions-48);
9270
9270
  max-inline-size: var(--dimensions-48);
@@ -9272,43 +9272,45 @@
9272
9272
  padding: var(--space-xs) var(--space-sm);
9273
9273
  text-align: center;
9274
9274
  }
9275
- ._dataTableThContent_1r4e0_154 {
9275
+ ._dataTableThContent_19gqf_154 {
9276
9276
  align-items: center;
9277
9277
  display: flex;
9278
9278
  gap: var(--space-xs);
9279
9279
  }
9280
- ._dataTableThTitle_1r4e0_160 {
9280
+ ._dataTableThTitle_19gqf_160 {
9281
9281
  flex: 1;
9282
9282
  overflow: hidden;
9283
9283
  text-overflow: ellipsis;
9284
9284
  }
9285
- ._dataTableThAlignCenter_1r4e0_166 {
9285
+ ._dataTableThAlignCenter_19gqf_166 {
9286
9286
  text-align: center;
9287
9287
  }
9288
- ._dataTableThAlignCenter_1r4e0_166 ._dataTableThContent_1r4e0_154 {
9288
+ ._dataTableThAlignCenter_19gqf_166 ._dataTableThContent_19gqf_154 {
9289
9289
  justify-content: center;
9290
9290
  }
9291
- ._dataTableThAlignRight_1r4e0_174 {
9291
+ ._dataTableThAlignRight_19gqf_174 {
9292
9292
  text-align: end;
9293
9293
  }
9294
- ._dataTableThAlignRight_1r4e0_174 ._dataTableThContent_1r4e0_154 {
9294
+ ._dataTableThAlignRight_19gqf_174 ._dataTableThContent_19gqf_154 {
9295
9295
  justify-content: flex-end;
9296
9296
  }
9297
- ._dataTableSortIcon_1r4e0_185 {
9297
+ ._dataTableSortIcon_19gqf_185 {
9298
9298
  align-items: center;
9299
9299
  display: flex;
9300
9300
  flex-direction: column;
9301
9301
  flex-shrink: 0;
9302
9302
  gap: 0;
9303
9303
  }
9304
- ._dataTableSortIconArrow_1r4e0_193 {
9304
+ ._dataTableSortIconArrow_19gqf_193 {
9305
9305
  color: var(--foreground-neutral-secondary);
9306
- transition: color var(--motion-duration-fast) var(--motion-ease-in-out);
9306
+ opacity: .38;
9307
+ transition: all var(--motion-duration-fast) var(--motion-ease-in-out);
9307
9308
  }
9308
- ._dataTableSortIconActive_1r4e0_198 {
9309
+ ._dataTableSortIconActive_19gqf_199 {
9309
9310
  color: var(--foreground-neutral-primary);
9311
+ opacity: 1;
9310
9312
  }
9311
- ._dataTableResizer_1r4e0_205 {
9313
+ ._dataTableResizer_19gqf_207 {
9312
9314
  align-items: center;
9313
9315
  block-size: 100%;
9314
9316
  cursor: col-resize;
@@ -9321,7 +9323,7 @@
9321
9323
  touch-action: none;
9322
9324
  z-index: var(--z-index-decorator);
9323
9325
  }
9324
- ._dataTableResizer_1r4e0_205:after {
9326
+ ._dataTableResizer_19gqf_207:after {
9325
9327
  background-color: var(--border-neutral-tertiary);
9326
9328
  block-size: 60%;
9327
9329
  content: "";
@@ -9331,34 +9333,34 @@
9331
9333
  transform: translate(-50%);
9332
9334
  transition: all var(--motion-duration-fast);
9333
9335
  }
9334
- ._dataTableResizer_1r4e0_205:hover:after,
9335
- ._dataTableResizerActive_1r4e0_234:after {
9336
+ ._dataTableResizer_19gqf_207:hover:after,
9337
+ ._dataTableResizerActive_19gqf_236:after {
9336
9338
  background-color: var(--foreground-brand-primary);
9337
9339
  inline-size: 2px;
9338
9340
  }
9339
- ._dataTableHead_1r4e0_87 tr > th:last-child ._dataTableResizer_1r4e0_205 {
9341
+ ._dataTableHead_19gqf_87 tr > th:last-child ._dataTableResizer_19gqf_207 {
9340
9342
  display: none;
9341
9343
  }
9342
- ._dataTableBody_1r4e0_248 {
9344
+ ._dataTableBody_19gqf_250 {
9343
9345
  background-color: var(--surface-neutral-primary);
9344
9346
  }
9345
- ._dataTableRow_1r4e0_252 {
9347
+ ._dataTableRow_19gqf_254 {
9346
9348
  --row-surface-internal: var(--surface-neutral-primary);
9347
9349
  background-color: var(--row-surface-internal);
9348
9350
  block-size: var(--dimensions-48);
9349
9351
  transition: background-color var(--motion-duration-fast) var(--motion-ease-in-out), box-shadow var(--motion-duration-fast) var(--motion-ease-in-out);
9350
9352
  }
9351
- ._dataTableTd_1r4e0_261 {
9353
+ ._dataTableTd_19gqf_263 {
9352
9354
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
9353
9355
  box-sizing: border-box;
9354
9356
  }
9355
- ._dataTableRowHoverable_1r4e0_269:hover {
9357
+ ._dataTableRowHoverable_19gqf_271:hover {
9356
9358
  --row-surface-internal: var(--surface-neutral-primary);
9357
9359
  box-shadow: var(--shadow-md);
9358
9360
  position: relative;
9359
9361
  z-index: var(--z-index-decorator);
9360
9362
  }
9361
- ._dataTableBodyCell_1r4e0_278 {
9363
+ ._dataTableBodyCell_19gqf_280 {
9362
9364
  background-color: inherit;
9363
9365
  block-size: var(--dimensions-48);
9364
9366
  border-block-end: var(--border-xs) solid var(--border-neutral-tertiary);
@@ -9370,10 +9372,10 @@
9370
9372
  padding: var(--space-xs) var(--space-md);
9371
9373
  vertical-align: middle;
9372
9374
  }
9373
- ._dataTableRowClickable_1r4e0_291 {
9375
+ ._dataTableRowClickable_19gqf_293 {
9374
9376
  cursor: pointer;
9375
9377
  }
9376
- ._dataTableTdContent_1r4e0_295 {
9378
+ ._dataTableTdContent_19gqf_297 {
9377
9379
  align-items: center;
9378
9380
  -webkit-box-orient: block-axis;
9379
9381
  display: -webkit-box;
@@ -9382,28 +9384,28 @@
9382
9384
  overflow: hidden;
9383
9385
  white-space: normal;
9384
9386
  }
9385
- ._dataTableTdSticky_1r4e0_305 {
9387
+ ._dataTableTdSticky_19gqf_307 {
9386
9388
  background-color: inherit;
9387
9389
  box-shadow: 1px 0 0 0 var(--row-surface-internal);
9388
9390
  position: sticky;
9389
9391
  z-index: var(--z-index-default);
9390
9392
  }
9391
- ._dataTableTdStickyLast_1r4e0_315 {
9393
+ ._dataTableTdStickyLast_19gqf_317 {
9392
9394
  box-shadow: none;
9393
9395
  }
9394
- ._dataTableScrolled_1r4e0_320 ._dataTableTdSticky_1r4e0_305 {
9396
+ ._dataTableScrolled_19gqf_322 ._dataTableTdSticky_19gqf_307 {
9395
9397
  --row-surface-internal: var(--surface-neutral-elevator);
9396
9398
  background-color: var(--row-surface-internal);
9397
9399
  }
9398
- ._dataTableRowSelected_1r4e0_325 ._dataTableTdSticky_1r4e0_305 {
9400
+ ._dataTableRowSelected_19gqf_327 ._dataTableTdSticky_19gqf_307 {
9399
9401
  background-color: inherit;
9400
9402
  }
9401
- ._dataTableRowHoverable_1r4e0_269:hover ._dataTableTdSticky_1r4e0_305 {
9403
+ ._dataTableRowHoverable_19gqf_271:hover ._dataTableTdSticky_19gqf_307 {
9402
9404
  background-color: inherit;
9403
9405
  z-index: var(--z-index-decorator);
9404
9406
  }
9405
- ._dataTableScrolled_1r4e0_320 ._dataTableThStickyLast_1r4e0_139:after,
9406
- ._dataTableScrolled_1r4e0_320 ._dataTableTdStickyLast_1r4e0_315:after {
9407
+ ._dataTableScrolled_19gqf_322 ._dataTableThStickyLast_19gqf_139:after,
9408
+ ._dataTableScrolled_19gqf_322 ._dataTableTdStickyLast_19gqf_317:after {
9407
9409
  background:
9408
9410
  linear-gradient(
9409
9411
  to right,
@@ -9417,7 +9419,7 @@
9417
9419
  position: absolute;
9418
9420
  z-index: var(--z-index-docked);
9419
9421
  }
9420
- ._dataTableTdCheckbox_1r4e0_348 {
9422
+ ._dataTableTdCheckbox_19gqf_350 {
9421
9423
  box-sizing: border-box;
9422
9424
  inline-size: var(--dimensions-48);
9423
9425
  max-inline-size: var(--dimensions-48);
@@ -9425,105 +9427,162 @@
9425
9427
  padding: var(--space-xs) var(--space-sm);
9426
9428
  text-align: center;
9427
9429
  }
9428
- ._dataTableTdAlignCenter_1r4e0_357 {
9430
+ ._dataTableTdAlignCenter_19gqf_359 {
9429
9431
  text-align: center;
9430
9432
  }
9431
- ._dataTableTdAlignRight_1r4e0_361 {
9433
+ ._dataTableTdAlignRight_19gqf_363 {
9432
9434
  text-align: end;
9433
9435
  }
9434
- ._dataTableTdWithAvatar_1r4e0_366 {
9436
+ ._dataTableTdWithAvatar_19gqf_368 {
9435
9437
  padding-block: var(--space-2xs);
9436
9438
  }
9437
- ._dataTableSmall_1r4e0_373 ._dataTableHeadCell_1r4e0_102,
9438
- ._dataTableSmall_1r4e0_373 ._dataTableBodyCell_1r4e0_278 {
9439
+ ._dataTableSmall_19gqf_375 ._dataTableHeadCell_19gqf_102,
9440
+ ._dataTableSmall_19gqf_375 ._dataTableBodyCell_19gqf_280 {
9439
9441
  block-size: var(--dimensions-40);
9440
9442
  padding: 0 var(--space-sm);
9441
9443
  }
9442
- ._dataTableSmall_1r4e0_373 ._dataTableRow_1r4e0_252 {
9444
+ ._dataTableSmall_19gqf_375 ._dataTableRow_19gqf_254 {
9443
9445
  block-size: var(--dimensions-40);
9444
9446
  }
9445
- ._dataTableMedium_1r4e0_383 ._dataTableHeadCell_1r4e0_102,
9446
- ._dataTableMedium_1r4e0_383 ._dataTableBodyCell_1r4e0_278 {
9447
+ ._dataTableMedium_19gqf_385 ._dataTableHeadCell_19gqf_102,
9448
+ ._dataTableMedium_19gqf_385 ._dataTableBodyCell_19gqf_280 {
9447
9449
  block-size: var(--dimensions-48);
9448
9450
  padding: var(--space-4xs) var(--space-sm);
9449
9451
  }
9450
- ._dataTableMedium_1r4e0_383 ._dataTableRow_1r4e0_252 {
9452
+ ._dataTableMedium_19gqf_385 ._dataTableRow_19gqf_254 {
9451
9453
  block-size: var(--dimensions-48);
9452
9454
  }
9453
- ._dataTableLarge_1r4e0_393 ._dataTableHeadCell_1r4e0_102,
9454
- ._dataTableLarge_1r4e0_393 ._dataTableBodyCell_1r4e0_278 {
9455
+ ._dataTableLarge_19gqf_395 ._dataTableHeadCell_19gqf_102,
9456
+ ._dataTableLarge_19gqf_395 ._dataTableBodyCell_19gqf_280 {
9455
9457
  block-size: var(--dimensions-56);
9456
9458
  padding: var(--space-2xs) var(--space-sm);
9457
9459
  }
9458
- ._dataTableLarge_1r4e0_393 ._dataTableRow_1r4e0_252 {
9460
+ ._dataTableLarge_19gqf_395 ._dataTableRow_19gqf_254 {
9459
9461
  block-size: var(--dimensions-56);
9460
9462
  }
9461
- ._dataTableStriped_1r4e0_406 ._dataTableRow_1r4e0_252:nth-child(2n) {
9463
+ ._dataTableStriped_19gqf_408 ._dataTableRow_19gqf_254:nth-child(2n) {
9462
9464
  --row-surface-internal: var(--surface-neutral-secondary);
9463
9465
  }
9464
- ._dataTableSmall_1r4e0_373 ._dataTableTdWithAvatar_1r4e0_366 {
9466
+ ._dataTableSmall_19gqf_375 ._dataTableTdWithAvatar_19gqf_368 {
9465
9467
  padding-block: var(--space-4xs);
9466
9468
  }
9467
- ._dataTableMedium_1r4e0_383 ._dataTableTdWithAvatar_1r4e0_366 {
9469
+ ._dataTableMedium_19gqf_385 ._dataTableTdWithAvatar_19gqf_368 {
9468
9470
  padding-block: var(--space-2xs);
9469
9471
  }
9470
- ._dataTableLarge_1r4e0_393 ._dataTableTdWithAvatar_1r4e0_366 {
9472
+ ._dataTableLarge_19gqf_395 ._dataTableTdWithAvatar_19gqf_368 {
9471
9473
  padding-block: var(--space-xs);
9472
9474
  }
9473
- ._dataTableSmall_1r4e0_373 ._dataTableThCheckbox_1r4e0_145,
9474
- ._dataTableSmall_1r4e0_373 ._dataTableTdCheckbox_1r4e0_348 {
9475
+ ._dataTableSmall_19gqf_375 ._dataTableThCheckbox_19gqf_145,
9476
+ ._dataTableSmall_19gqf_375 ._dataTableTdCheckbox_19gqf_350 {
9475
9477
  padding: 0 var(--space-4xs);
9476
9478
  }
9477
- ._dataTableMedium_1r4e0_383 ._dataTableThCheckbox_1r4e0_145,
9478
- ._dataTableMedium_1r4e0_383 ._dataTableTdCheckbox_1r4e0_348 {
9479
+ ._dataTableMedium_19gqf_385 ._dataTableThCheckbox_19gqf_145,
9480
+ ._dataTableMedium_19gqf_385 ._dataTableTdCheckbox_19gqf_350 {
9479
9481
  padding: var(--space-4xs) var(--space-4xs);
9480
9482
  }
9481
- ._dataTableLarge_1r4e0_393 ._dataTableThCheckbox_1r4e0_145,
9482
- ._dataTableLarge_1r4e0_393 ._dataTableTdCheckbox_1r4e0_348 {
9483
+ ._dataTableLarge_19gqf_395 ._dataTableThCheckbox_19gqf_145,
9484
+ ._dataTableLarge_19gqf_395 ._dataTableTdCheckbox_19gqf_350 {
9483
9485
  padding: var(--space-2xs) var(--space-4xs);
9484
9486
  }
9485
- ._dataTableSmall_1r4e0_373 ._dataTableTdWithActions_1r4e0_440 {
9487
+ ._dataTableSmall_19gqf_375 ._dataTableTdWithActions_19gqf_442 {
9486
9488
  padding-block: var(--space-5xs);
9487
9489
  }
9488
- ._dataTableMedium_1r4e0_383 ._dataTableTdWithActions_1r4e0_440 {
9490
+ ._dataTableMedium_19gqf_385 ._dataTableTdWithActions_19gqf_442 {
9489
9491
  padding-block: var(--space-3xs);
9490
9492
  }
9491
- ._dataTableLarge_1r4e0_393 ._dataTableTdWithActions_1r4e0_440 {
9493
+ ._dataTableLarge_19gqf_395 ._dataTableTdWithActions_19gqf_442 {
9492
9494
  padding-block: var(--space-2xs);
9493
9495
  }
9494
- ._dataTableTdDate_1r4e0_453 {
9496
+ ._dataTableTdDate_19gqf_455 {
9495
9497
  white-space: nowrap;
9496
9498
  }
9497
- ._dataTableTdId_1r4e0_458 {
9499
+ ._dataTableTdId_19gqf_460 {
9498
9500
  font-family: var(--font-family-code);
9499
9501
  white-space: nowrap;
9500
9502
  }
9501
- ._dataTableTdMoney_1r4e0_465 {
9503
+ ._dataTableTdMoney_19gqf_467 {
9502
9504
  font-variant-numeric: tabular-nums;
9503
9505
  text-align: end;
9504
9506
  white-space: nowrap;
9505
9507
  }
9506
- ._dataTableTdPhone_1r4e0_472,
9507
- ._dataTableTdEmail_1r4e0_473,
9508
- ._dataTableTdStatus_1r4e0_474,
9509
- ._dataTableTdNowrap_1r4e0_475 {
9508
+ ._dataTableTdPhone_19gqf_474,
9509
+ ._dataTableTdEmail_19gqf_475,
9510
+ ._dataTableTdStatus_19gqf_476,
9511
+ ._dataTableTdNowrap_19gqf_477 {
9510
9512
  white-space: nowrap;
9511
9513
  }
9512
- ._dataTableTdStatus_1r4e0_474 {
9514
+ ._dataTableTdStatus_19gqf_476 {
9513
9515
  text-transform: capitalize;
9514
9516
  }
9515
- ._dataTableTdId_1r4e0_458 ._dataTableTdContent_1r4e0_295,
9516
- ._dataTableTdDate_1r4e0_453 ._dataTableTdContent_1r4e0_295,
9517
- ._dataTableTdMoney_1r4e0_465 ._dataTableTdContent_1r4e0_295,
9518
- ._dataTableTdPhone_1r4e0_472 ._dataTableTdContent_1r4e0_295,
9519
- ._dataTableTdEmail_1r4e0_473 ._dataTableTdContent_1r4e0_295,
9520
- ._dataTableTdStatus_1r4e0_474 ._dataTableTdContent_1r4e0_295,
9521
- ._dataTableTdNowrap_1r4e0_475 ._dataTableTdContent_1r4e0_295 {
9517
+ ._dataTableTdId_19gqf_460 ._dataTableTdContent_19gqf_297,
9518
+ ._dataTableTdDate_19gqf_455 ._dataTableTdContent_19gqf_297,
9519
+ ._dataTableTdMoney_19gqf_467 ._dataTableTdContent_19gqf_297,
9520
+ ._dataTableTdPhone_19gqf_474 ._dataTableTdContent_19gqf_297,
9521
+ ._dataTableTdEmail_19gqf_475 ._dataTableTdContent_19gqf_297,
9522
+ ._dataTableTdStatus_19gqf_476 ._dataTableTdContent_19gqf_297,
9523
+ ._dataTableTdNowrap_19gqf_477 ._dataTableTdContent_19gqf_297 {
9522
9524
  -webkit-line-clamp: unset;
9523
9525
  line-clamp: unset;
9524
9526
  white-space: nowrap;
9525
9527
  }
9526
- ._dataTableLoadingOverlay_1r4e0_499 {
9528
+ ._dataTableFloatingActionsCell_19gqf_503 {
9529
+ block-size: 100%;
9530
+ border: none;
9531
+ inline-size: 0;
9532
+ inset-inline-end: 0;
9533
+ overflow: visible;
9534
+ padding: 0;
9535
+ position: sticky;
9536
+ z-index: var(--z-index-sticky);
9537
+ }
9538
+ ._dataTableFloatingActions_19gqf_503 {
9539
+ align-items: center;
9540
+ background-color: var(--row-surface-internal);
9541
+ block-size: 100%;
9542
+ display: flex;
9543
+ inset-block-start: 0;
9544
+ inset-inline-end: 0;
9545
+ opacity: 0;
9546
+ pointer-events: none;
9547
+ position: absolute;
9548
+ transition: opacity var(--motion-duration-fast) var(--motion-ease-in-out);
9549
+ visibility: hidden;
9550
+ white-space: nowrap;
9551
+ box-shadow: -8px 0 12px -4px var(--color-shadow-4a);
9552
+ }
9553
+ ._dataTableRowWithActionsActive_19gqf_531:hover ._dataTableFloatingActions_19gqf_503,
9554
+ ._dataTableRowWithActionsActive_19gqf_531:focus-within ._dataTableFloatingActions_19gqf_503 {
9555
+ opacity: 1;
9556
+ pointer-events: auto;
9557
+ visibility: visible;
9558
+ }
9559
+ ._dataTableFloatingActionsGradient_19gqf_538 {
9560
+ background:
9561
+ linear-gradient(
9562
+ to right,
9563
+ transparent,
9564
+ var(--row-surface-internal) 100%);
9565
+ block-size: 100%;
9566
+ inline-size: var(--dimensions-48);
9567
+ position: absolute;
9568
+ inset-block-start: 0;
9569
+ inset-inline-end: 100%;
9570
+ pointer-events: none;
9571
+ }
9572
+ ._dataTableFloatingActionsContent_19gqf_548 {
9573
+ align-items: center;
9574
+ display: flex;
9575
+ gap: var(--space-4xs);
9576
+ padding-inline: var(--space-xs) var(--space-md);
9577
+ position: relative;
9578
+ z-index: 1;
9579
+ }
9580
+ ._dataTableFloatingActionsContent_19gqf_548 .phx-button {
9581
+ inline-size: var(--dimensions-32);
9582
+ block-size: var(--dimensions-32);
9583
+ padding: 0;
9584
+ }
9585
+ ._dataTableLoadingOverlay_19gqf_567 {
9527
9586
  align-items: center;
9528
9587
  background-color: var(--surface-neutral-primary);
9529
9588
  display: flex;
@@ -9533,49 +9592,49 @@
9533
9592
  position: absolute;
9534
9593
  z-index: var(--z-index-decorator);
9535
9594
  }
9536
- ._dataTableEmptyState_1r4e0_513 {
9595
+ ._dataTableEmptyState_19gqf_581 {
9537
9596
  align-items: center;
9538
9597
  display: flex;
9539
9598
  justify-content: center;
9540
9599
  min-block-size: var(--dimensions-200);
9541
9600
  padding: var(--space-2xl);
9542
9601
  }
9543
- ._dataTableEmptyText_1r4e0_521 {
9602
+ ._dataTableEmptyText_19gqf_589 {
9544
9603
  color: var(--text-neutral-tertiary);
9545
9604
  font-family: var(--body-lg-family);
9546
9605
  font-size: var(--body-lg-size);
9547
9606
  }
9548
- ._dataTablePagination_1r4e0_530 {
9607
+ ._dataTablePagination_19gqf_598 {
9549
9608
  background-color: var(--surface-neutral-primary);
9550
9609
  border-block-start: var(--border-sm) solid var(--border-neutral-tertiary);
9551
9610
  border-end-end-radius: var(--radius-xs);
9552
9611
  border-end-start-radius: var(--radius-xs);
9553
9612
  padding: var(--space-sm) var(--space-md);
9554
9613
  }
9555
- ._dataTableRowSelected_1r4e0_325,
9556
- ._dataTableRowSelected_1r4e0_325:hover {
9614
+ ._dataTableRowSelected_19gqf_327,
9615
+ ._dataTableRowSelected_19gqf_327:hover {
9557
9616
  --row-surface-internal: var(--surface-neutral-secondary);
9558
9617
  }
9559
- ._dataTableStriped_1r4e0_406 ._dataTableRowSelected_1r4e0_325:nth-child(2n) {
9618
+ ._dataTableStriped_19gqf_408 ._dataTableRowSelected_19gqf_327:nth-child(2n) {
9560
9619
  --row-surface-internal: var(--surface-neutral-secondary);
9561
9620
  }
9562
- ._dataTableBordered_1r4e0_554 ._dataTableHeadCell_1r4e0_102,
9563
- ._dataTableBordered_1r4e0_554 ._dataTableBodyCell_1r4e0_278,
9564
- ._dataTableBordered_1r4e0_554 ._dataTableTh_1r4e0_97,
9565
- ._dataTableBordered_1r4e0_554 ._dataTableTd_1r4e0_261 {
9621
+ ._dataTableBordered_19gqf_622 ._dataTableHeadCell_19gqf_102,
9622
+ ._dataTableBordered_19gqf_622 ._dataTableBodyCell_19gqf_280,
9623
+ ._dataTableBordered_19gqf_622 ._dataTableTh_19gqf_97,
9624
+ ._dataTableBordered_19gqf_622 ._dataTableTd_19gqf_263 {
9566
9625
  border-inline-end: var(--border-xs) solid var(--border-neutral-tertiary);
9567
9626
  }
9568
- ._dataTableBordered_1r4e0_554 ._dataTableHeadCell_1r4e0_102:last-child,
9569
- ._dataTableBordered_1r4e0_554 ._dataTableBodyCell_1r4e0_278:last-child,
9570
- ._dataTableBordered_1r4e0_554 ._dataTableTh_1r4e0_97:last-child,
9571
- ._dataTableBordered_1r4e0_554 ._dataTableTd_1r4e0_261:last-child {
9627
+ ._dataTableBordered_19gqf_622 ._dataTableHeadCell_19gqf_102:last-child,
9628
+ ._dataTableBordered_19gqf_622 ._dataTableBodyCell_19gqf_280:last-child,
9629
+ ._dataTableBordered_19gqf_622 ._dataTableTh_19gqf_97:last-child,
9630
+ ._dataTableBordered_19gqf_622 ._dataTableTd_19gqf_263:last-child {
9572
9631
  border-inline-end: none;
9573
9632
  }
9574
- ._dataTableRow_1r4e0_252:last-child ._dataTableTd_1r4e0_261,
9575
- ._dataTableRow_1r4e0_252:last-child ._dataTableBodyCell_1r4e0_278 {
9633
+ ._dataTableRow_19gqf_254:last-child ._dataTableTd_19gqf_263,
9634
+ ._dataTableRow_19gqf_254:last-child ._dataTableBodyCell_19gqf_280 {
9576
9635
  border-block-end: none;
9577
9636
  }
9578
- ._dataTableContainer_1r4e0_23:last-child ._dataTableBody_1r4e0_248 tr:last-child ._dataTableTd_1r4e0_261:last-child {
9637
+ ._dataTableContainer_19gqf_23:last-child ._dataTableBody_19gqf_250 tr:last-child ._dataTableTd_19gqf_263:last-child {
9579
9638
  border-end-end-radius: var(--radius-xs);
9580
9639
  }
9581
9640
  ._paginationRoot_as5nx_1 {