@sky.ui/core 0.0.59 → 0.0.61

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 (8) hide show
  1. package/dist/custom-elements.json +1545 -1503
  2. package/dist/helper/controllers/popover-controller.d.ts +2 -0
  3. package/dist/helper/controllers/popover-controller.js +1 -1
  4. package/dist/helper/controllers/popover-controller.js.map +1 -1
  5. package/dist/sky-color-picker/sky-color-picker.d.ts +2 -1
  6. package/dist/sky-color-picker/sky-color-picker.js +204 -171
  7. package/dist/sky-color-picker/sky-color-picker.js.map +1 -1
  8. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -885,34 +885,34 @@
885
885
  },
886
886
  {
887
887
  "kind": "javascript-module",
888
- "path": "src/sky-button/sky-button.ts",
888
+ "path": "src/sky-badge/sky-badge.ts",
889
889
  "declarations": [
890
890
  {
891
891
  "kind": "class",
892
892
  "description": "",
893
- "name": "SkyButton",
893
+ "name": "SkyBadge",
894
894
  "cssParts": [
895
895
  {
896
- "description": "The native `<button>` element.",
897
- "name": "button"
898
- },
899
- {
900
- "description": "The optional left/right icons.",
901
- "name": "icon"
896
+ "description": "Wrapper around the slotted content and the badge.",
897
+ "name": "container"
902
898
  },
903
899
  {
904
- "description": "Overlay displayed when loading.",
905
- "name": "loading-overlay"
900
+ "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
901
+ "name": "badge"
906
902
  },
907
903
  {
908
- "description": "Spinner displayed when loading.",
909
- "name": "spinner"
904
+ "description": "The icon element when `isIcon` is true.",
905
+ "name": "icon"
910
906
  }
911
907
  ],
912
908
  "slots": [
913
909
  {
914
- "description": "Default slot for the button label (replaces `label` property if used).",
910
+ "description": "The content the badge attaches to.",
915
911
  "name": ""
912
+ },
913
+ {
914
+ "description": "Optional slot to override the badge content entirely.",
915
+ "name": "badge"
916
916
  }
917
917
  ],
918
918
  "members": [
@@ -927,61 +927,68 @@
927
927
  },
928
928
  {
929
929
  "kind": "field",
930
- "name": "formAssociated",
930
+ "name": "statusColor",
931
931
  "type": {
932
- "text": "boolean"
932
+ "text": "string"
933
933
  },
934
- "static": true,
935
- "default": "true"
934
+ "default": "\"success\"",
935
+ "description": "Badge background token or CSS color.",
936
+ "attribute": "statusColor",
937
+ "reflects": true
936
938
  },
937
939
  {
938
940
  "kind": "field",
939
- "name": "internals",
941
+ "name": "textColor",
940
942
  "type": {
941
- "text": "ElementInternals"
943
+ "text": "string"
942
944
  },
943
- "privacy": "private"
945
+ "default": "\"default\"",
946
+ "description": "Text color token or CSS color.",
947
+ "attribute": "textColor",
948
+ "reflects": true
944
949
  },
945
950
  {
946
951
  "kind": "field",
947
- "name": "variant",
952
+ "name": "iconColor",
948
953
  "type": {
949
- "text": "SkyButtonVariant"
954
+ "text": "string"
950
955
  },
951
- "default": "\"solid\"",
952
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
953
- "attribute": "variant",
956
+ "default": "\"\"",
957
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
958
+ "attribute": "iconColor",
954
959
  "reflects": true
955
960
  },
956
961
  {
957
962
  "kind": "field",
958
- "name": "color",
963
+ "name": "position",
959
964
  "type": {
960
- "text": "string"
965
+ "text": "SkyBadgePosition"
961
966
  },
962
- "default": "\"primary\"",
963
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
964
- "attribute": "color"
967
+ "default": "\"default\"",
968
+ "description": "Layout mode: `default | floating | inline`.",
969
+ "attribute": "position",
970
+ "reflects": true
965
971
  },
966
972
  {
967
973
  "kind": "field",
968
- "name": "type",
974
+ "name": "value",
969
975
  "type": {
970
- "text": "SkyButtonType"
976
+ "text": "string"
971
977
  },
972
- "default": "\"button\"",
973
- "description": "Button type attribute. Default: `\"button\"`.",
974
- "attribute": "type"
978
+ "default": "\"\"",
979
+ "description": "Badge text/count or icon name in icon mode.",
980
+ "attribute": "value"
975
981
  },
976
982
  {
977
983
  "kind": "field",
978
- "name": "form",
984
+ "name": "isIcon",
979
985
  "type": {
980
- "text": "string"
986
+ "text": "boolean"
981
987
  },
982
- "default": "\"\"",
983
- "description": "Associated form ID for custom submit handling.",
984
- "attribute": "form"
988
+ "default": "false",
989
+ "description": "Renders icon mode when true.",
990
+ "attribute": "isIcon",
991
+ "reflects": true
985
992
  },
986
993
  {
987
994
  "kind": "field",
@@ -989,495 +996,477 @@
989
996
  "type": {
990
997
  "text": "string"
991
998
  },
992
- "default": "\"md\"",
993
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
994
- "attribute": "size"
999
+ "default": "\"\"",
1000
+ "description": "Badge and icon size CSS length.",
1001
+ "attribute": "size",
1002
+ "reflects": true
995
1003
  },
996
1004
  {
997
1005
  "kind": "field",
998
- "name": "radius",
1006
+ "name": "shape",
999
1007
  "type": {
1000
- "text": "string"
1008
+ "text": "SkyBadgeShape"
1001
1009
  },
1002
- "default": "\"md\"",
1003
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1004
- "attribute": "radius"
1010
+ "default": "\"custom\"",
1011
+ "description": "Badge shape: `circle | pill | custom`.",
1012
+ "attribute": "shape",
1013
+ "reflects": true
1005
1014
  },
1006
1015
  {
1007
1016
  "kind": "field",
1008
- "name": "label",
1017
+ "name": "max",
1009
1018
  "type": {
1010
- "text": "string"
1019
+ "text": "number"
1011
1020
  },
1012
- "default": "\"Button\"",
1013
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1014
- "attribute": "label"
1021
+ "default": "99",
1022
+ "description": "Maximum numeric count before rendering overflow label.",
1023
+ "attribute": "max"
1015
1024
  },
1016
1025
  {
1017
1026
  "kind": "field",
1018
- "name": "disabled",
1027
+ "name": "hideWhenZero",
1019
1028
  "type": {
1020
1029
  "text": "boolean"
1021
1030
  },
1022
1031
  "default": "false",
1023
- "description": "Whether the button is disabled. Default: `false`.",
1024
- "attribute": "disabled",
1025
- "reflects": true
1032
+ "description": "Hides badge when value resolves to numeric zero.",
1033
+ "attribute": "hideWhenZero"
1026
1034
  },
1027
1035
  {
1028
1036
  "kind": "field",
1029
- "name": "loading",
1037
+ "name": "show",
1030
1038
  "type": {
1031
1039
  "text": "boolean"
1032
1040
  },
1033
- "default": "false",
1034
- "description": "Shows a loading overlay when true. Default: `false`.",
1035
- "attribute": "loading",
1041
+ "default": "true",
1042
+ "description": "Forces badge visibility independent of value.",
1043
+ "attribute": "show",
1036
1044
  "reflects": true
1037
1045
  },
1038
1046
  {
1039
1047
  "kind": "field",
1040
- "name": "iconL",
1048
+ "name": "offsetX",
1041
1049
  "type": {
1042
1050
  "text": "string"
1043
1051
  },
1044
- "default": "\"\"",
1045
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1046
- "attribute": "iconL"
1052
+ "default": "\"0px\"",
1053
+ "description": "Horizontal offset CSS length.",
1054
+ "attribute": "offsetX"
1047
1055
  },
1048
1056
  {
1049
1057
  "kind": "field",
1050
- "name": "iconR",
1058
+ "name": "offsetY",
1051
1059
  "type": {
1052
1060
  "text": "string"
1053
1061
  },
1054
- "default": "\"\"",
1055
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1056
- "attribute": "iconR"
1062
+ "default": "\"0px\"",
1063
+ "description": "Vertical offset CSS length.",
1064
+ "attribute": "offsetY"
1057
1065
  },
1058
1066
  {
1059
1067
  "kind": "field",
1060
- "name": "iconOnly",
1068
+ "name": "ring",
1061
1069
  "type": {
1062
1070
  "text": "boolean"
1063
1071
  },
1064
1072
  "default": "false",
1065
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1066
- "attribute": "iconOnly",
1067
- "reflects": true
1073
+ "description": "Enables visual ring around the badge.",
1074
+ "attribute": "ring"
1068
1075
  },
1069
1076
  {
1070
1077
  "kind": "field",
1071
- "name": "colors",
1078
+ "name": "ringColor",
1072
1079
  "type": {
1073
1080
  "text": "string"
1074
1081
  },
1075
- "default": "\"\"",
1076
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1077
- "attribute": "colors"
1082
+ "default": "\"primary\"",
1083
+ "description": "Ring color token or CSS color.",
1084
+ "attribute": "ringColor"
1078
1085
  },
1079
1086
  {
1080
1087
  "kind": "field",
1081
- "name": "animation",
1088
+ "name": "ringOffset",
1082
1089
  "type": {
1083
- "text": "SkyButtonAnimation"
1090
+ "text": "string"
1084
1091
  },
1085
- "default": "\"auto\"",
1086
- "description": "Transform animation style. Default: `\"auto\"`.",
1087
- "attribute": "animation",
1088
- "reflects": true
1092
+ "default": "\"1px\"",
1093
+ "description": "Ring offset CSS length.",
1094
+ "attribute": "ringOffset"
1089
1095
  },
1090
1096
  {
1091
1097
  "kind": "field",
1092
- "name": "preset",
1098
+ "name": "badgeLabel",
1093
1099
  "type": {
1094
- "text": "string"
1100
+ "text": "string | null"
1095
1101
  },
1096
- "default": "\"\"",
1097
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1098
- "attribute": "preset",
1099
- "reflects": true
1102
+ "default": "null",
1103
+ "description": "ARIA label override.",
1104
+ "attribute": "badgeLabel"
1100
1105
  },
1101
1106
  {
1102
1107
  "kind": "field",
1103
- "name": "_hasMeaningfulSlot",
1108
+ "name": "badgeAriaHidden",
1104
1109
  "type": {
1105
1110
  "text": "boolean"
1106
1111
  },
1107
- "privacy": "private",
1108
- "default": "false"
1112
+ "default": "false",
1113
+ "description": "Hides badge from assistive technology when true.",
1114
+ "attribute": "badgeAriaHidden"
1109
1115
  },
1110
1116
  {
1111
1117
  "kind": "field",
1112
- "name": "_styleVars",
1118
+ "name": "interactive",
1113
1119
  "type": {
1114
- "text": "Record<string, string>"
1120
+ "text": "boolean"
1115
1121
  },
1116
- "privacy": "private",
1117
- "default": "{}",
1118
- "description": "Inline CSS variable cache."
1122
+ "default": "false",
1123
+ "description": "Enables focus/activation and `badge-click` emission.",
1124
+ "attribute": "interactive"
1125
+ },
1126
+ {
1127
+ "kind": "field",
1128
+ "name": "placement",
1129
+ "type": {
1130
+ "text": "SkyBadgePlacement"
1131
+ },
1132
+ "default": "\"custom\"",
1133
+ "description": "Anchor placement preset for badge positioning.",
1134
+ "attribute": "placement",
1135
+ "reflects": true
1136
+ },
1137
+ {
1138
+ "kind": "field",
1139
+ "name": "preset",
1140
+ "type": {
1141
+ "text": "string"
1142
+ },
1143
+ "default": "\"\"",
1144
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1145
+ "attribute": "preset",
1146
+ "reflects": true
1119
1147
  },
1120
1148
  {
1121
1149
  "kind": "field",
1122
1150
  "name": "_presets",
1123
1151
  "privacy": "private",
1124
- "default": "new PresetController(this, { isPaused: () => this.inGroup, onChange: () => { this._styleDirty = true; }, })"
1152
+ "default": "new PresetController(this)"
1125
1153
  },
1126
1154
  {
1127
1155
  "kind": "field",
1128
- "name": "_lastPresetRevision",
1156
+ "name": "_badgeEl",
1129
1157
  "type": {
1130
- "text": "number"
1158
+ "text": "HTMLSpanElement"
1131
1159
  },
1132
- "privacy": "private",
1133
- "default": "-1"
1160
+ "privacy": "private"
1134
1161
  },
1135
1162
  {
1136
1163
  "kind": "field",
1137
- "name": "_styleDirty",
1164
+ "name": "badgeRef",
1165
+ "privacy": "public",
1166
+ "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
1167
+ },
1168
+ {
1169
+ "kind": "field",
1170
+ "name": "shadowRootOptions",
1138
1171
  "type": {
1139
- "text": "boolean"
1172
+ "text": "ShadowRootInit"
1140
1173
  },
1141
- "privacy": "private",
1142
- "default": "true",
1143
- "description": "Set when presets change so `update()` rebuilds CSS vars after hostUpdate."
1174
+ "static": true,
1175
+ "default": "{ mode: \"open\", delegatesFocus: true, }"
1144
1176
  },
1145
1177
  {
1146
1178
  "kind": "method",
1147
- "name": "_slotHasMeaningfulContent",
1148
- "privacy": "private",
1179
+ "name": "showBadge",
1180
+ "privacy": "public",
1149
1181
  "return": {
1150
1182
  "type": {
1151
- "text": "boolean"
1183
+ "text": "void"
1152
1184
  }
1153
1185
  },
1154
- "parameters": [
1155
- {
1156
- "name": "slotEl",
1157
- "type": {
1158
- "text": "HTMLSlotElement"
1159
- }
1160
- }
1161
- ]
1162
- },
1163
- {
1164
- "kind": "field",
1165
- "name": "_onSlotChange",
1166
- "privacy": "private"
1186
+ "description": "Forces badge visibility on."
1167
1187
  },
1168
1188
  {
1169
1189
  "kind": "method",
1170
- "name": "_toSquarePadding",
1171
- "privacy": "private",
1190
+ "name": "hideBadge",
1191
+ "privacy": "public",
1172
1192
  "return": {
1173
1193
  "type": {
1174
- "text": "string"
1194
+ "text": "void"
1175
1195
  }
1176
1196
  },
1177
- "parameters": [
1178
- {
1179
- "name": "padding",
1180
- "type": {
1181
- "text": "string"
1182
- }
1183
- }
1184
- ],
1185
- "description": "Uses vertical padding for equal sides (icon-only square control)."
1197
+ "description": "Forces badge visibility off."
1186
1198
  },
1187
1199
  {
1188
1200
  "kind": "method",
1189
- "name": "_resolveSize",
1190
- "privacy": "private",
1201
+ "name": "setValue",
1202
+ "privacy": "public",
1191
1203
  "return": {
1192
1204
  "type": {
1193
- "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
1205
+ "text": "void"
1194
1206
  }
1195
1207
  },
1196
1208
  "parameters": [
1197
1209
  {
1198
- "name": "input",
1210
+ "name": "value",
1199
1211
  "type": {
1200
1212
  "text": "string"
1201
- }
1213
+ },
1214
+ "description": "Badge value or icon name."
1202
1215
  }
1203
- ]
1216
+ ],
1217
+ "description": "Updates badge value for text/count or icon modes."
1204
1218
  },
1205
1219
  {
1206
- "kind": "method",
1207
- "name": "_isThemeBorderShorthand",
1220
+ "kind": "field",
1221
+ "name": "_onActivate",
1208
1222
  "privacy": "private",
1209
- "return": {
1210
- "type": {
1211
- "text": "boolean"
1212
- }
1213
- },
1214
- "parameters": [
1215
- {
1216
- "name": "border",
1217
- "type": {
1218
- "text": "string | undefined"
1219
- }
1220
- }
1221
- ],
1222
- "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
1223
+ "description": "Emits `badge-click` for interactive activation."
1223
1224
  },
1224
1225
  {
1225
- "kind": "method",
1226
- "name": "_borderColorFromShorthand",
1226
+ "kind": "field",
1227
+ "name": "_onKeydown",
1227
1228
  "privacy": "private",
1228
- "return": {
1229
- "type": {
1230
- "text": "string"
1231
- }
1232
- },
1233
- "parameters": [
1234
- {
1235
- "name": "border",
1236
- "type": {
1237
- "text": "string | undefined"
1238
- }
1239
- }
1240
- ],
1241
- "description": "Extracts the color token from a `Npx solid …` border shorthand."
1229
+ "description": "Handles keyboard activation with Enter and Space."
1242
1230
  },
1243
1231
  {
1244
1232
  "kind": "method",
1245
- "name": "_rebuildStyleVars",
1233
+ "name": "_computeAriaLabel",
1246
1234
  "privacy": "private",
1247
1235
  "return": {
1248
1236
  "type": {
1249
- "text": "void"
1237
+ "text": "string | null"
1250
1238
  }
1251
1239
  },
1252
1240
  "parameters": [
1253
1241
  {
1254
- "name": "changedProperties",
1242
+ "name": "displayValue",
1255
1243
  "type": {
1256
- "text": "Map<string, unknown>"
1244
+ "text": "string | null"
1257
1245
  }
1258
1246
  }
1259
- ]
1260
- },
1261
- {
1262
- "kind": "method",
1263
- "name": "focusButton",
1264
- "privacy": "public",
1265
- "return": {
1266
- "type": {
1267
- "text": "void"
1268
- }
1269
- },
1270
- "description": "Focuses the internal native button."
1271
- },
1272
- {
1273
- "kind": "method",
1274
- "name": "clickButton",
1275
- "privacy": "public",
1276
- "return": {
1277
- "type": {
1278
- "text": "void"
1279
- }
1280
- },
1281
- "description": "Triggers a click on the internal native button when enabled."
1247
+ ],
1248
+ "description": "Computes accessible badge label from current render state."
1282
1249
  },
1283
1250
  {
1284
1251
  "kind": "method",
1285
- "name": "_createRipple",
1252
+ "name": "_computeAnchors",
1286
1253
  "privacy": "private",
1287
1254
  "return": {
1288
1255
  "type": {
1289
- "text": "void"
1256
+ "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
1290
1257
  }
1291
1258
  },
1292
1259
  "parameters": [
1293
1260
  {
1294
- "name": "event",
1261
+ "name": "placement",
1295
1262
  "type": {
1296
- "text": "MouseEvent"
1263
+ "text": "SkyBadgePlacement"
1297
1264
  }
1298
1265
  }
1299
- ]
1266
+ ],
1267
+ "description": "Resolves anchor edges from placement preset."
1300
1268
  },
1301
1269
  {
1302
1270
  "kind": "method",
1303
- "name": "formDisabledCallback",
1271
+ "name": "_resolveBadgeSurface",
1272
+ "privacy": "private",
1304
1273
  "return": {
1305
1274
  "type": {
1306
- "text": "void"
1275
+ "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
1307
1276
  }
1308
1277
  },
1309
- "parameters": [
1310
- {
1311
- "name": "disabled",
1312
- "type": {
1313
- "text": "boolean"
1314
- }
1315
- }
1316
- ]
1317
- },
1278
+ "description": "Maps semantic status tokens to soft badge surface colors."
1279
+ }
1280
+ ],
1281
+ "events": [
1318
1282
  {
1319
- "kind": "field",
1320
- "name": "formOwner",
1321
1283
  "type": {
1322
- "text": "HTMLFormElement | null"
1323
- },
1324
- "readonly": true
1325
- },
1326
- {
1327
- "kind": "method",
1328
- "name": "_handleClick",
1329
- "privacy": "private",
1330
- "return": {
1331
- "type": {
1332
- "text": "void"
1333
- }
1284
+ "text": "CustomEvent<SkyBadgeClickEventDetail>"
1334
1285
  },
1335
- "parameters": [
1336
- {
1337
- "name": "event",
1338
- "type": {
1339
- "text": "MouseEvent"
1340
- }
1341
- }
1342
- ]
1343
- },
1344
- {
1345
- "kind": "method",
1346
- "name": "_iconOnlyName",
1347
- "privacy": "private",
1348
- "return": {
1349
- "type": {
1350
- "text": "string"
1351
- }
1352
- }
1286
+ "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
1287
+ "name": "badge-click"
1353
1288
  }
1354
1289
  ],
1355
1290
  "attributes": [
1356
1291
  {
1357
- "name": "variant",
1292
+ "name": "statusColor",
1358
1293
  "type": {
1359
- "text": "SkyButtonVariant"
1294
+ "text": "string"
1360
1295
  },
1361
- "default": "\"solid\"",
1362
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1363
- "fieldName": "variant"
1296
+ "default": "\"success\"",
1297
+ "description": "Badge background token or CSS color.",
1298
+ "fieldName": "statusColor"
1364
1299
  },
1365
1300
  {
1366
- "name": "color",
1301
+ "name": "textColor",
1367
1302
  "type": {
1368
1303
  "text": "string"
1369
1304
  },
1370
- "default": "\"primary\"",
1371
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1372
- "fieldName": "color"
1305
+ "default": "\"default\"",
1306
+ "description": "Text color token or CSS color.",
1307
+ "fieldName": "textColor"
1373
1308
  },
1374
1309
  {
1375
- "name": "type",
1310
+ "name": "iconColor",
1376
1311
  "type": {
1377
- "text": "SkyButtonType"
1312
+ "text": "string"
1378
1313
  },
1379
- "default": "\"button\"",
1380
- "description": "Button type attribute. Default: `\"button\"`.",
1381
- "fieldName": "type"
1314
+ "default": "\"\"",
1315
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
1316
+ "fieldName": "iconColor"
1382
1317
  },
1383
1318
  {
1384
- "name": "form",
1319
+ "name": "position",
1320
+ "type": {
1321
+ "text": "SkyBadgePosition"
1322
+ },
1323
+ "default": "\"default\"",
1324
+ "description": "Layout mode: `default | floating | inline`.",
1325
+ "fieldName": "position"
1326
+ },
1327
+ {
1328
+ "name": "value",
1385
1329
  "type": {
1386
1330
  "text": "string"
1387
1331
  },
1388
1332
  "default": "\"\"",
1389
- "description": "Associated form ID for custom submit handling.",
1390
- "fieldName": "form"
1333
+ "description": "Badge text/count or icon name in icon mode.",
1334
+ "fieldName": "value"
1335
+ },
1336
+ {
1337
+ "name": "isIcon",
1338
+ "type": {
1339
+ "text": "boolean"
1340
+ },
1341
+ "default": "false",
1342
+ "description": "Renders icon mode when true.",
1343
+ "fieldName": "isIcon"
1391
1344
  },
1392
1345
  {
1393
1346
  "name": "size",
1394
1347
  "type": {
1395
1348
  "text": "string"
1396
1349
  },
1397
- "default": "\"md\"",
1398
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1350
+ "default": "\"\"",
1351
+ "description": "Badge and icon size CSS length.",
1399
1352
  "fieldName": "size"
1400
1353
  },
1401
1354
  {
1402
- "name": "radius",
1355
+ "name": "shape",
1403
1356
  "type": {
1404
- "text": "string"
1357
+ "text": "SkyBadgeShape"
1405
1358
  },
1406
- "default": "\"md\"",
1407
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1408
- "fieldName": "radius"
1359
+ "default": "\"custom\"",
1360
+ "description": "Badge shape: `circle | pill | custom`.",
1361
+ "fieldName": "shape"
1409
1362
  },
1410
1363
  {
1411
- "name": "label",
1364
+ "name": "max",
1412
1365
  "type": {
1413
- "text": "string"
1366
+ "text": "number"
1414
1367
  },
1415
- "default": "\"Button\"",
1416
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1417
- "fieldName": "label"
1368
+ "default": "99",
1369
+ "description": "Maximum numeric count before rendering overflow label.",
1370
+ "fieldName": "max"
1418
1371
  },
1419
1372
  {
1420
- "name": "disabled",
1373
+ "name": "hideWhenZero",
1421
1374
  "type": {
1422
1375
  "text": "boolean"
1423
1376
  },
1424
1377
  "default": "false",
1425
- "description": "Whether the button is disabled. Default: `false`.",
1426
- "fieldName": "disabled"
1427
- },
1378
+ "description": "Hides badge when value resolves to numeric zero.",
1379
+ "fieldName": "hideWhenZero"
1380
+ },
1428
1381
  {
1429
- "name": "loading",
1382
+ "name": "show",
1430
1383
  "type": {
1431
1384
  "text": "boolean"
1432
1385
  },
1433
- "default": "false",
1434
- "description": "Shows a loading overlay when true. Default: `false`.",
1435
- "fieldName": "loading"
1386
+ "default": "true",
1387
+ "description": "Forces badge visibility independent of value.",
1388
+ "fieldName": "show"
1436
1389
  },
1437
1390
  {
1438
- "name": "iconL",
1391
+ "name": "offsetX",
1439
1392
  "type": {
1440
1393
  "text": "string"
1441
1394
  },
1442
- "default": "\"\"",
1443
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1444
- "fieldName": "iconL"
1395
+ "default": "\"0px\"",
1396
+ "description": "Horizontal offset CSS length.",
1397
+ "fieldName": "offsetX"
1445
1398
  },
1446
1399
  {
1447
- "name": "iconR",
1400
+ "name": "offsetY",
1448
1401
  "type": {
1449
1402
  "text": "string"
1450
1403
  },
1451
- "default": "\"\"",
1452
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1453
- "fieldName": "iconR"
1404
+ "default": "\"0px\"",
1405
+ "description": "Vertical offset CSS length.",
1406
+ "fieldName": "offsetY"
1454
1407
  },
1455
1408
  {
1456
- "name": "iconOnly",
1409
+ "name": "ring",
1457
1410
  "type": {
1458
1411
  "text": "boolean"
1459
1412
  },
1460
1413
  "default": "false",
1461
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1462
- "fieldName": "iconOnly"
1414
+ "description": "Enables visual ring around the badge.",
1415
+ "fieldName": "ring"
1463
1416
  },
1464
1417
  {
1465
- "name": "colors",
1418
+ "name": "ringColor",
1466
1419
  "type": {
1467
1420
  "text": "string"
1468
1421
  },
1469
- "default": "\"\"",
1470
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1471
- "fieldName": "colors"
1422
+ "default": "\"primary\"",
1423
+ "description": "Ring color token or CSS color.",
1424
+ "fieldName": "ringColor"
1472
1425
  },
1473
1426
  {
1474
- "name": "animation",
1427
+ "name": "ringOffset",
1475
1428
  "type": {
1476
- "text": "SkyButtonAnimation"
1429
+ "text": "string"
1477
1430
  },
1478
- "default": "\"auto\"",
1479
- "description": "Transform animation style. Default: `\"auto\"`.",
1480
- "fieldName": "animation"
1431
+ "default": "\"1px\"",
1432
+ "description": "Ring offset CSS length.",
1433
+ "fieldName": "ringOffset"
1434
+ },
1435
+ {
1436
+ "name": "badgeLabel",
1437
+ "type": {
1438
+ "text": "string | null"
1439
+ },
1440
+ "default": "null",
1441
+ "description": "ARIA label override.",
1442
+ "fieldName": "badgeLabel"
1443
+ },
1444
+ {
1445
+ "name": "badgeAriaHidden",
1446
+ "type": {
1447
+ "text": "boolean"
1448
+ },
1449
+ "default": "false",
1450
+ "description": "Hides badge from assistive technology when true.",
1451
+ "fieldName": "badgeAriaHidden"
1452
+ },
1453
+ {
1454
+ "name": "interactive",
1455
+ "type": {
1456
+ "text": "boolean"
1457
+ },
1458
+ "default": "false",
1459
+ "description": "Enables focus/activation and `badge-click` emission.",
1460
+ "fieldName": "interactive"
1461
+ },
1462
+ {
1463
+ "name": "placement",
1464
+ "type": {
1465
+ "text": "SkyBadgePlacement"
1466
+ },
1467
+ "default": "\"custom\"",
1468
+ "description": "Anchor placement preset for badge positioning.",
1469
+ "fieldName": "placement"
1481
1470
  },
1482
1471
  {
1483
1472
  "name": "preset",
@@ -1493,1211 +1482,1399 @@
1493
1482
  "name": "LitElement",
1494
1483
  "package": "lit"
1495
1484
  },
1496
- "tagName": "sky-button",
1485
+ "tagName": "sky-badge",
1497
1486
  "customElement": true,
1498
- "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
1487
+ "summary": "Badge for status dots, counts, or icons anchored to slotted content."
1499
1488
  }
1500
1489
  ],
1501
1490
  "exports": [
1502
1491
  {
1503
1492
  "kind": "js",
1504
- "name": "SkyButton",
1493
+ "name": "SkyBadge",
1505
1494
  "declaration": {
1506
- "name": "SkyButton",
1507
- "module": "src/sky-button/sky-button.ts"
1495
+ "name": "SkyBadge",
1496
+ "module": "src/sky-badge/sky-badge.ts"
1508
1497
  }
1509
1498
  },
1510
1499
  {
1511
1500
  "kind": "custom-element-definition",
1512
- "name": "sky-button",
1501
+ "name": "sky-badge",
1513
1502
  "declaration": {
1514
- "name": "SkyButton",
1515
- "module": "src/sky-button/sky-button.ts"
1503
+ "name": "SkyBadge",
1504
+ "module": "src/sky-badge/sky-badge.ts"
1516
1505
  }
1517
1506
  }
1518
1507
  ]
1519
1508
  },
1520
1509
  {
1521
1510
  "kind": "javascript-module",
1522
- "path": "src/sky-card/sky-card.ts",
1511
+ "path": "src/sky-button/sky-button.ts",
1523
1512
  "declarations": [
1524
1513
  {
1525
1514
  "kind": "class",
1526
1515
  "description": "",
1527
- "name": "SkyCard",
1516
+ "name": "SkyButton",
1528
1517
  "cssParts": [
1529
1518
  {
1530
- "description": "The main card container element.",
1531
- "name": "card"
1519
+ "description": "The native `<button>` element.",
1520
+ "name": "button"
1532
1521
  },
1533
1522
  {
1534
- "description": "The card header section.",
1535
- "name": "header"
1523
+ "description": "The optional left/right icons.",
1524
+ "name": "icon"
1536
1525
  },
1537
1526
  {
1538
- "description": "The card footer section.",
1539
- "name": "footer"
1527
+ "description": "Overlay displayed when loading.",
1528
+ "name": "loading-overlay"
1540
1529
  },
1541
1530
  {
1542
- "description": "The ripple animation element injected when the card is clicked.",
1543
- "name": "ripple"
1531
+ "description": "Spinner displayed when loading.",
1532
+ "name": "spinner"
1544
1533
  }
1545
1534
  ],
1546
1535
  "slots": [
1547
1536
  {
1548
- "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
1537
+ "description": "Default slot for the button label (replaces `label` property if used).",
1549
1538
  "name": ""
1550
- },
1551
- {
1552
- "description": "Slot for the card title.",
1553
- "name": "title"
1554
- },
1539
+ }
1540
+ ],
1541
+ "members": [
1555
1542
  {
1556
- "description": "Slot for the card subtitle.",
1557
- "name": "subtitle"
1543
+ "kind": "field",
1544
+ "name": "dependencies",
1545
+ "type": {
1546
+ "text": "Record<string, CustomElementConstructor>"
1547
+ },
1548
+ "static": true,
1549
+ "default": "{ \"sky-icon\": SkyIcon, }"
1558
1550
  },
1559
1551
  {
1560
- "description": "Slot for the card actions (usually buttons).",
1561
- "name": "actions"
1552
+ "kind": "field",
1553
+ "name": "formAssociated",
1554
+ "type": {
1555
+ "text": "boolean"
1556
+ },
1557
+ "static": true,
1558
+ "default": "true"
1562
1559
  },
1563
1560
  {
1564
- "description": "Slot for the footer title.",
1565
- "name": "footer-title"
1561
+ "kind": "field",
1562
+ "name": "internals",
1563
+ "type": {
1564
+ "text": "ElementInternals"
1565
+ },
1566
+ "privacy": "private"
1566
1567
  },
1567
1568
  {
1568
- "description": "Slot for the footer subtitle.",
1569
- "name": "footer-subtitle"
1569
+ "kind": "field",
1570
+ "name": "variant",
1571
+ "type": {
1572
+ "text": "SkyButtonVariant"
1573
+ },
1574
+ "default": "\"solid\"",
1575
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1576
+ "attribute": "variant",
1577
+ "reflects": true
1570
1578
  },
1571
- {
1572
- "description": "Slot for the footer actions (usually buttons).",
1573
- "name": "footer-actions"
1574
- }
1575
- ],
1576
- "members": [
1577
1579
  {
1578
1580
  "kind": "field",
1579
- "name": "bg",
1581
+ "name": "color",
1580
1582
  "type": {
1581
1583
  "text": "string"
1582
1584
  },
1583
1585
  "default": "\"primary\"",
1584
- "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
1585
- "attribute": "bg",
1586
- "reflects": true
1586
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1587
+ "attribute": "color"
1587
1588
  },
1588
1589
  {
1589
1590
  "kind": "field",
1590
- "name": "blurLevel",
1591
+ "name": "type",
1592
+ "type": {
1593
+ "text": "SkyButtonType"
1594
+ },
1595
+ "default": "\"button\"",
1596
+ "description": "Button type attribute. Default: `\"button\"`.",
1597
+ "attribute": "type"
1598
+ },
1599
+ {
1600
+ "kind": "field",
1601
+ "name": "form",
1591
1602
  "type": {
1592
1603
  "text": "string"
1593
1604
  },
1594
- "default": "\"none\"",
1595
- "description": "Level of blur applied to the background. Default: `\"none\"`.",
1596
- "attribute": "blurLevel",
1597
- "reflects": true
1605
+ "default": "\"\"",
1606
+ "description": "Associated form ID for custom submit handling.",
1607
+ "attribute": "form"
1598
1608
  },
1599
1609
  {
1600
1610
  "kind": "field",
1601
- "name": "radius",
1611
+ "name": "size",
1602
1612
  "type": {
1603
1613
  "text": "string"
1604
1614
  },
1605
1615
  "default": "\"md\"",
1606
- "description": "Border radius of the card. Default: `\"md\"`.",
1607
- "attribute": "radius",
1608
- "reflects": true
1616
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1617
+ "attribute": "size"
1609
1618
  },
1610
1619
  {
1611
1620
  "kind": "field",
1612
- "name": "bodyPadding",
1621
+ "name": "radius",
1613
1622
  "type": {
1614
1623
  "text": "string"
1615
1624
  },
1616
- "default": "\"none\"",
1617
- "description": "Padding for the card body. Default: `\"none\"`.",
1618
- "attribute": "bodyPadding",
1619
- "reflects": true
1625
+ "default": "\"md\"",
1626
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1627
+ "attribute": "radius"
1620
1628
  },
1621
1629
  {
1622
1630
  "kind": "field",
1623
- "name": "elevation",
1631
+ "name": "label",
1624
1632
  "type": {
1625
- "text": "SkyCardElevation"
1633
+ "text": "string"
1626
1634
  },
1627
- "default": "\"md\"",
1628
- "description": "Shadow depth of the card. Default: `\"md\"`.",
1629
- "attribute": "elevation",
1630
- "reflects": true
1635
+ "default": "\"Button\"",
1636
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1637
+ "attribute": "label"
1631
1638
  },
1632
1639
  {
1633
1640
  "kind": "field",
1634
- "name": "outlined",
1641
+ "name": "disabled",
1635
1642
  "type": {
1636
1643
  "text": "boolean"
1637
1644
  },
1638
1645
  "default": "false",
1639
- "description": "Whether the card has an outline. Default: `false`.",
1640
- "attribute": "outlined",
1646
+ "description": "Whether the button is disabled. Default: `false`.",
1647
+ "attribute": "disabled",
1641
1648
  "reflects": true
1642
1649
  },
1643
1650
  {
1644
1651
  "kind": "field",
1645
- "name": "clickable",
1652
+ "name": "loading",
1646
1653
  "type": {
1647
1654
  "text": "boolean"
1648
1655
  },
1649
1656
  "default": "false",
1650
- "description": "Whether the card is clickable. Default: `false`.",
1651
- "attribute": "clickable",
1657
+ "description": "Shows a loading overlay when true. Default: `false`.",
1658
+ "attribute": "loading",
1652
1659
  "reflects": true
1653
1660
  },
1654
1661
  {
1655
1662
  "kind": "field",
1656
- "name": "headerBg",
1663
+ "name": "iconL",
1657
1664
  "type": {
1658
1665
  "text": "string"
1659
1666
  },
1660
- "default": "\"transparent\"",
1661
- "description": "Background color of the header. Default: `\"transparent\"`.",
1662
- "attribute": "headerBg",
1663
- "reflects": true
1667
+ "default": "\"\"",
1668
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1669
+ "attribute": "iconL"
1664
1670
  },
1665
1671
  {
1666
1672
  "kind": "field",
1667
- "name": "headerBlur",
1673
+ "name": "iconR",
1668
1674
  "type": {
1669
1675
  "text": "string"
1670
1676
  },
1671
- "default": "\"none\"",
1672
- "description": "Blur level for the header background. Default: `\"none\"`.",
1673
- "attribute": "headerBlur",
1674
- "reflects": true
1677
+ "default": "\"\"",
1678
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1679
+ "attribute": "iconR"
1675
1680
  },
1676
1681
  {
1677
1682
  "kind": "field",
1678
- "name": "headerPadding",
1683
+ "name": "iconOnly",
1679
1684
  "type": {
1680
- "text": "string"
1685
+ "text": "boolean"
1681
1686
  },
1682
- "default": "\"md\"",
1683
- "description": "Padding for the header. Default: `\"md\"`.",
1684
- "attribute": "headerPadding",
1687
+ "default": "false",
1688
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1689
+ "attribute": "iconOnly",
1685
1690
  "reflects": true
1686
1691
  },
1687
1692
  {
1688
1693
  "kind": "field",
1689
- "name": "headerLayout",
1694
+ "name": "colors",
1690
1695
  "type": {
1691
- "text": "SkyCardSectionLayout"
1696
+ "text": "string"
1692
1697
  },
1693
- "default": "\"inline\"",
1694
- "description": "Layout of the header content. Default: `\"inline\"`.",
1695
- "attribute": "headerLayout"
1698
+ "default": "\"\"",
1699
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1700
+ "attribute": "colors"
1696
1701
  },
1697
1702
  {
1698
1703
  "kind": "field",
1699
- "name": "headerInsetGap",
1704
+ "name": "animation",
1700
1705
  "type": {
1701
- "text": "string"
1706
+ "text": "SkyButtonAnimation"
1702
1707
  },
1703
- "default": "\"sm\"",
1704
- "description": "Inset gap for the header section. Default: `\"sm\"`.",
1705
- "attribute": "headerInsetGap",
1708
+ "default": "\"auto\"",
1709
+ "description": "Transform animation style. Default: `\"auto\"`.",
1710
+ "attribute": "animation",
1706
1711
  "reflects": true
1707
1712
  },
1708
1713
  {
1709
1714
  "kind": "field",
1710
- "name": "headerRadius",
1715
+ "name": "preset",
1711
1716
  "type": {
1712
1717
  "text": "string"
1713
1718
  },
1714
- "default": "\"md\"",
1715
- "description": "Border radius for the header. Default: `\"md\"`.",
1716
- "attribute": "headerRadius",
1719
+ "default": "\"\"",
1720
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1721
+ "attribute": "preset",
1717
1722
  "reflects": true
1718
1723
  },
1719
1724
  {
1720
1725
  "kind": "field",
1721
- "name": "headerSeparatorColor",
1726
+ "name": "_hasMeaningfulSlot",
1722
1727
  "type": {
1723
- "text": "string"
1728
+ "text": "boolean"
1724
1729
  },
1725
- "default": "\"border-light\"",
1726
- "description": "Color for the header separator. Default: `\"border-light\"`.",
1727
- "attribute": "headerSeparatorColor"
1730
+ "privacy": "private",
1731
+ "default": "false"
1728
1732
  },
1729
1733
  {
1730
1734
  "kind": "field",
1731
- "name": "footerBg",
1735
+ "name": "_styleVars",
1732
1736
  "type": {
1733
- "text": "string"
1737
+ "text": "Record<string, string>"
1734
1738
  },
1735
- "default": "\"transparent\"",
1736
- "description": "Background color of the footer. Default: `\"transparent\"`.",
1737
- "attribute": "footerBg",
1738
- "reflects": true
1739
+ "privacy": "private",
1740
+ "default": "{}",
1741
+ "description": "Inline CSS variable cache."
1739
1742
  },
1740
1743
  {
1741
1744
  "kind": "field",
1742
- "name": "footerBlur",
1743
- "type": {
1744
- "text": "string"
1745
- },
1746
- "default": "\"none\"",
1747
- "description": "Blur level for the footer background. Default: `\"none\"`.",
1748
- "attribute": "footerBlur",
1749
- "reflects": true
1745
+ "name": "_presets",
1746
+ "privacy": "private",
1747
+ "default": "new PresetController(this, { isPaused: () => this.inGroup, onChange: () => { this._styleDirty = true; }, })"
1750
1748
  },
1751
1749
  {
1752
1750
  "kind": "field",
1753
- "name": "footerPadding",
1751
+ "name": "_lastPresetRevision",
1754
1752
  "type": {
1755
- "text": "string"
1753
+ "text": "number"
1756
1754
  },
1757
- "default": "\"md\"",
1758
- "description": "Padding for the footer. Default: `\"md\"`.",
1759
- "attribute": "footerPadding",
1760
- "reflects": true
1755
+ "privacy": "private",
1756
+ "default": "-1"
1761
1757
  },
1762
1758
  {
1763
1759
  "kind": "field",
1764
- "name": "footerLayout",
1760
+ "name": "_styleDirty",
1765
1761
  "type": {
1766
- "text": "SkyCardSectionLayout"
1762
+ "text": "boolean"
1767
1763
  },
1768
- "default": "\"inline\"",
1769
- "description": "Layout of the footer content. Default: `\"inline\"`.",
1770
- "attribute": "footerLayout"
1764
+ "privacy": "private",
1765
+ "default": "true",
1766
+ "description": "Set when presets change so `update()` rebuilds CSS vars after hostUpdate."
1771
1767
  },
1772
1768
  {
1773
- "kind": "field",
1774
- "name": "footerInsetGap",
1775
- "type": {
1776
- "text": "string"
1769
+ "kind": "method",
1770
+ "name": "_slotHasMeaningfulContent",
1771
+ "privacy": "private",
1772
+ "return": {
1773
+ "type": {
1774
+ "text": "boolean"
1775
+ }
1777
1776
  },
1778
- "default": "\"sm\"",
1779
- "description": "Inset gap for the footer section. Default: `\"sm\"`.",
1780
- "attribute": "footerInsetGap",
1781
- "reflects": true
1777
+ "parameters": [
1778
+ {
1779
+ "name": "slotEl",
1780
+ "type": {
1781
+ "text": "HTMLSlotElement"
1782
+ }
1783
+ }
1784
+ ]
1782
1785
  },
1783
1786
  {
1784
1787
  "kind": "field",
1785
- "name": "footerRadius",
1786
- "type": {
1787
- "text": "string"
1788
- },
1789
- "default": "\"md\"",
1790
- "description": "Border radius for the footer. Default: `\"md\"`.",
1791
- "attribute": "footerRadius",
1792
- "reflects": true
1788
+ "name": "_onSlotChange",
1789
+ "privacy": "private"
1793
1790
  },
1794
1791
  {
1795
- "kind": "field",
1796
- "name": "footerSeparatorColor",
1797
- "type": {
1798
- "text": "string"
1792
+ "kind": "method",
1793
+ "name": "_toSquarePadding",
1794
+ "privacy": "private",
1795
+ "return": {
1796
+ "type": {
1797
+ "text": "string"
1798
+ }
1799
1799
  },
1800
- "default": "\"border-light\"",
1801
- "description": "Color for the footer separator. Default: `\"border-light\"`.",
1802
- "attribute": "footerSeparatorColor"
1800
+ "parameters": [
1801
+ {
1802
+ "name": "padding",
1803
+ "type": {
1804
+ "text": "string"
1805
+ }
1806
+ }
1807
+ ],
1808
+ "description": "Uses vertical padding for equal sides (icon-only square control)."
1803
1809
  },
1804
1810
  {
1805
- "kind": "field",
1806
- "name": "padRatio",
1807
- "type": {
1808
- "text": "number"
1811
+ "kind": "method",
1812
+ "name": "_resolveSize",
1813
+ "privacy": "private",
1814
+ "return": {
1815
+ "type": {
1816
+ "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
1817
+ }
1809
1818
  },
1810
- "default": "1",
1811
- "description": "Ratio to adjust padding. Default: `1`.",
1812
- "attribute": "padRatio"
1819
+ "parameters": [
1820
+ {
1821
+ "name": "input",
1822
+ "type": {
1823
+ "text": "string"
1824
+ }
1825
+ }
1826
+ ]
1813
1827
  },
1814
1828
  {
1815
- "kind": "field",
1816
- "name": "separators",
1817
- "type": {
1818
- "text": "SkyCardSectionTarget"
1829
+ "kind": "method",
1830
+ "name": "_isThemeBorderShorthand",
1831
+ "privacy": "private",
1832
+ "return": {
1833
+ "type": {
1834
+ "text": "boolean"
1835
+ }
1819
1836
  },
1820
- "default": "\"none\"",
1821
- "description": "Determines where separators should appear. Default: `\"none\"`.",
1822
- "attribute": "separators"
1837
+ "parameters": [
1838
+ {
1839
+ "name": "border",
1840
+ "type": {
1841
+ "text": "string | undefined"
1842
+ }
1843
+ }
1844
+ ],
1845
+ "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
1823
1846
  },
1824
1847
  {
1825
- "kind": "field",
1826
- "name": "overlays",
1827
- "type": {
1828
- "text": "SkyCardSectionTarget"
1848
+ "kind": "method",
1849
+ "name": "_borderColorFromShorthand",
1850
+ "privacy": "private",
1851
+ "return": {
1852
+ "type": {
1853
+ "text": "string"
1854
+ }
1829
1855
  },
1830
- "default": "\"none\"",
1831
- "description": "Determines where overlays should appear. Default: `\"none\"`.",
1832
- "attribute": "overlays"
1856
+ "parameters": [
1857
+ {
1858
+ "name": "border",
1859
+ "type": {
1860
+ "text": "string | undefined"
1861
+ }
1862
+ }
1863
+ ],
1864
+ "description": "Extracts the color token from a `Npx solid …` border shorthand."
1833
1865
  },
1834
1866
  {
1835
- "kind": "field",
1836
- "name": "insets",
1837
- "type": {
1838
- "text": "SkyCardSectionTarget"
1867
+ "kind": "method",
1868
+ "name": "_rebuildStyleVars",
1869
+ "privacy": "private",
1870
+ "return": {
1871
+ "type": {
1872
+ "text": "void"
1873
+ }
1839
1874
  },
1840
- "default": "\"none\"",
1841
- "description": "Determines where insets should appear. Default: `\"none\"`.",
1842
- "attribute": "insets"
1875
+ "parameters": [
1876
+ {
1877
+ "name": "changedProperties",
1878
+ "type": {
1879
+ "text": "Map<string, unknown>"
1880
+ }
1881
+ }
1882
+ ]
1843
1883
  },
1844
1884
  {
1845
- "kind": "field",
1846
- "name": "_effHeaderSeparator",
1847
- "type": {
1848
- "text": "boolean"
1885
+ "kind": "method",
1886
+ "name": "focusButton",
1887
+ "privacy": "public",
1888
+ "return": {
1889
+ "type": {
1890
+ "text": "void"
1891
+ }
1849
1892
  },
1850
- "privacy": "private",
1851
- "default": "false"
1893
+ "description": "Focuses the internal native button."
1852
1894
  },
1853
1895
  {
1854
- "kind": "field",
1855
- "name": "_effFooterSeparator",
1856
- "type": {
1857
- "text": "boolean"
1896
+ "kind": "method",
1897
+ "name": "clickButton",
1898
+ "privacy": "public",
1899
+ "return": {
1900
+ "type": {
1901
+ "text": "void"
1902
+ }
1858
1903
  },
1904
+ "description": "Triggers a click on the internal native button when enabled."
1905
+ },
1906
+ {
1907
+ "kind": "method",
1908
+ "name": "_createRipple",
1859
1909
  "privacy": "private",
1860
- "default": "false"
1910
+ "return": {
1911
+ "type": {
1912
+ "text": "void"
1913
+ }
1914
+ },
1915
+ "parameters": [
1916
+ {
1917
+ "name": "event",
1918
+ "type": {
1919
+ "text": "MouseEvent"
1920
+ }
1921
+ }
1922
+ ]
1923
+ },
1924
+ {
1925
+ "kind": "method",
1926
+ "name": "formDisabledCallback",
1927
+ "return": {
1928
+ "type": {
1929
+ "text": "void"
1930
+ }
1931
+ },
1932
+ "parameters": [
1933
+ {
1934
+ "name": "disabled",
1935
+ "type": {
1936
+ "text": "boolean"
1937
+ }
1938
+ }
1939
+ ]
1861
1940
  },
1862
1941
  {
1863
1942
  "kind": "field",
1864
- "name": "_effHeaderOverlay",
1943
+ "name": "formOwner",
1865
1944
  "type": {
1866
- "text": "boolean"
1945
+ "text": "HTMLFormElement | null"
1867
1946
  },
1947
+ "readonly": true
1948
+ },
1949
+ {
1950
+ "kind": "method",
1951
+ "name": "_handleClick",
1868
1952
  "privacy": "private",
1869
- "default": "false"
1953
+ "return": {
1954
+ "type": {
1955
+ "text": "void"
1956
+ }
1957
+ },
1958
+ "parameters": [
1959
+ {
1960
+ "name": "event",
1961
+ "type": {
1962
+ "text": "MouseEvent"
1963
+ }
1964
+ }
1965
+ ]
1870
1966
  },
1871
1967
  {
1872
- "kind": "field",
1873
- "name": "_effFooterOverlay",
1968
+ "kind": "method",
1969
+ "name": "_iconOnlyName",
1970
+ "privacy": "private",
1971
+ "return": {
1972
+ "type": {
1973
+ "text": "string"
1974
+ }
1975
+ }
1976
+ }
1977
+ ],
1978
+ "attributes": [
1979
+ {
1980
+ "name": "variant",
1874
1981
  "type": {
1875
- "text": "boolean"
1982
+ "text": "SkyButtonVariant"
1876
1983
  },
1877
- "privacy": "private",
1878
- "default": "false"
1984
+ "default": "\"solid\"",
1985
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1986
+ "fieldName": "variant"
1879
1987
  },
1880
1988
  {
1881
- "kind": "field",
1882
- "name": "_effHeaderInset",
1989
+ "name": "color",
1883
1990
  "type": {
1884
- "text": "boolean"
1991
+ "text": "string"
1885
1992
  },
1886
- "privacy": "private",
1887
- "default": "false"
1993
+ "default": "\"primary\"",
1994
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1995
+ "fieldName": "color"
1888
1996
  },
1889
1997
  {
1890
- "kind": "field",
1891
- "name": "_effFooterInset",
1998
+ "name": "type",
1892
1999
  "type": {
1893
- "text": "boolean"
2000
+ "text": "SkyButtonType"
1894
2001
  },
1895
- "privacy": "private",
1896
- "default": "false"
2002
+ "default": "\"button\"",
2003
+ "description": "Button type attribute. Default: `\"button\"`.",
2004
+ "fieldName": "type"
1897
2005
  },
1898
2006
  {
1899
- "kind": "field",
1900
- "name": "_varsCache",
2007
+ "name": "form",
1901
2008
  "type": {
1902
- "text": "Record<string, string>"
2009
+ "text": "string"
1903
2010
  },
1904
- "privacy": "private",
1905
- "default": "{}"
2011
+ "default": "\"\"",
2012
+ "description": "Associated form ID for custom submit handling.",
2013
+ "fieldName": "form"
1906
2014
  },
1907
2015
  {
1908
- "kind": "field",
1909
- "name": "BG_MAP",
1910
- "privacy": "private",
1911
- "static": true,
1912
- "readonly": true,
1913
- "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
2016
+ "name": "size",
1914
2017
  "type": {
1915
- "text": "{\r\n primary: \"var(--sky-glass-primary)\",\r\n secondary: \"var(--sky-glass-secondary)\",\r\n tertiary: \"var(--sky-glass-tertiary)\",\r\n transparent: \"transparent\",\r\n }"
1916
- }
2018
+ "text": "string"
2019
+ },
2020
+ "default": "\"md\"",
2021
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
2022
+ "fieldName": "size"
1917
2023
  },
1918
2024
  {
1919
- "kind": "field",
1920
- "name": "BLUR_MAP",
1921
- "privacy": "private",
1922
- "static": true,
1923
- "readonly": true,
1924
- "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
2025
+ "name": "radius",
1925
2026
  "type": {
1926
- "text": "{\r\n none: \"none\",\r\n xs: \"blur(2px)\",\r\n sm: \"var(--sky-blur-secondary)\",\r\n md: \"var(--sky-blur-secondary)\",\r\n lg: \"var(--sky-blur-tertiary)\",\r\n }"
1927
- }
2027
+ "text": "string"
2028
+ },
2029
+ "default": "\"md\"",
2030
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
2031
+ "fieldName": "radius"
1928
2032
  },
1929
2033
  {
1930
- "kind": "field",
1931
- "name": "SIZE_MAP",
1932
- "privacy": "private",
1933
- "static": true,
1934
- "readonly": true,
1935
- "default": "{ none: \"0\", sm: \"var(--sky-space-1\\\\.5, 6px)\", md: \"var(--sky-space-4, 16px)\", lg: \"var(--sky-space-6, 24px)\", xl: \"var(--sky-space-8, 32px)\", }",
2034
+ "name": "label",
1936
2035
  "type": {
1937
- "text": "{\r\n none: \"0\",\r\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\r\n md: \"var(--sky-space-4, 16px)\",\r\n lg: \"var(--sky-space-6, 24px)\",\r\n xl: \"var(--sky-space-8, 32px)\",\r\n }"
1938
- }
2036
+ "text": "string"
2037
+ },
2038
+ "default": "\"Button\"",
2039
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
2040
+ "fieldName": "label"
1939
2041
  },
1940
2042
  {
1941
- "kind": "field",
1942
- "name": "GLASS_BG_TIERS",
1943
- "privacy": "private",
1944
- "static": true,
1945
- "readonly": true,
1946
- "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2043
+ "name": "disabled",
2044
+ "type": {
2045
+ "text": "boolean"
2046
+ },
2047
+ "default": "false",
2048
+ "description": "Whether the button is disabled. Default: `false`.",
2049
+ "fieldName": "disabled"
1947
2050
  },
1948
2051
  {
1949
- "kind": "field",
1950
- "name": "SECTION_INSET_BG_MAP",
1951
- "privacy": "private",
1952
- "static": true,
1953
- "readonly": true,
1954
- "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
2052
+ "name": "loading",
1955
2053
  "type": {
1956
- "text": "{\r\n primary: \"var(--sky-hover-primary)\",\r\n secondary: \"var(--sky-hover-secondary)\",\r\n tertiary: \"var(--sky-hover-tertiary)\",\r\n transparent: \"transparent\",\r\n }"
2054
+ "text": "boolean"
1957
2055
  },
1958
- "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
2056
+ "default": "false",
2057
+ "description": "Shows a loading overlay when true. Default: `false`.",
2058
+ "fieldName": "loading"
1959
2059
  },
1960
2060
  {
1961
- "kind": "method",
1962
- "name": "_composeBackdrop",
1963
- "privacy": "private",
1964
- "static": true,
1965
- "return": {
1966
- "type": {
1967
- "text": "string"
1968
- }
2061
+ "name": "iconL",
2062
+ "type": {
2063
+ "text": "string"
1969
2064
  },
1970
- "parameters": [
1971
- {
1972
- "name": "blurLevel",
1973
- "type": {
1974
- "text": "string"
1975
- }
1976
- }
1977
- ]
2065
+ "default": "\"\"",
2066
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
2067
+ "fieldName": "iconL"
1978
2068
  },
1979
2069
  {
1980
- "kind": "method",
1981
- "name": "_composeElevation",
1982
- "privacy": "private",
1983
- "static": true,
1984
- "return": {
1985
- "type": {
1986
- "text": "string"
1987
- }
2070
+ "name": "iconR",
2071
+ "type": {
2072
+ "text": "string"
1988
2073
  },
1989
- "parameters": [
1990
- {
1991
- "name": "level",
1992
- "type": {
1993
- "text": "SkyCardElevation | string"
1994
- }
1995
- }
1996
- ]
2074
+ "default": "\"\"",
2075
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
2076
+ "fieldName": "iconR"
2077
+ },
2078
+ {
2079
+ "name": "iconOnly",
2080
+ "type": {
2081
+ "text": "boolean"
2082
+ },
2083
+ "default": "false",
2084
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
2085
+ "fieldName": "iconOnly"
2086
+ },
2087
+ {
2088
+ "name": "colors",
2089
+ "type": {
2090
+ "text": "string"
2091
+ },
2092
+ "default": "\"\"",
2093
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
2094
+ "fieldName": "colors"
2095
+ },
2096
+ {
2097
+ "name": "animation",
2098
+ "type": {
2099
+ "text": "SkyButtonAnimation"
2100
+ },
2101
+ "default": "\"auto\"",
2102
+ "description": "Transform animation style. Default: `\"auto\"`.",
2103
+ "fieldName": "animation"
1997
2104
  },
1998
2105
  {
1999
- "kind": "field",
2000
2106
  "name": "preset",
2001
2107
  "type": {
2002
2108
  "text": "string"
2003
2109
  },
2004
2110
  "default": "\"\"",
2005
2111
  "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2006
- "attribute": "preset",
2007
- "reflects": true
2112
+ "fieldName": "preset"
2113
+ }
2114
+ ],
2115
+ "superclass": {
2116
+ "name": "LitElement",
2117
+ "package": "lit"
2118
+ },
2119
+ "tagName": "sky-button",
2120
+ "customElement": true,
2121
+ "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
2122
+ }
2123
+ ],
2124
+ "exports": [
2125
+ {
2126
+ "kind": "js",
2127
+ "name": "SkyButton",
2128
+ "declaration": {
2129
+ "name": "SkyButton",
2130
+ "module": "src/sky-button/sky-button.ts"
2131
+ }
2132
+ },
2133
+ {
2134
+ "kind": "custom-element-definition",
2135
+ "name": "sky-button",
2136
+ "declaration": {
2137
+ "name": "SkyButton",
2138
+ "module": "src/sky-button/sky-button.ts"
2139
+ }
2140
+ }
2141
+ ]
2142
+ },
2143
+ {
2144
+ "kind": "javascript-module",
2145
+ "path": "src/sky-appbar/sky-appbar.ts",
2146
+ "declarations": [
2147
+ {
2148
+ "kind": "class",
2149
+ "description": "",
2150
+ "name": "SkyAppbar",
2151
+ "cssParts": [
2152
+ {
2153
+ "description": "Wrapper that contains the leading slot, title, and actions.",
2154
+ "name": "content"
2008
2155
  },
2009
2156
  {
2010
- "kind": "field",
2011
- "name": "_presets",
2012
- "privacy": "private",
2013
- "default": "new PresetController(this)"
2157
+ "description": "Container for the leading slot (e.g. menu button).",
2158
+ "name": "leading"
2014
2159
  },
2015
2160
  {
2016
- "kind": "method",
2017
- "name": "_wireSlotChangeHandlers",
2018
- "privacy": "private",
2019
- "return": {
2020
- "type": {
2021
- "text": "void"
2022
- }
2023
- }
2161
+ "description": "The title area (contains .title-text with the title string).",
2162
+ "name": "title"
2024
2163
  },
2025
2164
  {
2026
- "kind": "method",
2027
- "name": "_syncHeader",
2028
- "privacy": "private",
2029
- "return": {
2030
- "type": {
2031
- "text": "void"
2032
- }
2033
- }
2165
+ "description": "The trailing actions container.",
2166
+ "name": "actions"
2167
+ }
2168
+ ],
2169
+ "slots": [
2170
+ {
2171
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
2172
+ "name": "button"
2034
2173
  },
2035
2174
  {
2036
- "kind": "method",
2037
- "name": "_syncFooter",
2038
- "privacy": "private",
2039
- "return": {
2040
- "type": {
2041
- "text": "void"
2042
- }
2043
- }
2175
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
2176
+ "name": ""
2177
+ }
2178
+ ],
2179
+ "members": [
2180
+ {
2181
+ "kind": "field",
2182
+ "name": "dependencies",
2183
+ "type": {
2184
+ "text": "Record<string, CustomElementConstructor>"
2185
+ },
2186
+ "static": true,
2187
+ "default": "{ \"sky-icon\": SkyIcon, }"
2044
2188
  },
2045
2189
  {
2046
- "kind": "method",
2047
- "name": "_expandPair",
2048
- "privacy": "private",
2049
- "return": {
2050
- "type": {
2051
- "text": "[boolean, boolean]"
2052
- }
2190
+ "kind": "field",
2191
+ "name": "title",
2192
+ "type": {
2193
+ "text": "string"
2053
2194
  },
2054
- "parameters": [
2055
- {
2056
- "name": "sh",
2057
- "type": {
2058
- "text": "SkyCardSectionTarget"
2059
- }
2060
- }
2061
- ]
2195
+ "default": "\"App Bar\"",
2196
+ "description": "Title text displayed in the app bar.",
2197
+ "attribute": "title"
2062
2198
  },
2063
2199
  {
2064
- "kind": "method",
2065
- "name": "_computeEffectiveFlags",
2066
- "privacy": "private",
2067
- "return": {
2068
- "type": {
2069
- "text": "void"
2070
- }
2071
- }
2200
+ "kind": "field",
2201
+ "name": "color",
2202
+ "type": {
2203
+ "text": "string"
2204
+ },
2205
+ "default": "\"default\"",
2206
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
2207
+ "attribute": "color"
2072
2208
  },
2073
2209
  {
2074
- "kind": "method",
2075
- "name": "_setVar",
2076
- "privacy": "private",
2077
- "return": {
2078
- "type": {
2079
- "text": "void"
2080
- }
2210
+ "kind": "field",
2211
+ "name": "url",
2212
+ "type": {
2213
+ "text": "string"
2081
2214
  },
2082
- "parameters": [
2083
- {
2084
- "name": "name",
2085
- "type": {
2086
- "text": "string"
2087
- }
2088
- },
2089
- {
2090
- "name": "value",
2091
- "type": {
2092
- "text": "string"
2093
- }
2094
- }
2095
- ]
2215
+ "default": "\"\"",
2216
+ "description": "Background image URL.",
2217
+ "attribute": "url"
2096
2218
  },
2097
2219
  {
2098
- "kind": "method",
2099
- "name": "_resolveSectionBg",
2100
- "privacy": "private",
2101
- "return": {
2102
- "type": {
2103
- "text": "string"
2104
- }
2220
+ "kind": "field",
2221
+ "name": "banner",
2222
+ "type": {
2223
+ "text": "boolean"
2105
2224
  },
2106
- "parameters": [
2107
- {
2108
- "name": "token",
2109
- "type": {
2110
- "text": "string"
2111
- }
2112
- },
2113
- {
2114
- "name": "isInset",
2115
- "type": {
2116
- "text": "boolean"
2117
- }
2118
- },
2119
- {
2120
- "name": "isOverlay",
2121
- "type": {
2122
- "text": "boolean"
2123
- }
2124
- }
2125
- ]
2225
+ "default": "true",
2226
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
2227
+ "attribute": "banner"
2228
+ },
2229
+ {
2230
+ "kind": "field",
2231
+ "name": "dense",
2232
+ "type": {
2233
+ "text": "boolean"
2234
+ },
2235
+ "default": "false",
2236
+ "description": "Enables compact vertical spacing.",
2237
+ "attribute": "dense"
2238
+ },
2239
+ {
2240
+ "kind": "field",
2241
+ "name": "elevated",
2242
+ "type": {
2243
+ "text": "boolean"
2244
+ },
2245
+ "default": "false",
2246
+ "description": "Applies elevated shadow styling.",
2247
+ "attribute": "elevated"
2248
+ },
2249
+ {
2250
+ "kind": "field",
2251
+ "name": "leadingLabel",
2252
+ "type": {
2253
+ "text": "string"
2254
+ },
2255
+ "default": "\"Open menu\"",
2256
+ "description": "Accessible label for default leading button fallback.",
2257
+ "attribute": "leadingLabel"
2126
2258
  },
2127
2259
  {
2128
- "kind": "method",
2129
- "name": "_resolveSectionGlassSurface",
2130
- "privacy": "private",
2131
- "return": {
2132
- "type": {
2133
- "text": "string"
2134
- }
2260
+ "kind": "field",
2261
+ "name": "preset",
2262
+ "type": {
2263
+ "text": "string"
2135
2264
  },
2136
- "parameters": [
2137
- {
2138
- "name": "token",
2139
- "type": {
2140
- "text": "string"
2141
- }
2142
- }
2143
- ]
2265
+ "default": "\"\"",
2266
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2267
+ "attribute": "preset",
2268
+ "reflects": true
2144
2269
  },
2145
2270
  {
2146
- "kind": "method",
2147
- "name": "_applyCardVars",
2271
+ "kind": "field",
2272
+ "name": "_presets",
2148
2273
  "privacy": "private",
2149
- "return": {
2150
- "type": {
2151
- "text": "void"
2152
- }
2153
- }
2274
+ "default": "new PresetController(this)"
2154
2275
  },
2155
2276
  {
2156
2277
  "kind": "method",
2157
- "name": "_applyPaddingVars",
2278
+ "name": "_applyColorSurface",
2158
2279
  "privacy": "private",
2159
2280
  "return": {
2160
2281
  "type": {
2161
2282
  "text": "void"
2162
2283
  }
2163
- }
2284
+ },
2285
+ "description": "Applies glass vs solid surface tokens from `color`."
2164
2286
  },
2165
2287
  {
2166
2288
  "kind": "method",
2167
- "name": "_applySectionChrome",
2289
+ "name": "_applyBackgroundImage",
2168
2290
  "privacy": "private",
2169
2291
  "return": {
2170
2292
  "type": {
2171
2293
  "text": "void"
2172
2294
  }
2173
- }
2295
+ },
2296
+ "description": "Sets background image CSS variable from `url`."
2297
+ }
2298
+ ],
2299
+ "attributes": [
2300
+ {
2301
+ "name": "title",
2302
+ "type": {
2303
+ "text": "string"
2304
+ },
2305
+ "default": "\"App Bar\"",
2306
+ "description": "Title text displayed in the app bar.",
2307
+ "fieldName": "title"
2174
2308
  },
2175
2309
  {
2176
- "kind": "method",
2177
- "name": "refreshLayout",
2178
- "privacy": "public",
2179
- "return": {
2180
- "type": {
2181
- "text": "void"
2182
- }
2310
+ "name": "color",
2311
+ "type": {
2312
+ "text": "string"
2183
2313
  },
2184
- "description": "Recomputes card variables and section synchronization."
2314
+ "default": "\"default\"",
2315
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
2316
+ "fieldName": "color"
2317
+ },
2318
+ {
2319
+ "name": "url",
2320
+ "type": {
2321
+ "text": "string"
2322
+ },
2323
+ "default": "\"\"",
2324
+ "description": "Background image URL.",
2325
+ "fieldName": "url"
2326
+ },
2327
+ {
2328
+ "name": "banner",
2329
+ "type": {
2330
+ "text": "boolean"
2331
+ },
2332
+ "default": "true",
2333
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
2334
+ "fieldName": "banner"
2335
+ },
2336
+ {
2337
+ "name": "dense",
2338
+ "type": {
2339
+ "text": "boolean"
2340
+ },
2341
+ "default": "false",
2342
+ "description": "Enables compact vertical spacing.",
2343
+ "fieldName": "dense"
2344
+ },
2345
+ {
2346
+ "name": "elevated",
2347
+ "type": {
2348
+ "text": "boolean"
2349
+ },
2350
+ "default": "false",
2351
+ "description": "Applies elevated shadow styling.",
2352
+ "fieldName": "elevated"
2353
+ },
2354
+ {
2355
+ "name": "leadingLabel",
2356
+ "type": {
2357
+ "text": "string"
2358
+ },
2359
+ "default": "\"Open menu\"",
2360
+ "description": "Accessible label for default leading button fallback.",
2361
+ "fieldName": "leadingLabel"
2362
+ },
2363
+ {
2364
+ "name": "preset",
2365
+ "type": {
2366
+ "text": "string"
2367
+ },
2368
+ "default": "\"\"",
2369
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2370
+ "fieldName": "preset"
2185
2371
  }
2186
2372
  ],
2187
- "attributes": [
2373
+ "superclass": {
2374
+ "name": "LitElement",
2375
+ "package": "lit"
2376
+ },
2377
+ "tagName": "sky-appbar",
2378
+ "customElement": true,
2379
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
2380
+ }
2381
+ ],
2382
+ "exports": [
2383
+ {
2384
+ "kind": "js",
2385
+ "name": "SkyAppbar",
2386
+ "declaration": {
2387
+ "name": "SkyAppbar",
2388
+ "module": "src/sky-appbar/sky-appbar.ts"
2389
+ }
2390
+ },
2391
+ {
2392
+ "kind": "custom-element-definition",
2393
+ "name": "sky-appbar",
2394
+ "declaration": {
2395
+ "name": "SkyAppbar",
2396
+ "module": "src/sky-appbar/sky-appbar.ts"
2397
+ }
2398
+ }
2399
+ ]
2400
+ },
2401
+ {
2402
+ "kind": "javascript-module",
2403
+ "path": "src/sky-card/sky-card.ts",
2404
+ "declarations": [
2405
+ {
2406
+ "kind": "class",
2407
+ "description": "",
2408
+ "name": "SkyCard",
2409
+ "cssParts": [
2410
+ {
2411
+ "description": "The main card container element.",
2412
+ "name": "card"
2413
+ },
2414
+ {
2415
+ "description": "The card header section.",
2416
+ "name": "header"
2417
+ },
2418
+ {
2419
+ "description": "The card footer section.",
2420
+ "name": "footer"
2421
+ },
2422
+ {
2423
+ "description": "The ripple animation element injected when the card is clicked.",
2424
+ "name": "ripple"
2425
+ }
2426
+ ],
2427
+ "slots": [
2428
+ {
2429
+ "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
2430
+ "name": ""
2431
+ },
2432
+ {
2433
+ "description": "Slot for the card title.",
2434
+ "name": "title"
2435
+ },
2436
+ {
2437
+ "description": "Slot for the card subtitle.",
2438
+ "name": "subtitle"
2439
+ },
2440
+ {
2441
+ "description": "Slot for the card actions (usually buttons).",
2442
+ "name": "actions"
2443
+ },
2444
+ {
2445
+ "description": "Slot for the footer title.",
2446
+ "name": "footer-title"
2447
+ },
2448
+ {
2449
+ "description": "Slot for the footer subtitle.",
2450
+ "name": "footer-subtitle"
2451
+ },
2452
+ {
2453
+ "description": "Slot for the footer actions (usually buttons).",
2454
+ "name": "footer-actions"
2455
+ }
2456
+ ],
2457
+ "members": [
2188
2458
  {
2459
+ "kind": "field",
2189
2460
  "name": "bg",
2190
2461
  "type": {
2191
2462
  "text": "string"
2192
2463
  },
2193
2464
  "default": "\"primary\"",
2194
2465
  "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
2195
- "fieldName": "bg"
2466
+ "attribute": "bg",
2467
+ "reflects": true
2196
2468
  },
2197
2469
  {
2470
+ "kind": "field",
2198
2471
  "name": "blurLevel",
2199
2472
  "type": {
2200
2473
  "text": "string"
2201
2474
  },
2202
2475
  "default": "\"none\"",
2203
2476
  "description": "Level of blur applied to the background. Default: `\"none\"`.",
2204
- "fieldName": "blurLevel"
2477
+ "attribute": "blurLevel",
2478
+ "reflects": true
2205
2479
  },
2206
2480
  {
2481
+ "kind": "field",
2207
2482
  "name": "radius",
2208
2483
  "type": {
2209
2484
  "text": "string"
2210
2485
  },
2211
2486
  "default": "\"md\"",
2212
2487
  "description": "Border radius of the card. Default: `\"md\"`.",
2213
- "fieldName": "radius"
2488
+ "attribute": "radius",
2489
+ "reflects": true
2214
2490
  },
2215
2491
  {
2492
+ "kind": "field",
2216
2493
  "name": "bodyPadding",
2217
2494
  "type": {
2218
2495
  "text": "string"
2219
2496
  },
2220
2497
  "default": "\"none\"",
2221
2498
  "description": "Padding for the card body. Default: `\"none\"`.",
2222
- "fieldName": "bodyPadding"
2499
+ "attribute": "bodyPadding",
2500
+ "reflects": true
2223
2501
  },
2224
2502
  {
2503
+ "kind": "field",
2225
2504
  "name": "elevation",
2226
2505
  "type": {
2227
2506
  "text": "SkyCardElevation"
2228
2507
  },
2229
2508
  "default": "\"md\"",
2230
2509
  "description": "Shadow depth of the card. Default: `\"md\"`.",
2231
- "fieldName": "elevation"
2510
+ "attribute": "elevation",
2511
+ "reflects": true
2232
2512
  },
2233
2513
  {
2514
+ "kind": "field",
2234
2515
  "name": "outlined",
2235
2516
  "type": {
2236
2517
  "text": "boolean"
2237
2518
  },
2238
2519
  "default": "false",
2239
2520
  "description": "Whether the card has an outline. Default: `false`.",
2240
- "fieldName": "outlined"
2521
+ "attribute": "outlined",
2522
+ "reflects": true
2241
2523
  },
2242
2524
  {
2525
+ "kind": "field",
2243
2526
  "name": "clickable",
2244
2527
  "type": {
2245
2528
  "text": "boolean"
2246
2529
  },
2247
2530
  "default": "false",
2248
2531
  "description": "Whether the card is clickable. Default: `false`.",
2249
- "fieldName": "clickable"
2532
+ "attribute": "clickable",
2533
+ "reflects": true
2250
2534
  },
2251
2535
  {
2536
+ "kind": "field",
2252
2537
  "name": "headerBg",
2253
2538
  "type": {
2254
2539
  "text": "string"
2255
2540
  },
2256
2541
  "default": "\"transparent\"",
2257
2542
  "description": "Background color of the header. Default: `\"transparent\"`.",
2258
- "fieldName": "headerBg"
2543
+ "attribute": "headerBg",
2544
+ "reflects": true
2259
2545
  },
2260
2546
  {
2547
+ "kind": "field",
2261
2548
  "name": "headerBlur",
2262
2549
  "type": {
2263
2550
  "text": "string"
2264
2551
  },
2265
2552
  "default": "\"none\"",
2266
2553
  "description": "Blur level for the header background. Default: `\"none\"`.",
2267
- "fieldName": "headerBlur"
2554
+ "attribute": "headerBlur",
2555
+ "reflects": true
2268
2556
  },
2269
2557
  {
2558
+ "kind": "field",
2270
2559
  "name": "headerPadding",
2271
2560
  "type": {
2272
2561
  "text": "string"
2273
2562
  },
2274
2563
  "default": "\"md\"",
2275
2564
  "description": "Padding for the header. Default: `\"md\"`.",
2276
- "fieldName": "headerPadding"
2565
+ "attribute": "headerPadding",
2566
+ "reflects": true
2277
2567
  },
2278
2568
  {
2569
+ "kind": "field",
2279
2570
  "name": "headerLayout",
2280
2571
  "type": {
2281
2572
  "text": "SkyCardSectionLayout"
2282
2573
  },
2283
2574
  "default": "\"inline\"",
2284
2575
  "description": "Layout of the header content. Default: `\"inline\"`.",
2285
- "fieldName": "headerLayout"
2576
+ "attribute": "headerLayout"
2286
2577
  },
2287
2578
  {
2579
+ "kind": "field",
2288
2580
  "name": "headerInsetGap",
2289
2581
  "type": {
2290
2582
  "text": "string"
2291
2583
  },
2292
2584
  "default": "\"sm\"",
2293
2585
  "description": "Inset gap for the header section. Default: `\"sm\"`.",
2294
- "fieldName": "headerInsetGap"
2586
+ "attribute": "headerInsetGap",
2587
+ "reflects": true
2295
2588
  },
2296
2589
  {
2590
+ "kind": "field",
2297
2591
  "name": "headerRadius",
2298
2592
  "type": {
2299
2593
  "text": "string"
2300
2594
  },
2301
2595
  "default": "\"md\"",
2302
2596
  "description": "Border radius for the header. Default: `\"md\"`.",
2303
- "fieldName": "headerRadius"
2597
+ "attribute": "headerRadius",
2598
+ "reflects": true
2304
2599
  },
2305
2600
  {
2601
+ "kind": "field",
2306
2602
  "name": "headerSeparatorColor",
2307
2603
  "type": {
2308
2604
  "text": "string"
2309
2605
  },
2310
2606
  "default": "\"border-light\"",
2311
2607
  "description": "Color for the header separator. Default: `\"border-light\"`.",
2312
- "fieldName": "headerSeparatorColor"
2608
+ "attribute": "headerSeparatorColor"
2313
2609
  },
2314
2610
  {
2611
+ "kind": "field",
2315
2612
  "name": "footerBg",
2316
2613
  "type": {
2317
2614
  "text": "string"
2318
2615
  },
2319
2616
  "default": "\"transparent\"",
2320
2617
  "description": "Background color of the footer. Default: `\"transparent\"`.",
2321
- "fieldName": "footerBg"
2618
+ "attribute": "footerBg",
2619
+ "reflects": true
2322
2620
  },
2323
2621
  {
2622
+ "kind": "field",
2324
2623
  "name": "footerBlur",
2325
2624
  "type": {
2326
2625
  "text": "string"
2327
2626
  },
2328
2627
  "default": "\"none\"",
2329
2628
  "description": "Blur level for the footer background. Default: `\"none\"`.",
2330
- "fieldName": "footerBlur"
2629
+ "attribute": "footerBlur",
2630
+ "reflects": true
2331
2631
  },
2332
2632
  {
2633
+ "kind": "field",
2333
2634
  "name": "footerPadding",
2334
2635
  "type": {
2335
2636
  "text": "string"
2336
2637
  },
2337
2638
  "default": "\"md\"",
2338
2639
  "description": "Padding for the footer. Default: `\"md\"`.",
2339
- "fieldName": "footerPadding"
2640
+ "attribute": "footerPadding",
2641
+ "reflects": true
2340
2642
  },
2341
2643
  {
2644
+ "kind": "field",
2342
2645
  "name": "footerLayout",
2343
2646
  "type": {
2344
2647
  "text": "SkyCardSectionLayout"
2345
2648
  },
2346
2649
  "default": "\"inline\"",
2347
2650
  "description": "Layout of the footer content. Default: `\"inline\"`.",
2348
- "fieldName": "footerLayout"
2651
+ "attribute": "footerLayout"
2349
2652
  },
2350
2653
  {
2654
+ "kind": "field",
2351
2655
  "name": "footerInsetGap",
2352
2656
  "type": {
2353
2657
  "text": "string"
2354
2658
  },
2355
2659
  "default": "\"sm\"",
2356
2660
  "description": "Inset gap for the footer section. Default: `\"sm\"`.",
2357
- "fieldName": "footerInsetGap"
2661
+ "attribute": "footerInsetGap",
2662
+ "reflects": true
2358
2663
  },
2359
2664
  {
2665
+ "kind": "field",
2360
2666
  "name": "footerRadius",
2361
2667
  "type": {
2362
2668
  "text": "string"
2363
2669
  },
2364
2670
  "default": "\"md\"",
2365
2671
  "description": "Border radius for the footer. Default: `\"md\"`.",
2366
- "fieldName": "footerRadius"
2672
+ "attribute": "footerRadius",
2673
+ "reflects": true
2367
2674
  },
2368
2675
  {
2676
+ "kind": "field",
2369
2677
  "name": "footerSeparatorColor",
2370
2678
  "type": {
2371
2679
  "text": "string"
2372
2680
  },
2373
2681
  "default": "\"border-light\"",
2374
2682
  "description": "Color for the footer separator. Default: `\"border-light\"`.",
2375
- "fieldName": "footerSeparatorColor"
2683
+ "attribute": "footerSeparatorColor"
2376
2684
  },
2377
2685
  {
2686
+ "kind": "field",
2378
2687
  "name": "padRatio",
2379
2688
  "type": {
2380
2689
  "text": "number"
2381
2690
  },
2382
2691
  "default": "1",
2383
2692
  "description": "Ratio to adjust padding. Default: `1`.",
2384
- "fieldName": "padRatio"
2693
+ "attribute": "padRatio"
2385
2694
  },
2386
2695
  {
2696
+ "kind": "field",
2387
2697
  "name": "separators",
2388
2698
  "type": {
2389
2699
  "text": "SkyCardSectionTarget"
2390
2700
  },
2391
2701
  "default": "\"none\"",
2392
2702
  "description": "Determines where separators should appear. Default: `\"none\"`.",
2393
- "fieldName": "separators"
2703
+ "attribute": "separators"
2394
2704
  },
2395
2705
  {
2706
+ "kind": "field",
2396
2707
  "name": "overlays",
2397
2708
  "type": {
2398
2709
  "text": "SkyCardSectionTarget"
2399
2710
  },
2400
2711
  "default": "\"none\"",
2401
2712
  "description": "Determines where overlays should appear. Default: `\"none\"`.",
2402
- "fieldName": "overlays"
2713
+ "attribute": "overlays"
2403
2714
  },
2404
2715
  {
2716
+ "kind": "field",
2405
2717
  "name": "insets",
2406
2718
  "type": {
2407
2719
  "text": "SkyCardSectionTarget"
2408
2720
  },
2409
2721
  "default": "\"none\"",
2410
2722
  "description": "Determines where insets should appear. Default: `\"none\"`.",
2411
- "fieldName": "insets"
2412
- },
2413
- {
2414
- "name": "preset",
2415
- "type": {
2416
- "text": "string"
2417
- },
2418
- "default": "\"\"",
2419
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2420
- "fieldName": "preset"
2421
- }
2422
- ],
2423
- "superclass": {
2424
- "name": "LitElement",
2425
- "package": "lit"
2426
- },
2427
- "tagName": "sky-card",
2428
- "customElement": true,
2429
- "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
2430
- }
2431
- ],
2432
- "exports": [
2433
- {
2434
- "kind": "js",
2435
- "name": "SkyCard",
2436
- "declaration": {
2437
- "name": "SkyCard",
2438
- "module": "src/sky-card/sky-card.ts"
2439
- }
2440
- },
2441
- {
2442
- "kind": "custom-element-definition",
2443
- "name": "sky-card",
2444
- "declaration": {
2445
- "name": "SkyCard",
2446
- "module": "src/sky-card/sky-card.ts"
2447
- }
2448
- }
2449
- ]
2450
- },
2451
- {
2452
- "kind": "javascript-module",
2453
- "path": "src/sky-badge/sky-badge.ts",
2454
- "declarations": [
2455
- {
2456
- "kind": "class",
2457
- "description": "",
2458
- "name": "SkyBadge",
2459
- "cssParts": [
2460
- {
2461
- "description": "Wrapper around the slotted content and the badge.",
2462
- "name": "container"
2463
- },
2464
- {
2465
- "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
2466
- "name": "badge"
2467
- },
2468
- {
2469
- "description": "The icon element when `isIcon` is true.",
2470
- "name": "icon"
2471
- }
2472
- ],
2473
- "slots": [
2474
- {
2475
- "description": "The content the badge attaches to.",
2476
- "name": ""
2477
- },
2478
- {
2479
- "description": "Optional slot to override the badge content entirely.",
2480
- "name": "badge"
2481
- }
2482
- ],
2483
- "members": [
2484
- {
2485
- "kind": "field",
2486
- "name": "dependencies",
2487
- "type": {
2488
- "text": "Record<string, CustomElementConstructor>"
2489
- },
2490
- "static": true,
2491
- "default": "{ \"sky-icon\": SkyIcon, }"
2492
- },
2493
- {
2494
- "kind": "field",
2495
- "name": "statusColor",
2496
- "type": {
2497
- "text": "string"
2498
- },
2499
- "default": "\"success\"",
2500
- "description": "Badge background token or CSS color.",
2501
- "attribute": "statusColor",
2502
- "reflects": true
2503
- },
2504
- {
2505
- "kind": "field",
2506
- "name": "textColor",
2507
- "type": {
2508
- "text": "string"
2509
- },
2510
- "default": "\"default\"",
2511
- "description": "Text color token or CSS color.",
2512
- "attribute": "textColor",
2513
- "reflects": true
2514
- },
2515
- {
2516
- "kind": "field",
2517
- "name": "iconColor",
2518
- "type": {
2519
- "text": "string"
2520
- },
2521
- "default": "\"\"",
2522
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
2523
- "attribute": "iconColor",
2524
- "reflects": true
2525
- },
2526
- {
2527
- "kind": "field",
2528
- "name": "position",
2529
- "type": {
2530
- "text": "SkyBadgePosition"
2531
- },
2532
- "default": "\"default\"",
2533
- "description": "Layout mode: `default | floating | inline`.",
2534
- "attribute": "position",
2535
- "reflects": true
2536
- },
2537
- {
2538
- "kind": "field",
2539
- "name": "value",
2540
- "type": {
2541
- "text": "string"
2542
- },
2543
- "default": "\"\"",
2544
- "description": "Badge text/count or icon name in icon mode.",
2545
- "attribute": "value"
2723
+ "attribute": "insets"
2546
2724
  },
2547
2725
  {
2548
2726
  "kind": "field",
2549
- "name": "isIcon",
2727
+ "name": "_effHeaderSeparator",
2550
2728
  "type": {
2551
2729
  "text": "boolean"
2552
2730
  },
2553
- "default": "false",
2554
- "description": "Renders icon mode when true.",
2555
- "attribute": "isIcon",
2556
- "reflects": true
2557
- },
2558
- {
2559
- "kind": "field",
2560
- "name": "size",
2561
- "type": {
2562
- "text": "string"
2563
- },
2564
- "default": "\"\"",
2565
- "description": "Badge and icon size CSS length.",
2566
- "attribute": "size",
2567
- "reflects": true
2568
- },
2569
- {
2570
- "kind": "field",
2571
- "name": "shape",
2572
- "type": {
2573
- "text": "SkyBadgeShape"
2574
- },
2575
- "default": "\"custom\"",
2576
- "description": "Badge shape: `circle | pill | custom`.",
2577
- "attribute": "shape",
2578
- "reflects": true
2579
- },
2580
- {
2581
- "kind": "field",
2582
- "name": "max",
2583
- "type": {
2584
- "text": "number"
2585
- },
2586
- "default": "99",
2587
- "description": "Maximum numeric count before rendering overflow label.",
2588
- "attribute": "max"
2731
+ "privacy": "private",
2732
+ "default": "false"
2589
2733
  },
2590
2734
  {
2591
2735
  "kind": "field",
2592
- "name": "hideWhenZero",
2736
+ "name": "_effFooterSeparator",
2593
2737
  "type": {
2594
2738
  "text": "boolean"
2595
2739
  },
2596
- "default": "false",
2597
- "description": "Hides badge when value resolves to numeric zero.",
2598
- "attribute": "hideWhenZero"
2740
+ "privacy": "private",
2741
+ "default": "false"
2599
2742
  },
2600
2743
  {
2601
2744
  "kind": "field",
2602
- "name": "show",
2745
+ "name": "_effHeaderOverlay",
2603
2746
  "type": {
2604
2747
  "text": "boolean"
2605
2748
  },
2606
- "default": "true",
2607
- "description": "Forces badge visibility independent of value.",
2608
- "attribute": "show",
2609
- "reflects": true
2610
- },
2611
- {
2612
- "kind": "field",
2613
- "name": "offsetX",
2614
- "type": {
2615
- "text": "string"
2616
- },
2617
- "default": "\"0px\"",
2618
- "description": "Horizontal offset CSS length.",
2619
- "attribute": "offsetX"
2749
+ "privacy": "private",
2750
+ "default": "false"
2620
2751
  },
2621
2752
  {
2622
2753
  "kind": "field",
2623
- "name": "offsetY",
2754
+ "name": "_effFooterOverlay",
2624
2755
  "type": {
2625
- "text": "string"
2626
- },
2627
- "default": "\"0px\"",
2628
- "description": "Vertical offset CSS length.",
2629
- "attribute": "offsetY"
2756
+ "text": "boolean"
2757
+ },
2758
+ "privacy": "private",
2759
+ "default": "false"
2630
2760
  },
2631
2761
  {
2632
2762
  "kind": "field",
2633
- "name": "ring",
2763
+ "name": "_effHeaderInset",
2634
2764
  "type": {
2635
2765
  "text": "boolean"
2636
2766
  },
2637
- "default": "false",
2638
- "description": "Enables visual ring around the badge.",
2639
- "attribute": "ring"
2767
+ "privacy": "private",
2768
+ "default": "false"
2640
2769
  },
2641
2770
  {
2642
2771
  "kind": "field",
2643
- "name": "ringColor",
2772
+ "name": "_effFooterInset",
2644
2773
  "type": {
2645
- "text": "string"
2774
+ "text": "boolean"
2646
2775
  },
2647
- "default": "\"primary\"",
2648
- "description": "Ring color token or CSS color.",
2649
- "attribute": "ringColor"
2776
+ "privacy": "private",
2777
+ "default": "false"
2650
2778
  },
2651
2779
  {
2652
2780
  "kind": "field",
2653
- "name": "ringOffset",
2781
+ "name": "_varsCache",
2654
2782
  "type": {
2655
- "text": "string"
2783
+ "text": "Record<string, string>"
2656
2784
  },
2657
- "default": "\"1px\"",
2658
- "description": "Ring offset CSS length.",
2659
- "attribute": "ringOffset"
2785
+ "privacy": "private",
2786
+ "default": "{}"
2660
2787
  },
2661
2788
  {
2662
2789
  "kind": "field",
2663
- "name": "badgeLabel",
2790
+ "name": "BG_MAP",
2791
+ "privacy": "private",
2792
+ "static": true,
2793
+ "readonly": true,
2794
+ "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
2664
2795
  "type": {
2665
- "text": "string | null"
2666
- },
2667
- "default": "null",
2668
- "description": "ARIA label override.",
2669
- "attribute": "badgeLabel"
2796
+ "text": "{\r\n primary: \"var(--sky-glass-primary)\",\r\n secondary: \"var(--sky-glass-secondary)\",\r\n tertiary: \"var(--sky-glass-tertiary)\",\r\n transparent: \"transparent\",\r\n }"
2797
+ }
2670
2798
  },
2671
2799
  {
2672
2800
  "kind": "field",
2673
- "name": "badgeAriaHidden",
2801
+ "name": "BLUR_MAP",
2802
+ "privacy": "private",
2803
+ "static": true,
2804
+ "readonly": true,
2805
+ "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
2674
2806
  "type": {
2675
- "text": "boolean"
2676
- },
2677
- "default": "false",
2678
- "description": "Hides badge from assistive technology when true.",
2679
- "attribute": "badgeAriaHidden"
2807
+ "text": "{\r\n none: \"none\",\r\n xs: \"blur(2px)\",\r\n sm: \"var(--sky-blur-secondary)\",\r\n md: \"var(--sky-blur-secondary)\",\r\n lg: \"var(--sky-blur-tertiary)\",\r\n }"
2808
+ }
2680
2809
  },
2681
2810
  {
2682
2811
  "kind": "field",
2683
- "name": "interactive",
2812
+ "name": "SIZE_MAP",
2813
+ "privacy": "private",
2814
+ "static": true,
2815
+ "readonly": true,
2816
+ "default": "{ none: \"0\", sm: \"var(--sky-space-1\\\\.5, 6px)\", md: \"var(--sky-space-4, 16px)\", lg: \"var(--sky-space-6, 24px)\", xl: \"var(--sky-space-8, 32px)\", }",
2684
2817
  "type": {
2685
- "text": "boolean"
2686
- },
2687
- "default": "false",
2688
- "description": "Enables focus/activation and `badge-click` emission.",
2689
- "attribute": "interactive"
2818
+ "text": "{\r\n none: \"0\",\r\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\r\n md: \"var(--sky-space-4, 16px)\",\r\n lg: \"var(--sky-space-6, 24px)\",\r\n xl: \"var(--sky-space-8, 32px)\",\r\n }"
2819
+ }
2690
2820
  },
2691
2821
  {
2692
2822
  "kind": "field",
2693
- "name": "placement",
2823
+ "name": "GLASS_BG_TIERS",
2824
+ "privacy": "private",
2825
+ "static": true,
2826
+ "readonly": true,
2827
+ "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2828
+ },
2829
+ {
2830
+ "kind": "field",
2831
+ "name": "SECTION_INSET_BG_MAP",
2832
+ "privacy": "private",
2833
+ "static": true,
2834
+ "readonly": true,
2835
+ "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
2694
2836
  "type": {
2695
- "text": "SkyBadgePlacement"
2837
+ "text": "{\r\n primary: \"var(--sky-hover-primary)\",\r\n secondary: \"var(--sky-hover-secondary)\",\r\n tertiary: \"var(--sky-hover-tertiary)\",\r\n transparent: \"transparent\",\r\n }"
2696
2838
  },
2697
- "default": "\"custom\"",
2698
- "description": "Anchor placement preset for badge positioning.",
2699
- "attribute": "placement",
2700
- "reflects": true
2839
+ "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
2840
+ },
2841
+ {
2842
+ "kind": "method",
2843
+ "name": "_composeBackdrop",
2844
+ "privacy": "private",
2845
+ "static": true,
2846
+ "return": {
2847
+ "type": {
2848
+ "text": "string"
2849
+ }
2850
+ },
2851
+ "parameters": [
2852
+ {
2853
+ "name": "blurLevel",
2854
+ "type": {
2855
+ "text": "string"
2856
+ }
2857
+ }
2858
+ ]
2859
+ },
2860
+ {
2861
+ "kind": "method",
2862
+ "name": "_composeElevation",
2863
+ "privacy": "private",
2864
+ "static": true,
2865
+ "return": {
2866
+ "type": {
2867
+ "text": "string"
2868
+ }
2869
+ },
2870
+ "parameters": [
2871
+ {
2872
+ "name": "level",
2873
+ "type": {
2874
+ "text": "SkyCardElevation | string"
2875
+ }
2876
+ }
2877
+ ]
2701
2878
  },
2702
2879
  {
2703
2880
  "kind": "field",
@@ -2717,321 +2894,402 @@
2717
2894
  "default": "new PresetController(this)"
2718
2895
  },
2719
2896
  {
2720
- "kind": "field",
2721
- "name": "_badgeEl",
2722
- "type": {
2723
- "text": "HTMLSpanElement"
2724
- },
2725
- "privacy": "private"
2897
+ "kind": "method",
2898
+ "name": "_wireSlotChangeHandlers",
2899
+ "privacy": "private",
2900
+ "return": {
2901
+ "type": {
2902
+ "text": "void"
2903
+ }
2904
+ }
2726
2905
  },
2727
2906
  {
2728
- "kind": "field",
2729
- "name": "badgeRef",
2730
- "privacy": "public",
2731
- "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
2907
+ "kind": "method",
2908
+ "name": "_syncHeader",
2909
+ "privacy": "private",
2910
+ "return": {
2911
+ "type": {
2912
+ "text": "void"
2913
+ }
2914
+ }
2732
2915
  },
2733
2916
  {
2734
- "kind": "field",
2735
- "name": "shadowRootOptions",
2736
- "type": {
2737
- "text": "ShadowRootInit"
2738
- },
2739
- "static": true,
2740
- "default": "{ mode: \"open\", delegatesFocus: true, }"
2917
+ "kind": "method",
2918
+ "name": "_syncFooter",
2919
+ "privacy": "private",
2920
+ "return": {
2921
+ "type": {
2922
+ "text": "void"
2923
+ }
2924
+ }
2741
2925
  },
2742
2926
  {
2743
2927
  "kind": "method",
2744
- "name": "showBadge",
2745
- "privacy": "public",
2928
+ "name": "_expandPair",
2929
+ "privacy": "private",
2746
2930
  "return": {
2747
2931
  "type": {
2748
- "text": "void"
2932
+ "text": "[boolean, boolean]"
2749
2933
  }
2750
2934
  },
2751
- "description": "Forces badge visibility on."
2935
+ "parameters": [
2936
+ {
2937
+ "name": "sh",
2938
+ "type": {
2939
+ "text": "SkyCardSectionTarget"
2940
+ }
2941
+ }
2942
+ ]
2752
2943
  },
2753
2944
  {
2754
2945
  "kind": "method",
2755
- "name": "hideBadge",
2756
- "privacy": "public",
2946
+ "name": "_computeEffectiveFlags",
2947
+ "privacy": "private",
2757
2948
  "return": {
2758
2949
  "type": {
2759
2950
  "text": "void"
2760
2951
  }
2761
- },
2762
- "description": "Forces badge visibility off."
2952
+ }
2763
2953
  },
2764
2954
  {
2765
2955
  "kind": "method",
2766
- "name": "setValue",
2767
- "privacy": "public",
2956
+ "name": "_setVar",
2957
+ "privacy": "private",
2768
2958
  "return": {
2769
2959
  "type": {
2770
2960
  "text": "void"
2771
2961
  }
2772
2962
  },
2773
2963
  "parameters": [
2964
+ {
2965
+ "name": "name",
2966
+ "type": {
2967
+ "text": "string"
2968
+ }
2969
+ },
2774
2970
  {
2775
2971
  "name": "value",
2776
2972
  "type": {
2777
2973
  "text": "string"
2778
- },
2779
- "description": "Badge value or icon name."
2974
+ }
2780
2975
  }
2781
- ],
2782
- "description": "Updates badge value for text/count or icon modes."
2976
+ ]
2783
2977
  },
2784
2978
  {
2785
- "kind": "field",
2786
- "name": "_onActivate",
2979
+ "kind": "method",
2980
+ "name": "_resolveSectionBg",
2787
2981
  "privacy": "private",
2788
- "description": "Emits `badge-click` for interactive activation."
2982
+ "return": {
2983
+ "type": {
2984
+ "text": "string"
2985
+ }
2986
+ },
2987
+ "parameters": [
2988
+ {
2989
+ "name": "token",
2990
+ "type": {
2991
+ "text": "string"
2992
+ }
2993
+ },
2994
+ {
2995
+ "name": "isInset",
2996
+ "type": {
2997
+ "text": "boolean"
2998
+ }
2999
+ },
3000
+ {
3001
+ "name": "isOverlay",
3002
+ "type": {
3003
+ "text": "boolean"
3004
+ }
3005
+ }
3006
+ ]
2789
3007
  },
2790
3008
  {
2791
- "kind": "field",
2792
- "name": "_onKeydown",
3009
+ "kind": "method",
3010
+ "name": "_resolveSectionGlassSurface",
3011
+ "privacy": "private",
3012
+ "return": {
3013
+ "type": {
3014
+ "text": "string"
3015
+ }
3016
+ },
3017
+ "parameters": [
3018
+ {
3019
+ "name": "token",
3020
+ "type": {
3021
+ "text": "string"
3022
+ }
3023
+ }
3024
+ ]
3025
+ },
3026
+ {
3027
+ "kind": "method",
3028
+ "name": "_applyCardVars",
2793
3029
  "privacy": "private",
2794
- "description": "Handles keyboard activation with Enter and Space."
3030
+ "return": {
3031
+ "type": {
3032
+ "text": "void"
3033
+ }
3034
+ }
2795
3035
  },
2796
3036
  {
2797
3037
  "kind": "method",
2798
- "name": "_computeAriaLabel",
3038
+ "name": "_applyPaddingVars",
2799
3039
  "privacy": "private",
2800
3040
  "return": {
2801
3041
  "type": {
2802
- "text": "string | null"
2803
- }
2804
- },
2805
- "parameters": [
2806
- {
2807
- "name": "displayValue",
2808
- "type": {
2809
- "text": "string | null"
2810
- }
3042
+ "text": "void"
2811
3043
  }
2812
- ],
2813
- "description": "Computes accessible badge label from current render state."
3044
+ }
2814
3045
  },
2815
3046
  {
2816
3047
  "kind": "method",
2817
- "name": "_computeAnchors",
3048
+ "name": "_applySectionChrome",
2818
3049
  "privacy": "private",
2819
3050
  "return": {
2820
3051
  "type": {
2821
- "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
2822
- }
2823
- },
2824
- "parameters": [
2825
- {
2826
- "name": "placement",
2827
- "type": {
2828
- "text": "SkyBadgePlacement"
2829
- }
3052
+ "text": "void"
2830
3053
  }
2831
- ],
2832
- "description": "Resolves anchor edges from placement preset."
3054
+ }
2833
3055
  },
2834
3056
  {
2835
3057
  "kind": "method",
2836
- "name": "_resolveBadgeSurface",
2837
- "privacy": "private",
3058
+ "name": "refreshLayout",
3059
+ "privacy": "public",
2838
3060
  "return": {
2839
3061
  "type": {
2840
- "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
3062
+ "text": "void"
2841
3063
  }
2842
3064
  },
2843
- "description": "Maps semantic status tokens to soft badge surface colors."
3065
+ "description": "Recomputes card variables and section synchronization."
2844
3066
  }
2845
3067
  ],
2846
- "events": [
3068
+ "attributes": [
2847
3069
  {
3070
+ "name": "bg",
2848
3071
  "type": {
2849
- "text": "CustomEvent<SkyBadgeClickEventDetail>"
3072
+ "text": "string"
2850
3073
  },
2851
- "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
2852
- "name": "badge-click"
2853
- }
2854
- ],
2855
- "attributes": [
3074
+ "default": "\"primary\"",
3075
+ "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
3076
+ "fieldName": "bg"
3077
+ },
2856
3078
  {
2857
- "name": "statusColor",
3079
+ "name": "blurLevel",
2858
3080
  "type": {
2859
3081
  "text": "string"
2860
3082
  },
2861
- "default": "\"success\"",
2862
- "description": "Badge background token or CSS color.",
2863
- "fieldName": "statusColor"
3083
+ "default": "\"none\"",
3084
+ "description": "Level of blur applied to the background. Default: `\"none\"`.",
3085
+ "fieldName": "blurLevel"
2864
3086
  },
2865
3087
  {
2866
- "name": "textColor",
3088
+ "name": "radius",
2867
3089
  "type": {
2868
3090
  "text": "string"
2869
3091
  },
2870
- "default": "\"default\"",
2871
- "description": "Text color token or CSS color.",
2872
- "fieldName": "textColor"
3092
+ "default": "\"md\"",
3093
+ "description": "Border radius of the card. Default: `\"md\"`.",
3094
+ "fieldName": "radius"
2873
3095
  },
2874
3096
  {
2875
- "name": "iconColor",
3097
+ "name": "bodyPadding",
2876
3098
  "type": {
2877
3099
  "text": "string"
2878
3100
  },
2879
- "default": "\"\"",
2880
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
2881
- "fieldName": "iconColor"
3101
+ "default": "\"none\"",
3102
+ "description": "Padding for the card body. Default: `\"none\"`.",
3103
+ "fieldName": "bodyPadding"
2882
3104
  },
2883
3105
  {
2884
- "name": "position",
3106
+ "name": "elevation",
2885
3107
  "type": {
2886
- "text": "SkyBadgePosition"
3108
+ "text": "SkyCardElevation"
2887
3109
  },
2888
- "default": "\"default\"",
2889
- "description": "Layout mode: `default | floating | inline`.",
2890
- "fieldName": "position"
3110
+ "default": "\"md\"",
3111
+ "description": "Shadow depth of the card. Default: `\"md\"`.",
3112
+ "fieldName": "elevation"
2891
3113
  },
2892
3114
  {
2893
- "name": "value",
3115
+ "name": "outlined",
2894
3116
  "type": {
2895
- "text": "string"
3117
+ "text": "boolean"
2896
3118
  },
2897
- "default": "\"\"",
2898
- "description": "Badge text/count or icon name in icon mode.",
2899
- "fieldName": "value"
3119
+ "default": "false",
3120
+ "description": "Whether the card has an outline. Default: `false`.",
3121
+ "fieldName": "outlined"
2900
3122
  },
2901
3123
  {
2902
- "name": "isIcon",
3124
+ "name": "clickable",
2903
3125
  "type": {
2904
3126
  "text": "boolean"
2905
3127
  },
2906
3128
  "default": "false",
2907
- "description": "Renders icon mode when true.",
2908
- "fieldName": "isIcon"
3129
+ "description": "Whether the card is clickable. Default: `false`.",
3130
+ "fieldName": "clickable"
2909
3131
  },
2910
3132
  {
2911
- "name": "size",
3133
+ "name": "headerBg",
2912
3134
  "type": {
2913
3135
  "text": "string"
2914
3136
  },
2915
- "default": "\"\"",
2916
- "description": "Badge and icon size CSS length.",
2917
- "fieldName": "size"
3137
+ "default": "\"transparent\"",
3138
+ "description": "Background color of the header. Default: `\"transparent\"`.",
3139
+ "fieldName": "headerBg"
2918
3140
  },
2919
3141
  {
2920
- "name": "shape",
3142
+ "name": "headerBlur",
2921
3143
  "type": {
2922
- "text": "SkyBadgeShape"
3144
+ "text": "string"
2923
3145
  },
2924
- "default": "\"custom\"",
2925
- "description": "Badge shape: `circle | pill | custom`.",
2926
- "fieldName": "shape"
3146
+ "default": "\"none\"",
3147
+ "description": "Blur level for the header background. Default: `\"none\"`.",
3148
+ "fieldName": "headerBlur"
2927
3149
  },
2928
3150
  {
2929
- "name": "max",
3151
+ "name": "headerPadding",
2930
3152
  "type": {
2931
- "text": "number"
3153
+ "text": "string"
2932
3154
  },
2933
- "default": "99",
2934
- "description": "Maximum numeric count before rendering overflow label.",
2935
- "fieldName": "max"
3155
+ "default": "\"md\"",
3156
+ "description": "Padding for the header. Default: `\"md\"`.",
3157
+ "fieldName": "headerPadding"
2936
3158
  },
2937
3159
  {
2938
- "name": "hideWhenZero",
3160
+ "name": "headerLayout",
2939
3161
  "type": {
2940
- "text": "boolean"
3162
+ "text": "SkyCardSectionLayout"
2941
3163
  },
2942
- "default": "false",
2943
- "description": "Hides badge when value resolves to numeric zero.",
2944
- "fieldName": "hideWhenZero"
3164
+ "default": "\"inline\"",
3165
+ "description": "Layout of the header content. Default: `\"inline\"`.",
3166
+ "fieldName": "headerLayout"
2945
3167
  },
2946
3168
  {
2947
- "name": "show",
3169
+ "name": "headerInsetGap",
2948
3170
  "type": {
2949
- "text": "boolean"
3171
+ "text": "string"
2950
3172
  },
2951
- "default": "true",
2952
- "description": "Forces badge visibility independent of value.",
2953
- "fieldName": "show"
3173
+ "default": "\"sm\"",
3174
+ "description": "Inset gap for the header section. Default: `\"sm\"`.",
3175
+ "fieldName": "headerInsetGap"
2954
3176
  },
2955
3177
  {
2956
- "name": "offsetX",
3178
+ "name": "headerRadius",
2957
3179
  "type": {
2958
3180
  "text": "string"
2959
3181
  },
2960
- "default": "\"0px\"",
2961
- "description": "Horizontal offset CSS length.",
2962
- "fieldName": "offsetX"
3182
+ "default": "\"md\"",
3183
+ "description": "Border radius for the header. Default: `\"md\"`.",
3184
+ "fieldName": "headerRadius"
2963
3185
  },
2964
3186
  {
2965
- "name": "offsetY",
3187
+ "name": "headerSeparatorColor",
2966
3188
  "type": {
2967
3189
  "text": "string"
2968
3190
  },
2969
- "default": "\"0px\"",
2970
- "description": "Vertical offset CSS length.",
2971
- "fieldName": "offsetY"
3191
+ "default": "\"border-light\"",
3192
+ "description": "Color for the header separator. Default: `\"border-light\"`.",
3193
+ "fieldName": "headerSeparatorColor"
2972
3194
  },
2973
3195
  {
2974
- "name": "ring",
3196
+ "name": "footerBg",
2975
3197
  "type": {
2976
- "text": "boolean"
3198
+ "text": "string"
2977
3199
  },
2978
- "default": "false",
2979
- "description": "Enables visual ring around the badge.",
2980
- "fieldName": "ring"
3200
+ "default": "\"transparent\"",
3201
+ "description": "Background color of the footer. Default: `\"transparent\"`.",
3202
+ "fieldName": "footerBg"
2981
3203
  },
2982
3204
  {
2983
- "name": "ringColor",
3205
+ "name": "footerBlur",
2984
3206
  "type": {
2985
3207
  "text": "string"
2986
3208
  },
2987
- "default": "\"primary\"",
2988
- "description": "Ring color token or CSS color.",
2989
- "fieldName": "ringColor"
3209
+ "default": "\"none\"",
3210
+ "description": "Blur level for the footer background. Default: `\"none\"`.",
3211
+ "fieldName": "footerBlur"
2990
3212
  },
2991
3213
  {
2992
- "name": "ringOffset",
3214
+ "name": "footerPadding",
2993
3215
  "type": {
2994
3216
  "text": "string"
2995
3217
  },
2996
- "default": "\"1px\"",
2997
- "description": "Ring offset CSS length.",
2998
- "fieldName": "ringOffset"
3218
+ "default": "\"md\"",
3219
+ "description": "Padding for the footer. Default: `\"md\"`.",
3220
+ "fieldName": "footerPadding"
2999
3221
  },
3000
3222
  {
3001
- "name": "badgeLabel",
3223
+ "name": "footerLayout",
3002
3224
  "type": {
3003
- "text": "string | null"
3225
+ "text": "SkyCardSectionLayout"
3004
3226
  },
3005
- "default": "null",
3006
- "description": "ARIA label override.",
3007
- "fieldName": "badgeLabel"
3227
+ "default": "\"inline\"",
3228
+ "description": "Layout of the footer content. Default: `\"inline\"`.",
3229
+ "fieldName": "footerLayout"
3008
3230
  },
3009
3231
  {
3010
- "name": "badgeAriaHidden",
3232
+ "name": "footerInsetGap",
3011
3233
  "type": {
3012
- "text": "boolean"
3234
+ "text": "string"
3013
3235
  },
3014
- "default": "false",
3015
- "description": "Hides badge from assistive technology when true.",
3016
- "fieldName": "badgeAriaHidden"
3236
+ "default": "\"sm\"",
3237
+ "description": "Inset gap for the footer section. Default: `\"sm\"`.",
3238
+ "fieldName": "footerInsetGap"
3017
3239
  },
3018
3240
  {
3019
- "name": "interactive",
3241
+ "name": "footerRadius",
3242
+ "type": {
3243
+ "text": "string"
3244
+ },
3245
+ "default": "\"md\"",
3246
+ "description": "Border radius for the footer. Default: `\"md\"`.",
3247
+ "fieldName": "footerRadius"
3248
+ },
3249
+ {
3250
+ "name": "footerSeparatorColor",
3251
+ "type": {
3252
+ "text": "string"
3253
+ },
3254
+ "default": "\"border-light\"",
3255
+ "description": "Color for the footer separator. Default: `\"border-light\"`.",
3256
+ "fieldName": "footerSeparatorColor"
3257
+ },
3258
+ {
3259
+ "name": "padRatio",
3260
+ "type": {
3261
+ "text": "number"
3262
+ },
3263
+ "default": "1",
3264
+ "description": "Ratio to adjust padding. Default: `1`.",
3265
+ "fieldName": "padRatio"
3266
+ },
3267
+ {
3268
+ "name": "separators",
3269
+ "type": {
3270
+ "text": "SkyCardSectionTarget"
3271
+ },
3272
+ "default": "\"none\"",
3273
+ "description": "Determines where separators should appear. Default: `\"none\"`.",
3274
+ "fieldName": "separators"
3275
+ },
3276
+ {
3277
+ "name": "overlays",
3020
3278
  "type": {
3021
- "text": "boolean"
3279
+ "text": "SkyCardSectionTarget"
3022
3280
  },
3023
- "default": "false",
3024
- "description": "Enables focus/activation and `badge-click` emission.",
3025
- "fieldName": "interactive"
3281
+ "default": "\"none\"",
3282
+ "description": "Determines where overlays should appear. Default: `\"none\"`.",
3283
+ "fieldName": "overlays"
3026
3284
  },
3027
3285
  {
3028
- "name": "placement",
3286
+ "name": "insets",
3029
3287
  "type": {
3030
- "text": "SkyBadgePlacement"
3288
+ "text": "SkyCardSectionTarget"
3031
3289
  },
3032
- "default": "\"custom\"",
3033
- "description": "Anchor placement preset for badge positioning.",
3034
- "fieldName": "placement"
3290
+ "default": "\"none\"",
3291
+ "description": "Determines where insets should appear. Default: `\"none\"`.",
3292
+ "fieldName": "insets"
3035
3293
  },
3036
3294
  {
3037
3295
  "name": "preset",
@@ -3047,26 +3305,26 @@
3047
3305
  "name": "LitElement",
3048
3306
  "package": "lit"
3049
3307
  },
3050
- "tagName": "sky-badge",
3308
+ "tagName": "sky-card",
3051
3309
  "customElement": true,
3052
- "summary": "Badge for status dots, counts, or icons anchored to slotted content."
3310
+ "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
3053
3311
  }
3054
3312
  ],
3055
3313
  "exports": [
3056
3314
  {
3057
3315
  "kind": "js",
3058
- "name": "SkyBadge",
3316
+ "name": "SkyCard",
3059
3317
  "declaration": {
3060
- "name": "SkyBadge",
3061
- "module": "src/sky-badge/sky-badge.ts"
3318
+ "name": "SkyCard",
3319
+ "module": "src/sky-card/sky-card.ts"
3062
3320
  }
3063
3321
  },
3064
3322
  {
3065
3323
  "kind": "custom-element-definition",
3066
- "name": "sky-badge",
3324
+ "name": "sky-card",
3067
3325
  "declaration": {
3068
- "name": "SkyBadge",
3069
- "module": "src/sky-badge/sky-badge.ts"
3326
+ "name": "SkyCard",
3327
+ "module": "src/sky-card/sky-card.ts"
3070
3328
  }
3071
3329
  }
3072
3330
  ]
@@ -3508,432 +3766,174 @@
3508
3766
  ]
3509
3767
  },
3510
3768
  {
3511
- "kind": "field",
3512
- "name": "_onSlotChange",
3513
- "privacy": "private"
3514
- },
3515
- {
3516
- "kind": "field",
3517
- "name": "_hasTextContent",
3518
- "type": {
3519
- "text": "boolean"
3520
- },
3521
- "privacy": "private",
3522
- "readonly": true
3523
- },
3524
- {
3525
- "kind": "field",
3526
- "name": "handleBlur",
3527
- "privacy": "private"
3528
- },
3529
- {
3530
- "kind": "field",
3531
- "name": "_onKeyDown",
3532
- "privacy": "private"
3533
- }
3534
- ],
3535
- "events": [
3536
- {
3537
- "name": "value-changed",
3538
- "type": {
3539
- "text": "CustomEvent<SkyCheckboxValueChangedDetail>"
3540
- },
3541
- "description": "Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`."
3542
- },
3543
- {
3544
- "name": "validation-error",
3545
- "type": {
3546
- "text": "CustomEvent<SkyCheckboxValidationErrorDetail>"
3547
- },
3548
- "description": "Fired when validation errors are updated."
3549
- },
3550
- {
3551
- "name": "value-cleared",
3552
- "type": {
3553
- "text": "CustomEvent<SkyCheckboxValueClearedDetail>"
3554
- },
3555
- "description": "Fired when checkbox is reset programmatically."
3556
- }
3557
- ],
3558
- "attributes": [
3559
- {
3560
- "name": "label",
3561
- "type": {
3562
- "text": "string"
3563
- },
3564
- "default": "\"\"",
3565
- "description": "The label for the checkbox. Default: `\"\"`.",
3566
- "fieldName": "label"
3567
- },
3568
- {
3569
- "name": "id",
3570
- "type": {
3571
- "text": "string"
3572
- },
3573
- "default": "\"\"",
3574
- "fieldName": "id"
3575
- },
3576
- {
3577
- "name": "value",
3578
- "type": {
3579
- "text": "string"
3580
- },
3581
- "default": "\"\"",
3582
- "description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
3583
- "fieldName": "value"
3584
- },
3585
- {
3586
- "name": "color",
3587
- "type": {
3588
- "text": "string"
3589
- },
3590
- "default": "\"primary\"",
3591
- "description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
3592
- "fieldName": "color"
3593
- },
3594
- {
3595
- "name": "defaultChecked",
3596
- "type": {
3597
- "text": "boolean"
3598
- },
3599
- "default": "false",
3600
- "description": "Default checked state for reset operations. Default: `false`.",
3601
- "fieldName": "defaultChecked"
3602
- },
3603
- {
3604
- "name": "showErrors",
3605
- "type": {
3606
- "text": "boolean"
3607
- },
3608
- "default": "false",
3609
- "description": "Whether to display validation error messages. Default: `false`.",
3610
- "fieldName": "showErrors"
3611
- },
3612
- {
3613
- "name": "prefix",
3614
- "type": {
3615
- "text": "string"
3616
- },
3617
- "default": "\"\"",
3618
- "description": "Optional prefix text or content before the label. Default: `\"\"`.",
3619
- "fieldName": "prefix"
3620
- },
3621
- {
3622
- "name": "suffix",
3623
- "type": {
3624
- "text": "string"
3625
- },
3626
- "default": "\"\"",
3627
- "description": "Optional suffix text or content after the label. Default: `\"\"`.",
3628
- "fieldName": "suffix"
3629
- },
3630
- {
3631
- "name": "prefixColor",
3632
- "type": {
3633
- "text": "string"
3634
- },
3635
- "default": "\"\"",
3636
- "description": "The color for the prefix text. Default: `\"\"`.",
3637
- "fieldName": "prefixColor"
3638
- },
3639
- {
3640
- "name": "suffixColor",
3641
- "type": {
3642
- "text": "string"
3643
- },
3644
- "default": "\"\"",
3645
- "description": "The color for the suffix text. Default: `\"\"`.",
3646
- "fieldName": "suffixColor"
3647
- },
3648
- {
3649
- "name": "validationActive",
3650
- "type": {
3651
- "text": "boolean"
3652
- },
3653
- "default": "false",
3654
- "fieldName": "validationActive"
3655
- },
3656
- {
3657
- "name": "invalid",
3658
- "type": {
3659
- "text": "boolean"
3660
- },
3661
- "default": "false",
3662
- "fieldName": "invalid"
3663
- },
3664
- {
3665
- "name": "checked",
3666
- "type": {
3667
- "text": "boolean"
3668
- },
3669
- "description": "Whether the checkbox is checked. Default: `false`.",
3670
- "fieldName": "checked"
3671
- },
3672
- {
3673
- "name": "indeterminate",
3674
- "type": {
3675
- "text": "boolean"
3676
- },
3677
- "description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
3678
- "fieldName": "indeterminate"
3679
- },
3680
- {
3681
- "name": "preset",
3682
- "type": {
3683
- "text": "string"
3684
- },
3685
- "default": "\"\"",
3686
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
3687
- "fieldName": "preset"
3688
- }
3689
- ],
3690
- "superclass": {
3691
- "name": "FormControlBase",
3692
- "module": "/src/helper/internals/form-control-base"
3693
- },
3694
- "tagName": "sky-checkbox",
3695
- "customElement": true,
3696
- "summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
3697
- }
3698
- ],
3699
- "exports": [
3700
- {
3701
- "kind": "js",
3702
- "name": "SkyCheckbox",
3703
- "declaration": {
3704
- "name": "SkyCheckbox",
3705
- "module": "src/sky-checkbox/sky-checkbox.ts"
3706
- }
3707
- },
3708
- {
3709
- "kind": "custom-element-definition",
3710
- "name": "sky-checkbox",
3711
- "declaration": {
3712
- "name": "SkyCheckbox",
3713
- "module": "src/sky-checkbox/sky-checkbox.ts"
3714
- }
3715
- }
3716
- ]
3717
- },
3718
- {
3719
- "kind": "javascript-module",
3720
- "path": "src/sky-appbar/sky-appbar.ts",
3721
- "declarations": [
3722
- {
3723
- "kind": "class",
3724
- "description": "",
3725
- "name": "SkyAppbar",
3726
- "cssParts": [
3727
- {
3728
- "description": "Wrapper that contains the leading slot, title, and actions.",
3729
- "name": "content"
3730
- },
3731
- {
3732
- "description": "Container for the leading slot (e.g. menu button).",
3733
- "name": "leading"
3769
+ "kind": "field",
3770
+ "name": "_onSlotChange",
3771
+ "privacy": "private"
3734
3772
  },
3735
3773
  {
3736
- "description": "The title area (contains .title-text with the title string).",
3737
- "name": "title"
3774
+ "kind": "field",
3775
+ "name": "_hasTextContent",
3776
+ "type": {
3777
+ "text": "boolean"
3778
+ },
3779
+ "privacy": "private",
3780
+ "readonly": true
3738
3781
  },
3739
3782
  {
3740
- "description": "The trailing actions container.",
3741
- "name": "actions"
3742
- }
3743
- ],
3744
- "slots": [
3745
- {
3746
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
3747
- "name": "button"
3783
+ "kind": "field",
3784
+ "name": "handleBlur",
3785
+ "privacy": "private"
3748
3786
  },
3749
3787
  {
3750
- "description": "Trailing actions (icons/buttons). This is the default slot.",
3751
- "name": ""
3788
+ "kind": "field",
3789
+ "name": "_onKeyDown",
3790
+ "privacy": "private"
3752
3791
  }
3753
3792
  ],
3754
- "members": [
3793
+ "events": [
3755
3794
  {
3756
- "kind": "field",
3757
- "name": "dependencies",
3795
+ "name": "value-changed",
3758
3796
  "type": {
3759
- "text": "Record<string, CustomElementConstructor>"
3797
+ "text": "CustomEvent<SkyCheckboxValueChangedDetail>"
3760
3798
  },
3761
- "static": true,
3762
- "default": "{ \"sky-icon\": SkyIcon, }"
3799
+ "description": "Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`."
3763
3800
  },
3764
3801
  {
3765
- "kind": "field",
3766
- "name": "title",
3802
+ "name": "validation-error",
3767
3803
  "type": {
3768
- "text": "string"
3804
+ "text": "CustomEvent<SkyCheckboxValidationErrorDetail>"
3769
3805
  },
3770
- "default": "\"App Bar\"",
3771
- "description": "Title text displayed in the app bar.",
3772
- "attribute": "title"
3806
+ "description": "Fired when validation errors are updated."
3773
3807
  },
3774
3808
  {
3775
- "kind": "field",
3776
- "name": "color",
3809
+ "name": "value-cleared",
3810
+ "type": {
3811
+ "text": "CustomEvent<SkyCheckboxValueClearedDetail>"
3812
+ },
3813
+ "description": "Fired when checkbox is reset programmatically."
3814
+ }
3815
+ ],
3816
+ "attributes": [
3817
+ {
3818
+ "name": "label",
3777
3819
  "type": {
3778
3820
  "text": "string"
3779
3821
  },
3780
- "default": "\"default\"",
3781
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
3782
- "attribute": "color"
3822
+ "default": "\"\"",
3823
+ "description": "The label for the checkbox. Default: `\"\"`.",
3824
+ "fieldName": "label"
3783
3825
  },
3784
3826
  {
3785
- "kind": "field",
3786
- "name": "url",
3827
+ "name": "id",
3787
3828
  "type": {
3788
3829
  "text": "string"
3789
3830
  },
3790
3831
  "default": "\"\"",
3791
- "description": "Background image URL.",
3792
- "attribute": "url"
3832
+ "fieldName": "id"
3793
3833
  },
3794
3834
  {
3795
- "kind": "field",
3796
- "name": "banner",
3835
+ "name": "value",
3797
3836
  "type": {
3798
- "text": "boolean"
3837
+ "text": "string"
3799
3838
  },
3800
- "default": "true",
3801
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
3802
- "attribute": "banner"
3839
+ "default": "\"\"",
3840
+ "description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
3841
+ "fieldName": "value"
3803
3842
  },
3804
3843
  {
3805
- "kind": "field",
3806
- "name": "dense",
3844
+ "name": "color",
3807
3845
  "type": {
3808
- "text": "boolean"
3846
+ "text": "string"
3809
3847
  },
3810
- "default": "false",
3811
- "description": "Enables compact vertical spacing.",
3812
- "attribute": "dense"
3848
+ "default": "\"primary\"",
3849
+ "description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
3850
+ "fieldName": "color"
3813
3851
  },
3814
3852
  {
3815
- "kind": "field",
3816
- "name": "elevated",
3853
+ "name": "defaultChecked",
3817
3854
  "type": {
3818
3855
  "text": "boolean"
3819
3856
  },
3820
3857
  "default": "false",
3821
- "description": "Applies elevated shadow styling.",
3822
- "attribute": "elevated"
3858
+ "description": "Default checked state for reset operations. Default: `false`.",
3859
+ "fieldName": "defaultChecked"
3823
3860
  },
3824
3861
  {
3825
- "kind": "field",
3826
- "name": "leadingLabel",
3862
+ "name": "showErrors",
3827
3863
  "type": {
3828
- "text": "string"
3864
+ "text": "boolean"
3829
3865
  },
3830
- "default": "\"Open menu\"",
3831
- "description": "Accessible label for default leading button fallback.",
3832
- "attribute": "leadingLabel"
3866
+ "default": "false",
3867
+ "description": "Whether to display validation error messages. Default: `false`.",
3868
+ "fieldName": "showErrors"
3833
3869
  },
3834
3870
  {
3835
- "kind": "field",
3836
- "name": "preset",
3871
+ "name": "prefix",
3837
3872
  "type": {
3838
3873
  "text": "string"
3839
3874
  },
3840
3875
  "default": "\"\"",
3841
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
3842
- "attribute": "preset",
3843
- "reflects": true
3844
- },
3845
- {
3846
- "kind": "field",
3847
- "name": "_presets",
3848
- "privacy": "private",
3849
- "default": "new PresetController(this)"
3850
- },
3851
- {
3852
- "kind": "method",
3853
- "name": "_applyColorSurface",
3854
- "privacy": "private",
3855
- "return": {
3856
- "type": {
3857
- "text": "void"
3858
- }
3859
- },
3860
- "description": "Applies glass vs solid surface tokens from `color`."
3876
+ "description": "Optional prefix text or content before the label. Default: `\"\"`.",
3877
+ "fieldName": "prefix"
3861
3878
  },
3862
3879
  {
3863
- "kind": "method",
3864
- "name": "_applyBackgroundImage",
3865
- "privacy": "private",
3866
- "return": {
3867
- "type": {
3868
- "text": "void"
3869
- }
3870
- },
3871
- "description": "Sets background image CSS variable from `url`."
3872
- }
3873
- ],
3874
- "attributes": [
3875
- {
3876
- "name": "title",
3880
+ "name": "suffix",
3877
3881
  "type": {
3878
3882
  "text": "string"
3879
3883
  },
3880
- "default": "\"App Bar\"",
3881
- "description": "Title text displayed in the app bar.",
3882
- "fieldName": "title"
3884
+ "default": "\"\"",
3885
+ "description": "Optional suffix text or content after the label. Default: `\"\"`.",
3886
+ "fieldName": "suffix"
3883
3887
  },
3884
3888
  {
3885
- "name": "color",
3889
+ "name": "prefixColor",
3886
3890
  "type": {
3887
3891
  "text": "string"
3888
3892
  },
3889
- "default": "\"default\"",
3890
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
3891
- "fieldName": "color"
3893
+ "default": "\"\"",
3894
+ "description": "The color for the prefix text. Default: `\"\"`.",
3895
+ "fieldName": "prefixColor"
3892
3896
  },
3893
3897
  {
3894
- "name": "url",
3898
+ "name": "suffixColor",
3895
3899
  "type": {
3896
3900
  "text": "string"
3897
3901
  },
3898
3902
  "default": "\"\"",
3899
- "description": "Background image URL.",
3900
- "fieldName": "url"
3903
+ "description": "The color for the suffix text. Default: `\"\"`.",
3904
+ "fieldName": "suffixColor"
3901
3905
  },
3902
3906
  {
3903
- "name": "banner",
3907
+ "name": "validationActive",
3904
3908
  "type": {
3905
3909
  "text": "boolean"
3906
3910
  },
3907
- "default": "true",
3908
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
3909
- "fieldName": "banner"
3911
+ "default": "false",
3912
+ "fieldName": "validationActive"
3910
3913
  },
3911
3914
  {
3912
- "name": "dense",
3915
+ "name": "invalid",
3913
3916
  "type": {
3914
3917
  "text": "boolean"
3915
3918
  },
3916
3919
  "default": "false",
3917
- "description": "Enables compact vertical spacing.",
3918
- "fieldName": "dense"
3920
+ "fieldName": "invalid"
3919
3921
  },
3920
3922
  {
3921
- "name": "elevated",
3923
+ "name": "checked",
3922
3924
  "type": {
3923
3925
  "text": "boolean"
3924
3926
  },
3925
- "default": "false",
3926
- "description": "Applies elevated shadow styling.",
3927
- "fieldName": "elevated"
3927
+ "description": "Whether the checkbox is checked. Default: `false`.",
3928
+ "fieldName": "checked"
3928
3929
  },
3929
3930
  {
3930
- "name": "leadingLabel",
3931
+ "name": "indeterminate",
3931
3932
  "type": {
3932
- "text": "string"
3933
+ "text": "boolean"
3933
3934
  },
3934
- "default": "\"Open menu\"",
3935
- "description": "Accessible label for default leading button fallback.",
3936
- "fieldName": "leadingLabel"
3935
+ "description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
3936
+ "fieldName": "indeterminate"
3937
3937
  },
3938
3938
  {
3939
3939
  "name": "preset",
@@ -3946,29 +3946,29 @@
3946
3946
  }
3947
3947
  ],
3948
3948
  "superclass": {
3949
- "name": "LitElement",
3950
- "package": "lit"
3949
+ "name": "FormControlBase",
3950
+ "module": "/src/helper/internals/form-control-base"
3951
3951
  },
3952
- "tagName": "sky-appbar",
3952
+ "tagName": "sky-checkbox",
3953
3953
  "customElement": true,
3954
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
3954
+ "summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
3955
3955
  }
3956
3956
  ],
3957
3957
  "exports": [
3958
3958
  {
3959
3959
  "kind": "js",
3960
- "name": "SkyAppbar",
3960
+ "name": "SkyCheckbox",
3961
3961
  "declaration": {
3962
- "name": "SkyAppbar",
3963
- "module": "src/sky-appbar/sky-appbar.ts"
3962
+ "name": "SkyCheckbox",
3963
+ "module": "src/sky-checkbox/sky-checkbox.ts"
3964
3964
  }
3965
3965
  },
3966
3966
  {
3967
3967
  "kind": "custom-element-definition",
3968
- "name": "sky-appbar",
3968
+ "name": "sky-checkbox",
3969
3969
  "declaration": {
3970
- "name": "SkyAppbar",
3971
- "module": "src/sky-appbar/sky-appbar.ts"
3970
+ "name": "SkyCheckbox",
3971
+ "module": "src/sky-checkbox/sky-checkbox.ts"
3972
3972
  }
3973
3973
  }
3974
3974
  ]
@@ -5142,6 +5142,48 @@
5142
5142
  "privacy": "private",
5143
5143
  "readonly": true
5144
5144
  },
5145
+ {
5146
+ "kind": "method",
5147
+ "name": "_formatTrigger",
5148
+ "privacy": "private"
5149
+ },
5150
+ {
5151
+ "kind": "method",
5152
+ "name": "_num",
5153
+ "privacy": "private",
5154
+ "parameters": [
5155
+ {
5156
+ "name": "label",
5157
+ "type": {
5158
+ "text": "string"
5159
+ }
5160
+ },
5161
+ {
5162
+ "name": "value",
5163
+ "type": {
5164
+ "text": "string"
5165
+ }
5166
+ },
5167
+ {
5168
+ "name": "min",
5169
+ "type": {
5170
+ "text": "number"
5171
+ }
5172
+ },
5173
+ {
5174
+ "name": "max",
5175
+ "type": {
5176
+ "text": "number"
5177
+ }
5178
+ },
5179
+ {
5180
+ "name": "onInput",
5181
+ "type": {
5182
+ "text": "(e: Event) => void"
5183
+ }
5184
+ }
5185
+ ]
5186
+ },
5145
5187
  {
5146
5188
  "kind": "field",
5147
5189
  "name": "_canEye",