rei-kit 2.22.0 → 2.23.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.
package/dist/styles.css CHANGED
@@ -209,12 +209,12 @@
209
209
  cannot reach slot content, which belongs to the caller's scope, so
210
210
  `.tour-forward-*` and `.tour-backward-*` ship unscoped in
211
211
  `rei-kit/shell/mobile.css` where the caller's slide can actually see them. */
212
- .tour-enter-active[data-v-88982fee],
213
- .tour-leave-active[data-v-88982fee] {
212
+ .tour-enter-active[data-v-8c293eec],
213
+ .tour-leave-active[data-v-8c293eec] {
214
214
  transition: opacity var(--duration-base) ease;
215
215
  }
216
- .tour-enter-from[data-v-88982fee],
217
- .tour-leave-to[data-v-88982fee] {
216
+ .tour-enter-from[data-v-8c293eec],
217
+ .tour-leave-to[data-v-8c293eec] {
218
218
  opacity: 0;
219
219
  }
220
220
 
@@ -616,42 +616,42 @@
616
616
  color: var(--color-ink-soft);
617
617
  }
618
618
 
619
- .rk-slider[data-v-7fa2769b] {
619
+ .rk-slider[data-v-8f8ae87b] {
620
620
  display: flex;
621
621
  flex-direction: column;
622
622
  gap: 0.5rem;
623
623
  }
624
- .rk-slider-head[data-v-7fa2769b] {
624
+ .rk-slider-head[data-v-8f8ae87b] {
625
625
  display: flex;
626
626
  align-items: baseline;
627
627
  justify-content: space-between;
628
628
  gap: 1rem;
629
629
  }
630
- .rk-slider-label[data-v-7fa2769b] {
630
+ .rk-slider-label[data-v-8f8ae87b] {
631
631
  font-size: 0.875rem;
632
632
  font-weight: 500;
633
633
  color: var(--color-ink);
634
634
  }
635
- .rk-slider-value[data-v-7fa2769b] {
635
+ .rk-slider-value[data-v-8f8ae87b] {
636
636
  font-size: 0.875rem;
637
637
  color: var(--color-ink-soft);
638
638
  font-variant-numeric: tabular-nums;
639
639
  }
640
- .rk-slider-input[data-v-7fa2769b] {
640
+ .rk-slider-input[data-v-8f8ae87b] {
641
641
  width: 100%;
642
642
  height: 1.25rem;
643
643
  appearance: none;
644
644
  background: transparent;
645
645
  cursor: pointer;
646
646
  }
647
- .rk-slider-input[data-v-7fa2769b]:disabled {
647
+ .rk-slider-input[data-v-8f8ae87b]:disabled {
648
648
  opacity: 0.5;
649
649
  cursor: default;
650
650
  }
651
651
 
652
652
  /* The two engines will not accept these in one rule: an unknown pseudo-element
653
653
  invalidates the whole selector, so WebKit and Firefox are written twice. */
654
- .rk-slider-input[data-v-7fa2769b]::-webkit-slider-runnable-track {
654
+ .rk-slider-input[data-v-8f8ae87b]::-webkit-slider-runnable-track {
655
655
  height: 0.375rem;
656
656
  border-radius: 9999px;
657
657
  background: linear-gradient(
@@ -660,17 +660,30 @@
660
660
  var(--color-hair) var(--rk-slider-filled, 0%)
661
661
  );
662
662
  }
663
- .rk-slider-input[data-v-7fa2769b]::-moz-range-track {
663
+
664
+ /* A gradient has no logical direction, so the one hand-painted track in the
665
+ kit is written twice. Firefox needs no counterpart: `::-moz-range-progress`
666
+ is positioned by the engine, which already knows which way the input runs.
667
+ Only WebKit's track is painted here, and it would have filled from the
668
+ left while the thumb started on the right. */
669
+ [dir='rtl'] .rk-slider-input[data-v-8f8ae87b]::-webkit-slider-runnable-track {
670
+ background: linear-gradient(
671
+ to left,
672
+ var(--color-primary) var(--rk-slider-filled, 0%),
673
+ var(--color-hair) var(--rk-slider-filled, 0%)
674
+ );
675
+ }
676
+ .rk-slider-input[data-v-8f8ae87b]::-moz-range-track {
664
677
  height: 0.375rem;
665
678
  border-radius: 9999px;
666
679
  background: var(--color-hair);
667
680
  }
668
- .rk-slider-input[data-v-7fa2769b]::-moz-range-progress {
681
+ .rk-slider-input[data-v-8f8ae87b]::-moz-range-progress {
669
682
  height: 0.375rem;
670
683
  border-radius: 9999px;
671
684
  background: var(--color-primary);
672
685
  }
673
- .rk-slider-input[data-v-7fa2769b]::-webkit-slider-thumb {
686
+ .rk-slider-input[data-v-8f8ae87b]::-webkit-slider-thumb {
674
687
  appearance: none;
675
688
  margin-top: -0.4375rem;
676
689
  width: 1.25rem;
@@ -680,7 +693,7 @@
680
693
  border: 2px solid var(--color-primary);
681
694
  box-shadow: var(--shadow-control);
682
695
  }
683
- .rk-slider-input[data-v-7fa2769b]::-moz-range-thumb {
696
+ .rk-slider-input[data-v-8f8ae87b]::-moz-range-thumb {
684
697
  width: 1.25rem;
685
698
  height: 1.25rem;
686
699
  border: 2px solid var(--color-primary);
@@ -688,15 +701,15 @@
688
701
  background: var(--color-surface);
689
702
  box-shadow: var(--shadow-control);
690
703
  }
691
- .rk-slider-input[data-v-7fa2769b]:focus-visible::-webkit-slider-thumb {
704
+ .rk-slider-input[data-v-8f8ae87b]:focus-visible::-webkit-slider-thumb {
692
705
  outline: 2px solid var(--color-primary);
693
706
  outline-offset: 2px;
694
707
  }
695
- .rk-slider-input[data-v-7fa2769b]:focus-visible::-moz-range-thumb {
708
+ .rk-slider-input[data-v-8f8ae87b]:focus-visible::-moz-range-thumb {
696
709
  outline: 2px solid var(--color-primary);
697
710
  outline-offset: 2px;
698
711
  }
699
- .rk-slider-hint[data-v-7fa2769b] {
712
+ .rk-slider-hint[data-v-8f8ae87b] {
700
713
  font-size: 0.75rem;
701
714
  color: var(--color-ink-soft);
702
715
  }
@@ -1142,39 +1155,36 @@ to {
1142
1155
  inherits: false
1143
1156
  }
1144
1157
 
1145
- .rk-activity[data-v-9f622328] {
1146
- overflow-x: auto;
1147
- }
1148
- .rk-activity-table[data-v-9f622328] {
1158
+ .rk-activity-table[data-v-766e5244] {
1149
1159
  border-collapse: separate;
1150
1160
  border-spacing: 2px;
1151
1161
  }
1152
- .rk-activity-corner[data-v-9f622328],
1153
- .rk-activity-weekday[data-v-9f622328] {
1162
+ .rk-activity-corner[data-v-766e5244],
1163
+ .rk-activity-weekday[data-v-766e5244] {
1154
1164
  width: 0;
1155
1165
  padding: 0;
1156
1166
  }
1157
- .rk-activity-table th[data-v-9f622328] {
1167
+ .rk-activity-table th[data-v-766e5244] {
1158
1168
  color: var(--color-ink-soft);
1159
1169
  font-size: 0.5625rem;
1160
1170
  font-weight: 500;
1161
1171
  line-height: 1;
1162
1172
  text-align: start;
1163
1173
  }
1164
- .rk-activity-cell[data-v-9f622328] {
1174
+ .rk-activity-cell[data-v-766e5244] {
1165
1175
  width: 0.625rem;
1166
1176
  height: 0.625rem;
1167
1177
  padding: 0;
1168
1178
  border-radius: var(--radius-cell);
1169
1179
  background: var(--color-muted);
1170
1180
  }
1171
- .rk-activity-cell.is-blank[data-v-9f622328] {
1181
+ .rk-activity-cell.is-blank[data-v-766e5244] {
1172
1182
  background: transparent;
1173
1183
  }
1174
- .rk-activity-cell.is-pickable[data-v-9f622328] {
1184
+ .rk-activity-cell.is-pickable[data-v-766e5244] {
1175
1185
  cursor: pointer;
1176
1186
  }
1177
- .rk-activity-cell[data-v-9f622328]:focus-visible {
1187
+ .rk-activity-cell[data-v-766e5244]:focus-visible {
1178
1188
  outline: 2px solid var(--color-primary);
1179
1189
  outline-offset: 1px;
1180
1190
  }
@@ -1279,20 +1289,20 @@ to {
1279
1289
  font-size: 0.8125rem;
1280
1290
  }
1281
1291
 
1282
- .rk-cal[data-v-30197a85] {
1292
+ .rk-cal[data-v-d682f18a] {
1283
1293
  display: flex;
1284
1294
  width: 100%;
1285
1295
  max-width: 19rem;
1286
1296
  flex-direction: column;
1287
1297
  gap: 0.5rem;
1288
1298
  }
1289
- .rk-cal-head[data-v-30197a85] {
1299
+ .rk-cal-head[data-v-d682f18a] {
1290
1300
  display: flex;
1291
1301
  align-items: center;
1292
1302
  justify-content: space-between;
1293
1303
  gap: 0.25rem;
1294
1304
  }
1295
- .rk-cal-arrow[data-v-30197a85] {
1305
+ .rk-cal-arrow[data-v-d682f18a] {
1296
1306
  display: grid;
1297
1307
  width: 2rem;
1298
1308
  height: 2rem;
@@ -1301,40 +1311,40 @@ to {
1301
1311
  color: var(--color-ink);
1302
1312
  transition: background-color var(--duration-fast) var(--ease-standard);
1303
1313
  }
1304
- .rk-cal-arrow[data-v-30197a85]:hover {
1314
+ .rk-cal-arrow[data-v-d682f18a]:hover {
1305
1315
  background: var(--color-muted);
1306
1316
  }
1307
- .rk-cal-title[data-v-30197a85] {
1317
+ .rk-cal-title[data-v-d682f18a] {
1308
1318
  border-radius: var(--radius-cell);
1309
1319
  padding: 0.25rem 0.625rem;
1310
1320
  font-size: 0.875rem;
1311
1321
  font-weight: 600;
1312
1322
  color: var(--color-ink);
1313
1323
  }
1314
- .rk-cal-title[data-v-30197a85]:hover {
1324
+ .rk-cal-title[data-v-d682f18a]:hover {
1315
1325
  background: var(--color-muted);
1316
1326
  }
1317
- .rk-cal-weekdays[data-v-30197a85],
1318
- .rk-cal-week[data-v-30197a85] {
1327
+ .rk-cal-weekdays[data-v-d682f18a],
1328
+ .rk-cal-week[data-v-d682f18a] {
1319
1329
  display: grid;
1320
1330
  grid-template-columns: repeat(7, minmax(0, 1fr));
1321
1331
  }
1322
- .rk-cal-weekdays[data-v-30197a85] {
1332
+ .rk-cal-weekdays[data-v-d682f18a] {
1323
1333
  gap: 2px;
1324
1334
  font-size: 0.6875rem;
1325
1335
  font-weight: 600;
1326
1336
  text-align: center;
1327
1337
  color: var(--color-ink-soft);
1328
1338
  }
1329
- .rk-cal-grid[data-v-30197a85] {
1339
+ .rk-cal-grid[data-v-d682f18a] {
1330
1340
  display: grid;
1331
1341
  gap: 2px;
1332
1342
  }
1333
- .rk-cal-cell[data-v-30197a85] {
1343
+ .rk-cal-cell[data-v-d682f18a] {
1334
1344
  display: grid;
1335
1345
  place-items: center;
1336
1346
  }
1337
- .rk-cal-day[data-v-30197a85] {
1347
+ .rk-cal-day[data-v-d682f18a] {
1338
1348
  display: grid;
1339
1349
  width: 100%;
1340
1350
  height: 2.25rem;
@@ -1347,49 +1357,49 @@ to {
1347
1357
  background-color var(--duration-fast) var(--ease-standard),
1348
1358
  color var(--duration-fast) var(--ease-standard);
1349
1359
  }
1350
- .rk-cal-day[data-v-30197a85]:hover:not(:disabled) {
1360
+ .rk-cal-day[data-v-d682f18a]:hover:not(:disabled) {
1351
1361
  background: var(--color-muted);
1352
1362
  }
1353
- .rk-cal-day[data-v-30197a85]:focus-visible {
1363
+ .rk-cal-day[data-v-d682f18a]:focus-visible {
1354
1364
  outline: 2px solid var(--color-primary);
1355
1365
  outline-offset: -2px;
1356
1366
  }
1357
1367
 
1358
1368
  /* A day from the month either side: still reachable, visibly not this month. */
1359
- .rk-cal-day.is-outside[data-v-30197a85] {
1369
+ .rk-cal-day.is-outside[data-v-d682f18a] {
1360
1370
  color: var(--color-ink-soft);
1361
1371
  opacity: 0.55;
1362
1372
  }
1363
- .rk-cal-day.is-inside[data-v-30197a85] {
1373
+ .rk-cal-day.is-inside[data-v-d682f18a] {
1364
1374
  background: color-mix(in oklab, var(--color-primary) 14%, transparent);
1365
1375
  border-radius: 0;
1366
1376
  }
1367
- .rk-cal-day.is-selected[data-v-30197a85] {
1377
+ .rk-cal-day.is-selected[data-v-d682f18a] {
1368
1378
  background: var(--color-primary);
1369
1379
  color: var(--color-on-primary);
1370
1380
  font-weight: 600;
1371
1381
  opacity: 1;
1372
1382
  }
1373
- .rk-cal-day[aria-current='date'][data-v-30197a85]:not(.is-selected) {
1383
+ .rk-cal-day[aria-current='date'][data-v-d682f18a]:not(.is-selected) {
1374
1384
  box-shadow: inset 0 0 0 1px var(--color-primary);
1375
1385
  }
1376
- .rk-cal-day[data-v-30197a85]:disabled {
1386
+ .rk-cal-day[data-v-d682f18a]:disabled {
1377
1387
  cursor: not-allowed;
1378
1388
  opacity: 0.3;
1379
1389
  }
1380
- .rk-cal-blocks[data-v-30197a85] {
1390
+ .rk-cal-blocks[data-v-d682f18a] {
1381
1391
  display: grid;
1382
1392
  grid-template-columns: repeat(3, minmax(0, 1fr));
1383
1393
  gap: 0.375rem;
1384
1394
  }
1385
- .rk-cal-block[data-v-30197a85] {
1395
+ .rk-cal-block[data-v-d682f18a] {
1386
1396
  height: 2.5rem;
1387
1397
  border-radius: var(--radius-cell);
1388
1398
  font-size: 0.8125rem;
1389
1399
  color: var(--color-ink);
1390
1400
  transition: background-color var(--duration-fast) var(--ease-standard);
1391
1401
  }
1392
- .rk-cal-block[data-v-30197a85]:hover {
1402
+ .rk-cal-block[data-v-d682f18a]:hover {
1393
1403
  background: var(--color-muted);
1394
1404
  }
1395
1405
 
@@ -1524,17 +1534,17 @@ to {
1524
1534
  vertical-align: -0.1em;
1525
1535
  }
1526
1536
 
1527
- .rk-rating[data-v-3118ad6b] {
1537
+ .rk-rating[data-v-b7334b78] {
1528
1538
  display: inline-flex;
1529
1539
  align-items: center;
1530
1540
  gap: 0.125rem;
1531
1541
  border-radius: var(--radius-cell);
1532
1542
  }
1533
- .rk-rating[data-v-3118ad6b]:focus-visible {
1543
+ .rk-rating[data-v-b7334b78]:focus-visible {
1534
1544
  outline: 2px solid var(--color-primary);
1535
1545
  outline-offset: 2px;
1536
1546
  }
1537
- .rk-rating-star[data-v-3118ad6b] {
1547
+ .rk-rating-star[data-v-b7334b78] {
1538
1548
  display: grid;
1539
1549
  place-items: center;
1540
1550
  padding: 0.125rem;
@@ -1543,34 +1553,34 @@ to {
1543
1553
  color var(--duration-fast) var(--ease-standard),
1544
1554
  transform var(--duration-fast) var(--ease-standard);
1545
1555
  }
1546
- .rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b] {
1556
+ .rk-rating:not(.is-readonly) .rk-rating-star[data-v-b7334b78] {
1547
1557
  cursor: pointer;
1548
1558
  }
1549
- .rk-rating-star.is-on[data-v-3118ad6b] {
1559
+ .rk-rating-star.is-on[data-v-b7334b78] {
1550
1560
  color: var(--color-warning);
1551
1561
  }
1552
- .rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
1562
+ .rk-rating:not(.is-readonly) .rk-rating-star[data-v-b7334b78]:hover {
1553
1563
  transform: scale(1.12);
1554
1564
  }
1555
- .rk-rating-icon[data-v-3118ad6b] {
1565
+ .rk-rating-icon[data-v-b7334b78] {
1556
1566
  width: 1.25rem;
1557
1567
  height: 1.25rem;
1558
1568
  fill: currentColor;
1559
1569
  stroke-width: 1.25;
1560
1570
  }
1561
- .is-sm .rk-rating-icon[data-v-3118ad6b] {
1571
+ .is-sm .rk-rating-icon[data-v-b7334b78] {
1562
1572
  width: 1rem;
1563
1573
  height: 1rem;
1564
1574
  }
1565
- .is-lg .rk-rating-icon[data-v-3118ad6b] {
1575
+ .is-lg .rk-rating-icon[data-v-b7334b78] {
1566
1576
  width: 1.75rem;
1567
1577
  height: 1.75rem;
1568
1578
  }
1569
1579
  @media (prefers-reduced-motion: reduce) {
1570
- .rk-rating-star[data-v-3118ad6b] {
1580
+ .rk-rating-star[data-v-b7334b78] {
1571
1581
  transition: none;
1572
1582
  }
1573
- .rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
1583
+ .rk-rating:not(.is-readonly) .rk-rating-star[data-v-b7334b78]:hover {
1574
1584
  transform: none;
1575
1585
  }
1576
1586
  }
@@ -2217,14 +2227,14 @@ to {
2217
2227
  gap: 0.5rem;
2218
2228
  }
2219
2229
 
2220
- .rk-toggles[data-v-9076e36f] {
2230
+ .rk-toggles[data-v-e40e4271] {
2221
2231
  display: inline-flex;
2222
2232
  flex-wrap: wrap;
2223
2233
  gap: 2px;
2224
2234
  border-radius: var(--radius-card);
2225
2235
  padding: 3px;
2226
2236
  }
2227
- .rk-toggle[data-v-9076e36f] {
2237
+ .rk-toggle[data-v-e40e4271] {
2228
2238
  display: inline-flex;
2229
2239
  align-items: center;
2230
2240
  justify-content: center;
@@ -2240,34 +2250,34 @@ to {
2240
2250
  background-color var(--duration-fast) var(--ease-standard),
2241
2251
  color var(--duration-fast) var(--ease-standard);
2242
2252
  }
2243
- .is-sm .rk-toggle[data-v-9076e36f] {
2253
+ .is-sm .rk-toggle[data-v-e40e4271] {
2244
2254
  min-width: 2rem;
2245
2255
  height: 2rem;
2246
2256
  padding: 0 0.625rem;
2247
2257
  font-size: 0.8125rem;
2248
2258
  }
2249
- .rk-toggle[data-v-9076e36f]:hover:not(:disabled) {
2259
+ .rk-toggle[data-v-e40e4271]:hover:not(:disabled) {
2250
2260
  background: var(--color-muted);
2251
2261
  color: var(--color-ink);
2252
2262
  }
2253
- .rk-toggle[aria-pressed='true'][data-v-9076e36f] {
2263
+ .rk-toggle[aria-pressed='true'][data-v-e40e4271] {
2254
2264
  background: var(--color-primary);
2255
2265
  color: var(--color-on-primary);
2256
2266
  }
2257
- .rk-toggle[data-v-9076e36f]:disabled {
2267
+ .rk-toggle[data-v-e40e4271]:disabled {
2258
2268
  cursor: not-allowed;
2259
2269
  opacity: 0.45;
2260
2270
  }
2261
- .rk-toggle-icon[data-v-9076e36f] {
2271
+ .rk-toggle-icon[data-v-e40e4271] {
2262
2272
  width: 1rem;
2263
2273
  height: 1rem;
2264
2274
  }
2265
2275
 
2266
- .rk-pin-cells[data-v-ba322d9c] {
2276
+ .rk-pin-cells[data-v-1777eac8] {
2267
2277
  display: flex;
2268
2278
  gap: 0.5rem;
2269
2279
  }
2270
- .rk-pin-cell[data-v-ba322d9c] {
2280
+ .rk-pin-cell[data-v-1777eac8] {
2271
2281
  width: 2.75rem;
2272
2282
  height: 3.25rem;
2273
2283
  border-radius: var(--radius-card);
@@ -2278,13 +2288,13 @@ to {
2278
2288
  color: var(--color-ink);
2279
2289
  caret-color: var(--color-primary);
2280
2290
  }
2281
- .rk-pin-cell.is-invalid[data-v-ba322d9c] {
2291
+ .rk-pin-cell.is-invalid[data-v-1777eac8] {
2282
2292
  --surface-border-color: var(--color-negative);
2283
2293
  }
2284
- .rk-pin-cell[data-v-ba322d9c]:disabled {
2294
+ .rk-pin-cell[data-v-1777eac8]:disabled {
2285
2295
  opacity: 0.5;
2286
2296
  }
2287
- .rk-pin-error[data-v-ba322d9c] {
2297
+ .rk-pin-error[data-v-1777eac8] {
2288
2298
  margin-top: 0.5rem;
2289
2299
  font-size: 0.8125rem;
2290
2300
  color: var(--color-negative);
@@ -3474,90 +3484,90 @@ to {
3474
3484
  color: var(--color-ink-soft);
3475
3485
  }
3476
3486
 
3477
- .rk-split[data-v-159a4f08] {
3487
+ .rk-split[data-v-977911a2] {
3478
3488
  display: flex;
3479
3489
  width: 100%;
3480
3490
  min-height: 0;
3481
3491
  }
3482
- .rk-split.is-vertical[data-v-159a4f08] {
3492
+ .rk-split.is-vertical[data-v-977911a2] {
3483
3493
  flex-direction: column;
3484
3494
  }
3485
- .rk-split.is-dragging[data-v-159a4f08] {
3495
+ .rk-split.is-dragging[data-v-977911a2] {
3486
3496
  user-select: none;
3487
3497
  }
3488
- .rk-split-pane[data-v-159a4f08] {
3498
+ .rk-split-pane[data-v-977911a2] {
3489
3499
  min-width: 0;
3490
3500
  min-height: 0;
3491
3501
  overflow: auto;
3492
3502
  }
3493
- .is-horizontal .rk-split-pane.is-start[data-v-159a4f08] {
3503
+ .is-horizontal .rk-split-pane.is-start[data-v-977911a2] {
3494
3504
  width: var(--rk-split);
3495
3505
  }
3496
- .is-vertical .rk-split-pane.is-start[data-v-159a4f08] {
3506
+ .is-vertical .rk-split-pane.is-start[data-v-977911a2] {
3497
3507
  height: var(--rk-split);
3498
3508
  }
3499
- .rk-split-pane.is-end[data-v-159a4f08] {
3509
+ .rk-split-pane.is-end[data-v-977911a2] {
3500
3510
  flex: 1;
3501
3511
  }
3502
3512
 
3503
3513
  /* The handle is wider than the line it draws: a 1px target is a target
3504
3514
  nobody hits. */
3505
- .rk-split-handle[data-v-159a4f08] {
3515
+ .rk-split-handle[data-v-977911a2] {
3506
3516
  display: grid;
3507
3517
  flex-shrink: 0;
3508
3518
  place-items: center;
3509
3519
  background: transparent;
3510
3520
  touch-action: none;
3511
3521
  }
3512
- .is-horizontal .rk-split-handle[data-v-159a4f08] {
3522
+ .is-horizontal .rk-split-handle[data-v-977911a2] {
3513
3523
  width: 0.75rem;
3514
3524
  cursor: col-resize;
3515
3525
  }
3516
- .is-vertical .rk-split-handle[data-v-159a4f08] {
3526
+ .is-vertical .rk-split-handle[data-v-977911a2] {
3517
3527
  height: 0.75rem;
3518
3528
  cursor: row-resize;
3519
3529
  }
3520
- .rk-split-grip[data-v-159a4f08] {
3530
+ .rk-split-grip[data-v-977911a2] {
3521
3531
  display: block;
3522
3532
  border-radius: 9999px;
3523
3533
  background: var(--color-hair);
3524
3534
  transition: background-color var(--duration-fast) var(--ease-standard);
3525
3535
  }
3526
- .is-horizontal .rk-split-grip[data-v-159a4f08] {
3536
+ .is-horizontal .rk-split-grip[data-v-977911a2] {
3527
3537
  width: 2px;
3528
3538
  height: 100%;
3529
3539
  }
3530
- .is-vertical .rk-split-grip[data-v-159a4f08] {
3540
+ .is-vertical .rk-split-grip[data-v-977911a2] {
3531
3541
  width: 100%;
3532
3542
  height: 2px;
3533
3543
  }
3534
- .rk-split-handle:hover .rk-split-grip[data-v-159a4f08],
3535
- .rk-split-handle:focus-visible .rk-split-grip[data-v-159a4f08],
3536
- .is-dragging .rk-split-grip[data-v-159a4f08] {
3544
+ .rk-split-handle:hover .rk-split-grip[data-v-977911a2],
3545
+ .rk-split-handle:focus-visible .rk-split-grip[data-v-977911a2],
3546
+ .is-dragging .rk-split-grip[data-v-977911a2] {
3537
3547
  background: var(--color-primary);
3538
3548
  }
3539
3549
 
3540
- .rk-toolbar[data-v-a65164b7] {
3550
+ .rk-toolbar[data-v-d49198bf] {
3541
3551
  display: flex;
3542
3552
  align-items: center;
3543
3553
  gap: 0.375rem;
3544
3554
  }
3545
- .rk-toolbar.is-vertical[data-v-a65164b7] {
3555
+ .rk-toolbar.is-vertical[data-v-d49198bf] {
3546
3556
  flex-direction: column;
3547
3557
  align-items: stretch;
3548
3558
  }
3549
3559
 
3550
- .rk-tree[data-v-f91deddf] {
3560
+ .rk-tree[data-v-297d9dad] {
3551
3561
  display: flex;
3552
3562
  flex-direction: column;
3553
3563
  gap: 1px;
3554
3564
  border-radius: var(--radius-card);
3555
3565
  }
3556
- .rk-tree[data-v-f91deddf]:focus-visible {
3566
+ .rk-tree[data-v-297d9dad]:focus-visible {
3557
3567
  outline: 2px solid var(--color-primary);
3558
3568
  outline-offset: 2px;
3559
3569
  }
3560
- .rk-tree-row[data-v-f91deddf] {
3570
+ .rk-tree-row[data-v-297d9dad] {
3561
3571
  display: flex;
3562
3572
  cursor: pointer;
3563
3573
  align-items: center;
@@ -3568,31 +3578,31 @@ to {
3568
3578
  font-size: 0.875rem;
3569
3579
  color: var(--color-ink);
3570
3580
  }
3571
- .rk-tree-row.is-active[data-v-f91deddf] {
3581
+ .rk-tree-row.is-active[data-v-297d9dad] {
3572
3582
  background: var(--color-muted);
3573
3583
  }
3574
- .rk-tree-row.is-chosen[data-v-f91deddf] {
3584
+ .rk-tree-row.is-chosen[data-v-297d9dad] {
3575
3585
  color: var(--color-primary);
3576
3586
  font-weight: 500;
3577
3587
  }
3578
- .rk-tree-row.is-chosen.is-active[data-v-f91deddf] {
3588
+ .rk-tree-row.is-chosen.is-active[data-v-297d9dad] {
3579
3589
  background: color-mix(in oklab, var(--color-primary) 12%, transparent);
3580
3590
  }
3581
- .rk-tree-row.is-disabled[data-v-f91deddf] {
3591
+ .rk-tree-row.is-disabled[data-v-297d9dad] {
3582
3592
  cursor: not-allowed;
3583
3593
  opacity: 0.45;
3584
3594
  }
3585
- .rk-tree-twist[data-v-f91deddf],
3586
- .rk-tree-twist-space[data-v-f91deddf] {
3595
+ .rk-tree-twist[data-v-297d9dad],
3596
+ .rk-tree-twist-space[data-v-297d9dad] {
3587
3597
  width: 1rem;
3588
3598
  height: 1rem;
3589
3599
  flex-shrink: 0;
3590
3600
  }
3591
- .rk-tree-twist[data-v-f91deddf] {
3601
+ .rk-tree-twist[data-v-297d9dad] {
3592
3602
  color: var(--color-ink-soft);
3593
3603
  transition: rotate var(--duration-fast) var(--ease-standard);
3594
3604
  }
3595
- .rk-tree-twist.is-open[data-v-f91deddf] {
3605
+ .rk-tree-twist.is-open[data-v-297d9dad] {
3596
3606
  rotate: 90deg;
3597
3607
  }
3598
3608
 
@@ -3638,32 +3648,32 @@ to {
3638
3648
  padding-top: 1rem;
3639
3649
  }
3640
3650
 
3641
- .rk-tabs[data-v-8135ecab] {
3651
+ .rk-tabs[data-v-dc56244f] {
3642
3652
  display: flex;
3643
3653
  align-items: center;
3644
3654
  gap: 0.25rem;
3645
3655
  border-bottom: 1px solid color-mix(in srgb, var(--color-hair) 70%, transparent);
3646
3656
  }
3647
- .rk-tab[data-v-8135ecab] {
3657
+ .rk-tab[data-v-dc56244f] {
3648
3658
  position: relative;
3649
3659
  padding: 0.625rem 0.875rem;
3650
3660
  font-size: 0.875rem;
3651
3661
  color: var(--color-ink-soft);
3652
3662
  transition: color var(--duration-fast);
3653
3663
  }
3654
- .rk-tab[data-v-8135ecab]:hover {
3664
+ .rk-tab[data-v-dc56244f]:hover {
3655
3665
  color: var(--color-ink);
3656
3666
  }
3657
- .rk-tab[data-v-8135ecab]:focus-visible {
3667
+ .rk-tab[data-v-dc56244f]:focus-visible {
3658
3668
  outline: 2px solid var(--color-primary);
3659
3669
  outline-offset: -2px;
3660
3670
  border-radius: var(--radius-cell);
3661
3671
  }
3662
- .rk-tab.is-active[data-v-8135ecab] {
3672
+ .rk-tab.is-active[data-v-dc56244f] {
3663
3673
  color: var(--color-ink);
3664
3674
  font-weight: 500;
3665
3675
  }
3666
- .rk-tab.is-active[data-v-8135ecab]::after {
3676
+ .rk-tab.is-active[data-v-dc56244f]::after {
3667
3677
  content: '';
3668
3678
  position: absolute;
3669
3679
  inset-inline: 0.5rem;
@@ -3672,10 +3682,10 @@ to {
3672
3682
  border-radius: 9999px;
3673
3683
  background: var(--color-primary);
3674
3684
  }
3675
- .rk-tabpanel[data-v-8135ecab] {
3685
+ .rk-tabpanel[data-v-dc56244f] {
3676
3686
  padding-top: 1rem;
3677
3687
  }
3678
- .rk-tabpanel[data-v-8135ecab]:focus-visible {
3688
+ .rk-tabpanel[data-v-dc56244f]:focus-visible {
3679
3689
  outline: 2px solid var(--color-primary);
3680
3690
  outline-offset: 2px;
3681
3691
  }
@@ -1,4 +1,4 @@
1
- import { a as useBoundValue } from "./focus-target-D0WsXwKh.js";
1
+ import { c as useBoundValue } from "./focus-target-DRgd8UnQ.js";
2
2
  import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, defineComponent, isRef, mergeProps, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, readonly, ref, renderSlot, toDisplayString, unref, useId, vModelDynamic, watch, withCtx, withDirectives } from "vue";
3
3
  //#region src/utils/redirect.ts
4
4
  /**
@@ -565,4 +565,4 @@ function useAnnounce() {
565
565
  //#endregion
566
566
  export { FormField_default as a, useOnline as c, readStoredTheme as d, setThemeStorageKey as f, toRedirectPath as g, safeRedirect as h, BaseInput_default as i, applyTheme as l, tapFeedback as m, useAnnounce as n, BaseAlert_default as o, useTheme as p, GoogleButton_default as r, useToast as s, announce as t, isThemePreference as u };
567
567
 
568
- //# sourceMappingURL=use-announce-B1LsfsZx.js.map
568
+ //# sourceMappingURL=use-announce-qM0ZD9Ey.js.map