@youcan/celeste 0.12.0 → 0.13.0

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 (76) hide show
  1. package/ai/component-registry.json +2 -2
  2. package/ai/component-registry.md +1 -1
  3. package/ai/icons.md +1 -1
  4. package/ai/tokens.md +1 -1
  5. package/dist/celeste.css +148 -158
  6. package/dist/cjs/chunks/ConfigProvider.cjs +58 -1
  7. package/dist/cjs/chunks/calendar.cjs +73 -67
  8. package/dist/cjs/chunks/combobox-root.cjs +12 -5
  9. package/dist/cjs/chunks/digit-input.cjs +13 -7
  10. package/dist/cjs/chunks/dropdown-menu.cjs +10 -4
  11. package/dist/cjs/chunks/radio-group.cjs +9 -3
  12. package/dist/cjs/chunks/range-calendar.cjs +73 -67
  13. package/dist/cjs/chunks/scroll-area.cjs +18 -12
  14. package/dist/cjs/chunks/scroll-bar.cjs +1 -0
  15. package/dist/cjs/chunks/segmented-control.cjs +23 -17
  16. package/dist/cjs/chunks/select.cjs +9 -3
  17. package/dist/cjs/chunks/slider.cjs +16 -10
  18. package/dist/cjs/chunks/tab-menu-list.cjs +3 -3
  19. package/dist/cjs/chunks/tab-menu.cjs +12 -5
  20. package/dist/cjs/chunks/text-input.cjs +1 -1
  21. package/dist/cjs/command-root.cjs +9 -3
  22. package/dist/cjs/index.cjs +2 -0
  23. package/dist/cjs/use-direction.cjs +31 -0
  24. package/dist/cjs/use-tab-observer.cjs +1 -1
  25. package/dist/components/combobox/combobox-root.d.ts +2 -2
  26. package/dist/components/dropdown-menu/dropdown-menu.d.ts +2 -2
  27. package/dist/components/radio-group/radio-group.d.ts +2 -2
  28. package/dist/components/scroll-area/scroll-area.d.ts +2 -2
  29. package/dist/components/segmented-control/segmented-control.d.ts +2 -2
  30. package/dist/components/select/select.d.ts +2 -2
  31. package/dist/components/tab-menu/tab-menu.d.ts +2 -2
  32. package/dist/composables/index.d.ts +1 -0
  33. package/dist/composables/use-direction.d.ts +3 -0
  34. package/dist/es/chunks/ConfigProvider.js +53 -2
  35. package/dist/es/chunks/FocusScope.js +1 -1
  36. package/dist/es/chunks/Teleport.js +1 -1
  37. package/dist/es/chunks/calendar.js +73 -67
  38. package/dist/es/chunks/combobox-root.js +13 -6
  39. package/dist/es/chunks/digit-input.js +14 -8
  40. package/dist/es/chunks/dropdown-menu.js +11 -5
  41. package/dist/es/chunks/radio-group.js +10 -4
  42. package/dist/es/chunks/range-calendar.js +73 -67
  43. package/dist/es/chunks/scroll-area.js +18 -12
  44. package/dist/es/chunks/scroll-bar.js +1 -0
  45. package/dist/es/chunks/segmented-control.js +24 -18
  46. package/dist/es/chunks/select.js +10 -4
  47. package/dist/es/chunks/slider.js +16 -10
  48. package/dist/es/chunks/tab-menu-list.js +3 -3
  49. package/dist/es/chunks/tab-menu.js +13 -6
  50. package/dist/es/chunks/text-input.js +1 -1
  51. package/dist/es/chunks/useDirection.js +1 -1
  52. package/dist/es/chunks/useId.js +1 -1
  53. package/dist/es/chunks/useLocale.js +1 -1
  54. package/dist/es/chunks/useNonce.js +1 -1
  55. package/dist/es/command-root.js +10 -4
  56. package/dist/es/index.js +2 -1
  57. package/dist/es/use-direction.js +30 -0
  58. package/dist/es/use-tab-observer.js +1 -1
  59. package/package.json +3 -3
  60. package/src/components/calendar/calendar.vue +66 -60
  61. package/src/components/combobox/combobox-root.vue +9 -4
  62. package/src/components/command/command-root.vue +13 -8
  63. package/src/components/digit-input/digit-input.vue +13 -8
  64. package/src/components/dropdown-menu/dropdown-menu.vue +12 -7
  65. package/src/components/radio-group/radio-group.vue +12 -7
  66. package/src/components/range-calendar/range-calendar.vue +67 -61
  67. package/src/components/scroll-area/scroll-area.vue +17 -18
  68. package/src/components/segmented-control/segmented-control.vue +28 -23
  69. package/src/components/select/select.vue +12 -7
  70. package/src/components/slider/slider.vue +19 -14
  71. package/src/components/tab-menu/tab-menu-list.vue +8 -8
  72. package/src/components/tab-menu/tab-menu.vue +12 -4
  73. package/src/components/text-input/text-input.vue +11 -29
  74. package/src/composables/index.ts +1 -0
  75. package/src/composables/use-direction.ts +40 -0
  76. package/src/composables/use-tab-observer.ts +1 -2
package/dist/celeste.css CHANGED
@@ -1214,14 +1214,14 @@ to {
1214
1214
  .celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
1215
1215
  outline: none;
1216
1216
  box-shadow: var(--shadow-buttons-error-focus);
1217
- }.celeste-calendar[data-v-b0c6d2f8] {
1217
+ }.celeste-calendar[data-v-f067ca68] {
1218
1218
  display: flex;
1219
1219
  box-sizing: border-box;
1220
1220
  flex-direction: column;
1221
1221
  color: var(--color-text-sub-600);
1222
1222
  gap: var(--spacing-8);
1223
1223
  }
1224
- .celeste-calendar-header[data-v-b0c6d2f8] {
1224
+ .celeste-calendar-header[data-v-f067ca68] {
1225
1225
  display: flex;
1226
1226
  align-items: center;
1227
1227
  justify-content: center;
@@ -1230,13 +1230,13 @@ to {
1230
1230
  border-radius: var(--radius-8);
1231
1231
  background-color: var(--color-bg-weak-50);
1232
1232
  }
1233
- .celeste-calendar-heading[data-v-b0c6d2f8] {
1233
+ .celeste-calendar-heading[data-v-f067ca68] {
1234
1234
  flex: 1;
1235
1235
  color: var(--color-text-sub-600);
1236
1236
  font: var(--label-sm);
1237
1237
  text-align: center;
1238
1238
  }
1239
- .celeste-calendar-nav[data-v-b0c6d2f8] {
1239
+ .celeste-calendar-nav[data-v-f067ca68] {
1240
1240
  display: inline-flex;
1241
1241
  box-sizing: border-box;
1242
1242
  align-items: center;
@@ -1254,49 +1254,49 @@ to {
1254
1254
  color: var(--color-icon-sub-600);
1255
1255
  cursor: pointer;
1256
1256
  }
1257
- .celeste-calendar-nav i[data-v-b0c6d2f8] {
1257
+ .celeste-calendar-nav i[data-v-f067ca68] {
1258
1258
  width: 20px;
1259
1259
  height: 20px;
1260
1260
  }
1261
- .celeste-calendar-nav:dir(rtl) i[data-v-b0c6d2f8] {
1261
+ .celeste-calendar-nav:dir(rtl) i[data-v-f067ca68] {
1262
1262
  transform: scaleX(-1);
1263
1263
  }
1264
- .celeste-calendar-nav[data-v-b0c6d2f8]:hover {
1264
+ .celeste-calendar-nav[data-v-f067ca68]:hover {
1265
1265
  color: var(--color-icon-strong-950);
1266
1266
  }
1267
- .celeste-calendar-nav[data-v-b0c6d2f8]:focus-visible {
1267
+ .celeste-calendar-nav[data-v-f067ca68]:focus-visible {
1268
1268
  outline: none;
1269
1269
  box-shadow: var(--shadow-buttons-important-focus);
1270
1270
  }
1271
- .celeste-calendar-nav[data-disabled][data-v-b0c6d2f8] {
1271
+ .celeste-calendar-nav[data-disabled][data-v-f067ca68] {
1272
1272
  background-color: transparent;
1273
1273
  box-shadow: none;
1274
1274
  color: var(--color-icon-disabled-300);
1275
1275
  cursor: default;
1276
1276
  pointer-events: none;
1277
1277
  }
1278
- .celeste-calendar-months[data-v-b0c6d2f8] {
1278
+ .celeste-calendar-months[data-v-f067ca68] {
1279
1279
  display: flex;
1280
1280
  gap: var(--spacing-16);
1281
1281
  }
1282
- .celeste-calendar-grid[data-v-b0c6d2f8] {
1282
+ .celeste-calendar-grid[data-v-f067ca68] {
1283
1283
  display: flex;
1284
1284
  flex-direction: column;
1285
1285
  gap: var(--spacing-8);
1286
1286
  width: 100%;
1287
1287
  border-collapse: collapse;
1288
1288
  }
1289
- .celeste-calendar-body[data-v-b0c6d2f8] {
1289
+ .celeste-calendar-body[data-v-f067ca68] {
1290
1290
  display: flex;
1291
1291
  flex-direction: column;
1292
1292
  gap: var(--spacing-8);
1293
1293
  }
1294
- .celeste-calendar-week[data-v-b0c6d2f8] {
1294
+ .celeste-calendar-week[data-v-f067ca68] {
1295
1295
  display: flex;
1296
1296
  align-items: center;
1297
1297
  gap: var(--spacing-8);
1298
1298
  }
1299
- .celeste-calendar-weekday[data-v-b0c6d2f8] {
1299
+ .celeste-calendar-weekday[data-v-f067ca68] {
1300
1300
  flex: 1;
1301
1301
  padding-block: var(--spacing-10);
1302
1302
  color: var(--color-text-soft-400);
@@ -1304,12 +1304,12 @@ to {
1304
1304
  text-align: center;
1305
1305
  text-transform: uppercase;
1306
1306
  }
1307
- .celeste-calendar-cell[data-v-b0c6d2f8] {
1307
+ .celeste-calendar-cell[data-v-f067ca68] {
1308
1308
  position: relative;
1309
1309
  flex: 1;
1310
1310
  min-width: 0;
1311
1311
  }
1312
- .celeste-calendar-day[data-v-b0c6d2f8] {
1312
+ .celeste-calendar-day[data-v-f067ca68] {
1313
1313
  display: flex;
1314
1314
  position: relative;
1315
1315
  box-sizing: border-box;
@@ -1329,44 +1329,44 @@ to {
1329
1329
  -moz-user-select: none;
1330
1330
  user-select: none;
1331
1331
  }
1332
- .celeste-calendar-day[data-v-b0c6d2f8]:hover {
1332
+ .celeste-calendar-day[data-v-f067ca68]:hover {
1333
1333
  background-color: var(--color-bg-weak-50);
1334
1334
  color: var(--color-text-strong-950);
1335
1335
  }
1336
- .celeste-calendar-day[data-v-b0c6d2f8]:focus-visible {
1336
+ .celeste-calendar-day[data-v-f067ca68]:focus-visible {
1337
1337
  outline: none;
1338
1338
  box-shadow: var(--shadow-buttons-important-focus);
1339
1339
  }
1340
- .celeste-calendar-day[data-outside-view][data-v-b0c6d2f8], .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8] {
1340
+ .celeste-calendar-day[data-outside-view][data-v-f067ca68], .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68] {
1341
1341
  color: var(--color-text-disabled-300);
1342
1342
  }
1343
- .celeste-calendar-day[data-outside-view][data-v-b0c6d2f8]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-b0c6d2f8]:hover {
1343
+ .celeste-calendar-day[data-outside-view][data-v-f067ca68]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68]:hover {
1344
1344
  background-color: var(--color-bg-white-0);
1345
1345
  color: var(--color-text-disabled-300);
1346
1346
  }
1347
- .celeste-calendar-day[data-disabled][data-v-b0c6d2f8] {
1347
+ .celeste-calendar-day[data-disabled][data-v-f067ca68] {
1348
1348
  color: var(--color-text-disabled-300);
1349
1349
  cursor: default;
1350
1350
  pointer-events: none;
1351
1351
  }
1352
- .celeste-calendar-day[data-unavailable][data-v-b0c6d2f8] {
1352
+ .celeste-calendar-day[data-unavailable][data-v-f067ca68] {
1353
1353
  color: var(--color-text-disabled-300);
1354
1354
  text-decoration: line-through;
1355
1355
  pointer-events: none;
1356
1356
  }
1357
- .celeste-calendar-day[data-selected][data-v-b0c6d2f8] {
1357
+ .celeste-calendar-day[data-selected][data-v-f067ca68] {
1358
1358
  background-color: var(--color-primary-base);
1359
1359
  color: var(--color-text-white-0);
1360
1360
  }
1361
- .celeste-calendar-day[data-selected][data-v-b0c6d2f8]:hover {
1361
+ .celeste-calendar-day[data-selected][data-v-f067ca68]:hover {
1362
1362
  background-color: var(--color-primary-base);
1363
1363
  color: var(--color-text-white-0);
1364
1364
  }
1365
- .celeste-calendar-day-number[data-v-b0c6d2f8] {
1365
+ .celeste-calendar-day-number[data-v-f067ca68] {
1366
1366
  position: relative;
1367
1367
  }
1368
- .celeste-calendar-day[data-today][data-v-b0c6d2f8]::after,
1369
- .celeste-calendar-day[data-marked][data-v-b0c6d2f8]::after {
1368
+ .celeste-calendar-day[data-today][data-v-f067ca68]::after,
1369
+ .celeste-calendar-day[data-marked][data-v-f067ca68]::after {
1370
1370
  content: "";
1371
1371
  position: absolute;
1372
1372
  bottom: 6px;
@@ -1377,8 +1377,8 @@ to {
1377
1377
  border-radius: var(--radius-full);
1378
1378
  background-color: var(--color-primary-base);
1379
1379
  }
1380
- .celeste-calendar-day[data-selected][data-today][data-v-b0c6d2f8]::after,
1381
- .celeste-calendar-day[data-selected][data-marked][data-v-b0c6d2f8]::after {
1380
+ .celeste-calendar-day[data-selected][data-today][data-v-f067ca68]::after,
1381
+ .celeste-calendar-day[data-selected][data-marked][data-v-f067ca68]::after {
1382
1382
  background-color: var(--color-text-white-0);
1383
1383
  }.celeste-chart-card[data-v-e3917b02] {
1384
1384
  display: flex;
@@ -2413,7 +2413,7 @@ to {
2413
2413
  .celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
2414
2414
  background-color: transparent !important;
2415
2415
  }/* stylelint-disable no-descending-specificity */
2416
- .celeste-text-input-wrapper[data-v-74d9ab66] {
2416
+ .celeste-text-input-wrapper[data-v-d61fa3e2] {
2417
2417
  --celeste-text-input-border-color: var(--color-stroke-soft-200);
2418
2418
  --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
2419
2419
  --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -2436,28 +2436,28 @@ to {
2436
2436
  font: var(--paragraph-sm);
2437
2437
  gap: var(--input-gap);
2438
2438
  }
2439
- .celeste-text-input-wrapper[size=xs][data-v-74d9ab66] {
2439
+ .celeste-text-input-wrapper[size=xs][data-v-d61fa3e2] {
2440
2440
  --input-gap: 8px;
2441
2441
  --input-height: 32px;
2442
2442
  --input-radius: var(--radius-8);
2443
2443
  --input-padding: calc(var(--spacing-8) - var(--spacing-2));
2444
2444
  }
2445
- .celeste-text-input-wrapper[size=sm][data-v-74d9ab66] {
2445
+ .celeste-text-input-wrapper[size=sm][data-v-d61fa3e2] {
2446
2446
  --input-gap: 6px;
2447
2447
  --input-height: 36px;
2448
2448
  --input-radius: var(--radius-8);
2449
2449
  --input-padding: var(--spacing-8);
2450
2450
  }
2451
- .celeste-text-input-wrapper[size=md][data-v-74d9ab66] {
2451
+ .celeste-text-input-wrapper[size=md][data-v-d61fa3e2] {
2452
2452
  --input-gap: 6px;
2453
2453
  --input-height: 40px;
2454
2454
  --input-radius: var(--radius-10);
2455
2455
  --input-padding: var(--spacing-10);
2456
2456
  }
2457
- .celeste-text-input-wrapper[has-error=true][data-v-74d9ab66] {
2457
+ .celeste-text-input-wrapper[has-error=true][data-v-d61fa3e2] {
2458
2458
  --celeste-text-input-border-color: var(--color-state-error-base);
2459
2459
  }
2460
- .celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66] {
2460
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2] {
2461
2461
  width: 100%;
2462
2462
  height: 100%;
2463
2463
  padding: 0;
@@ -2467,62 +2467,62 @@ to {
2467
2467
  color: inherit;
2468
2468
  font: inherit;
2469
2469
  }
2470
- .celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66]::-moz-placeholder {
2470
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
2471
2471
  -moz-transition: color var(--animation-fast) ease-out;
2472
2472
  transition: color var(--animation-fast) ease-out;
2473
2473
  color: var(--celeste-text-input-placeholder-color);
2474
2474
  }
2475
- .celeste-text-input-wrapper .celeste-text-input[data-v-74d9ab66]::placeholder {
2475
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::placeholder {
2476
2476
  transition: color var(--animation-fast) ease-out;
2477
2477
  color: var(--celeste-text-input-placeholder-color);
2478
2478
  }
2479
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-74d9ab66]::-webkit-search-cancel-button {
2479
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-cancel-button {
2480
2480
  display: none;
2481
2481
  -webkit-appearance: none;
2482
2482
  appearance: none;
2483
2483
  }
2484
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-74d9ab66]::-webkit-search-decoration {
2484
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-decoration {
2485
2485
  display: none;
2486
2486
  -webkit-appearance: none;
2487
2487
  appearance: none;
2488
2488
  }
2489
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-calendar-picker-indicator {
2489
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-calendar-picker-indicator {
2490
2490
  display: none;
2491
2491
  -webkit-appearance: none;
2492
2492
  appearance: none;
2493
2493
  }
2494
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-webkit-inner-spin-button {
2494
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-inner-spin-button {
2495
2495
  display: none;
2496
2496
  -webkit-appearance: none;
2497
2497
  appearance: none;
2498
2498
  }
2499
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-74d9ab66]::-ms-expand {
2499
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-expand {
2500
2500
  display: none;
2501
2501
  }
2502
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input-leading-node) {
2502
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-leading-node) {
2503
2503
  padding-inline-start: 0;
2504
2504
  }
2505
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input-trailing-node) {
2505
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-trailing-node) {
2506
2506
  padding-inline-end: 0;
2507
2507
  }
2508
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:focus) {
2508
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:focus) {
2509
2509
  --celeste-text-input-border-color: var(--color-stroke-strong-950);
2510
2510
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
2511
2511
  --celeste-text-input-icon-color: var(--color-text-sub-600);
2512
2512
  --celeste-text-input-affix-color: var(--color-text-sub-600);
2513
2513
  outline-color: var(--color-stroke-soft-200);
2514
2514
  }
2515
- .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-74d9ab66] {
2515
+ .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-d61fa3e2] {
2516
2516
  --celeste-text-input-border-color: var(--color-state-error-base);
2517
2517
  outline-color: var(--color-state-error-lighter);
2518
2518
  }
2519
- .celeste-text-input-wrapper[data-v-74d9ab66] input:-webkit-autofill {
2519
+ .celeste-text-input-wrapper[data-v-d61fa3e2] input:-webkit-autofill {
2520
2520
  -webkit-transition: background-color 5000s ease-in-out 0s;
2521
2521
  transition: background-color 5000s ease-in-out 0s;
2522
2522
  -webkit-background-clip: text;
2523
2523
  background-clip: text;
2524
2524
  }
2525
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:disabled) {
2525
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:disabled) {
2526
2526
  --celeste-text-input-border-color: transparent;
2527
2527
  --celeste-text-input-drop-shadow: none;
2528
2528
  --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -2534,58 +2534,48 @@ to {
2534
2534
  color: var(--color-text-disabled-300);
2535
2535
  pointer-events: none;
2536
2536
  }
2537
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-74d9ab66]::-moz-placeholder {
2537
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
2538
2538
  color: currentcolor;
2539
2539
  }
2540
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-74d9ab66]::placeholder {
2540
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::placeholder {
2541
2541
  color: currentcolor;
2542
2542
  }
2543
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-74d9ab66] {
2543
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-d61fa3e2] {
2544
2544
  color: var(--color-text-disabled-300);
2545
2545
  pointer-events: none;
2546
2546
  }
2547
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
2547
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
2548
2548
  --celeste-text-input-border-color: transparent;
2549
2549
  }
2550
- .celeste-text-input-wrapper[data-v-74d9ab66]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
2550
+ .celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
2551
2551
  --celeste-text-input-icon-color: var(--color-text-sub-600);
2552
2552
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
2553
2553
  background-color: var(--color-bg-weak-50);
2554
2554
  }
2555
- .celeste-text-input-wrapper .celeste-text-input-icon[data-v-74d9ab66] {
2555
+ .celeste-text-input-wrapper .celeste-text-input-icon[data-v-d61fa3e2] {
2556
2556
  flex-shrink: 0;
2557
2557
  width: 20px;
2558
2558
  height: 20px;
2559
2559
  transition: all var(--animation-fast) ease-out;
2560
2560
  color: var(--celeste-text-input-icon-color);
2561
2561
  }
2562
- .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node,
2563
- .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
2564
- height: calc(var(--input-height) - var(--spacing-2)) !important;
2562
+ .celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node,
2563
+ .celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
2564
+ height: calc(var(--input-height) - var(--spacing-2));
2565
2565
  }
2566
- [dir=ltr] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
2567
- border-right: 1px solid var(--color-stroke-soft-200) !important;
2568
- border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
2569
- }
2570
- [dir=ltr] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
2571
- border-left: 1px solid var(--color-stroke-soft-200) !important;
2572
- border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
2573
- }
2574
- [dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
2575
- border-left: 1px solid var(--color-stroke-soft-200) !important;
2576
- border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
2577
- }
2578
- [dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
2579
- border-right: 1px solid var(--color-stroke-soft-200) !important;
2580
- border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
2581
- }
2582
- .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
2583
- border-right: 1px solid var(--color-stroke-soft-200) !important;
2584
- border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
2566
+ .celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node {
2567
+ border-inline-end: 1px solid var(--color-stroke-soft-200);
2568
+ border-start-start-radius: var(--input-radius);
2569
+ border-start-end-radius: 0;
2570
+ border-end-end-radius: 0;
2571
+ border-end-start-radius: var(--input-radius);
2585
2572
  }
2586
- .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
2587
- border-left: 1px solid var(--color-stroke-soft-200) !important;
2588
- border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
2573
+ .celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
2574
+ border-inline-start: 1px solid var(--color-stroke-soft-200);
2575
+ border-start-start-radius: 0;
2576
+ border-start-end-radius: var(--input-radius);
2577
+ border-end-end-radius: var(--input-radius);
2578
+ border-end-start-radius: 0;
2589
2579
  }.celeste-color-swatch[data-v-c0ab1e9e] {
2590
2580
  display: flex;
2591
2581
  flex-direction: column;
@@ -2887,7 +2877,7 @@ to {
2887
2877
  transform: translateY(10px);
2888
2878
  opacity: 0;
2889
2879
  }
2890
- }.celeste-combobox-root[data-v-909a5de3] {
2880
+ }.celeste-combobox-root[data-v-7e1e8d15] {
2891
2881
  flex-shrink: 0;
2892
2882
  }.celeste-dropdown-separator[data-v-bf73b588] {
2893
2883
  width: 100%;
@@ -3435,7 +3425,7 @@ to {
3435
3425
  --celeste-digit-input-border-color: transparent;
3436
3426
  --celeste-digit-input-placeholder-color: var(--color-text-sub-600);
3437
3427
  background-color: var(--color-bg-weak-50);
3438
- }.celeste-digit-input[data-v-f3b019f4] {
3428
+ }.celeste-digit-input[data-v-20a3fbb5] {
3439
3429
  display: flex;
3440
3430
  align-items: center;
3441
3431
  max-width: 100%;
@@ -3656,7 +3646,7 @@ to {
3656
3646
  }
3657
3647
  .celeste-dropdown-menu-trigger[data-disabled][data-v-182db80e] i {
3658
3648
  color: var(--color-icon-disabled-300);
3659
- }[data-v-1cc87774] {
3649
+ }[data-v-fa4c1e84] {
3660
3650
  box-sizing: border-box;
3661
3651
  }[data-v-cf42d877] .celeste-tooltip-content {
3662
3652
  display: flex;
@@ -4041,16 +4031,16 @@ to {
4041
4031
  }
4042
4032
  .celeste-slider .celeste-slider-thumb:active {
4043
4033
  cursor: grabbing;
4044
- }.celeste-range-calendar[data-v-dc79fc39] {
4034
+ }.celeste-range-calendar[data-v-87d63238] {
4045
4035
  display: flex;
4046
4036
  box-sizing: border-box;
4047
4037
  color: var(--color-text-sub-600);
4048
4038
  }
4049
- .celeste-range-calendar-months[data-v-dc79fc39] {
4039
+ .celeste-range-calendar-months[data-v-87d63238] {
4050
4040
  display: flex;
4051
4041
  align-items: stretch;
4052
4042
  }
4053
- .celeste-range-calendar-month[data-v-dc79fc39] {
4043
+ .celeste-range-calendar-month[data-v-87d63238] {
4054
4044
  display: flex;
4055
4045
  flex: 1;
4056
4046
  flex-direction: column;
@@ -4058,10 +4048,10 @@ to {
4058
4048
  min-width: 0;
4059
4049
  padding: 20px;
4060
4050
  }
4061
- .celeste-range-calendar-month[data-v-dc79fc39]:not(:last-child) {
4051
+ .celeste-range-calendar-month[data-v-87d63238]:not(:last-child) {
4062
4052
  border-inline-end: 1px solid var(--color-stroke-soft-200);
4063
4053
  }
4064
- .celeste-range-calendar-header[data-v-dc79fc39] {
4054
+ .celeste-range-calendar-header[data-v-87d63238] {
4065
4055
  display: flex;
4066
4056
  align-items: center;
4067
4057
  justify-content: center;
@@ -4070,13 +4060,13 @@ to {
4070
4060
  border-radius: var(--radius-8);
4071
4061
  background-color: var(--color-bg-weak-50);
4072
4062
  }
4073
- .celeste-range-calendar-heading[data-v-dc79fc39] {
4063
+ .celeste-range-calendar-heading[data-v-87d63238] {
4074
4064
  flex: 1;
4075
4065
  color: var(--color-text-sub-600);
4076
4066
  font: var(--label-sm);
4077
4067
  text-align: center;
4078
4068
  }
4079
- .celeste-range-calendar-nav[data-v-dc79fc39] {
4069
+ .celeste-range-calendar-nav[data-v-87d63238] {
4080
4070
  display: inline-flex;
4081
4071
  box-sizing: border-box;
4082
4072
  align-items: center;
@@ -4094,74 +4084,74 @@ to {
4094
4084
  color: var(--color-icon-sub-600);
4095
4085
  cursor: pointer;
4096
4086
  }
4097
- .celeste-range-calendar-nav i[data-v-dc79fc39] {
4087
+ .celeste-range-calendar-nav i[data-v-87d63238] {
4098
4088
  width: 20px;
4099
4089
  height: 20px;
4100
4090
  }
4101
- .celeste-range-calendar-nav:dir(rtl) i[data-v-dc79fc39] {
4091
+ .celeste-range-calendar-nav:dir(rtl) i[data-v-87d63238] {
4102
4092
  transform: scaleX(-1);
4103
4093
  }
4104
- .celeste-range-calendar-nav[data-v-dc79fc39]:hover {
4094
+ .celeste-range-calendar-nav[data-v-87d63238]:hover {
4105
4095
  color: var(--color-icon-strong-950);
4106
4096
  }
4107
- .celeste-range-calendar-nav[data-v-dc79fc39]:focus-visible {
4097
+ .celeste-range-calendar-nav[data-v-87d63238]:focus-visible {
4108
4098
  outline: none;
4109
4099
  box-shadow: var(--shadow-buttons-important-focus);
4110
4100
  }
4111
- .celeste-range-calendar-nav[data-disabled][data-v-dc79fc39] {
4101
+ .celeste-range-calendar-nav[data-disabled][data-v-87d63238] {
4112
4102
  background-color: transparent;
4113
4103
  box-shadow: none;
4114
4104
  color: var(--color-icon-disabled-300);
4115
4105
  cursor: default;
4116
4106
  pointer-events: none;
4117
4107
  }
4118
- .celeste-range-calendar-grid[data-v-dc79fc39] {
4108
+ .celeste-range-calendar-grid[data-v-87d63238] {
4119
4109
  display: flex;
4120
4110
  flex-direction: column;
4121
4111
  gap: var(--spacing-8);
4122
4112
  width: 100%;
4123
4113
  border-collapse: collapse;
4124
4114
  }
4125
- .celeste-range-calendar-body[data-v-dc79fc39] {
4115
+ .celeste-range-calendar-body[data-v-87d63238] {
4126
4116
  display: flex;
4127
4117
  flex-direction: column;
4128
4118
  gap: var(--spacing-8);
4129
4119
  }
4130
- .celeste-range-calendar-week[data-v-dc79fc39] {
4120
+ .celeste-range-calendar-week[data-v-87d63238] {
4131
4121
  display: grid;
4132
4122
  grid-template-columns: repeat(7, minmax(0, 1fr));
4133
4123
  align-items: center;
4134
4124
  }
4135
- .celeste-range-calendar-weekday[data-v-dc79fc39] {
4125
+ .celeste-range-calendar-weekday[data-v-87d63238] {
4136
4126
  padding-block: var(--spacing-10);
4137
4127
  color: var(--color-text-soft-400);
4138
4128
  font: var(--label-sm);
4139
4129
  text-align: center;
4140
4130
  text-transform: uppercase;
4141
4131
  }
4142
- .celeste-range-calendar-cell[data-v-dc79fc39] {
4132
+ .celeste-range-calendar-cell[data-v-87d63238] {
4143
4133
  position: relative;
4144
4134
  min-width: 0;
4145
4135
  }
4146
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selected]),
4147
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted]) {
4136
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selected]),
4137
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted]) {
4148
4138
  background-color: var(--color-primary-alpha-10);
4149
4139
  }
4150
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-start]),
4151
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-start]),
4152
- .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-selected]),
4153
- .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
4140
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-start]),
4141
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-start]),
4142
+ .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-selected]),
4143
+ .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
4154
4144
  border-start-start-radius: var(--radius-8);
4155
4145
  border-end-start-radius: var(--radius-8);
4156
4146
  }
4157
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-selection-end]),
4158
- .celeste-range-calendar-cell[data-v-dc79fc39]:has(.celeste-range-calendar-day[data-highlighted-end]),
4159
- .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-selected]),
4160
- .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-dc79fc39]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
4147
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-end]),
4148
+ .celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-end]),
4149
+ .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-selected]),
4150
+ .celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
4161
4151
  border-start-end-radius: var(--radius-8);
4162
4152
  border-end-end-radius: var(--radius-8);
4163
4153
  }
4164
- .celeste-range-calendar-day[data-v-dc79fc39] {
4154
+ .celeste-range-calendar-day[data-v-87d63238] {
4165
4155
  display: flex;
4166
4156
  position: relative;
4167
4157
  box-sizing: border-box;
@@ -4183,51 +4173,51 @@ to {
4183
4173
  -moz-user-select: none;
4184
4174
  user-select: none;
4185
4175
  }
4186
- .celeste-range-calendar-day[data-v-dc79fc39]:hover {
4176
+ .celeste-range-calendar-day[data-v-87d63238]:hover {
4187
4177
  background-color: var(--color-bg-weak-50);
4188
4178
  color: var(--color-text-strong-950);
4189
4179
  }
4190
- .celeste-range-calendar-day[data-v-dc79fc39]:focus-visible {
4180
+ .celeste-range-calendar-day[data-v-87d63238]:focus-visible {
4191
4181
  outline: none;
4192
4182
  box-shadow: var(--shadow-buttons-important-focus);
4193
4183
  }
4194
- .celeste-range-calendar-day[data-outside-view][data-v-dc79fc39], .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39] {
4184
+ .celeste-range-calendar-day[data-outside-view][data-v-87d63238], .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238] {
4195
4185
  color: var(--color-text-disabled-300);
4196
4186
  }
4197
- .celeste-range-calendar-day[data-outside-view][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-dc79fc39]:hover {
4187
+ .celeste-range-calendar-day[data-outside-view][data-v-87d63238]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238]:hover {
4198
4188
  background-color: transparent;
4199
4189
  color: var(--color-text-disabled-300);
4200
4190
  }
4201
- .celeste-range-calendar-day[data-disabled][data-v-dc79fc39] {
4191
+ .celeste-range-calendar-day[data-disabled][data-v-87d63238] {
4202
4192
  color: var(--color-text-disabled-300);
4203
4193
  cursor: default;
4204
4194
  pointer-events: none;
4205
4195
  }
4206
- .celeste-range-calendar-day[data-unavailable][data-v-dc79fc39] {
4196
+ .celeste-range-calendar-day[data-unavailable][data-v-87d63238] {
4207
4197
  color: var(--color-text-disabled-300);
4208
4198
  text-decoration: line-through;
4209
4199
  pointer-events: none;
4210
4200
  }
4211
- .celeste-range-calendar-day[data-selected][data-v-dc79fc39], .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39] {
4201
+ .celeste-range-calendar-day[data-selected][data-v-87d63238], .celeste-range-calendar-day[data-highlighted][data-v-87d63238] {
4212
4202
  color: var(--color-primary-base);
4213
4203
  }
4214
- .celeste-range-calendar-day[data-selected][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-highlighted][data-v-dc79fc39]:hover {
4204
+ .celeste-range-calendar-day[data-selected][data-v-87d63238]:hover, .celeste-range-calendar-day[data-highlighted][data-v-87d63238]:hover {
4215
4205
  background-color: transparent;
4216
4206
  color: var(--color-primary-base);
4217
4207
  }
4218
- .celeste-range-calendar-day[data-selection-start][data-v-dc79fc39], .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39] {
4208
+ .celeste-range-calendar-day[data-selection-start][data-v-87d63238], .celeste-range-calendar-day[data-selection-end][data-v-87d63238] {
4219
4209
  background-color: var(--color-primary-base);
4220
4210
  color: var(--color-text-white-0);
4221
4211
  }
4222
- .celeste-range-calendar-day[data-selection-start][data-v-dc79fc39]:hover, .celeste-range-calendar-day[data-selection-end][data-v-dc79fc39]:hover {
4212
+ .celeste-range-calendar-day[data-selection-start][data-v-87d63238]:hover, .celeste-range-calendar-day[data-selection-end][data-v-87d63238]:hover {
4223
4213
  background-color: var(--color-primary-base);
4224
4214
  color: var(--color-text-white-0);
4225
4215
  }
4226
- .celeste-range-calendar-day-number[data-v-dc79fc39] {
4216
+ .celeste-range-calendar-day-number[data-v-87d63238] {
4227
4217
  position: relative;
4228
4218
  }
4229
- .celeste-range-calendar-day[data-today][data-v-dc79fc39]::after,
4230
- .celeste-range-calendar-day[data-marked][data-v-dc79fc39]::after {
4219
+ .celeste-range-calendar-day[data-today][data-v-87d63238]::after,
4220
+ .celeste-range-calendar-day[data-marked][data-v-87d63238]::after {
4231
4221
  content: "";
4232
4222
  position: absolute;
4233
4223
  bottom: 6px;
@@ -4238,10 +4228,10 @@ to {
4238
4228
  border-radius: var(--radius-full);
4239
4229
  background-color: var(--color-primary-base);
4240
4230
  }
4241
- .celeste-range-calendar-day[data-selection-start][data-today][data-v-dc79fc39]::after,
4242
- .celeste-range-calendar-day[data-selection-end][data-today][data-v-dc79fc39]::after,
4243
- .celeste-range-calendar-day[data-selection-start][data-marked][data-v-dc79fc39]::after,
4244
- .celeste-range-calendar-day[data-selection-end][data-marked][data-v-dc79fc39]::after {
4231
+ .celeste-range-calendar-day[data-selection-start][data-today][data-v-87d63238]::after,
4232
+ .celeste-range-calendar-day[data-selection-end][data-today][data-v-87d63238]::after,
4233
+ .celeste-range-calendar-day[data-selection-start][data-marked][data-v-87d63238]::after,
4234
+ .celeste-range-calendar-day[data-selection-end][data-marked][data-v-87d63238]::after {
4245
4235
  background-color: var(--color-text-white-0);
4246
4236
  }.celeste-pagination-ellipsis[data-v-5fcf13e0] {
4247
4237
  -webkit-user-select: none;
@@ -4337,11 +4327,11 @@ to {
4337
4327
  flex: 1;
4338
4328
  border-radius: calc(infinity * 1px);
4339
4329
  background-color: var(--color-bg-sub-300);
4340
- }.celeste-scroll-area[data-v-af5a144a] {
4330
+ }.celeste-scroll-area[data-v-1bb37e0a] {
4341
4331
  position: relative;
4342
4332
  overflow: hidden;
4343
4333
  }
4344
- [data-v-af5a144a] .celeste-scroll-area-viewport {
4334
+ [data-v-1bb37e0a] .celeste-scroll-area-viewport {
4345
4335
  width: 100%;
4346
4336
  height: 100%;
4347
4337
  border-radius: inherit;
@@ -4423,7 +4413,7 @@ to {
4423
4413
  flex: 1;
4424
4414
  }
4425
4415
 
4426
- .celeste-tab-menu-list[data-v-bf1363bf] {
4416
+ .celeste-tab-menu-list[data-v-baf19a75] {
4427
4417
  display: flex;
4428
4418
  align-items: center;
4429
4419
  justify-content: flex-start;
@@ -4431,57 +4421,57 @@ to {
4431
4421
  padding: var(--spacing-10);
4432
4422
  gap: var(--spacing-8);
4433
4423
  }
4434
- .celeste-tab-menu-list[data-orientation='horizontal'][data-v-bf1363bf] {
4424
+ .celeste-tab-menu-list[data-orientation='horizontal'][data-v-baf19a75] {
4435
4425
  position: relative;
4436
4426
  flex-direction: row;
4437
4427
  padding: var(--spacing-0);
4438
4428
  gap: 24px;
4439
4429
  }
4440
- .celeste-tab-menu-list[data-orientation='horizontal'][data-bordered='true'][data-v-bf1363bf] {
4430
+ .celeste-tab-menu-list[data-orientation='horizontal'][data-bordered='true'][data-v-baf19a75] {
4441
4431
  border-block: 1px solid var(--color-stroke-soft-200);
4442
4432
  }
4443
- .celeste-tab-menu-list[data-orientation='vertical'][data-v-bf1363bf] {
4433
+ .celeste-tab-menu-list[data-orientation='vertical'][data-v-baf19a75] {
4444
4434
  flex-direction: column;
4445
4435
  }
4446
- .celeste-tab-menu-list[data-scrollable='true'][data-v-bf1363bf] {
4436
+ .celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75] {
4447
4437
  overflow-x: auto;
4448
4438
  scrollbar-width: none;
4449
4439
  }
4450
- .celeste-tab-menu-list[data-scrollable='true'][data-v-bf1363bf]::-webkit-scrollbar {
4440
+ .celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75]::-webkit-scrollbar {
4451
4441
  display: none;
4452
4442
  }
4453
- .celeste-tab-menu-list[data-fill='true'][data-v-bf1363bf] .celeste-tab-menu-item {
4443
+ .celeste-tab-menu-list[data-fill='true'][data-v-baf19a75] .celeste-tab-menu-item {
4454
4444
  flex: 1 1 0;
4455
4445
  width: auto;
4456
4446
  }
4457
- .celeste-tab-menu-list[data-align='center'][data-v-bf1363bf] .celeste-tab-menu-item {
4447
+ .celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item {
4458
4448
  justify-content: center;
4459
4449
  }
4460
- .celeste-tab-menu-list[data-align='center'][data-v-bf1363bf] .celeste-tab-menu-item-label {
4450
+ .celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item-label {
4461
4451
  flex: 0 1 auto;
4462
4452
  }
4463
- .celeste-tab-menu-indicator[data-v-bf1363bf] {
4453
+ .celeste-tab-menu-indicator[data-v-baf19a75] {
4464
4454
  position: absolute;
4465
4455
  bottom: -1px;
4466
4456
  left: 0;
4467
4457
  height: 2px;
4468
4458
  transition-property: transform, width;
4469
- transition-duration: 0s;
4459
+ transition-duration: var(--animation-normal);
4470
4460
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
4471
- opacity: 0;
4472
4461
  background-color: var(--color-primary-base);
4473
4462
  pointer-events: none;
4474
4463
  }
4475
- .celeste-tab-menu-list[data-scrollable='true'] > .celeste-tab-menu-indicator[data-v-bf1363bf] {
4464
+ .celeste-tab-menu-list[data-scrollable='true'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
4476
4465
  bottom: 0;
4477
4466
  }
4478
- .celeste-tab-menu-indicator[data-ready='true'][data-v-bf1363bf] {
4479
- transition-duration: var(--animation-normal);
4480
- opacity: 1;
4481
- }
4482
- .celeste-tab-menu-list[data-orientation='vertical'] > .celeste-tab-menu-indicator[data-v-bf1363bf] {
4467
+ .celeste-tab-menu-list[data-orientation='vertical'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
4483
4468
  display: none;
4484
4469
  }
4470
+ @media (prefers-reduced-motion: reduce) {
4471
+ .celeste-tab-menu-indicator[data-v-baf19a75] {
4472
+ transition-duration: 0s;
4473
+ }
4474
+ }
4485
4475
 
4486
4476
  .celeste-tab-menu-item[data-v-512ad887] {
4487
4477
  --animation-function: cubic-bezier(0, 0, 0.2, 1);
@@ -5374,7 +5364,7 @@ to {
5374
5364
  .celeste-select-item[data-state=checked][data-v-3fe18f57] .i-celeste-check-line {
5375
5365
  display: none;
5376
5366
  }
5377
- .celeste-segmented-control[data-v-9a13a9a8] {
5367
+ .celeste-segmented-control[data-v-1b4b28d6] {
5378
5368
  display: flex;
5379
5369
  position: relative;
5380
5370
  gap: var(--spacing-4);
@@ -5385,26 +5375,26 @@ to {
5385
5375
  border-radius: var(--radius-10);
5386
5376
  background-color: var(--color-bg-weak-50);
5387
5377
  }
5388
- .celeste-segmented-control[data-orientation='vertical'][data-v-9a13a9a8] {
5378
+ .celeste-segmented-control[data-orientation='vertical'][data-v-1b4b28d6] {
5389
5379
  flex-direction: column;
5390
5380
  }
5391
- .celeste-segmented-control-indicator[data-v-9a13a9a8] {
5381
+ .celeste-segmented-control-indicator[data-v-1b4b28d6] {
5392
5382
  position: absolute;
5393
5383
  z-index: -1;
5394
5384
  top: 0;
5395
5385
  left: 0;
5396
5386
  transition-property: transform, width, height;
5397
- transition-duration: 0s;
5387
+ transition-duration: var(--animation-normal);
5398
5388
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
5399
5389
  border-radius: var(--radius-6);
5400
- opacity: 0;
5401
5390
  background-color: var(--color-bg-white-0);
5402
5391
  box-shadow: var(--shadow-toggle-switch);
5403
5392
  pointer-events: none;
5404
5393
  }
5405
- .celeste-segmented-control-indicator[data-ready='true'][data-v-9a13a9a8] {
5406
- transition-duration: var(--animation-normal);
5407
- opacity: 1;
5394
+ @media (prefers-reduced-motion: reduce) {
5395
+ .celeste-segmented-control-indicator[data-v-1b4b28d6] {
5396
+ transition-duration: 0s;
5397
+ }
5408
5398
  }
5409
5399
 
5410
5400
  .celeste-sheet-close[data-v-a922d9c4] {
@@ -6051,13 +6041,13 @@ to {
6051
6041
  white-space: nowrap;
6052
6042
  }
6053
6043
 
6054
- .celeste-tab-menu-root[data-v-bd0a38f2] {
6044
+ .celeste-tab-menu-root[data-v-d5a36238] {
6055
6045
  display: flex;
6056
6046
  }
6057
- .celeste-tab-menu-root[data-orientation='vertical'][data-v-bd0a38f2] {
6047
+ .celeste-tab-menu-root[data-orientation='vertical'][data-v-d5a36238] {
6058
6048
  flex-direction: row;
6059
6049
  }
6060
- .celeste-tab-menu-root[data-orientation='horizontal'][data-v-bd0a38f2] {
6050
+ .celeste-tab-menu-root[data-orientation='horizontal'][data-v-d5a36238] {
6061
6051
  flex-direction: column;
6062
6052
  }
6063
6053