@sky.ui/core 0.0.28 → 0.0.30

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 (9) hide show
  1. package/auto-import.js +1 -1
  2. package/dist/custom-elements.json +838 -838
  3. package/package.json +15 -1
  4. package/plugins/ce-auto-import.d.ts +18 -0
  5. package/plugins/ce-auto-import.js +160 -0
  6. package/plugins/stack-resolvers.d.ts +10 -0
  7. package/plugins/stack-resolvers.js +43 -0
  8. package/plugins/vite-plugin.d.ts +6 -1
  9. package/plugins/vite-plugin.js +28 -7
package/dist/custom-elements.json CHANGED
@@ -451,238 +451,6 @@
451
451
  }
452
452
  ]
453
453
  },
454
- {
455
- "kind": "javascript-module",
456
- "path": "src/sky-appbar/sky-appbar.ts",
457
- "declarations": [
458
- {
459
- "kind": "class",
460
- "description": "",
461
- "name": "SkyAppbar",
462
- "cssParts": [
463
- {
464
- "description": "Wrapper that contains the leading slot, title, and actions.",
465
- "name": "content"
466
- },
467
- {
468
- "description": "Container for the leading slot (e.g. menu button).",
469
- "name": "leading"
470
- },
471
- {
472
- "description": "The title area (contains .title-text with the title string).",
473
- "name": "title"
474
- },
475
- {
476
- "description": "The trailing actions container.",
477
- "name": "actions"
478
- }
479
- ],
480
- "slots": [
481
- {
482
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
483
- "name": "button"
484
- },
485
- {
486
- "description": "Trailing actions (icons/buttons). This is the default slot.",
487
- "name": ""
488
- }
489
- ],
490
- "members": [
491
- {
492
- "kind": "field",
493
- "name": "dependencies",
494
- "type": {
495
- "text": "Record<string, CustomElementConstructor>"
496
- },
497
- "static": true,
498
- "default": "{ \"sky-icon\": SkyIcon, }"
499
- },
500
- {
501
- "kind": "field",
502
- "name": "title",
503
- "type": {
504
- "text": "string"
505
- },
506
- "default": "\"App Bar\"",
507
- "description": "Title text displayed in the app bar.",
508
- "attribute": "title"
509
- },
510
- {
511
- "kind": "field",
512
- "name": "color",
513
- "type": {
514
- "text": "string"
515
- },
516
- "default": "\"default\"",
517
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
518
- "attribute": "color"
519
- },
520
- {
521
- "kind": "field",
522
- "name": "url",
523
- "type": {
524
- "text": "string"
525
- },
526
- "default": "\"\"",
527
- "description": "Background image URL.",
528
- "attribute": "url"
529
- },
530
- {
531
- "kind": "field",
532
- "name": "banner",
533
- "type": {
534
- "text": "boolean"
535
- },
536
- "default": "true",
537
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
538
- "attribute": "banner"
539
- },
540
- {
541
- "kind": "field",
542
- "name": "dense",
543
- "type": {
544
- "text": "boolean"
545
- },
546
- "default": "false",
547
- "description": "Enables compact vertical spacing.",
548
- "attribute": "dense"
549
- },
550
- {
551
- "kind": "field",
552
- "name": "elevated",
553
- "type": {
554
- "text": "boolean"
555
- },
556
- "default": "false",
557
- "description": "Applies elevated shadow styling.",
558
- "attribute": "elevated"
559
- },
560
- {
561
- "kind": "field",
562
- "name": "leadingLabel",
563
- "type": {
564
- "text": "string"
565
- },
566
- "default": "\"Open menu\"",
567
- "description": "Accessible label for default leading button fallback.",
568
- "attribute": "leadingLabel"
569
- },
570
- {
571
- "kind": "method",
572
- "name": "_applyColorSurface",
573
- "privacy": "private",
574
- "return": {
575
- "type": {
576
- "text": "void"
577
- }
578
- },
579
- "description": "Applies glass vs solid surface tokens from `color`."
580
- },
581
- {
582
- "kind": "method",
583
- "name": "_applyBackgroundImage",
584
- "privacy": "private",
585
- "return": {
586
- "type": {
587
- "text": "void"
588
- }
589
- },
590
- "description": "Sets background image CSS variable from `url`."
591
- }
592
- ],
593
- "attributes": [
594
- {
595
- "name": "title",
596
- "type": {
597
- "text": "string"
598
- },
599
- "default": "\"App Bar\"",
600
- "description": "Title text displayed in the app bar.",
601
- "fieldName": "title"
602
- },
603
- {
604
- "name": "color",
605
- "type": {
606
- "text": "string"
607
- },
608
- "default": "\"default\"",
609
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
610
- "fieldName": "color"
611
- },
612
- {
613
- "name": "url",
614
- "type": {
615
- "text": "string"
616
- },
617
- "default": "\"\"",
618
- "description": "Background image URL.",
619
- "fieldName": "url"
620
- },
621
- {
622
- "name": "banner",
623
- "type": {
624
- "text": "boolean"
625
- },
626
- "default": "true",
627
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
628
- "fieldName": "banner"
629
- },
630
- {
631
- "name": "dense",
632
- "type": {
633
- "text": "boolean"
634
- },
635
- "default": "false",
636
- "description": "Enables compact vertical spacing.",
637
- "fieldName": "dense"
638
- },
639
- {
640
- "name": "elevated",
641
- "type": {
642
- "text": "boolean"
643
- },
644
- "default": "false",
645
- "description": "Applies elevated shadow styling.",
646
- "fieldName": "elevated"
647
- },
648
- {
649
- "name": "leadingLabel",
650
- "type": {
651
- "text": "string"
652
- },
653
- "default": "\"Open menu\"",
654
- "description": "Accessible label for default leading button fallback.",
655
- "fieldName": "leadingLabel"
656
- }
657
- ],
658
- "superclass": {
659
- "name": "LitElement",
660
- "package": "lit"
661
- },
662
- "tagName": "sky-appbar",
663
- "customElement": true,
664
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
665
- }
666
- ],
667
- "exports": [
668
- {
669
- "kind": "js",
670
- "name": "SkyAppbar",
671
- "declaration": {
672
- "name": "SkyAppbar",
673
- "module": "src/sky-appbar/sky-appbar.ts"
674
- }
675
- },
676
- {
677
- "kind": "custom-element-definition",
678
- "name": "sky-appbar",
679
- "declaration": {
680
- "name": "SkyAppbar",
681
- "module": "src/sky-appbar/sky-appbar.ts"
682
- }
683
- }
684
- ]
685
- },
686
454
  {
687
455
  "kind": "javascript-module",
688
456
  "path": "src/sky-badge/sky-badge.ts",
@@ -1282,83 +1050,59 @@
1282
1050
  },
1283
1051
  {
1284
1052
  "kind": "javascript-module",
1285
- "path": "src/sky-avatar/sky-avatar.ts",
1053
+ "path": "src/sky-appbar/sky-appbar.ts",
1286
1054
  "declarations": [
1287
1055
  {
1288
1056
  "kind": "class",
1289
1057
  "description": "",
1290
- "name": "SkyAvatar",
1058
+ "name": "SkyAppbar",
1291
1059
  "cssParts": [
1292
1060
  {
1293
- "description": "The avatar container element.",
1294
- "name": "avatar"
1061
+ "description": "Wrapper that contains the leading slot, title, and actions.",
1062
+ "name": "content"
1295
1063
  },
1296
1064
  {
1297
- "description": "The loading overlay container (shown when `loading` is true).",
1298
- "name": "loading-overlay"
1065
+ "description": "Container for the leading slot (e.g. menu button).",
1066
+ "name": "leading"
1299
1067
  },
1300
1068
  {
1301
- "description": "The spinner element shown when loading.",
1302
- "name": "spinner"
1069
+ "description": "The title area (contains .title-text with the title string).",
1070
+ "name": "title"
1071
+ },
1072
+ {
1073
+ "description": "The trailing actions container.",
1074
+ "name": "actions"
1303
1075
  }
1304
1076
  ],
1305
1077
  "slots": [
1306
1078
  {
1307
- "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
1308
- "name": ""
1309
- }
1310
- ],
1311
- "members": [
1312
- {
1313
- "kind": "field",
1314
- "name": "size",
1315
- "type": {
1316
- "text": "string"
1317
- },
1318
- "default": "\"50px\"",
1319
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
1320
- "attribute": "size"
1321
- },
1322
- {
1323
- "kind": "field",
1324
- "name": "image",
1325
- "type": {
1326
- "text": "string"
1327
- },
1328
- "default": "\"\"",
1329
- "description": "Image URL; fallback slot is shown on load error.",
1330
- "attribute": "image"
1079
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
1080
+ "name": "button"
1331
1081
  },
1332
1082
  {
1333
- "kind": "field",
1334
- "name": "fit",
1335
- "type": {
1336
- "text": "SkyAvatarFit"
1337
- },
1338
- "default": "\"cover\"",
1339
- "description": "Image fill mode: `cover` (default) or `contain`.",
1340
- "attribute": "fit",
1341
- "reflects": true
1342
- },
1083
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
1084
+ "name": ""
1085
+ }
1086
+ ],
1087
+ "members": [
1343
1088
  {
1344
1089
  "kind": "field",
1345
- "name": "radius",
1090
+ "name": "dependencies",
1346
1091
  "type": {
1347
- "text": "string"
1092
+ "text": "Record<string, CustomElementConstructor>"
1348
1093
  },
1349
- "default": "\"md\"",
1350
- "description": "Border radius token or CSS value.",
1351
- "attribute": "radius"
1094
+ "static": true,
1095
+ "default": "{ \"sky-icon\": SkyIcon, }"
1352
1096
  },
1353
1097
  {
1354
1098
  "kind": "field",
1355
- "name": "alt",
1099
+ "name": "title",
1356
1100
  "type": {
1357
1101
  "text": "string"
1358
1102
  },
1359
- "default": "\"\"",
1360
- "description": "Accessible name when image content conveys meaning.",
1361
- "attribute": "alt"
1103
+ "default": "\"App Bar\"",
1104
+ "description": "Title text displayed in the app bar.",
1105
+ "attribute": "title"
1362
1106
  },
1363
1107
  {
1364
1108
  "kind": "field",
@@ -1366,287 +1110,172 @@
1366
1110
  "type": {
1367
1111
  "text": "string"
1368
1112
  },
1369
- "default": "\"dark\"",
1370
- "description": "Token or CSS color applied to fallback slot content.",
1113
+ "default": "\"default\"",
1114
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
1371
1115
  "attribute": "color"
1372
1116
  },
1373
1117
  {
1374
1118
  "kind": "field",
1375
- "name": "outline",
1119
+ "name": "url",
1376
1120
  "type": {
1377
1121
  "text": "string"
1378
1122
  },
1379
1123
  "default": "\"\"",
1380
- "description": "CSS `outline` value.",
1381
- "attribute": "outline"
1382
- },
1383
- {
1384
- "kind": "field",
1385
- "name": "outlineOffset",
1386
- "type": {
1387
- "text": "string"
1388
- },
1389
- "default": "\"2px\"",
1390
- "description": "CSS `outline-offset` value.",
1391
- "attribute": "outlineOffset"
1392
- },
1393
- {
1394
- "kind": "field",
1395
- "name": "loading",
1396
- "type": {
1397
- "text": "boolean"
1398
- },
1399
- "default": "false",
1400
- "description": "Shows loading overlay when true.",
1401
- "attribute": "loading",
1402
- "reflects": true
1124
+ "description": "Background image URL.",
1125
+ "attribute": "url"
1403
1126
  },
1404
1127
  {
1405
1128
  "kind": "field",
1406
- "name": "disabled",
1129
+ "name": "banner",
1407
1130
  "type": {
1408
1131
  "text": "boolean"
1409
1132
  },
1410
- "default": "false",
1411
- "description": "Dims and disables pointer interactions.",
1412
- "attribute": "disabled",
1413
- "reflects": true
1133
+ "default": "true",
1134
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
1135
+ "attribute": "banner"
1414
1136
  },
1415
1137
  {
1416
1138
  "kind": "field",
1417
- "name": "interactive",
1139
+ "name": "dense",
1418
1140
  "type": {
1419
1141
  "text": "boolean"
1420
1142
  },
1421
1143
  "default": "false",
1422
- "description": "Enables interactive behavior with keyboard/click activation.",
1423
- "attribute": "interactive"
1144
+ "description": "Enables compact vertical spacing.",
1145
+ "attribute": "dense"
1424
1146
  },
1425
1147
  {
1426
1148
  "kind": "field",
1427
- "name": "shadow",
1149
+ "name": "elevated",
1428
1150
  "type": {
1429
1151
  "text": "boolean"
1430
1152
  },
1431
1153
  "default": "false",
1432
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1433
- "attribute": "shadow",
1434
- "reflects": true
1154
+ "description": "Applies elevated shadow styling.",
1155
+ "attribute": "elevated"
1435
1156
  },
1436
1157
  {
1437
1158
  "kind": "field",
1438
- "name": "_imageError",
1159
+ "name": "leadingLabel",
1439
1160
  "type": {
1440
- "text": "boolean"
1441
- },
1442
- "privacy": "private",
1443
- "default": "false",
1444
- "description": "True when image failed to load; show slot instead."
1445
- },
1446
- {
1447
- "kind": "field",
1448
- "name": "_onImageLoad",
1449
- "privacy": "private",
1450
- "description": "Marks image load success and keeps image rendering active."
1451
- },
1452
- {
1453
- "kind": "field",
1454
- "name": "_onImageError",
1455
- "privacy": "private",
1456
- "description": "Marks image load failure and enables fallback slot rendering."
1457
- },
1458
- {
1459
- "kind": "method",
1460
- "name": "_handleInteractiveClick",
1461
- "privacy": "private",
1462
- "return": {
1463
- "type": {
1464
- "text": "void"
1465
- }
1161
+ "text": "string"
1466
1162
  },
1467
- "parameters": [
1468
- {
1469
- "name": "e",
1470
- "type": {
1471
- "text": "Event"
1472
- }
1473
- }
1474
- ],
1475
- "description": "Re-dispatches click in interactive mode for host-level consumers."
1163
+ "default": "\"Open menu\"",
1164
+ "description": "Accessible label for default leading button fallback.",
1165
+ "attribute": "leadingLabel"
1476
1166
  },
1477
1167
  {
1478
1168
  "kind": "method",
1479
- "name": "_handleInteractiveKeydown",
1169
+ "name": "_applyColorSurface",
1480
1170
  "privacy": "private",
1481
1171
  "return": {
1482
1172
  "type": {
1483
1173
  "text": "void"
1484
1174
  }
1485
1175
  },
1486
- "parameters": [
1487
- {
1488
- "name": "e",
1489
- "type": {
1490
- "text": "KeyboardEvent"
1491
- }
1492
- }
1493
- ],
1494
- "description": "Handles keyboard activation in interactive mode."
1176
+ "description": "Applies glass vs solid surface tokens from `color`."
1495
1177
  },
1496
1178
  {
1497
1179
  "kind": "method",
1498
- "name": "adjustSpinnerSize",
1180
+ "name": "_applyBackgroundImage",
1499
1181
  "privacy": "private",
1500
1182
  "return": {
1501
1183
  "type": {
1502
1184
  "text": "void"
1503
1185
  }
1504
1186
  },
1505
- "description": "Derives spinner dimensions from current avatar size."
1506
- }
1507
- ],
1508
- "events": [
1509
- {
1510
- "name": "click",
1511
- "type": {
1512
- "text": "Event"
1513
- }
1187
+ "description": "Sets background image CSS variable from `url`."
1514
1188
  }
1515
1189
  ],
1516
1190
  "attributes": [
1517
1191
  {
1518
- "name": "size",
1519
- "type": {
1520
- "text": "string"
1521
- },
1522
- "default": "\"50px\"",
1523
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
1524
- "fieldName": "size"
1525
- },
1526
- {
1527
- "name": "image",
1528
- "type": {
1529
- "text": "string"
1530
- },
1531
- "default": "\"\"",
1532
- "description": "Image URL; fallback slot is shown on load error.",
1533
- "fieldName": "image"
1534
- },
1535
- {
1536
- "name": "fit",
1537
- "type": {
1538
- "text": "SkyAvatarFit"
1539
- },
1540
- "default": "\"cover\"",
1541
- "description": "Image fill mode: `cover` (default) or `contain`.",
1542
- "fieldName": "fit"
1543
- },
1544
- {
1545
- "name": "radius",
1546
- "type": {
1547
- "text": "string"
1548
- },
1549
- "default": "\"md\"",
1550
- "description": "Border radius token or CSS value.",
1551
- "fieldName": "radius"
1552
- },
1553
- {
1554
- "name": "alt",
1192
+ "name": "title",
1555
1193
  "type": {
1556
1194
  "text": "string"
1557
1195
  },
1558
- "default": "\"\"",
1559
- "description": "Accessible name when image content conveys meaning.",
1560
- "fieldName": "alt"
1196
+ "default": "\"App Bar\"",
1197
+ "description": "Title text displayed in the app bar.",
1198
+ "fieldName": "title"
1561
1199
  },
1562
1200
  {
1563
1201
  "name": "color",
1564
1202
  "type": {
1565
1203
  "text": "string"
1566
1204
  },
1567
- "default": "\"dark\"",
1568
- "description": "Token or CSS color applied to fallback slot content.",
1205
+ "default": "\"default\"",
1206
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
1569
1207
  "fieldName": "color"
1570
1208
  },
1571
1209
  {
1572
- "name": "outline",
1210
+ "name": "url",
1573
1211
  "type": {
1574
1212
  "text": "string"
1575
1213
  },
1576
1214
  "default": "\"\"",
1577
- "description": "CSS `outline` value.",
1578
- "fieldName": "outline"
1215
+ "description": "Background image URL.",
1216
+ "fieldName": "url"
1579
1217
  },
1580
1218
  {
1581
- "name": "outlineOffset",
1219
+ "name": "banner",
1582
1220
  "type": {
1583
- "text": "string"
1221
+ "text": "boolean"
1584
1222
  },
1585
- "default": "\"2px\"",
1586
- "description": "CSS `outline-offset` value.",
1587
- "fieldName": "outlineOffset"
1223
+ "default": "true",
1224
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
1225
+ "fieldName": "banner"
1588
1226
  },
1589
1227
  {
1590
- "name": "loading",
1228
+ "name": "dense",
1591
1229
  "type": {
1592
1230
  "text": "boolean"
1593
1231
  },
1594
1232
  "default": "false",
1595
- "description": "Shows loading overlay when true.",
1596
- "fieldName": "loading"
1233
+ "description": "Enables compact vertical spacing.",
1234
+ "fieldName": "dense"
1597
1235
  },
1598
1236
  {
1599
- "name": "disabled",
1237
+ "name": "elevated",
1600
1238
  "type": {
1601
1239
  "text": "boolean"
1602
1240
  },
1603
1241
  "default": "false",
1604
- "description": "Dims and disables pointer interactions.",
1605
- "fieldName": "disabled"
1242
+ "description": "Applies elevated shadow styling.",
1243
+ "fieldName": "elevated"
1606
1244
  },
1607
1245
  {
1608
- "name": "interactive",
1246
+ "name": "leadingLabel",
1609
1247
  "type": {
1610
- "text": "boolean"
1248
+ "text": "string"
1611
1249
  },
1612
- "default": "false",
1613
- "description": "Enables interactive behavior with keyboard/click activation.",
1614
- "fieldName": "interactive"
1615
- },
1616
- {
1617
- "name": "shadow",
1618
- "type": {
1619
- "text": "boolean"
1620
- },
1621
- "default": "false",
1622
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1623
- "fieldName": "shadow"
1250
+ "default": "\"Open menu\"",
1251
+ "description": "Accessible label for default leading button fallback.",
1252
+ "fieldName": "leadingLabel"
1624
1253
  }
1625
1254
  ],
1626
1255
  "superclass": {
1627
1256
  "name": "LitElement",
1628
1257
  "package": "lit"
1629
1258
  },
1630
- "tagName": "sky-avatar",
1259
+ "tagName": "sky-appbar",
1631
1260
  "customElement": true,
1632
- "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
1261
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
1633
1262
  }
1634
1263
  ],
1635
1264
  "exports": [
1636
1265
  {
1637
1266
  "kind": "js",
1638
- "name": "SkyAvatar",
1267
+ "name": "SkyAppbar",
1639
1268
  "declaration": {
1640
- "name": "SkyAvatar",
1641
- "module": "src/sky-avatar/sky-avatar.ts"
1269
+ "name": "SkyAppbar",
1270
+ "module": "src/sky-appbar/sky-appbar.ts"
1642
1271
  }
1643
1272
  },
1644
1273
  {
1645
1274
  "kind": "custom-element-definition",
1646
- "name": "sky-avatar",
1275
+ "name": "sky-appbar",
1647
1276
  "declaration": {
1648
- "name": "SkyAvatar",
1649
- "module": "src/sky-avatar/sky-avatar.ts"
1277
+ "name": "SkyAppbar",
1278
+ "module": "src/sky-appbar/sky-appbar.ts"
1650
1279
  }
1651
1280
  }
1652
1281
  ]
@@ -2185,39 +1814,410 @@
2185
1814
  "fieldName": "colors"
2186
1815
  },
2187
1816
  {
2188
- "name": "animation",
1817
+ "name": "animation",
1818
+ "type": {
1819
+ "text": "SkyButtonAnimation"
1820
+ },
1821
+ "default": "\"auto\"",
1822
+ "description": "Transform animation style. Default: `\"auto\"`.",
1823
+ "fieldName": "animation"
1824
+ }
1825
+ ],
1826
+ "superclass": {
1827
+ "name": "LitElement",
1828
+ "package": "lit"
1829
+ },
1830
+ "tagName": "sky-button",
1831
+ "customElement": true,
1832
+ "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
1833
+ }
1834
+ ],
1835
+ "exports": [
1836
+ {
1837
+ "kind": "js",
1838
+ "name": "SkyButton",
1839
+ "declaration": {
1840
+ "name": "SkyButton",
1841
+ "module": "src/sky-button/sky-button.ts"
1842
+ }
1843
+ },
1844
+ {
1845
+ "kind": "custom-element-definition",
1846
+ "name": "sky-button",
1847
+ "declaration": {
1848
+ "name": "SkyButton",
1849
+ "module": "src/sky-button/sky-button.ts"
1850
+ }
1851
+ }
1852
+ ]
1853
+ },
1854
+ {
1855
+ "kind": "javascript-module",
1856
+ "path": "src/sky-avatar/sky-avatar.ts",
1857
+ "declarations": [
1858
+ {
1859
+ "kind": "class",
1860
+ "description": "",
1861
+ "name": "SkyAvatar",
1862
+ "cssParts": [
1863
+ {
1864
+ "description": "The avatar container element.",
1865
+ "name": "avatar"
1866
+ },
1867
+ {
1868
+ "description": "The loading overlay container (shown when `loading` is true).",
1869
+ "name": "loading-overlay"
1870
+ },
1871
+ {
1872
+ "description": "The spinner element shown when loading.",
1873
+ "name": "spinner"
1874
+ }
1875
+ ],
1876
+ "slots": [
1877
+ {
1878
+ "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
1879
+ "name": ""
1880
+ }
1881
+ ],
1882
+ "members": [
1883
+ {
1884
+ "kind": "field",
1885
+ "name": "size",
1886
+ "type": {
1887
+ "text": "string"
1888
+ },
1889
+ "default": "\"50px\"",
1890
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
1891
+ "attribute": "size"
1892
+ },
1893
+ {
1894
+ "kind": "field",
1895
+ "name": "image",
1896
+ "type": {
1897
+ "text": "string"
1898
+ },
1899
+ "default": "\"\"",
1900
+ "description": "Image URL; fallback slot is shown on load error.",
1901
+ "attribute": "image"
1902
+ },
1903
+ {
1904
+ "kind": "field",
1905
+ "name": "fit",
1906
+ "type": {
1907
+ "text": "SkyAvatarFit"
1908
+ },
1909
+ "default": "\"cover\"",
1910
+ "description": "Image fill mode: `cover` (default) or `contain`.",
1911
+ "attribute": "fit",
1912
+ "reflects": true
1913
+ },
1914
+ {
1915
+ "kind": "field",
1916
+ "name": "radius",
1917
+ "type": {
1918
+ "text": "string"
1919
+ },
1920
+ "default": "\"md\"",
1921
+ "description": "Border radius token or CSS value.",
1922
+ "attribute": "radius"
1923
+ },
1924
+ {
1925
+ "kind": "field",
1926
+ "name": "alt",
1927
+ "type": {
1928
+ "text": "string"
1929
+ },
1930
+ "default": "\"\"",
1931
+ "description": "Accessible name when image content conveys meaning.",
1932
+ "attribute": "alt"
1933
+ },
1934
+ {
1935
+ "kind": "field",
1936
+ "name": "color",
1937
+ "type": {
1938
+ "text": "string"
1939
+ },
1940
+ "default": "\"dark\"",
1941
+ "description": "Token or CSS color applied to fallback slot content.",
1942
+ "attribute": "color"
1943
+ },
1944
+ {
1945
+ "kind": "field",
1946
+ "name": "outline",
1947
+ "type": {
1948
+ "text": "string"
1949
+ },
1950
+ "default": "\"\"",
1951
+ "description": "CSS `outline` value.",
1952
+ "attribute": "outline"
1953
+ },
1954
+ {
1955
+ "kind": "field",
1956
+ "name": "outlineOffset",
1957
+ "type": {
1958
+ "text": "string"
1959
+ },
1960
+ "default": "\"2px\"",
1961
+ "description": "CSS `outline-offset` value.",
1962
+ "attribute": "outlineOffset"
1963
+ },
1964
+ {
1965
+ "kind": "field",
1966
+ "name": "loading",
1967
+ "type": {
1968
+ "text": "boolean"
1969
+ },
1970
+ "default": "false",
1971
+ "description": "Shows loading overlay when true.",
1972
+ "attribute": "loading",
1973
+ "reflects": true
1974
+ },
1975
+ {
1976
+ "kind": "field",
1977
+ "name": "disabled",
1978
+ "type": {
1979
+ "text": "boolean"
1980
+ },
1981
+ "default": "false",
1982
+ "description": "Dims and disables pointer interactions.",
1983
+ "attribute": "disabled",
1984
+ "reflects": true
1985
+ },
1986
+ {
1987
+ "kind": "field",
1988
+ "name": "interactive",
1989
+ "type": {
1990
+ "text": "boolean"
1991
+ },
1992
+ "default": "false",
1993
+ "description": "Enables interactive behavior with keyboard/click activation.",
1994
+ "attribute": "interactive"
1995
+ },
1996
+ {
1997
+ "kind": "field",
1998
+ "name": "shadow",
1999
+ "type": {
2000
+ "text": "boolean"
2001
+ },
2002
+ "default": "false",
2003
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
2004
+ "attribute": "shadow",
2005
+ "reflects": true
2006
+ },
2007
+ {
2008
+ "kind": "field",
2009
+ "name": "_imageError",
2010
+ "type": {
2011
+ "text": "boolean"
2012
+ },
2013
+ "privacy": "private",
2014
+ "default": "false",
2015
+ "description": "True when image failed to load; show slot instead."
2016
+ },
2017
+ {
2018
+ "kind": "field",
2019
+ "name": "_onImageLoad",
2020
+ "privacy": "private",
2021
+ "description": "Marks image load success and keeps image rendering active."
2022
+ },
2023
+ {
2024
+ "kind": "field",
2025
+ "name": "_onImageError",
2026
+ "privacy": "private",
2027
+ "description": "Marks image load failure and enables fallback slot rendering."
2028
+ },
2029
+ {
2030
+ "kind": "method",
2031
+ "name": "_handleInteractiveClick",
2032
+ "privacy": "private",
2033
+ "return": {
2034
+ "type": {
2035
+ "text": "void"
2036
+ }
2037
+ },
2038
+ "parameters": [
2039
+ {
2040
+ "name": "e",
2041
+ "type": {
2042
+ "text": "Event"
2043
+ }
2044
+ }
2045
+ ],
2046
+ "description": "Re-dispatches click in interactive mode for host-level consumers."
2047
+ },
2048
+ {
2049
+ "kind": "method",
2050
+ "name": "_handleInteractiveKeydown",
2051
+ "privacy": "private",
2052
+ "return": {
2053
+ "type": {
2054
+ "text": "void"
2055
+ }
2056
+ },
2057
+ "parameters": [
2058
+ {
2059
+ "name": "e",
2060
+ "type": {
2061
+ "text": "KeyboardEvent"
2062
+ }
2063
+ }
2064
+ ],
2065
+ "description": "Handles keyboard activation in interactive mode."
2066
+ },
2067
+ {
2068
+ "kind": "method",
2069
+ "name": "adjustSpinnerSize",
2070
+ "privacy": "private",
2071
+ "return": {
2072
+ "type": {
2073
+ "text": "void"
2074
+ }
2075
+ },
2076
+ "description": "Derives spinner dimensions from current avatar size."
2077
+ }
2078
+ ],
2079
+ "events": [
2080
+ {
2081
+ "name": "click",
2082
+ "type": {
2083
+ "text": "Event"
2084
+ }
2085
+ }
2086
+ ],
2087
+ "attributes": [
2088
+ {
2089
+ "name": "size",
2090
+ "type": {
2091
+ "text": "string"
2092
+ },
2093
+ "default": "\"50px\"",
2094
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
2095
+ "fieldName": "size"
2096
+ },
2097
+ {
2098
+ "name": "image",
2099
+ "type": {
2100
+ "text": "string"
2101
+ },
2102
+ "default": "\"\"",
2103
+ "description": "Image URL; fallback slot is shown on load error.",
2104
+ "fieldName": "image"
2105
+ },
2106
+ {
2107
+ "name": "fit",
2108
+ "type": {
2109
+ "text": "SkyAvatarFit"
2110
+ },
2111
+ "default": "\"cover\"",
2112
+ "description": "Image fill mode: `cover` (default) or `contain`.",
2113
+ "fieldName": "fit"
2114
+ },
2115
+ {
2116
+ "name": "radius",
2117
+ "type": {
2118
+ "text": "string"
2119
+ },
2120
+ "default": "\"md\"",
2121
+ "description": "Border radius token or CSS value.",
2122
+ "fieldName": "radius"
2123
+ },
2124
+ {
2125
+ "name": "alt",
2126
+ "type": {
2127
+ "text": "string"
2128
+ },
2129
+ "default": "\"\"",
2130
+ "description": "Accessible name when image content conveys meaning.",
2131
+ "fieldName": "alt"
2132
+ },
2133
+ {
2134
+ "name": "color",
2135
+ "type": {
2136
+ "text": "string"
2137
+ },
2138
+ "default": "\"dark\"",
2139
+ "description": "Token or CSS color applied to fallback slot content.",
2140
+ "fieldName": "color"
2141
+ },
2142
+ {
2143
+ "name": "outline",
2144
+ "type": {
2145
+ "text": "string"
2146
+ },
2147
+ "default": "\"\"",
2148
+ "description": "CSS `outline` value.",
2149
+ "fieldName": "outline"
2150
+ },
2151
+ {
2152
+ "name": "outlineOffset",
2153
+ "type": {
2154
+ "text": "string"
2155
+ },
2156
+ "default": "\"2px\"",
2157
+ "description": "CSS `outline-offset` value.",
2158
+ "fieldName": "outlineOffset"
2159
+ },
2160
+ {
2161
+ "name": "loading",
2162
+ "type": {
2163
+ "text": "boolean"
2164
+ },
2165
+ "default": "false",
2166
+ "description": "Shows loading overlay when true.",
2167
+ "fieldName": "loading"
2168
+ },
2169
+ {
2170
+ "name": "disabled",
2171
+ "type": {
2172
+ "text": "boolean"
2173
+ },
2174
+ "default": "false",
2175
+ "description": "Dims and disables pointer interactions.",
2176
+ "fieldName": "disabled"
2177
+ },
2178
+ {
2179
+ "name": "interactive",
2180
+ "type": {
2181
+ "text": "boolean"
2182
+ },
2183
+ "default": "false",
2184
+ "description": "Enables interactive behavior with keyboard/click activation.",
2185
+ "fieldName": "interactive"
2186
+ },
2187
+ {
2188
+ "name": "shadow",
2189
2189
  "type": {
2190
- "text": "SkyButtonAnimation"
2190
+ "text": "boolean"
2191
2191
  },
2192
- "default": "\"auto\"",
2193
- "description": "Transform animation style. Default: `\"auto\"`.",
2194
- "fieldName": "animation"
2192
+ "default": "false",
2193
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
2194
+ "fieldName": "shadow"
2195
2195
  }
2196
2196
  ],
2197
2197
  "superclass": {
2198
2198
  "name": "LitElement",
2199
2199
  "package": "lit"
2200
2200
  },
2201
- "tagName": "sky-button",
2201
+ "tagName": "sky-avatar",
2202
2202
  "customElement": true,
2203
- "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
2203
+ "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
2204
2204
  }
2205
2205
  ],
2206
2206
  "exports": [
2207
2207
  {
2208
2208
  "kind": "js",
2209
- "name": "SkyButton",
2209
+ "name": "SkyAvatar",
2210
2210
  "declaration": {
2211
- "name": "SkyButton",
2212
- "module": "src/sky-button/sky-button.ts"
2211
+ "name": "SkyAvatar",
2212
+ "module": "src/sky-avatar/sky-avatar.ts"
2213
2213
  }
2214
2214
  },
2215
2215
  {
2216
2216
  "kind": "custom-element-definition",
2217
- "name": "sky-button",
2217
+ "name": "sky-avatar",
2218
2218
  "declaration": {
2219
- "name": "SkyButton",
2220
- "module": "src/sky-button/sky-button.ts"
2219
+ "name": "SkyAvatar",
2220
+ "module": "src/sky-avatar/sky-avatar.ts"
2221
2221
  }
2222
2222
  }
2223
2223
  ]
@@ -11151,26 +11151,256 @@
11151
11151
  "name": "FormControlBase",
11152
11152
  "module": "/src/helper/internals/form-control-base"
11153
11153
  },
11154
- "tagName": "sky-input",
11154
+ "tagName": "sky-input",
11155
+ "customElement": true,
11156
+ "summary": "Versatile form input supporting text, password, number, textarea, and file workflows."
11157
+ }
11158
+ ],
11159
+ "exports": [
11160
+ {
11161
+ "kind": "js",
11162
+ "name": "SkyInput",
11163
+ "declaration": {
11164
+ "name": "SkyInput",
11165
+ "module": "src/sky-input/sky-input.ts"
11166
+ }
11167
+ },
11168
+ {
11169
+ "kind": "custom-element-definition",
11170
+ "name": "sky-input",
11171
+ "declaration": {
11172
+ "name": "SkyInput",
11173
+ "module": "src/sky-input/sky-input.ts"
11174
+ }
11175
+ }
11176
+ ]
11177
+ },
11178
+ {
11179
+ "kind": "javascript-module",
11180
+ "path": "src/sky-listitem/sky-listitem.ts",
11181
+ "declarations": [
11182
+ {
11183
+ "kind": "class",
11184
+ "description": "",
11185
+ "name": "SkyListitem",
11186
+ "cssParts": [
11187
+ {
11188
+ "description": "The main list item container.",
11189
+ "name": "list-item"
11190
+ },
11191
+ {
11192
+ "description": "The leading section (avatar container).",
11193
+ "name": "leading"
11194
+ },
11195
+ {
11196
+ "description": "The avatar image element.",
11197
+ "name": "avatar"
11198
+ },
11199
+ {
11200
+ "description": "The content wrapper for the main slot.",
11201
+ "name": "content"
11202
+ },
11203
+ {
11204
+ "description": "The trailing actions container.",
11205
+ "name": "actions"
11206
+ },
11207
+ {
11208
+ "description": "The subheader divider element.",
11209
+ "name": "subheader"
11210
+ }
11211
+ ],
11212
+ "slots": [
11213
+ {
11214
+ "description": "Main content of the list item (usually label or text).",
11215
+ "name": "content"
11216
+ },
11217
+ {
11218
+ "description": "Trailing action elements (e.g., icons, buttons).",
11219
+ "name": "actions"
11220
+ }
11221
+ ],
11222
+ "members": [
11223
+ {
11224
+ "kind": "field",
11225
+ "name": "avatar",
11226
+ "type": {
11227
+ "text": "string"
11228
+ },
11229
+ "default": "\"\"",
11230
+ "description": "Optional avatar image URL.",
11231
+ "attribute": "avatar"
11232
+ },
11233
+ {
11234
+ "kind": "field",
11235
+ "name": "value",
11236
+ "type": {
11237
+ "text": "string"
11238
+ },
11239
+ "default": "\"\"",
11240
+ "description": "Stable id for selection (`sky-list` `selectedValues` / `list-change`). Default: `\"\"`.",
11241
+ "attribute": "value"
11242
+ },
11243
+ {
11244
+ "kind": "field",
11245
+ "name": "subheader",
11246
+ "type": {
11247
+ "text": "string"
11248
+ },
11249
+ "default": "\"\"",
11250
+ "description": "Subheader text; when set, item renders as a section header.",
11251
+ "attribute": "subheader",
11252
+ "reflects": true
11253
+ },
11254
+ {
11255
+ "kind": "field",
11256
+ "name": "selected",
11257
+ "type": {
11258
+ "text": "boolean"
11259
+ },
11260
+ "default": "false",
11261
+ "description": "Whether item is selected.",
11262
+ "attribute": "selected",
11263
+ "reflects": true
11264
+ },
11265
+ {
11266
+ "kind": "field",
11267
+ "name": "dense",
11268
+ "type": {
11269
+ "text": "boolean"
11270
+ },
11271
+ "default": "false",
11272
+ "description": "Whether compact spacing is used.",
11273
+ "attribute": "dense",
11274
+ "reflects": true
11275
+ },
11276
+ {
11277
+ "kind": "field",
11278
+ "name": "disabled",
11279
+ "type": {
11280
+ "text": "boolean"
11281
+ },
11282
+ "default": "false",
11283
+ "description": "Whether interaction is disabled.",
11284
+ "attribute": "disabled",
11285
+ "reflects": true
11286
+ },
11287
+ {
11288
+ "kind": "method",
11289
+ "name": "onClick",
11290
+ "privacy": "private",
11291
+ "return": {
11292
+ "type": {
11293
+ "text": "void"
11294
+ }
11295
+ }
11296
+ },
11297
+ {
11298
+ "kind": "method",
11299
+ "name": "setSelected",
11300
+ "return": {
11301
+ "type": {
11302
+ "text": "void"
11303
+ }
11304
+ },
11305
+ "parameters": [
11306
+ {
11307
+ "name": "selected",
11308
+ "type": {
11309
+ "text": "boolean"
11310
+ }
11311
+ }
11312
+ ]
11313
+ }
11314
+ ],
11315
+ "events": [
11316
+ {
11317
+ "name": "item-activate",
11318
+ "type": {
11319
+ "text": "CustomEvent<SkyListitemActivateDetail>"
11320
+ },
11321
+ "description": "Fired when the item is activated."
11322
+ }
11323
+ ],
11324
+ "attributes": [
11325
+ {
11326
+ "name": "avatar",
11327
+ "type": {
11328
+ "text": "string"
11329
+ },
11330
+ "default": "\"\"",
11331
+ "description": "Optional avatar image URL.",
11332
+ "fieldName": "avatar"
11333
+ },
11334
+ {
11335
+ "name": "value",
11336
+ "type": {
11337
+ "text": "string"
11338
+ },
11339
+ "default": "\"\"",
11340
+ "description": "Stable id for selection (`sky-list` `selectedValues` / `list-change`). Default: `\"\"`.",
11341
+ "fieldName": "value"
11342
+ },
11343
+ {
11344
+ "name": "subheader",
11345
+ "type": {
11346
+ "text": "string"
11347
+ },
11348
+ "default": "\"\"",
11349
+ "description": "Subheader text; when set, item renders as a section header.",
11350
+ "fieldName": "subheader"
11351
+ },
11352
+ {
11353
+ "name": "selected",
11354
+ "type": {
11355
+ "text": "boolean"
11356
+ },
11357
+ "default": "false",
11358
+ "description": "Whether item is selected.",
11359
+ "fieldName": "selected"
11360
+ },
11361
+ {
11362
+ "name": "dense",
11363
+ "type": {
11364
+ "text": "boolean"
11365
+ },
11366
+ "default": "false",
11367
+ "description": "Whether compact spacing is used.",
11368
+ "fieldName": "dense"
11369
+ },
11370
+ {
11371
+ "name": "disabled",
11372
+ "type": {
11373
+ "text": "boolean"
11374
+ },
11375
+ "default": "false",
11376
+ "description": "Whether interaction is disabled.",
11377
+ "fieldName": "disabled"
11378
+ }
11379
+ ],
11380
+ "superclass": {
11381
+ "name": "LitElement",
11382
+ "package": "lit"
11383
+ },
11384
+ "tagName": "sky-listitem",
11155
11385
  "customElement": true,
11156
- "summary": "Versatile form input supporting text, password, number, textarea, and file workflows."
11386
+ "summary": "List item with optional avatar, actions, subheader mode, and selectable state."
11157
11387
  }
11158
11388
  ],
11159
11389
  "exports": [
11160
11390
  {
11161
11391
  "kind": "js",
11162
- "name": "SkyInput",
11392
+ "name": "SkyListitem",
11163
11393
  "declaration": {
11164
- "name": "SkyInput",
11165
- "module": "src/sky-input/sky-input.ts"
11394
+ "name": "SkyListitem",
11395
+ "module": "src/sky-listitem/sky-listitem.ts"
11166
11396
  }
11167
11397
  },
11168
11398
  {
11169
11399
  "kind": "custom-element-definition",
11170
- "name": "sky-input",
11400
+ "name": "sky-listitem",
11171
11401
  "declaration": {
11172
- "name": "SkyInput",
11173
- "module": "src/sky-input/sky-input.ts"
11402
+ "name": "SkyListitem",
11403
+ "module": "src/sky-listitem/sky-listitem.ts"
11174
11404
  }
11175
11405
  }
11176
11406
  ]
@@ -11338,275 +11568,53 @@
11338
11568
  {
11339
11569
  "kind": "method",
11340
11570
  "name": "_applySelectedValuesFromProp",
11341
- "privacy": "private",
11342
- "return": {
11343
- "type": {
11344
- "text": "void"
11345
- }
11346
- },
11347
- "description": "Applies `selectedValues` from the host to child items."
11348
- },
11349
- {
11350
- "kind": "method",
11351
- "name": "onKeydown",
11352
- "privacy": "private",
11353
- "return": {
11354
- "type": {
11355
- "text": "void"
11356
- }
11357
- },
11358
- "parameters": [
11359
- {
11360
- "name": "e",
11361
- "type": {
11362
- "text": "KeyboardEvent"
11363
- }
11364
- }
11365
- ]
11366
- },
11367
- {
11368
- "kind": "method",
11369
- "name": "focusStep",
11370
- "privacy": "private",
11371
- "return": {
11372
- "type": {
11373
- "text": "void"
11374
- }
11375
- },
11376
- "parameters": [
11377
- {
11378
- "name": "delta",
11379
- "type": {
11380
- "text": "number"
11381
- }
11382
- }
11383
- ]
11384
- },
11385
- {
11386
- "kind": "method",
11387
- "name": "_focusFirstNavigable",
11388
- "privacy": "private",
11389
- "return": {
11390
- "type": {
11391
- "text": "void"
11392
- }
11393
- }
11394
- },
11395
- {
11396
- "kind": "method",
11397
- "name": "focusItem",
11398
- "privacy": "private",
11399
- "return": {
11400
- "type": {
11401
- "text": "void"
11402
- }
11403
- },
11404
- "parameters": [
11405
- {
11406
- "name": "index",
11407
- "type": {
11408
- "text": "number"
11409
- }
11410
- }
11411
- ]
11412
- },
11413
- {
11414
- "kind": "method",
11415
- "name": "focusListItem",
11416
- "privacy": "public",
11417
- "return": {
11418
- "type": {
11419
- "text": "void"
11420
- }
11421
- },
11422
- "parameters": [
11423
- {
11424
- "name": "index",
11425
- "type": {
11426
- "text": "number"
11427
- }
11428
- }
11429
- ]
11430
- },
11431
- {
11432
- "kind": "method",
11433
- "name": "getItems",
11434
- "privacy": "public",
11435
- "return": {
11436
- "type": {
11437
- "text": "SkyListitem[]"
11438
- }
11439
- }
11440
- }
11441
- ],
11442
- "events": [
11443
- {
11444
- "name": "list-change",
11445
- "type": {
11446
- "text": "CustomEvent<SkyListChangeDetail>"
11447
- },
11448
- "description": "Fired when selected items change."
11449
- }
11450
- ],
11451
- "attributes": [
11452
- {
11453
- "name": "selection",
11454
- "type": {
11455
- "text": "SkyListSelectionMode"
11456
- },
11457
- "default": "\"none\"",
11458
- "description": "Selection mode (`none`, `single`, `multiple`).",
11459
- "fieldName": "selection"
11460
- },
11461
- {
11462
- "name": "selectedValues",
11463
- "type": {
11464
- "text": "string[]"
11465
- },
11466
- "description": "Selected item `value`s (mirror for `v-model`; set each `<sky-listitem value=\"…\">`). Default: `[]`.",
11467
- "fieldName": "selectedValues"
11468
- }
11469
- ],
11470
- "superclass": {
11471
- "name": "LitElement",
11472
- "package": "lit"
11473
- },
11474
- "tagName": "sky-list",
11475
- "customElement": true,
11476
- "summary": "Styled list container for `sky-listitem` with selection modes and keyboard navigation."
11477
- }
11478
- ],
11479
- "exports": [
11480
- {
11481
- "kind": "js",
11482
- "name": "SkyList",
11483
- "declaration": {
11484
- "name": "SkyList",
11485
- "module": "src/sky-list/sky-list.ts"
11486
- }
11487
- },
11488
- {
11489
- "kind": "custom-element-definition",
11490
- "name": "sky-list",
11491
- "declaration": {
11492
- "name": "SkyList",
11493
- "module": "src/sky-list/sky-list.ts"
11494
- }
11495
- }
11496
- ]
11497
- },
11498
- {
11499
- "kind": "javascript-module",
11500
- "path": "src/sky-listitem/sky-listitem.ts",
11501
- "declarations": [
11502
- {
11503
- "kind": "class",
11504
- "description": "",
11505
- "name": "SkyListitem",
11506
- "cssParts": [
11507
- {
11508
- "description": "The main list item container.",
11509
- "name": "list-item"
11510
- },
11511
- {
11512
- "description": "The leading section (avatar container).",
11513
- "name": "leading"
11514
- },
11515
- {
11516
- "description": "The avatar image element.",
11517
- "name": "avatar"
11518
- },
11519
- {
11520
- "description": "The content wrapper for the main slot.",
11521
- "name": "content"
11522
- },
11523
- {
11524
- "description": "The trailing actions container.",
11525
- "name": "actions"
11526
- },
11527
- {
11528
- "description": "The subheader divider element.",
11529
- "name": "subheader"
11530
- }
11531
- ],
11532
- "slots": [
11533
- {
11534
- "description": "Main content of the list item (usually label or text).",
11535
- "name": "content"
11536
- },
11537
- {
11538
- "description": "Trailing action elements (e.g., icons, buttons).",
11539
- "name": "actions"
11540
- }
11541
- ],
11542
- "members": [
11543
- {
11544
- "kind": "field",
11545
- "name": "avatar",
11546
- "type": {
11547
- "text": "string"
11548
- },
11549
- "default": "\"\"",
11550
- "description": "Optional avatar image URL.",
11551
- "attribute": "avatar"
11552
- },
11553
- {
11554
- "kind": "field",
11555
- "name": "value",
11556
- "type": {
11557
- "text": "string"
11558
- },
11559
- "default": "\"\"",
11560
- "description": "Stable id for selection (`sky-list` `selectedValues` / `list-change`). Default: `\"\"`.",
11561
- "attribute": "value"
11562
- },
11563
- {
11564
- "kind": "field",
11565
- "name": "subheader",
11566
- "type": {
11567
- "text": "string"
11568
- },
11569
- "default": "\"\"",
11570
- "description": "Subheader text; when set, item renders as a section header.",
11571
- "attribute": "subheader",
11572
- "reflects": true
11573
- },
11574
- {
11575
- "kind": "field",
11576
- "name": "selected",
11577
- "type": {
11578
- "text": "boolean"
11571
+ "privacy": "private",
11572
+ "return": {
11573
+ "type": {
11574
+ "text": "void"
11575
+ }
11579
11576
  },
11580
- "default": "false",
11581
- "description": "Whether item is selected.",
11582
- "attribute": "selected",
11583
- "reflects": true
11577
+ "description": "Applies `selectedValues` from the host to child items."
11584
11578
  },
11585
11579
  {
11586
- "kind": "field",
11587
- "name": "dense",
11588
- "type": {
11589
- "text": "boolean"
11580
+ "kind": "method",
11581
+ "name": "onKeydown",
11582
+ "privacy": "private",
11583
+ "return": {
11584
+ "type": {
11585
+ "text": "void"
11586
+ }
11590
11587
  },
11591
- "default": "false",
11592
- "description": "Whether compact spacing is used.",
11593
- "attribute": "dense",
11594
- "reflects": true
11588
+ "parameters": [
11589
+ {
11590
+ "name": "e",
11591
+ "type": {
11592
+ "text": "KeyboardEvent"
11593
+ }
11594
+ }
11595
+ ]
11595
11596
  },
11596
11597
  {
11597
- "kind": "field",
11598
- "name": "disabled",
11599
- "type": {
11600
- "text": "boolean"
11598
+ "kind": "method",
11599
+ "name": "focusStep",
11600
+ "privacy": "private",
11601
+ "return": {
11602
+ "type": {
11603
+ "text": "void"
11604
+ }
11601
11605
  },
11602
- "default": "false",
11603
- "description": "Whether interaction is disabled.",
11604
- "attribute": "disabled",
11605
- "reflects": true
11606
+ "parameters": [
11607
+ {
11608
+ "name": "delta",
11609
+ "type": {
11610
+ "text": "number"
11611
+ }
11612
+ }
11613
+ ]
11606
11614
  },
11607
11615
  {
11608
11616
  "kind": "method",
11609
- "name": "onClick",
11617
+ "name": "_focusFirstNavigable",
11610
11618
  "privacy": "private",
11611
11619
  "return": {
11612
11620
  "type": {
@@ -11616,7 +11624,8 @@
11616
11624
  },
11617
11625
  {
11618
11626
  "kind": "method",
11619
- "name": "setSelected",
11627
+ "name": "focusItem",
11628
+ "privacy": "private",
11620
11629
  "return": {
11621
11630
  "type": {
11622
11631
  "text": "void"
@@ -11624,103 +11633,94 @@
11624
11633
  },
11625
11634
  "parameters": [
11626
11635
  {
11627
- "name": "selected",
11636
+ "name": "index",
11628
11637
  "type": {
11629
- "text": "boolean"
11638
+ "text": "number"
11639
+ }
11640
+ }
11641
+ ]
11642
+ },
11643
+ {
11644
+ "kind": "method",
11645
+ "name": "focusListItem",
11646
+ "privacy": "public",
11647
+ "return": {
11648
+ "type": {
11649
+ "text": "void"
11650
+ }
11651
+ },
11652
+ "parameters": [
11653
+ {
11654
+ "name": "index",
11655
+ "type": {
11656
+ "text": "number"
11630
11657
  }
11631
11658
  }
11632
11659
  ]
11660
+ },
11661
+ {
11662
+ "kind": "method",
11663
+ "name": "getItems",
11664
+ "privacy": "public",
11665
+ "return": {
11666
+ "type": {
11667
+ "text": "SkyListitem[]"
11668
+ }
11669
+ }
11633
11670
  }
11634
11671
  ],
11635
11672
  "events": [
11636
11673
  {
11637
- "name": "item-activate",
11674
+ "name": "list-change",
11638
11675
  "type": {
11639
- "text": "CustomEvent<SkyListitemActivateDetail>"
11676
+ "text": "CustomEvent<SkyListChangeDetail>"
11640
11677
  },
11641
- "description": "Fired when the item is activated."
11678
+ "description": "Fired when selected items change."
11642
11679
  }
11643
11680
  ],
11644
11681
  "attributes": [
11645
11682
  {
11646
- "name": "avatar",
11647
- "type": {
11648
- "text": "string"
11649
- },
11650
- "default": "\"\"",
11651
- "description": "Optional avatar image URL.",
11652
- "fieldName": "avatar"
11653
- },
11654
- {
11655
- "name": "value",
11656
- "type": {
11657
- "text": "string"
11658
- },
11659
- "default": "\"\"",
11660
- "description": "Stable id for selection (`sky-list` `selectedValues` / `list-change`). Default: `\"\"`.",
11661
- "fieldName": "value"
11662
- },
11663
- {
11664
- "name": "subheader",
11665
- "type": {
11666
- "text": "string"
11667
- },
11668
- "default": "\"\"",
11669
- "description": "Subheader text; when set, item renders as a section header.",
11670
- "fieldName": "subheader"
11671
- },
11672
- {
11673
- "name": "selected",
11674
- "type": {
11675
- "text": "boolean"
11676
- },
11677
- "default": "false",
11678
- "description": "Whether item is selected.",
11679
- "fieldName": "selected"
11680
- },
11681
- {
11682
- "name": "dense",
11683
+ "name": "selection",
11683
11684
  "type": {
11684
- "text": "boolean"
11685
+ "text": "SkyListSelectionMode"
11685
11686
  },
11686
- "default": "false",
11687
- "description": "Whether compact spacing is used.",
11688
- "fieldName": "dense"
11687
+ "default": "\"none\"",
11688
+ "description": "Selection mode (`none`, `single`, `multiple`).",
11689
+ "fieldName": "selection"
11689
11690
  },
11690
11691
  {
11691
- "name": "disabled",
11692
+ "name": "selectedValues",
11692
11693
  "type": {
11693
- "text": "boolean"
11694
+ "text": "string[]"
11694
11695
  },
11695
- "default": "false",
11696
- "description": "Whether interaction is disabled.",
11697
- "fieldName": "disabled"
11696
+ "description": "Selected item `value`s (mirror for `v-model`; set each `<sky-listitem value=\"…\">`). Default: `[]`.",
11697
+ "fieldName": "selectedValues"
11698
11698
  }
11699
11699
  ],
11700
11700
  "superclass": {
11701
11701
  "name": "LitElement",
11702
11702
  "package": "lit"
11703
11703
  },
11704
- "tagName": "sky-listitem",
11704
+ "tagName": "sky-list",
11705
11705
  "customElement": true,
11706
- "summary": "List item with optional avatar, actions, subheader mode, and selectable state."
11706
+ "summary": "Styled list container for `sky-listitem` with selection modes and keyboard navigation."
11707
11707
  }
11708
11708
  ],
11709
11709
  "exports": [
11710
11710
  {
11711
11711
  "kind": "js",
11712
- "name": "SkyListitem",
11712
+ "name": "SkyList",
11713
11713
  "declaration": {
11714
- "name": "SkyListitem",
11715
- "module": "src/sky-listitem/sky-listitem.ts"
11714
+ "name": "SkyList",
11715
+ "module": "src/sky-list/sky-list.ts"
11716
11716
  }
11717
11717
  },
11718
11718
  {
11719
11719
  "kind": "custom-element-definition",
11720
- "name": "sky-listitem",
11720
+ "name": "sky-list",
11721
11721
  "declaration": {
11722
- "name": "SkyListitem",
11723
- "module": "src/sky-listitem/sky-listitem.ts"
11722
+ "name": "SkyList",
11723
+ "module": "src/sky-list/sky-list.ts"
11724
11724
  }
11725
11725
  }
11726
11726
  ]
@@ -12122,6 +12122,49 @@
12122
12122
  }
12123
12123
  ]
12124
12124
  },
12125
+ {
12126
+ "kind": "javascript-module",
12127
+ "path": "src/sky-row/sky-row.ts",
12128
+ "declarations": [
12129
+ {
12130
+ "kind": "class",
12131
+ "description": "",
12132
+ "name": "SkyRow",
12133
+ "slots": [
12134
+ {
12135
+ "description": "Default slot for child content.",
12136
+ "name": ""
12137
+ }
12138
+ ],
12139
+ "members": [],
12140
+ "superclass": {
12141
+ "name": "LitElement",
12142
+ "package": "lit"
12143
+ },
12144
+ "tagName": "sky-row",
12145
+ "customElement": true,
12146
+ "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
12147
+ }
12148
+ ],
12149
+ "exports": [
12150
+ {
12151
+ "kind": "js",
12152
+ "name": "SkyRow",
12153
+ "declaration": {
12154
+ "name": "SkyRow",
12155
+ "module": "src/sky-row/sky-row.ts"
12156
+ }
12157
+ },
12158
+ {
12159
+ "kind": "custom-element-definition",
12160
+ "name": "sky-row",
12161
+ "declaration": {
12162
+ "name": "SkyRow",
12163
+ "module": "src/sky-row/sky-row.ts"
12164
+ }
12165
+ }
12166
+ ]
12167
+ },
12125
12168
  {
12126
12169
  "kind": "javascript-module",
12127
12170
  "path": "src/sky-sheet/sky-sheet.ts",
@@ -12304,49 +12347,6 @@
12304
12347
  }
12305
12348
  ]
12306
12349
  },
12307
- {
12308
- "kind": "javascript-module",
12309
- "path": "src/sky-row/sky-row.ts",
12310
- "declarations": [
12311
- {
12312
- "kind": "class",
12313
- "description": "",
12314
- "name": "SkyRow",
12315
- "slots": [
12316
- {
12317
- "description": "Default slot for child content.",
12318
- "name": ""
12319
- }
12320
- ],
12321
- "members": [],
12322
- "superclass": {
12323
- "name": "LitElement",
12324
- "package": "lit"
12325
- },
12326
- "tagName": "sky-row",
12327
- "customElement": true,
12328
- "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
12329
- }
12330
- ],
12331
- "exports": [
12332
- {
12333
- "kind": "js",
12334
- "name": "SkyRow",
12335
- "declaration": {
12336
- "name": "SkyRow",
12337
- "module": "src/sky-row/sky-row.ts"
12338
- }
12339
- },
12340
- {
12341
- "kind": "custom-element-definition",
12342
- "name": "sky-row",
12343
- "declaration": {
12344
- "name": "SkyRow",
12345
- "module": "src/sky-row/sky-row.ts"
12346
- }
12347
- }
12348
- ]
12349
- },
12350
12350
  {
12351
12351
  "kind": "javascript-module",
12352
12352
  "path": "src/sky-simple-table/sky-simple-table.ts",