@sky.ui/core 0.0.53 → 0.0.54

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 (38) hide show
  1. package/dist/custom-elements.json +1691 -1585
  2. package/dist/helper/index.js +1 -1
  3. package/dist/helper/utils/index.d.ts +1 -0
  4. package/dist/helper/utils/index.js +1 -1
  5. package/dist/helper/utils/stable-array.d.ts +6 -0
  6. package/dist/helper/utils/stable-array.js +2 -0
  7. package/dist/helper/utils/stable-array.js.map +1 -0
  8. package/dist/index.js +1 -1
  9. package/dist/sky-avatar/sky-avatar.js +5 -5
  10. package/dist/sky-avatar/sky-avatar.js.map +1 -1
  11. package/dist/sky-chip/sky-chip.d.ts +8 -2
  12. package/dist/sky-chip/sky-chip.js +10 -10
  13. package/dist/sky-chip/sky-chip.js.map +1 -1
  14. package/dist/sky-combobox/sky-combobox.d.ts +2 -0
  15. package/dist/sky-combobox/sky-combobox.js +16 -16
  16. package/dist/sky-combobox/sky-combobox.js.map +1 -1
  17. package/dist/sky-flexbox/sky-flexbox.d.ts +2 -0
  18. package/dist/sky-flexbox/sky-flexbox.js +3 -3
  19. package/dist/sky-flexbox/sky-flexbox.js.map +1 -1
  20. package/dist/sky-form/sky-form.js +7 -7
  21. package/dist/sky-form/sky-form.js.map +1 -1
  22. package/dist/sky-image/sky-image.js +5 -5
  23. package/dist/sky-image/sky-image.js.map +1 -1
  24. package/dist/sky-input/sky-input.js +6 -6
  25. package/dist/sky-input/sky-input.js.map +1 -1
  26. package/dist/sky-list/sky-list.js +3 -3
  27. package/dist/sky-list/sky-list.js.map +1 -1
  28. package/dist/sky-listitem/sky-listitem.d.ts +1 -0
  29. package/dist/sky-listitem/sky-listitem.js +4 -2
  30. package/dist/sky-listitem/sky-listitem.js.map +1 -1
  31. package/dist/sky-radio/sky-radio.js +1 -1
  32. package/dist/sky-radio/sky-radio.js.map +1 -1
  33. package/dist/sky-simple-table/sky-simple-table.d.ts +7 -2
  34. package/dist/sky-simple-table/sky-simple-table.js +9 -9
  35. package/dist/sky-simple-table/sky-simple-table.js.map +1 -1
  36. package/dist/sky-theme-provider/sky-theme-provider.js +2 -2
  37. package/dist/sky-theme-provider/sky-theme-provider.js.map +1 -1
  38. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -4,38 +4,58 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/sky-appbar/sky-appbar.ts",
7
+ "path": "src/sky-alert/sky-alert.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
11
  "description": "",
12
- "name": "SkyAppbar",
12
+ "name": "SkyAlert",
13
13
  "cssParts": [
14
14
  {
15
- "description": "Wrapper that contains the leading slot, title, and actions.",
16
- "name": "content"
15
+ "description": "The outer alert container.",
16
+ "name": "alert"
17
17
  },
18
18
  {
19
- "description": "Container for the leading slot (e.g. menu button).",
20
- "name": "leading"
19
+ "description": "The optional leading icon.",
20
+ "name": "icon"
21
21
  },
22
22
  {
23
- "description": "The title area (contains .title-text with the title string).",
23
+ "description": "The content container (title + message/slot).",
24
+ "name": "content"
25
+ },
26
+ {
27
+ "description": "The title text element.",
24
28
  "name": "title"
25
29
  },
30
+ {
31
+ "description": "The message text element (when `message` is provided).",
32
+ "name": "message"
33
+ },
26
34
  {
27
35
  "description": "The trailing actions container.",
28
36
  "name": "actions"
37
+ },
38
+ {
39
+ "description": "The dismiss button (when `removable`).",
40
+ "name": "close-button"
41
+ },
42
+ {
43
+ "description": "Overlay shown when `loading` is true.",
44
+ "name": "loading-overlay"
45
+ },
46
+ {
47
+ "description": "Spinner element shown inside the loading overlay.",
48
+ "name": "loading-spinner"
29
49
  }
30
50
  ],
31
51
  "slots": [
32
52
  {
33
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
34
- "name": "button"
53
+ "description": "Custom message content (used when `message` is empty).",
54
+ "name": ""
35
55
  },
36
56
  {
37
- "description": "Trailing actions (icons/buttons). This is the default slot.",
38
- "name": ""
57
+ "description": "Action buttons or links displayed on the trailing side.",
58
+ "name": "actions"
39
59
  }
40
60
  ],
41
61
  "members": [
@@ -54,69 +74,152 @@
54
74
  "type": {
55
75
  "text": "string"
56
76
  },
57
- "default": "\"App Bar\"",
58
- "description": "Title text displayed in the app bar.",
77
+ "default": "\"\"",
78
+ "description": "Title text shown above the message.",
59
79
  "attribute": "title"
60
80
  },
81
+ {
82
+ "kind": "field",
83
+ "name": "message",
84
+ "type": {
85
+ "text": "string"
86
+ },
87
+ "default": "\"\"",
88
+ "description": "Message text rendered inside the alert.",
89
+ "attribute": "message"
90
+ },
91
+ {
92
+ "kind": "field",
93
+ "name": "removable",
94
+ "type": {
95
+ "text": "boolean"
96
+ },
97
+ "default": "false",
98
+ "description": "Shows a dismiss button when enabled.",
99
+ "attribute": "removable"
100
+ },
61
101
  {
62
102
  "kind": "field",
63
103
  "name": "color",
64
104
  "type": {
65
105
  "text": "string"
66
106
  },
67
- "default": "\"default\"",
68
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
107
+ "default": "\"primary\"",
108
+ "description": "Base color token or CSS color used by the alert.",
69
109
  "attribute": "color"
70
110
  },
71
111
  {
72
112
  "kind": "field",
73
- "name": "url",
113
+ "name": "size",
74
114
  "type": {
75
115
  "text": "string"
76
116
  },
77
- "default": "\"\"",
78
- "description": "Background image URL.",
79
- "attribute": "url"
117
+ "default": "\"md\"",
118
+ "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
119
+ "attribute": "size"
80
120
  },
81
121
  {
82
122
  "kind": "field",
83
- "name": "banner",
123
+ "name": "radius",
84
124
  "type": {
85
- "text": "boolean"
125
+ "text": "string"
86
126
  },
87
- "default": "true",
88
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
89
- "attribute": "banner"
127
+ "default": "\"md\"",
128
+ "description": "Radius token or CSS length.",
129
+ "attribute": "radius"
90
130
  },
91
131
  {
92
132
  "kind": "field",
93
- "name": "dense",
133
+ "name": "icon",
94
134
  "type": {
95
- "text": "boolean"
135
+ "text": "string | null"
96
136
  },
97
- "default": "false",
98
- "description": "Enables compact vertical spacing.",
99
- "attribute": "dense"
137
+ "default": "null",
138
+ "description": "Optional leading icon name for `<sky-icon>`.",
139
+ "attribute": "icon"
100
140
  },
101
141
  {
102
142
  "kind": "field",
103
- "name": "elevated",
143
+ "name": "strip",
144
+ "type": {
145
+ "text": "SkyAlertStrip"
146
+ },
147
+ "default": "\"none\"",
148
+ "description": "Strip accent placement.",
149
+ "attribute": "strip",
150
+ "reflects": true
151
+ },
152
+ {
153
+ "kind": "field",
154
+ "name": "stripColor",
155
+ "type": {
156
+ "text": "string"
157
+ },
158
+ "default": "\"currentColor\"",
159
+ "description": "Strip accent color token or CSS color.",
160
+ "attribute": "stripColor"
161
+ },
162
+ {
163
+ "kind": "field",
164
+ "name": "variant",
165
+ "type": {
166
+ "text": "SkyAlertVariant"
167
+ },
168
+ "default": "\"solid\"",
169
+ "description": "Visual style variant.",
170
+ "attribute": "variant",
171
+ "reflects": true
172
+ },
173
+ {
174
+ "kind": "field",
175
+ "name": "loading",
104
176
  "type": {
105
177
  "text": "boolean"
106
178
  },
107
179
  "default": "false",
108
- "description": "Applies elevated shadow styling.",
109
- "attribute": "elevated"
180
+ "description": "Shows a loading overlay.",
181
+ "attribute": "loading"
110
182
  },
111
183
  {
112
184
  "kind": "field",
113
- "name": "leadingLabel",
185
+ "name": "roleType",
114
186
  "type": {
115
- "text": "string"
187
+ "text": "SkyAlertRoleType"
116
188
  },
117
- "default": "\"Open menu\"",
118
- "description": "Accessible label for default leading button fallback.",
119
- "attribute": "leadingLabel"
189
+ "default": "\"alert\"",
190
+ "description": "ARIA role for the alert container.",
191
+ "attribute": "roleType",
192
+ "reflects": true
193
+ },
194
+ {
195
+ "kind": "field",
196
+ "name": "_styleVars",
197
+ "type": {
198
+ "text": "Record<string, string>"
199
+ },
200
+ "privacy": "private",
201
+ "default": "{}",
202
+ "description": "Internal style variables"
203
+ },
204
+ {
205
+ "kind": "field",
206
+ "name": "_sizeCache",
207
+ "type": {
208
+ "text": "{ size: string; result: SkyAlertResolvedSize } | null"
209
+ },
210
+ "privacy": "private",
211
+ "default": "null",
212
+ "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
213
+ },
214
+ {
215
+ "kind": "field",
216
+ "name": "_hasActionsSlotContent",
217
+ "type": {
218
+ "text": "boolean"
219
+ },
220
+ "privacy": "private",
221
+ "default": "false",
222
+ "description": "True when the actions slot has assigned content (used to show separator only when needed)."
120
223
  },
121
224
  {
122
225
  "kind": "field",
@@ -137,90 +240,213 @@
137
240
  },
138
241
  {
139
242
  "kind": "method",
140
- "name": "_applyColorSurface",
243
+ "name": "_resolveSize",
141
244
  "privacy": "private",
142
245
  "return": {
143
246
  "type": {
144
- "text": "void"
247
+ "text": "SkyAlertResolvedSize"
145
248
  }
146
249
  },
147
- "description": "Applies glass vs solid surface tokens from `color`."
250
+ "parameters": [
251
+ {
252
+ "name": "input",
253
+ "type": {
254
+ "text": "string"
255
+ }
256
+ }
257
+ ],
258
+ "description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
259
+ },
260
+ {
261
+ "kind": "field",
262
+ "name": "_lastPresetRevision",
263
+ "type": {
264
+ "text": "number"
265
+ },
266
+ "privacy": "private",
267
+ "default": "-1"
148
268
  },
149
269
  {
150
270
  "kind": "method",
151
- "name": "_applyBackgroundImage",
271
+ "name": "_updateStyleVars",
152
272
  "privacy": "private",
153
273
  "return": {
154
274
  "type": {
155
275
  "text": "void"
156
276
  }
157
277
  },
158
- "description": "Sets background image CSS variable from `url`."
159
- }
160
- ],
161
- "attributes": [
278
+ "description": "Computes CSS custom properties from current variant, size, and color inputs."
279
+ },
162
280
  {
163
- "name": "title",
164
- "type": {
165
- "text": "string"
281
+ "kind": "method",
282
+ "name": "close",
283
+ "privacy": "public",
284
+ "return": {
285
+ "type": {
286
+ "text": "void"
287
+ }
166
288
  },
167
- "default": "\"App Bar\"",
168
- "description": "Title text displayed in the app bar.",
169
- "fieldName": "title"
289
+ "description": "Dispatches `alert-closed` and removes the alert from the DOM."
170
290
  },
171
291
  {
172
- "name": "color",
173
- "type": {
174
- "text": "string"
292
+ "kind": "method",
293
+ "name": "getAriaRole",
294
+ "privacy": "private",
295
+ "return": {
296
+ "type": {
297
+ "text": "SkyAlertRoleType"
298
+ }
175
299
  },
176
- "default": "\"default\"",
177
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
178
- "fieldName": "color"
300
+ "description": "Returns the ARIA role applied to the alert container."
179
301
  },
180
302
  {
181
- "name": "url",
182
- "type": {
183
- "text": "string"
303
+ "kind": "method",
304
+ "name": "_checkActionsSlot",
305
+ "privacy": "private",
306
+ "return": {
307
+ "type": {
308
+ "text": "void"
309
+ }
184
310
  },
185
- "default": "\"\"",
186
- "description": "Background image URL.",
187
- "fieldName": "url"
311
+ "description": "Checks whether the actions slot currently has meaningful assigned content."
188
312
  },
189
313
  {
190
- "name": "banner",
191
- "type": {
192
- "text": "boolean"
193
- },
194
- "default": "true",
195
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
196
- "fieldName": "banner"
314
+ "kind": "method",
315
+ "name": "_onActionsSlotChange",
316
+ "privacy": "private",
317
+ "return": {
318
+ "type": {
319
+ "text": "void"
320
+ }
321
+ },
322
+ "parameters": [
323
+ {
324
+ "name": "e",
325
+ "type": {
326
+ "text": "Event"
327
+ }
328
+ }
329
+ ],
330
+ "description": "Updates action-slot state when the slot assignment changes."
331
+ }
332
+ ],
333
+ "events": [
334
+ {
335
+ "type": {
336
+ "text": "CustomEvent<SkyAlertClosedEventDetail>"
337
+ },
338
+ "description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
339
+ "name": "alert-closed"
340
+ }
341
+ ],
342
+ "attributes": [
343
+ {
344
+ "name": "title",
345
+ "type": {
346
+ "text": "string"
347
+ },
348
+ "default": "\"\"",
349
+ "description": "Title text shown above the message.",
350
+ "fieldName": "title"
197
351
  },
198
352
  {
199
- "name": "dense",
353
+ "name": "message",
354
+ "type": {
355
+ "text": "string"
356
+ },
357
+ "default": "\"\"",
358
+ "description": "Message text rendered inside the alert.",
359
+ "fieldName": "message"
360
+ },
361
+ {
362
+ "name": "removable",
200
363
  "type": {
201
364
  "text": "boolean"
202
365
  },
203
366
  "default": "false",
204
- "description": "Enables compact vertical spacing.",
205
- "fieldName": "dense"
367
+ "description": "Shows a dismiss button when enabled.",
368
+ "fieldName": "removable"
206
369
  },
207
370
  {
208
- "name": "elevated",
371
+ "name": "color",
372
+ "type": {
373
+ "text": "string"
374
+ },
375
+ "default": "\"primary\"",
376
+ "description": "Base color token or CSS color used by the alert.",
377
+ "fieldName": "color"
378
+ },
379
+ {
380
+ "name": "size",
381
+ "type": {
382
+ "text": "string"
383
+ },
384
+ "default": "\"md\"",
385
+ "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
386
+ "fieldName": "size"
387
+ },
388
+ {
389
+ "name": "radius",
390
+ "type": {
391
+ "text": "string"
392
+ },
393
+ "default": "\"md\"",
394
+ "description": "Radius token or CSS length.",
395
+ "fieldName": "radius"
396
+ },
397
+ {
398
+ "name": "icon",
399
+ "type": {
400
+ "text": "string | null"
401
+ },
402
+ "default": "null",
403
+ "description": "Optional leading icon name for `<sky-icon>`.",
404
+ "fieldName": "icon"
405
+ },
406
+ {
407
+ "name": "strip",
408
+ "type": {
409
+ "text": "SkyAlertStrip"
410
+ },
411
+ "default": "\"none\"",
412
+ "description": "Strip accent placement.",
413
+ "fieldName": "strip"
414
+ },
415
+ {
416
+ "name": "stripColor",
417
+ "type": {
418
+ "text": "string"
419
+ },
420
+ "default": "\"currentColor\"",
421
+ "description": "Strip accent color token or CSS color.",
422
+ "fieldName": "stripColor"
423
+ },
424
+ {
425
+ "name": "variant",
426
+ "type": {
427
+ "text": "SkyAlertVariant"
428
+ },
429
+ "default": "\"solid\"",
430
+ "description": "Visual style variant.",
431
+ "fieldName": "variant"
432
+ },
433
+ {
434
+ "name": "loading",
209
435
  "type": {
210
436
  "text": "boolean"
211
437
  },
212
438
  "default": "false",
213
- "description": "Applies elevated shadow styling.",
214
- "fieldName": "elevated"
439
+ "description": "Shows a loading overlay.",
440
+ "fieldName": "loading"
215
441
  },
216
442
  {
217
- "name": "leadingLabel",
443
+ "name": "roleType",
218
444
  "type": {
219
- "text": "string"
445
+ "text": "SkyAlertRoleType"
220
446
  },
221
- "default": "\"Open menu\"",
222
- "description": "Accessible label for default leading button fallback.",
223
- "fieldName": "leadingLabel"
447
+ "default": "\"alert\"",
448
+ "description": "ARIA role for the alert container.",
449
+ "fieldName": "roleType"
224
450
  },
225
451
  {
226
452
  "name": "preset",
@@ -236,84 +462,64 @@
236
462
  "name": "LitElement",
237
463
  "package": "lit"
238
464
  },
239
- "tagName": "sky-appbar",
465
+ "tagName": "sky-alert",
240
466
  "customElement": true,
241
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
467
+ "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
242
468
  }
243
469
  ],
244
470
  "exports": [
245
471
  {
246
472
  "kind": "js",
247
- "name": "SkyAppbar",
473
+ "name": "SkyAlert",
248
474
  "declaration": {
249
- "name": "SkyAppbar",
250
- "module": "src/sky-appbar/sky-appbar.ts"
475
+ "name": "SkyAlert",
476
+ "module": "src/sky-alert/sky-alert.ts"
251
477
  }
252
478
  },
253
479
  {
254
480
  "kind": "custom-element-definition",
255
- "name": "sky-appbar",
481
+ "name": "sky-alert",
256
482
  "declaration": {
257
- "name": "SkyAppbar",
258
- "module": "src/sky-appbar/sky-appbar.ts"
483
+ "name": "SkyAlert",
484
+ "module": "src/sky-alert/sky-alert.ts"
259
485
  }
260
486
  }
261
487
  ]
262
488
  },
263
489
  {
264
490
  "kind": "javascript-module",
265
- "path": "src/sky-alert/sky-alert.ts",
491
+ "path": "src/sky-appbar/sky-appbar.ts",
266
492
  "declarations": [
267
493
  {
268
494
  "kind": "class",
269
495
  "description": "",
270
- "name": "SkyAlert",
496
+ "name": "SkyAppbar",
271
497
  "cssParts": [
272
498
  {
273
- "description": "The outer alert container.",
274
- "name": "alert"
275
- },
276
- {
277
- "description": "The optional leading icon.",
278
- "name": "icon"
279
- },
280
- {
281
- "description": "The content container (title + message/slot).",
499
+ "description": "Wrapper that contains the leading slot, title, and actions.",
282
500
  "name": "content"
283
501
  },
284
502
  {
285
- "description": "The title text element.",
286
- "name": "title"
503
+ "description": "Container for the leading slot (e.g. menu button).",
504
+ "name": "leading"
287
505
  },
288
506
  {
289
- "description": "The message text element (when `message` is provided).",
290
- "name": "message"
507
+ "description": "The title area (contains .title-text with the title string).",
508
+ "name": "title"
291
509
  },
292
510
  {
293
511
  "description": "The trailing actions container.",
294
512
  "name": "actions"
295
- },
296
- {
297
- "description": "The dismiss button (when `removable`).",
298
- "name": "close-button"
299
- },
300
- {
301
- "description": "Overlay shown when `loading` is true.",
302
- "name": "loading-overlay"
303
- },
304
- {
305
- "description": "Spinner element shown inside the loading overlay.",
306
- "name": "loading-spinner"
307
513
  }
308
514
  ],
309
515
  "slots": [
310
516
  {
311
- "description": "Custom message content (used when `message` is empty).",
312
- "name": ""
517
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
518
+ "name": "button"
313
519
  },
314
520
  {
315
- "description": "Action buttons or links displayed on the trailing side.",
316
- "name": "actions"
521
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
522
+ "name": ""
317
523
  }
318
524
  ],
319
525
  "members": [
@@ -332,158 +538,75 @@
332
538
  "type": {
333
539
  "text": "string"
334
540
  },
335
- "default": "\"\"",
336
- "description": "Title text shown above the message.",
541
+ "default": "\"App Bar\"",
542
+ "description": "Title text displayed in the app bar.",
337
543
  "attribute": "title"
338
544
  },
339
545
  {
340
546
  "kind": "field",
341
- "name": "message",
547
+ "name": "color",
342
548
  "type": {
343
549
  "text": "string"
344
550
  },
345
- "default": "\"\"",
346
- "description": "Message text rendered inside the alert.",
347
- "attribute": "message"
551
+ "default": "\"default\"",
552
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
553
+ "attribute": "color"
348
554
  },
349
555
  {
350
556
  "kind": "field",
351
- "name": "removable",
557
+ "name": "url",
352
558
  "type": {
353
- "text": "boolean"
559
+ "text": "string"
354
560
  },
355
- "default": "false",
356
- "description": "Shows a dismiss button when enabled.",
357
- "attribute": "removable"
561
+ "default": "\"\"",
562
+ "description": "Background image URL.",
563
+ "attribute": "url"
358
564
  },
359
565
  {
360
566
  "kind": "field",
361
- "name": "color",
567
+ "name": "banner",
362
568
  "type": {
363
- "text": "string"
569
+ "text": "boolean"
364
570
  },
365
- "default": "\"primary\"",
366
- "description": "Base color token or CSS color used by the alert.",
367
- "attribute": "color"
571
+ "default": "true",
572
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
573
+ "attribute": "banner"
368
574
  },
369
575
  {
370
576
  "kind": "field",
371
- "name": "size",
577
+ "name": "dense",
372
578
  "type": {
373
- "text": "string"
579
+ "text": "boolean"
374
580
  },
375
- "default": "\"md\"",
376
- "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
377
- "attribute": "size"
581
+ "default": "false",
582
+ "description": "Enables compact vertical spacing.",
583
+ "attribute": "dense"
378
584
  },
379
585
  {
380
586
  "kind": "field",
381
- "name": "radius",
587
+ "name": "elevated",
382
588
  "type": {
383
- "text": "string"
589
+ "text": "boolean"
384
590
  },
385
- "default": "\"md\"",
386
- "description": "Radius token or CSS length.",
387
- "attribute": "radius"
591
+ "default": "false",
592
+ "description": "Applies elevated shadow styling.",
593
+ "attribute": "elevated"
388
594
  },
389
595
  {
390
596
  "kind": "field",
391
- "name": "icon",
597
+ "name": "leadingLabel",
392
598
  "type": {
393
- "text": "string | null"
599
+ "text": "string"
394
600
  },
395
- "default": "null",
396
- "description": "Optional leading icon name for `<sky-icon>`.",
397
- "attribute": "icon"
601
+ "default": "\"Open menu\"",
602
+ "description": "Accessible label for default leading button fallback.",
603
+ "attribute": "leadingLabel"
398
604
  },
399
605
  {
400
606
  "kind": "field",
401
- "name": "strip",
607
+ "name": "preset",
402
608
  "type": {
403
- "text": "SkyAlertStrip"
404
- },
405
- "default": "\"none\"",
406
- "description": "Strip accent placement.",
407
- "attribute": "strip",
408
- "reflects": true
409
- },
410
- {
411
- "kind": "field",
412
- "name": "stripColor",
413
- "type": {
414
- "text": "string"
415
- },
416
- "default": "\"currentColor\"",
417
- "description": "Strip accent color token or CSS color.",
418
- "attribute": "stripColor"
419
- },
420
- {
421
- "kind": "field",
422
- "name": "variant",
423
- "type": {
424
- "text": "SkyAlertVariant"
425
- },
426
- "default": "\"solid\"",
427
- "description": "Visual style variant.",
428
- "attribute": "variant",
429
- "reflects": true
430
- },
431
- {
432
- "kind": "field",
433
- "name": "loading",
434
- "type": {
435
- "text": "boolean"
436
- },
437
- "default": "false",
438
- "description": "Shows a loading overlay.",
439
- "attribute": "loading"
440
- },
441
- {
442
- "kind": "field",
443
- "name": "roleType",
444
- "type": {
445
- "text": "SkyAlertRoleType"
446
- },
447
- "default": "\"alert\"",
448
- "description": "ARIA role for the alert container.",
449
- "attribute": "roleType",
450
- "reflects": true
451
- },
452
- {
453
- "kind": "field",
454
- "name": "_styleVars",
455
- "type": {
456
- "text": "Record<string, string>"
457
- },
458
- "privacy": "private",
459
- "default": "{}",
460
- "description": "Internal style variables"
461
- },
462
- {
463
- "kind": "field",
464
- "name": "_sizeCache",
465
- "type": {
466
- "text": "{ size: string; result: SkyAlertResolvedSize } | null"
467
- },
468
- "privacy": "private",
469
- "default": "null",
470
- "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
471
- },
472
- {
473
- "kind": "field",
474
- "name": "_hasActionsSlotContent",
475
- "type": {
476
- "text": "boolean"
477
- },
478
- "privacy": "private",
479
- "default": "false",
480
- "description": "True when the actions slot has assigned content (used to show separator only when needed)."
481
- },
482
- {
483
- "kind": "field",
484
- "name": "preset",
485
- "type": {
486
- "text": "string"
609
+ "text": "string"
487
610
  },
488
611
  "default": "\"\"",
489
612
  "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
@@ -498,103 +621,25 @@
498
621
  },
499
622
  {
500
623
  "kind": "method",
501
- "name": "_resolveSize",
502
- "privacy": "private",
503
- "return": {
504
- "type": {
505
- "text": "SkyAlertResolvedSize"
506
- }
507
- },
508
- "parameters": [
509
- {
510
- "name": "input",
511
- "type": {
512
- "text": "string"
513
- }
514
- }
515
- ],
516
- "description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
517
- },
518
- {
519
- "kind": "field",
520
- "name": "_lastPresetRevision",
521
- "type": {
522
- "text": "number"
523
- },
524
- "privacy": "private",
525
- "default": "-1"
526
- },
527
- {
528
- "kind": "method",
529
- "name": "_updateStyleVars",
530
- "privacy": "private",
531
- "return": {
532
- "type": {
533
- "text": "void"
534
- }
535
- },
536
- "description": "Computes CSS custom properties from current variant, size, and color inputs."
537
- },
538
- {
539
- "kind": "method",
540
- "name": "close",
541
- "privacy": "public",
542
- "return": {
543
- "type": {
544
- "text": "void"
545
- }
546
- },
547
- "description": "Dispatches `alert-closed` and removes the alert from the DOM."
548
- },
549
- {
550
- "kind": "method",
551
- "name": "getAriaRole",
552
- "privacy": "private",
553
- "return": {
554
- "type": {
555
- "text": "SkyAlertRoleType"
556
- }
557
- },
558
- "description": "Returns the ARIA role applied to the alert container."
559
- },
560
- {
561
- "kind": "method",
562
- "name": "_checkActionsSlot",
624
+ "name": "_applyColorSurface",
563
625
  "privacy": "private",
564
626
  "return": {
565
627
  "type": {
566
628
  "text": "void"
567
629
  }
568
630
  },
569
- "description": "Checks whether the actions slot currently has meaningful assigned content."
631
+ "description": "Applies glass vs solid surface tokens from `color`."
570
632
  },
571
633
  {
572
634
  "kind": "method",
573
- "name": "_onActionsSlotChange",
635
+ "name": "_applyBackgroundImage",
574
636
  "privacy": "private",
575
637
  "return": {
576
638
  "type": {
577
639
  "text": "void"
578
640
  }
579
641
  },
580
- "parameters": [
581
- {
582
- "name": "e",
583
- "type": {
584
- "text": "Event"
585
- }
586
- }
587
- ],
588
- "description": "Updates action-slot state when the slot assignment changes."
589
- }
590
- ],
591
- "events": [
592
- {
593
- "type": {
594
- "text": "CustomEvent<SkyAlertClosedEventDetail>"
595
- },
596
- "description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
597
- "name": "alert-closed"
642
+ "description": "Sets background image CSS variable from `url`."
598
643
  }
599
644
  ],
600
645
  "attributes": [
@@ -603,113 +648,68 @@
603
648
  "type": {
604
649
  "text": "string"
605
650
  },
606
- "default": "\"\"",
607
- "description": "Title text shown above the message.",
651
+ "default": "\"App Bar\"",
652
+ "description": "Title text displayed in the app bar.",
608
653
  "fieldName": "title"
609
654
  },
610
- {
611
- "name": "message",
612
- "type": {
613
- "text": "string"
614
- },
615
- "default": "\"\"",
616
- "description": "Message text rendered inside the alert.",
617
- "fieldName": "message"
618
- },
619
- {
620
- "name": "removable",
621
- "type": {
622
- "text": "boolean"
623
- },
624
- "default": "false",
625
- "description": "Shows a dismiss button when enabled.",
626
- "fieldName": "removable"
627
- },
628
655
  {
629
656
  "name": "color",
630
657
  "type": {
631
658
  "text": "string"
632
659
  },
633
- "default": "\"primary\"",
634
- "description": "Base color token or CSS color used by the alert.",
660
+ "default": "\"default\"",
661
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
635
662
  "fieldName": "color"
636
663
  },
637
664
  {
638
- "name": "size",
665
+ "name": "url",
639
666
  "type": {
640
667
  "text": "string"
641
668
  },
642
- "default": "\"md\"",
643
- "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
644
- "fieldName": "size"
669
+ "default": "\"\"",
670
+ "description": "Background image URL.",
671
+ "fieldName": "url"
645
672
  },
646
673
  {
647
- "name": "radius",
674
+ "name": "banner",
648
675
  "type": {
649
- "text": "string"
676
+ "text": "boolean"
650
677
  },
651
- "default": "\"md\"",
652
- "description": "Radius token or CSS length.",
653
- "fieldName": "radius"
678
+ "default": "true",
679
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
680
+ "fieldName": "banner"
654
681
  },
655
682
  {
656
- "name": "icon",
683
+ "name": "dense",
657
684
  "type": {
658
- "text": "string | null"
685
+ "text": "boolean"
659
686
  },
660
- "default": "null",
661
- "description": "Optional leading icon name for `<sky-icon>`.",
662
- "fieldName": "icon"
687
+ "default": "false",
688
+ "description": "Enables compact vertical spacing.",
689
+ "fieldName": "dense"
663
690
  },
664
691
  {
665
- "name": "strip",
692
+ "name": "elevated",
666
693
  "type": {
667
- "text": "SkyAlertStrip"
694
+ "text": "boolean"
668
695
  },
669
- "default": "\"none\"",
670
- "description": "Strip accent placement.",
671
- "fieldName": "strip"
696
+ "default": "false",
697
+ "description": "Applies elevated shadow styling.",
698
+ "fieldName": "elevated"
672
699
  },
673
700
  {
674
- "name": "stripColor",
701
+ "name": "leadingLabel",
675
702
  "type": {
676
703
  "text": "string"
677
704
  },
678
- "default": "\"currentColor\"",
679
- "description": "Strip accent color token or CSS color.",
680
- "fieldName": "stripColor"
681
- },
682
- {
683
- "name": "variant",
684
- "type": {
685
- "text": "SkyAlertVariant"
686
- },
687
- "default": "\"solid\"",
688
- "description": "Visual style variant.",
689
- "fieldName": "variant"
705
+ "default": "\"Open menu\"",
706
+ "description": "Accessible label for default leading button fallback.",
707
+ "fieldName": "leadingLabel"
690
708
  },
691
709
  {
692
- "name": "loading",
710
+ "name": "preset",
693
711
  "type": {
694
- "text": "boolean"
695
- },
696
- "default": "false",
697
- "description": "Shows a loading overlay.",
698
- "fieldName": "loading"
699
- },
700
- {
701
- "name": "roleType",
702
- "type": {
703
- "text": "SkyAlertRoleType"
704
- },
705
- "default": "\"alert\"",
706
- "description": "ARIA role for the alert container.",
707
- "fieldName": "roleType"
708
- },
709
- {
710
- "name": "preset",
711
- "type": {
712
- "text": "string"
712
+ "text": "string"
713
713
  },
714
714
  "default": "\"\"",
715
715
  "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
@@ -720,26 +720,26 @@
720
720
  "name": "LitElement",
721
721
  "package": "lit"
722
722
  },
723
- "tagName": "sky-alert",
723
+ "tagName": "sky-appbar",
724
724
  "customElement": true,
725
- "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
725
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
726
726
  }
727
727
  ],
728
728
  "exports": [
729
729
  {
730
730
  "kind": "js",
731
- "name": "SkyAlert",
731
+ "name": "SkyAppbar",
732
732
  "declaration": {
733
- "name": "SkyAlert",
734
- "module": "src/sky-alert/sky-alert.ts"
733
+ "name": "SkyAppbar",
734
+ "module": "src/sky-appbar/sky-appbar.ts"
735
735
  }
736
736
  },
737
737
  {
738
738
  "kind": "custom-element-definition",
739
- "name": "sky-alert",
739
+ "name": "sky-appbar",
740
740
  "declaration": {
741
- "name": "SkyAlert",
742
- "module": "src/sky-alert/sky-alert.ts"
741
+ "name": "SkyAppbar",
742
+ "module": "src/sky-appbar/sky-appbar.ts"
743
743
  }
744
744
  }
745
745
  ]
@@ -1143,34 +1143,34 @@
1143
1143
  },
1144
1144
  {
1145
1145
  "kind": "javascript-module",
1146
- "path": "src/sky-badge/sky-badge.ts",
1146
+ "path": "src/sky-button/sky-button.ts",
1147
1147
  "declarations": [
1148
1148
  {
1149
1149
  "kind": "class",
1150
1150
  "description": "",
1151
- "name": "SkyBadge",
1151
+ "name": "SkyButton",
1152
1152
  "cssParts": [
1153
1153
  {
1154
- "description": "Wrapper around the slotted content and the badge.",
1155
- "name": "container"
1154
+ "description": "The native `<button>` element.",
1155
+ "name": "button"
1156
1156
  },
1157
1157
  {
1158
- "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
1159
- "name": "badge"
1158
+ "description": "The optional left/right icons.",
1159
+ "name": "icon"
1160
1160
  },
1161
1161
  {
1162
- "description": "The icon element when `isIcon` is true.",
1163
- "name": "icon"
1162
+ "description": "Overlay displayed when loading.",
1163
+ "name": "loading-overlay"
1164
+ },
1165
+ {
1166
+ "description": "Spinner displayed when loading.",
1167
+ "name": "spinner"
1164
1168
  }
1165
1169
  ],
1166
1170
  "slots": [
1167
1171
  {
1168
- "description": "The content the badge attaches to.",
1172
+ "description": "Default slot for the button label (replaces `label` property if used).",
1169
1173
  "name": ""
1170
- },
1171
- {
1172
- "description": "Optional slot to override the badge content entirely.",
1173
- "name": "badge"
1174
1174
  }
1175
1175
  ],
1176
1176
  "members": [
@@ -1185,68 +1185,61 @@
1185
1185
  },
1186
1186
  {
1187
1187
  "kind": "field",
1188
- "name": "statusColor",
1188
+ "name": "formAssociated",
1189
1189
  "type": {
1190
- "text": "string"
1190
+ "text": "boolean"
1191
1191
  },
1192
- "default": "\"success\"",
1193
- "description": "Badge background token or CSS color.",
1194
- "attribute": "statusColor",
1195
- "reflects": true
1192
+ "static": true,
1193
+ "default": "true"
1196
1194
  },
1197
1195
  {
1198
1196
  "kind": "field",
1199
- "name": "textColor",
1197
+ "name": "internals",
1200
1198
  "type": {
1201
- "text": "string"
1199
+ "text": "ElementInternals"
1202
1200
  },
1203
- "default": "\"default\"",
1204
- "description": "Text color token or CSS color.",
1205
- "attribute": "textColor",
1206
- "reflects": true
1201
+ "privacy": "private"
1207
1202
  },
1208
1203
  {
1209
1204
  "kind": "field",
1210
- "name": "iconColor",
1205
+ "name": "variant",
1211
1206
  "type": {
1212
- "text": "string"
1207
+ "text": "SkyButtonVariant"
1213
1208
  },
1214
- "default": "\"\"",
1215
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
1216
- "attribute": "iconColor",
1209
+ "default": "\"solid\"",
1210
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1211
+ "attribute": "variant",
1217
1212
  "reflects": true
1218
1213
  },
1219
1214
  {
1220
1215
  "kind": "field",
1221
- "name": "position",
1216
+ "name": "color",
1222
1217
  "type": {
1223
- "text": "SkyBadgePosition"
1218
+ "text": "string"
1224
1219
  },
1225
- "default": "\"default\"",
1226
- "description": "Layout mode: `default | floating | inline`.",
1227
- "attribute": "position",
1228
- "reflects": true
1220
+ "default": "\"primary\"",
1221
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1222
+ "attribute": "color"
1229
1223
  },
1230
1224
  {
1231
1225
  "kind": "field",
1232
- "name": "value",
1226
+ "name": "type",
1233
1227
  "type": {
1234
- "text": "string"
1228
+ "text": "SkyButtonType"
1235
1229
  },
1236
- "default": "\"\"",
1237
- "description": "Badge text/count or icon name in icon mode.",
1238
- "attribute": "value"
1230
+ "default": "\"button\"",
1231
+ "description": "Button type attribute. Default: `\"button\"`.",
1232
+ "attribute": "type"
1239
1233
  },
1240
1234
  {
1241
1235
  "kind": "field",
1242
- "name": "isIcon",
1236
+ "name": "form",
1243
1237
  "type": {
1244
- "text": "boolean"
1238
+ "text": "string"
1245
1239
  },
1246
- "default": "false",
1247
- "description": "Renders icon mode when true.",
1248
- "attribute": "isIcon",
1249
- "reflects": true
1240
+ "default": "\"\"",
1241
+ "description": "Associated form ID for custom submit handling.",
1242
+ "attribute": "form"
1250
1243
  },
1251
1244
  {
1252
1245
  "kind": "field",
@@ -1254,477 +1247,495 @@
1254
1247
  "type": {
1255
1248
  "text": "string"
1256
1249
  },
1257
- "default": "\"\"",
1258
- "description": "Badge and icon size CSS length.",
1259
- "attribute": "size",
1260
- "reflects": true
1250
+ "default": "\"md\"",
1251
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1252
+ "attribute": "size"
1261
1253
  },
1262
1254
  {
1263
1255
  "kind": "field",
1264
- "name": "shape",
1256
+ "name": "radius",
1265
1257
  "type": {
1266
- "text": "SkyBadgeShape"
1258
+ "text": "string"
1267
1259
  },
1268
- "default": "\"custom\"",
1269
- "description": "Badge shape: `circle | pill | custom`.",
1270
- "attribute": "shape",
1271
- "reflects": true
1260
+ "default": "\"md\"",
1261
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1262
+ "attribute": "radius"
1272
1263
  },
1273
1264
  {
1274
1265
  "kind": "field",
1275
- "name": "max",
1266
+ "name": "label",
1276
1267
  "type": {
1277
- "text": "number"
1268
+ "text": "string"
1278
1269
  },
1279
- "default": "99",
1280
- "description": "Maximum numeric count before rendering overflow label.",
1281
- "attribute": "max"
1270
+ "default": "\"Button\"",
1271
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1272
+ "attribute": "label"
1282
1273
  },
1283
1274
  {
1284
1275
  "kind": "field",
1285
- "name": "hideWhenZero",
1276
+ "name": "disabled",
1286
1277
  "type": {
1287
1278
  "text": "boolean"
1288
1279
  },
1289
1280
  "default": "false",
1290
- "description": "Hides badge when value resolves to numeric zero.",
1291
- "attribute": "hideWhenZero"
1281
+ "description": "Whether the button is disabled. Default: `false`.",
1282
+ "attribute": "disabled",
1283
+ "reflects": true
1292
1284
  },
1293
1285
  {
1294
1286
  "kind": "field",
1295
- "name": "show",
1287
+ "name": "loading",
1296
1288
  "type": {
1297
1289
  "text": "boolean"
1298
1290
  },
1299
- "default": "true",
1300
- "description": "Forces badge visibility independent of value.",
1301
- "attribute": "show",
1291
+ "default": "false",
1292
+ "description": "Shows a loading overlay when true. Default: `false`.",
1293
+ "attribute": "loading",
1302
1294
  "reflects": true
1303
1295
  },
1304
1296
  {
1305
1297
  "kind": "field",
1306
- "name": "offsetX",
1298
+ "name": "iconL",
1307
1299
  "type": {
1308
1300
  "text": "string"
1309
1301
  },
1310
- "default": "\"0px\"",
1311
- "description": "Horizontal offset CSS length.",
1312
- "attribute": "offsetX"
1302
+ "default": "\"\"",
1303
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1304
+ "attribute": "iconL"
1313
1305
  },
1314
1306
  {
1315
1307
  "kind": "field",
1316
- "name": "offsetY",
1308
+ "name": "iconR",
1317
1309
  "type": {
1318
1310
  "text": "string"
1319
1311
  },
1320
- "default": "\"0px\"",
1321
- "description": "Vertical offset CSS length.",
1322
- "attribute": "offsetY"
1312
+ "default": "\"\"",
1313
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1314
+ "attribute": "iconR"
1323
1315
  },
1324
1316
  {
1325
1317
  "kind": "field",
1326
- "name": "ring",
1318
+ "name": "iconOnly",
1327
1319
  "type": {
1328
1320
  "text": "boolean"
1329
1321
  },
1330
1322
  "default": "false",
1331
- "description": "Enables visual ring around the badge.",
1332
- "attribute": "ring"
1323
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1324
+ "attribute": "iconOnly",
1325
+ "reflects": true
1333
1326
  },
1334
1327
  {
1335
1328
  "kind": "field",
1336
- "name": "ringColor",
1329
+ "name": "colors",
1337
1330
  "type": {
1338
1331
  "text": "string"
1339
1332
  },
1340
- "default": "\"primary\"",
1341
- "description": "Ring color token or CSS color.",
1342
- "attribute": "ringColor"
1333
+ "default": "\"\"",
1334
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1335
+ "attribute": "colors"
1343
1336
  },
1344
1337
  {
1345
1338
  "kind": "field",
1346
- "name": "ringOffset",
1339
+ "name": "animation",
1347
1340
  "type": {
1348
- "text": "string"
1341
+ "text": "SkyButtonAnimation"
1349
1342
  },
1350
- "default": "\"1px\"",
1351
- "description": "Ring offset CSS length.",
1352
- "attribute": "ringOffset"
1343
+ "default": "\"auto\"",
1344
+ "description": "Transform animation style. Default: `\"auto\"`.",
1345
+ "attribute": "animation",
1346
+ "reflects": true
1353
1347
  },
1354
1348
  {
1355
1349
  "kind": "field",
1356
- "name": "badgeLabel",
1350
+ "name": "preset",
1357
1351
  "type": {
1358
- "text": "string | null"
1352
+ "text": "string"
1359
1353
  },
1360
- "default": "null",
1361
- "description": "ARIA label override.",
1362
- "attribute": "badgeLabel"
1354
+ "default": "\"\"",
1355
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1356
+ "attribute": "preset",
1357
+ "reflects": true
1363
1358
  },
1364
1359
  {
1365
1360
  "kind": "field",
1366
- "name": "badgeAriaHidden",
1361
+ "name": "_hasMeaningfulSlot",
1367
1362
  "type": {
1368
1363
  "text": "boolean"
1369
1364
  },
1370
- "default": "false",
1371
- "description": "Hides badge from assistive technology when true.",
1372
- "attribute": "badgeAriaHidden"
1365
+ "privacy": "private",
1366
+ "default": "false"
1373
1367
  },
1374
1368
  {
1375
1369
  "kind": "field",
1376
- "name": "interactive",
1370
+ "name": "_styleVars",
1377
1371
  "type": {
1378
- "text": "boolean"
1372
+ "text": "Record<string, string>"
1379
1373
  },
1380
- "default": "false",
1381
- "description": "Enables focus/activation and `badge-click` emission.",
1382
- "attribute": "interactive"
1374
+ "privacy": "private",
1375
+ "default": "{}",
1376
+ "description": "Inline CSS variable cache."
1383
1377
  },
1384
1378
  {
1385
1379
  "kind": "field",
1386
- "name": "placement",
1387
- "type": {
1388
- "text": "SkyBadgePlacement"
1389
- },
1390
- "default": "\"custom\"",
1391
- "description": "Anchor placement preset for badge positioning.",
1392
- "attribute": "placement",
1393
- "reflects": true
1380
+ "name": "_presets",
1381
+ "privacy": "private",
1382
+ "default": "new PresetController(this, { isPaused: () => this.inGroup, onChange: () => { this._styleDirty = true; }, })"
1394
1383
  },
1395
1384
  {
1396
1385
  "kind": "field",
1397
- "name": "preset",
1386
+ "name": "_lastPresetRevision",
1398
1387
  "type": {
1399
- "text": "string"
1388
+ "text": "number"
1400
1389
  },
1401
- "default": "\"\"",
1402
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1403
- "attribute": "preset",
1404
- "reflects": true
1390
+ "privacy": "private",
1391
+ "default": "-1"
1405
1392
  },
1406
1393
  {
1407
1394
  "kind": "field",
1408
- "name": "_presets",
1409
- "privacy": "private",
1410
- "default": "new PresetController(this)"
1395
+ "name": "_styleDirty",
1396
+ "type": {
1397
+ "text": "boolean"
1398
+ },
1399
+ "privacy": "private",
1400
+ "default": "true",
1401
+ "description": "Set when presets change so `update()` rebuilds CSS vars after hostUpdate."
1411
1402
  },
1412
1403
  {
1413
- "kind": "field",
1414
- "name": "_badgeEl",
1415
- "type": {
1416
- "text": "HTMLSpanElement"
1404
+ "kind": "method",
1405
+ "name": "_slotHasMeaningfulContent",
1406
+ "privacy": "private",
1407
+ "return": {
1408
+ "type": {
1409
+ "text": "boolean"
1410
+ }
1417
1411
  },
1418
- "privacy": "private"
1412
+ "parameters": [
1413
+ {
1414
+ "name": "slotEl",
1415
+ "type": {
1416
+ "text": "HTMLSlotElement"
1417
+ }
1418
+ }
1419
+ ]
1419
1420
  },
1420
1421
  {
1421
1422
  "kind": "field",
1422
- "name": "badgeRef",
1423
- "privacy": "public",
1424
- "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
1423
+ "name": "_onSlotChange",
1424
+ "privacy": "private"
1425
1425
  },
1426
1426
  {
1427
- "kind": "field",
1428
- "name": "shadowRootOptions",
1429
- "type": {
1430
- "text": "ShadowRootInit"
1427
+ "kind": "method",
1428
+ "name": "_toSquarePadding",
1429
+ "privacy": "private",
1430
+ "return": {
1431
+ "type": {
1432
+ "text": "string"
1433
+ }
1431
1434
  },
1432
- "static": true,
1433
- "default": "{ mode: \"open\", delegatesFocus: true, }"
1435
+ "parameters": [
1436
+ {
1437
+ "name": "padding",
1438
+ "type": {
1439
+ "text": "string"
1440
+ }
1441
+ }
1442
+ ],
1443
+ "description": "Uses vertical padding for equal sides (icon-only square control)."
1434
1444
  },
1435
1445
  {
1436
1446
  "kind": "method",
1437
- "name": "showBadge",
1438
- "privacy": "public",
1447
+ "name": "_resolveSize",
1448
+ "privacy": "private",
1439
1449
  "return": {
1440
1450
  "type": {
1441
- "text": "void"
1451
+ "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
1442
1452
  }
1443
1453
  },
1444
- "description": "Forces badge visibility on."
1454
+ "parameters": [
1455
+ {
1456
+ "name": "input",
1457
+ "type": {
1458
+ "text": "string"
1459
+ }
1460
+ }
1461
+ ]
1445
1462
  },
1446
1463
  {
1447
1464
  "kind": "method",
1448
- "name": "hideBadge",
1449
- "privacy": "public",
1465
+ "name": "_isThemeBorderShorthand",
1466
+ "privacy": "private",
1450
1467
  "return": {
1451
1468
  "type": {
1452
- "text": "void"
1469
+ "text": "boolean"
1453
1470
  }
1454
1471
  },
1455
- "description": "Forces badge visibility off."
1472
+ "parameters": [
1473
+ {
1474
+ "name": "border",
1475
+ "type": {
1476
+ "text": "string | undefined"
1477
+ }
1478
+ }
1479
+ ],
1480
+ "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
1456
1481
  },
1457
1482
  {
1458
1483
  "kind": "method",
1459
- "name": "setValue",
1460
- "privacy": "public",
1484
+ "name": "_borderColorFromShorthand",
1485
+ "privacy": "private",
1461
1486
  "return": {
1462
1487
  "type": {
1463
- "text": "void"
1488
+ "text": "string"
1464
1489
  }
1465
1490
  },
1466
1491
  "parameters": [
1467
1492
  {
1468
- "name": "value",
1493
+ "name": "border",
1469
1494
  "type": {
1470
- "text": "string"
1471
- },
1472
- "description": "Badge value or icon name."
1495
+ "text": "string | undefined"
1496
+ }
1473
1497
  }
1474
1498
  ],
1475
- "description": "Updates badge value for text/count or icon modes."
1499
+ "description": "Extracts the color token from a `Npx solid …` border shorthand."
1476
1500
  },
1477
1501
  {
1478
- "kind": "field",
1479
- "name": "_onActivate",
1502
+ "kind": "method",
1503
+ "name": "_rebuildStyleVars",
1480
1504
  "privacy": "private",
1481
- "description": "Emits `badge-click` for interactive activation."
1505
+ "return": {
1506
+ "type": {
1507
+ "text": "void"
1508
+ }
1509
+ },
1510
+ "parameters": [
1511
+ {
1512
+ "name": "changedProperties",
1513
+ "type": {
1514
+ "text": "Map<string, unknown>"
1515
+ }
1516
+ }
1517
+ ]
1482
1518
  },
1483
1519
  {
1484
- "kind": "field",
1485
- "name": "_onKeydown",
1486
- "privacy": "private",
1487
- "description": "Handles keyboard activation with Enter and Space."
1520
+ "kind": "method",
1521
+ "name": "focusButton",
1522
+ "privacy": "public",
1523
+ "return": {
1524
+ "type": {
1525
+ "text": "void"
1526
+ }
1527
+ },
1528
+ "description": "Focuses the internal native button."
1488
1529
  },
1489
1530
  {
1490
1531
  "kind": "method",
1491
- "name": "_computeAriaLabel",
1532
+ "name": "clickButton",
1533
+ "privacy": "public",
1534
+ "return": {
1535
+ "type": {
1536
+ "text": "void"
1537
+ }
1538
+ },
1539
+ "description": "Triggers a click on the internal native button when enabled."
1540
+ },
1541
+ {
1542
+ "kind": "method",
1543
+ "name": "_createRipple",
1492
1544
  "privacy": "private",
1493
1545
  "return": {
1494
1546
  "type": {
1495
- "text": "string | null"
1547
+ "text": "void"
1496
1548
  }
1497
1549
  },
1498
1550
  "parameters": [
1499
1551
  {
1500
- "name": "displayValue",
1552
+ "name": "event",
1501
1553
  "type": {
1502
- "text": "string | null"
1554
+ "text": "MouseEvent"
1503
1555
  }
1504
1556
  }
1505
- ],
1506
- "description": "Computes accessible badge label from current render state."
1557
+ ]
1507
1558
  },
1508
1559
  {
1509
1560
  "kind": "method",
1510
- "name": "_computeAnchors",
1511
- "privacy": "private",
1561
+ "name": "formDisabledCallback",
1512
1562
  "return": {
1513
1563
  "type": {
1514
- "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
1564
+ "text": "void"
1515
1565
  }
1516
1566
  },
1517
1567
  "parameters": [
1518
1568
  {
1519
- "name": "placement",
1569
+ "name": "disabled",
1520
1570
  "type": {
1521
- "text": "SkyBadgePlacement"
1571
+ "text": "boolean"
1522
1572
  }
1523
1573
  }
1524
- ],
1525
- "description": "Resolves anchor edges from placement preset."
1574
+ ]
1575
+ },
1576
+ {
1577
+ "kind": "field",
1578
+ "name": "formOwner",
1579
+ "type": {
1580
+ "text": "HTMLFormElement | null"
1581
+ },
1582
+ "readonly": true
1526
1583
  },
1527
1584
  {
1528
1585
  "kind": "method",
1529
- "name": "_resolveBadgeSurface",
1586
+ "name": "_handleClick",
1530
1587
  "privacy": "private",
1531
1588
  "return": {
1532
1589
  "type": {
1533
- "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
1590
+ "text": "void"
1534
1591
  }
1535
1592
  },
1536
- "description": "Maps semantic status tokens to soft badge surface colors."
1593
+ "parameters": [
1594
+ {
1595
+ "name": "event",
1596
+ "type": {
1597
+ "text": "MouseEvent"
1598
+ }
1599
+ }
1600
+ ]
1601
+ },
1602
+ {
1603
+ "kind": "method",
1604
+ "name": "_iconOnlyName",
1605
+ "privacy": "private",
1606
+ "return": {
1607
+ "type": {
1608
+ "text": "string"
1609
+ }
1610
+ }
1537
1611
  }
1538
1612
  ],
1539
- "events": [
1613
+ "attributes": [
1540
1614
  {
1615
+ "name": "variant",
1541
1616
  "type": {
1542
- "text": "CustomEvent<SkyBadgeClickEventDetail>"
1617
+ "text": "SkyButtonVariant"
1543
1618
  },
1544
- "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
1545
- "name": "badge-click"
1546
- }
1547
- ],
1548
- "attributes": [
1619
+ "default": "\"solid\"",
1620
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1621
+ "fieldName": "variant"
1622
+ },
1549
1623
  {
1550
- "name": "statusColor",
1624
+ "name": "color",
1551
1625
  "type": {
1552
1626
  "text": "string"
1553
1627
  },
1554
- "default": "\"success\"",
1555
- "description": "Badge background token or CSS color.",
1556
- "fieldName": "statusColor"
1628
+ "default": "\"primary\"",
1629
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1630
+ "fieldName": "color"
1557
1631
  },
1558
1632
  {
1559
- "name": "textColor",
1633
+ "name": "type",
1560
1634
  "type": {
1561
- "text": "string"
1635
+ "text": "SkyButtonType"
1562
1636
  },
1563
- "default": "\"default\"",
1564
- "description": "Text color token or CSS color.",
1565
- "fieldName": "textColor"
1637
+ "default": "\"button\"",
1638
+ "description": "Button type attribute. Default: `\"button\"`.",
1639
+ "fieldName": "type"
1566
1640
  },
1567
1641
  {
1568
- "name": "iconColor",
1642
+ "name": "form",
1569
1643
  "type": {
1570
1644
  "text": "string"
1571
1645
  },
1572
1646
  "default": "\"\"",
1573
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
1574
- "fieldName": "iconColor"
1647
+ "description": "Associated form ID for custom submit handling.",
1648
+ "fieldName": "form"
1575
1649
  },
1576
1650
  {
1577
- "name": "position",
1651
+ "name": "size",
1578
1652
  "type": {
1579
- "text": "SkyBadgePosition"
1653
+ "text": "string"
1580
1654
  },
1581
- "default": "\"default\"",
1582
- "description": "Layout mode: `default | floating | inline`.",
1583
- "fieldName": "position"
1655
+ "default": "\"md\"",
1656
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1657
+ "fieldName": "size"
1584
1658
  },
1585
1659
  {
1586
- "name": "value",
1660
+ "name": "radius",
1587
1661
  "type": {
1588
1662
  "text": "string"
1589
1663
  },
1590
- "default": "\"\"",
1591
- "description": "Badge text/count or icon name in icon mode.",
1592
- "fieldName": "value"
1664
+ "default": "\"md\"",
1665
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1666
+ "fieldName": "radius"
1593
1667
  },
1594
1668
  {
1595
- "name": "isIcon",
1669
+ "name": "label",
1596
1670
  "type": {
1597
- "text": "boolean"
1671
+ "text": "string"
1598
1672
  },
1599
- "default": "false",
1600
- "description": "Renders icon mode when true.",
1601
- "fieldName": "isIcon"
1602
- },
1603
- {
1604
- "name": "size",
1605
- "type": {
1606
- "text": "string"
1607
- },
1608
- "default": "\"\"",
1609
- "description": "Badge and icon size CSS length.",
1610
- "fieldName": "size"
1611
- },
1612
- {
1613
- "name": "shape",
1614
- "type": {
1615
- "text": "SkyBadgeShape"
1616
- },
1617
- "default": "\"custom\"",
1618
- "description": "Badge shape: `circle | pill | custom`.",
1619
- "fieldName": "shape"
1620
- },
1621
- {
1622
- "name": "max",
1623
- "type": {
1624
- "text": "number"
1625
- },
1626
- "default": "99",
1627
- "description": "Maximum numeric count before rendering overflow label.",
1628
- "fieldName": "max"
1673
+ "default": "\"Button\"",
1674
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1675
+ "fieldName": "label"
1629
1676
  },
1630
1677
  {
1631
- "name": "hideWhenZero",
1678
+ "name": "disabled",
1632
1679
  "type": {
1633
1680
  "text": "boolean"
1634
1681
  },
1635
1682
  "default": "false",
1636
- "description": "Hides badge when value resolves to numeric zero.",
1637
- "fieldName": "hideWhenZero"
1638
- },
1639
- {
1640
- "name": "show",
1641
- "type": {
1642
- "text": "boolean"
1643
- },
1644
- "default": "true",
1645
- "description": "Forces badge visibility independent of value.",
1646
- "fieldName": "show"
1647
- },
1648
- {
1649
- "name": "offsetX",
1650
- "type": {
1651
- "text": "string"
1652
- },
1653
- "default": "\"0px\"",
1654
- "description": "Horizontal offset CSS length.",
1655
- "fieldName": "offsetX"
1656
- },
1657
- {
1658
- "name": "offsetY",
1659
- "type": {
1660
- "text": "string"
1661
- },
1662
- "default": "\"0px\"",
1663
- "description": "Vertical offset CSS length.",
1664
- "fieldName": "offsetY"
1683
+ "description": "Whether the button is disabled. Default: `false`.",
1684
+ "fieldName": "disabled"
1665
1685
  },
1666
1686
  {
1667
- "name": "ring",
1687
+ "name": "loading",
1668
1688
  "type": {
1669
1689
  "text": "boolean"
1670
1690
  },
1671
1691
  "default": "false",
1672
- "description": "Enables visual ring around the badge.",
1673
- "fieldName": "ring"
1692
+ "description": "Shows a loading overlay when true. Default: `false`.",
1693
+ "fieldName": "loading"
1674
1694
  },
1675
1695
  {
1676
- "name": "ringColor",
1696
+ "name": "iconL",
1677
1697
  "type": {
1678
1698
  "text": "string"
1679
1699
  },
1680
- "default": "\"primary\"",
1681
- "description": "Ring color token or CSS color.",
1682
- "fieldName": "ringColor"
1700
+ "default": "\"\"",
1701
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1702
+ "fieldName": "iconL"
1683
1703
  },
1684
1704
  {
1685
- "name": "ringOffset",
1705
+ "name": "iconR",
1686
1706
  "type": {
1687
1707
  "text": "string"
1688
1708
  },
1689
- "default": "\"1px\"",
1690
- "description": "Ring offset CSS length.",
1691
- "fieldName": "ringOffset"
1692
- },
1693
- {
1694
- "name": "badgeLabel",
1695
- "type": {
1696
- "text": "string | null"
1697
- },
1698
- "default": "null",
1699
- "description": "ARIA label override.",
1700
- "fieldName": "badgeLabel"
1709
+ "default": "\"\"",
1710
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1711
+ "fieldName": "iconR"
1701
1712
  },
1702
1713
  {
1703
- "name": "badgeAriaHidden",
1714
+ "name": "iconOnly",
1704
1715
  "type": {
1705
1716
  "text": "boolean"
1706
1717
  },
1707
1718
  "default": "false",
1708
- "description": "Hides badge from assistive technology when true.",
1709
- "fieldName": "badgeAriaHidden"
1719
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1720
+ "fieldName": "iconOnly"
1710
1721
  },
1711
1722
  {
1712
- "name": "interactive",
1723
+ "name": "colors",
1713
1724
  "type": {
1714
- "text": "boolean"
1725
+ "text": "string"
1715
1726
  },
1716
- "default": "false",
1717
- "description": "Enables focus/activation and `badge-click` emission.",
1718
- "fieldName": "interactive"
1727
+ "default": "\"\"",
1728
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1729
+ "fieldName": "colors"
1719
1730
  },
1720
1731
  {
1721
- "name": "placement",
1732
+ "name": "animation",
1722
1733
  "type": {
1723
- "text": "SkyBadgePlacement"
1734
+ "text": "SkyButtonAnimation"
1724
1735
  },
1725
- "default": "\"custom\"",
1726
- "description": "Anchor placement preset for badge positioning.",
1727
- "fieldName": "placement"
1736
+ "default": "\"auto\"",
1737
+ "description": "Transform animation style. Default: `\"auto\"`.",
1738
+ "fieldName": "animation"
1728
1739
  },
1729
1740
  {
1730
1741
  "name": "preset",
@@ -1740,248 +1751,357 @@
1740
1751
  "name": "LitElement",
1741
1752
  "package": "lit"
1742
1753
  },
1743
- "tagName": "sky-badge",
1754
+ "tagName": "sky-button",
1744
1755
  "customElement": true,
1745
- "summary": "Badge for status dots, counts, or icons anchored to slotted content."
1756
+ "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
1746
1757
  }
1747
1758
  ],
1748
1759
  "exports": [
1749
1760
  {
1750
1761
  "kind": "js",
1751
- "name": "SkyBadge",
1762
+ "name": "SkyButton",
1752
1763
  "declaration": {
1753
- "name": "SkyBadge",
1754
- "module": "src/sky-badge/sky-badge.ts"
1764
+ "name": "SkyButton",
1765
+ "module": "src/sky-button/sky-button.ts"
1755
1766
  }
1756
1767
  },
1757
1768
  {
1758
1769
  "kind": "custom-element-definition",
1759
- "name": "sky-badge",
1770
+ "name": "sky-button",
1760
1771
  "declaration": {
1761
- "name": "SkyBadge",
1762
- "module": "src/sky-badge/sky-badge.ts"
1772
+ "name": "SkyButton",
1773
+ "module": "src/sky-button/sky-button.ts"
1763
1774
  }
1764
1775
  }
1765
1776
  ]
1766
1777
  },
1767
1778
  {
1768
1779
  "kind": "javascript-module",
1769
- "path": "src/sky-button/sky-button.ts",
1780
+ "path": "src/sky-card/sky-card.ts",
1770
1781
  "declarations": [
1771
1782
  {
1772
1783
  "kind": "class",
1773
1784
  "description": "",
1774
- "name": "SkyButton",
1785
+ "name": "SkyCard",
1775
1786
  "cssParts": [
1776
1787
  {
1777
- "description": "The native `<button>` element.",
1778
- "name": "button"
1788
+ "description": "The main card container element.",
1789
+ "name": "card"
1779
1790
  },
1780
1791
  {
1781
- "description": "The optional left/right icons.",
1782
- "name": "icon"
1792
+ "description": "The card header section.",
1793
+ "name": "header"
1783
1794
  },
1784
1795
  {
1785
- "description": "Overlay displayed when loading.",
1786
- "name": "loading-overlay"
1796
+ "description": "The card footer section.",
1797
+ "name": "footer"
1787
1798
  },
1788
1799
  {
1789
- "description": "Spinner displayed when loading.",
1790
- "name": "spinner"
1800
+ "description": "The ripple animation element injected when the card is clicked.",
1801
+ "name": "ripple"
1791
1802
  }
1792
1803
  ],
1793
1804
  "slots": [
1794
1805
  {
1795
- "description": "Default slot for the button label (replaces `label` property if used).",
1806
+ "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
1796
1807
  "name": ""
1797
- }
1798
- ],
1799
- "members": [
1808
+ },
1800
1809
  {
1801
- "kind": "field",
1802
- "name": "dependencies",
1803
- "type": {
1804
- "text": "Record<string, CustomElementConstructor>"
1805
- },
1806
- "static": true,
1807
- "default": "{ \"sky-icon\": SkyIcon, }"
1810
+ "description": "Slot for the card title.",
1811
+ "name": "title"
1808
1812
  },
1809
1813
  {
1810
- "kind": "field",
1811
- "name": "formAssociated",
1812
- "type": {
1813
- "text": "boolean"
1814
- },
1815
- "static": true,
1816
- "default": "true"
1814
+ "description": "Slot for the card subtitle.",
1815
+ "name": "subtitle"
1817
1816
  },
1818
1817
  {
1819
- "kind": "field",
1820
- "name": "internals",
1821
- "type": {
1822
- "text": "ElementInternals"
1823
- },
1824
- "privacy": "private"
1818
+ "description": "Slot for the card actions (usually buttons).",
1819
+ "name": "actions"
1820
+ },
1821
+ {
1822
+ "description": "Slot for the footer title.",
1823
+ "name": "footer-title"
1824
+ },
1825
+ {
1826
+ "description": "Slot for the footer subtitle.",
1827
+ "name": "footer-subtitle"
1825
1828
  },
1829
+ {
1830
+ "description": "Slot for the footer actions (usually buttons).",
1831
+ "name": "footer-actions"
1832
+ }
1833
+ ],
1834
+ "members": [
1826
1835
  {
1827
1836
  "kind": "field",
1828
- "name": "variant",
1837
+ "name": "bg",
1829
1838
  "type": {
1830
- "text": "SkyButtonVariant"
1839
+ "text": "string"
1831
1840
  },
1832
- "default": "\"solid\"",
1833
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1834
- "attribute": "variant",
1841
+ "default": "\"primary\"",
1842
+ "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
1843
+ "attribute": "bg",
1835
1844
  "reflects": true
1836
1845
  },
1837
1846
  {
1838
1847
  "kind": "field",
1839
- "name": "color",
1848
+ "name": "blurLevel",
1840
1849
  "type": {
1841
1850
  "text": "string"
1842
1851
  },
1843
- "default": "\"primary\"",
1844
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1845
- "attribute": "color"
1852
+ "default": "\"none\"",
1853
+ "description": "Level of blur applied to the background. Default: `\"none\"`.",
1854
+ "attribute": "blurLevel",
1855
+ "reflects": true
1846
1856
  },
1847
1857
  {
1848
1858
  "kind": "field",
1849
- "name": "type",
1859
+ "name": "radius",
1850
1860
  "type": {
1851
- "text": "SkyButtonType"
1861
+ "text": "string"
1852
1862
  },
1853
- "default": "\"button\"",
1854
- "description": "Button type attribute. Default: `\"button\"`.",
1855
- "attribute": "type"
1863
+ "default": "\"md\"",
1864
+ "description": "Border radius of the card. Default: `\"md\"`.",
1865
+ "attribute": "radius",
1866
+ "reflects": true
1856
1867
  },
1857
1868
  {
1858
1869
  "kind": "field",
1859
- "name": "form",
1870
+ "name": "bodyPadding",
1860
1871
  "type": {
1861
1872
  "text": "string"
1862
1873
  },
1863
- "default": "\"\"",
1864
- "description": "Associated form ID for custom submit handling.",
1865
- "attribute": "form"
1874
+ "default": "\"none\"",
1875
+ "description": "Padding for the card body. Default: `\"none\"`.",
1876
+ "attribute": "bodyPadding",
1877
+ "reflects": true
1866
1878
  },
1867
1879
  {
1868
1880
  "kind": "field",
1869
- "name": "size",
1881
+ "name": "elevation",
1870
1882
  "type": {
1871
- "text": "string"
1883
+ "text": "SkyCardElevation"
1872
1884
  },
1873
1885
  "default": "\"md\"",
1874
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1875
- "attribute": "size"
1886
+ "description": "Shadow depth of the card. Default: `\"md\"`.",
1887
+ "attribute": "elevation",
1888
+ "reflects": true
1876
1889
  },
1877
1890
  {
1878
1891
  "kind": "field",
1879
- "name": "radius",
1892
+ "name": "outlined",
1880
1893
  "type": {
1881
- "text": "string"
1894
+ "text": "boolean"
1882
1895
  },
1883
- "default": "\"md\"",
1884
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1885
- "attribute": "radius"
1896
+ "default": "false",
1897
+ "description": "Whether the card has an outline. Default: `false`.",
1898
+ "attribute": "outlined",
1899
+ "reflects": true
1886
1900
  },
1887
1901
  {
1888
1902
  "kind": "field",
1889
- "name": "label",
1903
+ "name": "clickable",
1904
+ "type": {
1905
+ "text": "boolean"
1906
+ },
1907
+ "default": "false",
1908
+ "description": "Whether the card is clickable. Default: `false`.",
1909
+ "attribute": "clickable",
1910
+ "reflects": true
1911
+ },
1912
+ {
1913
+ "kind": "field",
1914
+ "name": "headerBg",
1890
1915
  "type": {
1891
1916
  "text": "string"
1892
1917
  },
1893
- "default": "\"Button\"",
1894
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1895
- "attribute": "label"
1918
+ "default": "\"transparent\"",
1919
+ "description": "Background color of the header. Default: `\"transparent\"`.",
1920
+ "attribute": "headerBg",
1921
+ "reflects": true
1896
1922
  },
1897
1923
  {
1898
1924
  "kind": "field",
1899
- "name": "disabled",
1925
+ "name": "headerBlur",
1900
1926
  "type": {
1901
- "text": "boolean"
1927
+ "text": "string"
1902
1928
  },
1903
- "default": "false",
1904
- "description": "Whether the button is disabled. Default: `false`.",
1905
- "attribute": "disabled",
1929
+ "default": "\"none\"",
1930
+ "description": "Blur level for the header background. Default: `\"none\"`.",
1931
+ "attribute": "headerBlur",
1906
1932
  "reflects": true
1907
1933
  },
1908
1934
  {
1909
1935
  "kind": "field",
1910
- "name": "loading",
1936
+ "name": "headerPadding",
1911
1937
  "type": {
1912
- "text": "boolean"
1938
+ "text": "string"
1913
1939
  },
1914
- "default": "false",
1915
- "description": "Shows a loading overlay when true. Default: `false`.",
1916
- "attribute": "loading",
1940
+ "default": "\"md\"",
1941
+ "description": "Padding for the header. Default: `\"md\"`.",
1942
+ "attribute": "headerPadding",
1917
1943
  "reflects": true
1918
1944
  },
1919
1945
  {
1920
1946
  "kind": "field",
1921
- "name": "iconL",
1947
+ "name": "headerLayout",
1948
+ "type": {
1949
+ "text": "SkyCardSectionLayout"
1950
+ },
1951
+ "default": "\"inline\"",
1952
+ "description": "Layout of the header content. Default: `\"inline\"`.",
1953
+ "attribute": "headerLayout"
1954
+ },
1955
+ {
1956
+ "kind": "field",
1957
+ "name": "headerInsetGap",
1922
1958
  "type": {
1923
1959
  "text": "string"
1924
1960
  },
1925
- "default": "\"\"",
1926
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1927
- "attribute": "iconL"
1961
+ "default": "\"sm\"",
1962
+ "description": "Inset gap for the header section. Default: `\"sm\"`.",
1963
+ "attribute": "headerInsetGap",
1964
+ "reflects": true
1928
1965
  },
1929
1966
  {
1930
1967
  "kind": "field",
1931
- "name": "iconR",
1968
+ "name": "headerRadius",
1932
1969
  "type": {
1933
1970
  "text": "string"
1934
1971
  },
1935
- "default": "\"\"",
1936
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1937
- "attribute": "iconR"
1972
+ "default": "\"md\"",
1973
+ "description": "Border radius for the header. Default: `\"md\"`.",
1974
+ "attribute": "headerRadius",
1975
+ "reflects": true
1938
1976
  },
1939
1977
  {
1940
1978
  "kind": "field",
1941
- "name": "iconOnly",
1979
+ "name": "headerSeparatorColor",
1942
1980
  "type": {
1943
- "text": "boolean"
1981
+ "text": "string"
1944
1982
  },
1945
- "default": "false",
1946
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1947
- "attribute": "iconOnly",
1983
+ "default": "\"border-light\"",
1984
+ "description": "Color for the header separator. Default: `\"border-light\"`.",
1985
+ "attribute": "headerSeparatorColor"
1986
+ },
1987
+ {
1988
+ "kind": "field",
1989
+ "name": "footerBg",
1990
+ "type": {
1991
+ "text": "string"
1992
+ },
1993
+ "default": "\"transparent\"",
1994
+ "description": "Background color of the footer. Default: `\"transparent\"`.",
1995
+ "attribute": "footerBg",
1948
1996
  "reflects": true
1949
1997
  },
1950
1998
  {
1951
1999
  "kind": "field",
1952
- "name": "colors",
2000
+ "name": "footerBlur",
1953
2001
  "type": {
1954
2002
  "text": "string"
1955
2003
  },
1956
- "default": "\"\"",
1957
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1958
- "attribute": "colors"
2004
+ "default": "\"none\"",
2005
+ "description": "Blur level for the footer background. Default: `\"none\"`.",
2006
+ "attribute": "footerBlur",
2007
+ "reflects": true
1959
2008
  },
1960
2009
  {
1961
2010
  "kind": "field",
1962
- "name": "animation",
2011
+ "name": "footerPadding",
1963
2012
  "type": {
1964
- "text": "SkyButtonAnimation"
2013
+ "text": "string"
1965
2014
  },
1966
- "default": "\"auto\"",
1967
- "description": "Transform animation style. Default: `\"auto\"`.",
1968
- "attribute": "animation",
2015
+ "default": "\"md\"",
2016
+ "description": "Padding for the footer. Default: `\"md\"`.",
2017
+ "attribute": "footerPadding",
1969
2018
  "reflects": true
1970
2019
  },
1971
2020
  {
1972
2021
  "kind": "field",
1973
- "name": "preset",
2022
+ "name": "footerLayout",
2023
+ "type": {
2024
+ "text": "SkyCardSectionLayout"
2025
+ },
2026
+ "default": "\"inline\"",
2027
+ "description": "Layout of the footer content. Default: `\"inline\"`.",
2028
+ "attribute": "footerLayout"
2029
+ },
2030
+ {
2031
+ "kind": "field",
2032
+ "name": "footerInsetGap",
1974
2033
  "type": {
1975
2034
  "text": "string"
1976
2035
  },
1977
- "default": "\"\"",
1978
- "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
1979
- "attribute": "preset",
2036
+ "default": "\"sm\"",
2037
+ "description": "Inset gap for the footer section. Default: `\"sm\"`.",
2038
+ "attribute": "footerInsetGap",
1980
2039
  "reflects": true
1981
2040
  },
1982
2041
  {
1983
2042
  "kind": "field",
1984
- "name": "_hasMeaningfulSlot",
2043
+ "name": "footerRadius",
2044
+ "type": {
2045
+ "text": "string"
2046
+ },
2047
+ "default": "\"md\"",
2048
+ "description": "Border radius for the footer. Default: `\"md\"`.",
2049
+ "attribute": "footerRadius",
2050
+ "reflects": true
2051
+ },
2052
+ {
2053
+ "kind": "field",
2054
+ "name": "footerSeparatorColor",
2055
+ "type": {
2056
+ "text": "string"
2057
+ },
2058
+ "default": "\"border-light\"",
2059
+ "description": "Color for the footer separator. Default: `\"border-light\"`.",
2060
+ "attribute": "footerSeparatorColor"
2061
+ },
2062
+ {
2063
+ "kind": "field",
2064
+ "name": "padRatio",
2065
+ "type": {
2066
+ "text": "number"
2067
+ },
2068
+ "default": "1",
2069
+ "description": "Ratio to adjust padding. Default: `1`.",
2070
+ "attribute": "padRatio"
2071
+ },
2072
+ {
2073
+ "kind": "field",
2074
+ "name": "separators",
2075
+ "type": {
2076
+ "text": "SkyCardSectionTarget"
2077
+ },
2078
+ "default": "\"none\"",
2079
+ "description": "Determines where separators should appear. Default: `\"none\"`.",
2080
+ "attribute": "separators"
2081
+ },
2082
+ {
2083
+ "kind": "field",
2084
+ "name": "overlays",
2085
+ "type": {
2086
+ "text": "SkyCardSectionTarget"
2087
+ },
2088
+ "default": "\"none\"",
2089
+ "description": "Determines where overlays should appear. Default: `\"none\"`.",
2090
+ "attribute": "overlays"
2091
+ },
2092
+ {
2093
+ "kind": "field",
2094
+ "name": "insets",
2095
+ "type": {
2096
+ "text": "SkyCardSectionTarget"
2097
+ },
2098
+ "default": "\"none\"",
2099
+ "description": "Determines where insets should appear. Default: `\"none\"`.",
2100
+ "attribute": "insets"
2101
+ },
2102
+ {
2103
+ "kind": "field",
2104
+ "name": "_effHeaderSeparator",
1985
2105
  "type": {
1986
2106
  "text": "boolean"
1987
2107
  },
@@ -1990,93 +2110,124 @@
1990
2110
  },
1991
2111
  {
1992
2112
  "kind": "field",
1993
- "name": "_styleVars",
2113
+ "name": "_effFooterSeparator",
1994
2114
  "type": {
1995
- "text": "Record<string, string>"
2115
+ "text": "boolean"
1996
2116
  },
1997
2117
  "privacy": "private",
1998
- "default": "{}",
1999
- "description": "Inline CSS variable cache."
2118
+ "default": "false"
2000
2119
  },
2001
2120
  {
2002
2121
  "kind": "field",
2003
- "name": "_presets",
2122
+ "name": "_effHeaderOverlay",
2123
+ "type": {
2124
+ "text": "boolean"
2125
+ },
2004
2126
  "privacy": "private",
2005
- "default": "new PresetController(this, { isPaused: () => this.inGroup, onChange: () => { this._styleDirty = true; }, })"
2127
+ "default": "false"
2006
2128
  },
2007
2129
  {
2008
2130
  "kind": "field",
2009
- "name": "_lastPresetRevision",
2131
+ "name": "_effFooterOverlay",
2010
2132
  "type": {
2011
- "text": "number"
2133
+ "text": "boolean"
2012
2134
  },
2013
2135
  "privacy": "private",
2014
- "default": "-1"
2136
+ "default": "false"
2015
2137
  },
2016
2138
  {
2017
2139
  "kind": "field",
2018
- "name": "_styleDirty",
2140
+ "name": "_effHeaderInset",
2019
2141
  "type": {
2020
2142
  "text": "boolean"
2021
2143
  },
2022
2144
  "privacy": "private",
2023
- "default": "true",
2024
- "description": "Set when presets change so `update()` rebuilds CSS vars after hostUpdate."
2145
+ "default": "false"
2025
2146
  },
2026
2147
  {
2027
- "kind": "method",
2028
- "name": "_slotHasMeaningfulContent",
2029
- "privacy": "private",
2030
- "return": {
2031
- "type": {
2032
- "text": "boolean"
2033
- }
2148
+ "kind": "field",
2149
+ "name": "_effFooterInset",
2150
+ "type": {
2151
+ "text": "boolean"
2034
2152
  },
2035
- "parameters": [
2036
- {
2037
- "name": "slotEl",
2038
- "type": {
2039
- "text": "HTMLSlotElement"
2040
- }
2041
- }
2042
- ]
2153
+ "privacy": "private",
2154
+ "default": "false"
2043
2155
  },
2044
2156
  {
2045
2157
  "kind": "field",
2046
- "name": "_onSlotChange",
2047
- "privacy": "private"
2158
+ "name": "_varsCache",
2159
+ "type": {
2160
+ "text": "Record<string, string>"
2161
+ },
2162
+ "privacy": "private",
2163
+ "default": "{}"
2048
2164
  },
2049
2165
  {
2050
- "kind": "method",
2051
- "name": "_toSquarePadding",
2166
+ "kind": "field",
2167
+ "name": "BG_MAP",
2052
2168
  "privacy": "private",
2053
- "return": {
2054
- "type": {
2055
- "text": "string"
2056
- }
2169
+ "static": true,
2170
+ "readonly": true,
2171
+ "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
2172
+ "type": {
2173
+ "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 }"
2174
+ }
2175
+ },
2176
+ {
2177
+ "kind": "field",
2178
+ "name": "BLUR_MAP",
2179
+ "privacy": "private",
2180
+ "static": true,
2181
+ "readonly": true,
2182
+ "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
2183
+ "type": {
2184
+ "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 }"
2185
+ }
2186
+ },
2187
+ {
2188
+ "kind": "field",
2189
+ "name": "SIZE_MAP",
2190
+ "privacy": "private",
2191
+ "static": true,
2192
+ "readonly": true,
2193
+ "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)\", }",
2194
+ "type": {
2195
+ "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 }"
2196
+ }
2197
+ },
2198
+ {
2199
+ "kind": "field",
2200
+ "name": "GLASS_BG_TIERS",
2201
+ "privacy": "private",
2202
+ "static": true,
2203
+ "readonly": true,
2204
+ "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2205
+ },
2206
+ {
2207
+ "kind": "field",
2208
+ "name": "SECTION_INSET_BG_MAP",
2209
+ "privacy": "private",
2210
+ "static": true,
2211
+ "readonly": true,
2212
+ "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
2213
+ "type": {
2214
+ "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 }"
2057
2215
  },
2058
- "parameters": [
2059
- {
2060
- "name": "padding",
2061
- "type": {
2062
- "text": "string"
2063
- }
2064
- }
2065
- ],
2066
- "description": "Uses vertical padding for equal sides (icon-only square control)."
2216
+ "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
2067
2217
  },
2068
2218
  {
2069
2219
  "kind": "method",
2070
- "name": "_resolveSize",
2220
+ "name": "_composeBackdrop",
2071
2221
  "privacy": "private",
2222
+ "static": true,
2072
2223
  "return": {
2073
2224
  "type": {
2074
- "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
2225
+ "text": "string"
2075
2226
  }
2076
2227
  },
2077
2228
  "parameters": [
2078
2229
  {
2079
- "name": "input",
2230
+ "name": "blurLevel",
2080
2231
  "type": {
2081
2232
  "text": "string"
2082
2233
  }
@@ -2085,85 +2236,101 @@
2085
2236
  },
2086
2237
  {
2087
2238
  "kind": "method",
2088
- "name": "_isThemeBorderShorthand",
2239
+ "name": "_composeElevation",
2089
2240
  "privacy": "private",
2241
+ "static": true,
2090
2242
  "return": {
2091
2243
  "type": {
2092
- "text": "boolean"
2244
+ "text": "string"
2093
2245
  }
2094
2246
  },
2095
2247
  "parameters": [
2096
2248
  {
2097
- "name": "border",
2249
+ "name": "level",
2098
2250
  "type": {
2099
- "text": "string | undefined"
2251
+ "text": "SkyCardElevation | string"
2100
2252
  }
2101
2253
  }
2102
- ],
2103
- "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
2254
+ ]
2255
+ },
2256
+ {
2257
+ "kind": "field",
2258
+ "name": "preset",
2259
+ "type": {
2260
+ "text": "string"
2261
+ },
2262
+ "default": "\"\"",
2263
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2264
+ "attribute": "preset",
2265
+ "reflects": true
2266
+ },
2267
+ {
2268
+ "kind": "field",
2269
+ "name": "_presets",
2270
+ "privacy": "private",
2271
+ "default": "new PresetController(this)"
2104
2272
  },
2105
2273
  {
2106
2274
  "kind": "method",
2107
- "name": "_borderColorFromShorthand",
2275
+ "name": "_wireSlotChangeHandlers",
2108
2276
  "privacy": "private",
2109
2277
  "return": {
2110
2278
  "type": {
2111
- "text": "string"
2112
- }
2113
- },
2114
- "parameters": [
2115
- {
2116
- "name": "border",
2117
- "type": {
2118
- "text": "string | undefined"
2119
- }
2279
+ "text": "void"
2120
2280
  }
2121
- ],
2122
- "description": "Extracts the color token from a `Npx solid …` border shorthand."
2281
+ }
2123
2282
  },
2124
2283
  {
2125
2284
  "kind": "method",
2126
- "name": "_rebuildStyleVars",
2285
+ "name": "_syncHeader",
2127
2286
  "privacy": "private",
2128
2287
  "return": {
2129
2288
  "type": {
2130
2289
  "text": "void"
2131
2290
  }
2132
- },
2133
- "parameters": [
2134
- {
2135
- "name": "changedProperties",
2136
- "type": {
2137
- "text": "Map<string, unknown>"
2138
- }
2139
- }
2140
- ]
2291
+ }
2141
2292
  },
2142
2293
  {
2143
2294
  "kind": "method",
2144
- "name": "focusButton",
2145
- "privacy": "public",
2295
+ "name": "_syncFooter",
2296
+ "privacy": "private",
2146
2297
  "return": {
2147
2298
  "type": {
2148
2299
  "text": "void"
2149
2300
  }
2301
+ }
2302
+ },
2303
+ {
2304
+ "kind": "method",
2305
+ "name": "_expandPair",
2306
+ "privacy": "private",
2307
+ "return": {
2308
+ "type": {
2309
+ "text": "[boolean, boolean]"
2310
+ }
2150
2311
  },
2151
- "description": "Focuses the internal native button."
2312
+ "parameters": [
2313
+ {
2314
+ "name": "sh",
2315
+ "type": {
2316
+ "text": "SkyCardSectionTarget"
2317
+ }
2318
+ }
2319
+ ]
2152
2320
  },
2153
2321
  {
2154
2322
  "kind": "method",
2155
- "name": "clickButton",
2156
- "privacy": "public",
2323
+ "name": "_computeEffectiveFlags",
2324
+ "privacy": "private",
2157
2325
  "return": {
2158
2326
  "type": {
2159
2327
  "text": "void"
2160
2328
  }
2161
- },
2162
- "description": "Triggers a click on the internal native button when enabled."
2329
+ }
2163
2330
  },
2164
2331
  {
2165
2332
  "kind": "method",
2166
- "name": "_createRipple",
2333
+ "name": "_setVar",
2167
2334
  "privacy": "private",
2168
2335
  "return": {
2169
2336
  "type": {
@@ -2172,709 +2339,623 @@
2172
2339
  },
2173
2340
  "parameters": [
2174
2341
  {
2175
- "name": "event",
2342
+ "name": "name",
2176
2343
  "type": {
2177
- "text": "MouseEvent"
2344
+ "text": "string"
2345
+ }
2346
+ },
2347
+ {
2348
+ "name": "value",
2349
+ "type": {
2350
+ "text": "string"
2178
2351
  }
2179
2352
  }
2180
2353
  ]
2181
2354
  },
2182
2355
  {
2183
2356
  "kind": "method",
2184
- "name": "formDisabledCallback",
2357
+ "name": "_resolveSectionBg",
2358
+ "privacy": "private",
2185
2359
  "return": {
2186
2360
  "type": {
2187
- "text": "void"
2361
+ "text": "string"
2188
2362
  }
2189
2363
  },
2190
2364
  "parameters": [
2191
2365
  {
2192
- "name": "disabled",
2366
+ "name": "token",
2367
+ "type": {
2368
+ "text": "string"
2369
+ }
2370
+ },
2371
+ {
2372
+ "name": "isInset",
2373
+ "type": {
2374
+ "text": "boolean"
2375
+ }
2376
+ },
2377
+ {
2378
+ "name": "isOverlay",
2193
2379
  "type": {
2194
2380
  "text": "boolean"
2195
2381
  }
2196
2382
  }
2197
2383
  ]
2198
2384
  },
2199
- {
2200
- "kind": "field",
2201
- "name": "formOwner",
2202
- "type": {
2203
- "text": "HTMLFormElement | null"
2204
- },
2205
- "readonly": true
2206
- },
2207
2385
  {
2208
2386
  "kind": "method",
2209
- "name": "_handleClick",
2387
+ "name": "_resolveSectionGlassSurface",
2210
2388
  "privacy": "private",
2211
2389
  "return": {
2212
2390
  "type": {
2213
- "text": "void"
2391
+ "text": "string"
2214
2392
  }
2215
2393
  },
2216
2394
  "parameters": [
2217
2395
  {
2218
- "name": "event",
2396
+ "name": "token",
2219
2397
  "type": {
2220
- "text": "MouseEvent"
2398
+ "text": "string"
2221
2399
  }
2222
2400
  }
2223
2401
  ]
2224
2402
  },
2225
2403
  {
2226
2404
  "kind": "method",
2227
- "name": "_iconOnlyName",
2405
+ "name": "_applyCardVars",
2228
2406
  "privacy": "private",
2229
2407
  "return": {
2230
2408
  "type": {
2231
- "text": "string"
2409
+ "text": "void"
2232
2410
  }
2233
2411
  }
2234
- }
2235
- ],
2236
- "attributes": [
2237
- {
2238
- "name": "variant",
2239
- "type": {
2240
- "text": "SkyButtonVariant"
2241
- },
2242
- "default": "\"solid\"",
2243
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
2244
- "fieldName": "variant"
2245
- },
2246
- {
2247
- "name": "color",
2248
- "type": {
2249
- "text": "string"
2250
- },
2251
- "default": "\"primary\"",
2252
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
2253
- "fieldName": "color"
2254
- },
2255
- {
2256
- "name": "type",
2257
- "type": {
2258
- "text": "SkyButtonType"
2259
- },
2260
- "default": "\"button\"",
2261
- "description": "Button type attribute. Default: `\"button\"`.",
2262
- "fieldName": "type"
2263
- },
2264
- {
2265
- "name": "form",
2266
- "type": {
2267
- "text": "string"
2268
- },
2269
- "default": "\"\"",
2270
- "description": "Associated form ID for custom submit handling.",
2271
- "fieldName": "form"
2272
- },
2273
- {
2274
- "name": "size",
2275
- "type": {
2276
- "text": "string"
2277
- },
2278
- "default": "\"md\"",
2279
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
2280
- "fieldName": "size"
2281
- },
2282
- {
2283
- "name": "radius",
2284
- "type": {
2285
- "text": "string"
2286
- },
2287
- "default": "\"md\"",
2288
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
2289
- "fieldName": "radius"
2290
- },
2291
- {
2292
- "name": "label",
2293
- "type": {
2294
- "text": "string"
2295
- },
2296
- "default": "\"Button\"",
2297
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
2298
- "fieldName": "label"
2299
- },
2300
- {
2301
- "name": "disabled",
2302
- "type": {
2303
- "text": "boolean"
2304
- },
2305
- "default": "false",
2306
- "description": "Whether the button is disabled. Default: `false`.",
2307
- "fieldName": "disabled"
2308
- },
2309
- {
2310
- "name": "loading",
2311
- "type": {
2312
- "text": "boolean"
2313
- },
2314
- "default": "false",
2315
- "description": "Shows a loading overlay when true. Default: `false`.",
2316
- "fieldName": "loading"
2317
2412
  },
2318
- {
2319
- "name": "iconL",
2320
- "type": {
2321
- "text": "string"
2322
- },
2323
- "default": "\"\"",
2324
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
2325
- "fieldName": "iconL"
2326
- },
2327
- {
2328
- "name": "iconR",
2329
- "type": {
2330
- "text": "string"
2331
- },
2332
- "default": "\"\"",
2333
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
2334
- "fieldName": "iconR"
2335
- },
2336
- {
2337
- "name": "iconOnly",
2338
- "type": {
2339
- "text": "boolean"
2340
- },
2341
- "default": "false",
2342
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
2343
- "fieldName": "iconOnly"
2344
- },
2345
- {
2346
- "name": "colors",
2347
- "type": {
2348
- "text": "string"
2349
- },
2350
- "default": "\"\"",
2351
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
2352
- "fieldName": "colors"
2353
- },
2354
- {
2355
- "name": "animation",
2356
- "type": {
2357
- "text": "SkyButtonAnimation"
2358
- },
2359
- "default": "\"auto\"",
2360
- "description": "Transform animation style. Default: `\"auto\"`.",
2361
- "fieldName": "animation"
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"
2371
- }
2372
- ],
2373
- "superclass": {
2374
- "name": "LitElement",
2375
- "package": "lit"
2376
- },
2377
- "tagName": "sky-button",
2378
- "customElement": true,
2379
- "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
2380
- }
2381
- ],
2382
- "exports": [
2383
- {
2384
- "kind": "js",
2385
- "name": "SkyButton",
2386
- "declaration": {
2387
- "name": "SkyButton",
2388
- "module": "src/sky-button/sky-button.ts"
2389
- }
2390
- },
2391
- {
2392
- "kind": "custom-element-definition",
2393
- "name": "sky-button",
2394
- "declaration": {
2395
- "name": "SkyButton",
2396
- "module": "src/sky-button/sky-button.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"
2413
+ {
2414
+ "kind": "method",
2415
+ "name": "_applyPaddingVars",
2416
+ "privacy": "private",
2417
+ "return": {
2418
+ "type": {
2419
+ "text": "void"
2420
+ }
2421
+ }
2447
2422
  },
2448
2423
  {
2449
- "description": "Slot for the footer subtitle.",
2450
- "name": "footer-subtitle"
2424
+ "kind": "method",
2425
+ "name": "_applySectionChrome",
2426
+ "privacy": "private",
2427
+ "return": {
2428
+ "type": {
2429
+ "text": "void"
2430
+ }
2431
+ }
2451
2432
  },
2452
2433
  {
2453
- "description": "Slot for the footer actions (usually buttons).",
2454
- "name": "footer-actions"
2434
+ "kind": "method",
2435
+ "name": "refreshLayout",
2436
+ "privacy": "public",
2437
+ "return": {
2438
+ "type": {
2439
+ "text": "void"
2440
+ }
2441
+ },
2442
+ "description": "Recomputes card variables and section synchronization."
2455
2443
  }
2456
2444
  ],
2457
- "members": [
2445
+ "attributes": [
2458
2446
  {
2459
- "kind": "field",
2460
2447
  "name": "bg",
2461
2448
  "type": {
2462
2449
  "text": "string"
2463
2450
  },
2464
2451
  "default": "\"primary\"",
2465
2452
  "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
2466
- "attribute": "bg",
2467
- "reflects": true
2453
+ "fieldName": "bg"
2468
2454
  },
2469
2455
  {
2470
- "kind": "field",
2471
2456
  "name": "blurLevel",
2472
2457
  "type": {
2473
2458
  "text": "string"
2474
2459
  },
2475
2460
  "default": "\"none\"",
2476
2461
  "description": "Level of blur applied to the background. Default: `\"none\"`.",
2477
- "attribute": "blurLevel",
2478
- "reflects": true
2462
+ "fieldName": "blurLevel"
2479
2463
  },
2480
2464
  {
2481
- "kind": "field",
2482
2465
  "name": "radius",
2483
2466
  "type": {
2484
2467
  "text": "string"
2485
2468
  },
2486
2469
  "default": "\"md\"",
2487
2470
  "description": "Border radius of the card. Default: `\"md\"`.",
2488
- "attribute": "radius",
2489
- "reflects": true
2471
+ "fieldName": "radius"
2490
2472
  },
2491
2473
  {
2492
- "kind": "field",
2493
2474
  "name": "bodyPadding",
2494
2475
  "type": {
2495
2476
  "text": "string"
2496
2477
  },
2497
2478
  "default": "\"none\"",
2498
2479
  "description": "Padding for the card body. Default: `\"none\"`.",
2499
- "attribute": "bodyPadding",
2500
- "reflects": true
2480
+ "fieldName": "bodyPadding"
2501
2481
  },
2502
2482
  {
2503
- "kind": "field",
2504
2483
  "name": "elevation",
2505
2484
  "type": {
2506
2485
  "text": "SkyCardElevation"
2507
2486
  },
2508
2487
  "default": "\"md\"",
2509
2488
  "description": "Shadow depth of the card. Default: `\"md\"`.",
2510
- "attribute": "elevation",
2511
- "reflects": true
2489
+ "fieldName": "elevation"
2512
2490
  },
2513
2491
  {
2514
- "kind": "field",
2515
2492
  "name": "outlined",
2516
2493
  "type": {
2517
2494
  "text": "boolean"
2518
2495
  },
2519
2496
  "default": "false",
2520
2497
  "description": "Whether the card has an outline. Default: `false`.",
2521
- "attribute": "outlined",
2522
- "reflects": true
2498
+ "fieldName": "outlined"
2523
2499
  },
2524
2500
  {
2525
- "kind": "field",
2526
2501
  "name": "clickable",
2527
2502
  "type": {
2528
2503
  "text": "boolean"
2529
2504
  },
2530
2505
  "default": "false",
2531
2506
  "description": "Whether the card is clickable. Default: `false`.",
2532
- "attribute": "clickable",
2533
- "reflects": true
2507
+ "fieldName": "clickable"
2534
2508
  },
2535
2509
  {
2536
- "kind": "field",
2537
2510
  "name": "headerBg",
2538
2511
  "type": {
2539
2512
  "text": "string"
2540
2513
  },
2541
2514
  "default": "\"transparent\"",
2542
2515
  "description": "Background color of the header. Default: `\"transparent\"`.",
2543
- "attribute": "headerBg",
2544
- "reflects": true
2516
+ "fieldName": "headerBg"
2545
2517
  },
2546
2518
  {
2547
- "kind": "field",
2548
2519
  "name": "headerBlur",
2549
2520
  "type": {
2550
2521
  "text": "string"
2551
2522
  },
2552
2523
  "default": "\"none\"",
2553
2524
  "description": "Blur level for the header background. Default: `\"none\"`.",
2554
- "attribute": "headerBlur",
2555
- "reflects": true
2525
+ "fieldName": "headerBlur"
2556
2526
  },
2557
2527
  {
2558
- "kind": "field",
2559
2528
  "name": "headerPadding",
2560
2529
  "type": {
2561
2530
  "text": "string"
2562
2531
  },
2563
2532
  "default": "\"md\"",
2564
2533
  "description": "Padding for the header. Default: `\"md\"`.",
2565
- "attribute": "headerPadding",
2566
- "reflects": true
2534
+ "fieldName": "headerPadding"
2567
2535
  },
2568
2536
  {
2569
- "kind": "field",
2570
2537
  "name": "headerLayout",
2571
2538
  "type": {
2572
2539
  "text": "SkyCardSectionLayout"
2573
2540
  },
2574
2541
  "default": "\"inline\"",
2575
2542
  "description": "Layout of the header content. Default: `\"inline\"`.",
2576
- "attribute": "headerLayout"
2543
+ "fieldName": "headerLayout"
2577
2544
  },
2578
2545
  {
2579
- "kind": "field",
2580
2546
  "name": "headerInsetGap",
2581
2547
  "type": {
2582
2548
  "text": "string"
2583
2549
  },
2584
2550
  "default": "\"sm\"",
2585
2551
  "description": "Inset gap for the header section. Default: `\"sm\"`.",
2586
- "attribute": "headerInsetGap",
2587
- "reflects": true
2552
+ "fieldName": "headerInsetGap"
2588
2553
  },
2589
2554
  {
2590
- "kind": "field",
2591
2555
  "name": "headerRadius",
2592
2556
  "type": {
2593
2557
  "text": "string"
2594
2558
  },
2595
2559
  "default": "\"md\"",
2596
2560
  "description": "Border radius for the header. Default: `\"md\"`.",
2597
- "attribute": "headerRadius",
2598
- "reflects": true
2561
+ "fieldName": "headerRadius"
2599
2562
  },
2600
2563
  {
2601
- "kind": "field",
2602
2564
  "name": "headerSeparatorColor",
2603
2565
  "type": {
2604
2566
  "text": "string"
2605
2567
  },
2606
2568
  "default": "\"border-light\"",
2607
2569
  "description": "Color for the header separator. Default: `\"border-light\"`.",
2608
- "attribute": "headerSeparatorColor"
2570
+ "fieldName": "headerSeparatorColor"
2609
2571
  },
2610
2572
  {
2611
- "kind": "field",
2612
2573
  "name": "footerBg",
2613
2574
  "type": {
2614
2575
  "text": "string"
2615
2576
  },
2616
2577
  "default": "\"transparent\"",
2617
2578
  "description": "Background color of the footer. Default: `\"transparent\"`.",
2618
- "attribute": "footerBg",
2619
- "reflects": true
2579
+ "fieldName": "footerBg"
2620
2580
  },
2621
2581
  {
2622
- "kind": "field",
2623
2582
  "name": "footerBlur",
2624
2583
  "type": {
2625
2584
  "text": "string"
2626
2585
  },
2627
2586
  "default": "\"none\"",
2628
2587
  "description": "Blur level for the footer background. Default: `\"none\"`.",
2629
- "attribute": "footerBlur",
2630
- "reflects": true
2588
+ "fieldName": "footerBlur"
2631
2589
  },
2632
2590
  {
2633
- "kind": "field",
2634
2591
  "name": "footerPadding",
2635
2592
  "type": {
2636
2593
  "text": "string"
2637
2594
  },
2638
- "default": "\"md\"",
2639
- "description": "Padding for the footer. Default: `\"md\"`.",
2640
- "attribute": "footerPadding",
2595
+ "default": "\"md\"",
2596
+ "description": "Padding for the footer. Default: `\"md\"`.",
2597
+ "fieldName": "footerPadding"
2598
+ },
2599
+ {
2600
+ "name": "footerLayout",
2601
+ "type": {
2602
+ "text": "SkyCardSectionLayout"
2603
+ },
2604
+ "default": "\"inline\"",
2605
+ "description": "Layout of the footer content. Default: `\"inline\"`.",
2606
+ "fieldName": "footerLayout"
2607
+ },
2608
+ {
2609
+ "name": "footerInsetGap",
2610
+ "type": {
2611
+ "text": "string"
2612
+ },
2613
+ "default": "\"sm\"",
2614
+ "description": "Inset gap for the footer section. Default: `\"sm\"`.",
2615
+ "fieldName": "footerInsetGap"
2616
+ },
2617
+ {
2618
+ "name": "footerRadius",
2619
+ "type": {
2620
+ "text": "string"
2621
+ },
2622
+ "default": "\"md\"",
2623
+ "description": "Border radius for the footer. Default: `\"md\"`.",
2624
+ "fieldName": "footerRadius"
2625
+ },
2626
+ {
2627
+ "name": "footerSeparatorColor",
2628
+ "type": {
2629
+ "text": "string"
2630
+ },
2631
+ "default": "\"border-light\"",
2632
+ "description": "Color for the footer separator. Default: `\"border-light\"`.",
2633
+ "fieldName": "footerSeparatorColor"
2634
+ },
2635
+ {
2636
+ "name": "padRatio",
2637
+ "type": {
2638
+ "text": "number"
2639
+ },
2640
+ "default": "1",
2641
+ "description": "Ratio to adjust padding. Default: `1`.",
2642
+ "fieldName": "padRatio"
2643
+ },
2644
+ {
2645
+ "name": "separators",
2646
+ "type": {
2647
+ "text": "SkyCardSectionTarget"
2648
+ },
2649
+ "default": "\"none\"",
2650
+ "description": "Determines where separators should appear. Default: `\"none\"`.",
2651
+ "fieldName": "separators"
2652
+ },
2653
+ {
2654
+ "name": "overlays",
2655
+ "type": {
2656
+ "text": "SkyCardSectionTarget"
2657
+ },
2658
+ "default": "\"none\"",
2659
+ "description": "Determines where overlays should appear. Default: `\"none\"`.",
2660
+ "fieldName": "overlays"
2661
+ },
2662
+ {
2663
+ "name": "insets",
2664
+ "type": {
2665
+ "text": "SkyCardSectionTarget"
2666
+ },
2667
+ "default": "\"none\"",
2668
+ "description": "Determines where insets should appear. Default: `\"none\"`.",
2669
+ "fieldName": "insets"
2670
+ },
2671
+ {
2672
+ "name": "preset",
2673
+ "type": {
2674
+ "text": "string"
2675
+ },
2676
+ "default": "\"\"",
2677
+ "description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
2678
+ "fieldName": "preset"
2679
+ }
2680
+ ],
2681
+ "superclass": {
2682
+ "name": "LitElement",
2683
+ "package": "lit"
2684
+ },
2685
+ "tagName": "sky-card",
2686
+ "customElement": true,
2687
+ "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
2688
+ }
2689
+ ],
2690
+ "exports": [
2691
+ {
2692
+ "kind": "js",
2693
+ "name": "SkyCard",
2694
+ "declaration": {
2695
+ "name": "SkyCard",
2696
+ "module": "src/sky-card/sky-card.ts"
2697
+ }
2698
+ },
2699
+ {
2700
+ "kind": "custom-element-definition",
2701
+ "name": "sky-card",
2702
+ "declaration": {
2703
+ "name": "SkyCard",
2704
+ "module": "src/sky-card/sky-card.ts"
2705
+ }
2706
+ }
2707
+ ]
2708
+ },
2709
+ {
2710
+ "kind": "javascript-module",
2711
+ "path": "src/sky-badge/sky-badge.ts",
2712
+ "declarations": [
2713
+ {
2714
+ "kind": "class",
2715
+ "description": "",
2716
+ "name": "SkyBadge",
2717
+ "cssParts": [
2718
+ {
2719
+ "description": "Wrapper around the slotted content and the badge.",
2720
+ "name": "container"
2721
+ },
2722
+ {
2723
+ "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
2724
+ "name": "badge"
2725
+ },
2726
+ {
2727
+ "description": "The icon element when `isIcon` is true.",
2728
+ "name": "icon"
2729
+ }
2730
+ ],
2731
+ "slots": [
2732
+ {
2733
+ "description": "The content the badge attaches to.",
2734
+ "name": ""
2735
+ },
2736
+ {
2737
+ "description": "Optional slot to override the badge content entirely.",
2738
+ "name": "badge"
2739
+ }
2740
+ ],
2741
+ "members": [
2742
+ {
2743
+ "kind": "field",
2744
+ "name": "dependencies",
2745
+ "type": {
2746
+ "text": "Record<string, CustomElementConstructor>"
2747
+ },
2748
+ "static": true,
2749
+ "default": "{ \"sky-icon\": SkyIcon, }"
2750
+ },
2751
+ {
2752
+ "kind": "field",
2753
+ "name": "statusColor",
2754
+ "type": {
2755
+ "text": "string"
2756
+ },
2757
+ "default": "\"success\"",
2758
+ "description": "Badge background token or CSS color.",
2759
+ "attribute": "statusColor",
2641
2760
  "reflects": true
2642
2761
  },
2643
2762
  {
2644
2763
  "kind": "field",
2645
- "name": "footerLayout",
2764
+ "name": "textColor",
2646
2765
  "type": {
2647
- "text": "SkyCardSectionLayout"
2766
+ "text": "string"
2648
2767
  },
2649
- "default": "\"inline\"",
2650
- "description": "Layout of the footer content. Default: `\"inline\"`.",
2651
- "attribute": "footerLayout"
2768
+ "default": "\"default\"",
2769
+ "description": "Text color token or CSS color.",
2770
+ "attribute": "textColor",
2771
+ "reflects": true
2652
2772
  },
2653
2773
  {
2654
2774
  "kind": "field",
2655
- "name": "footerInsetGap",
2775
+ "name": "iconColor",
2656
2776
  "type": {
2657
2777
  "text": "string"
2658
2778
  },
2659
- "default": "\"sm\"",
2660
- "description": "Inset gap for the footer section. Default: `\"sm\"`.",
2661
- "attribute": "footerInsetGap",
2779
+ "default": "\"\"",
2780
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
2781
+ "attribute": "iconColor",
2662
2782
  "reflects": true
2663
2783
  },
2664
2784
  {
2665
2785
  "kind": "field",
2666
- "name": "footerRadius",
2786
+ "name": "position",
2667
2787
  "type": {
2668
- "text": "string"
2788
+ "text": "SkyBadgePosition"
2669
2789
  },
2670
- "default": "\"md\"",
2671
- "description": "Border radius for the footer. Default: `\"md\"`.",
2672
- "attribute": "footerRadius",
2790
+ "default": "\"default\"",
2791
+ "description": "Layout mode: `default | floating | inline`.",
2792
+ "attribute": "position",
2673
2793
  "reflects": true
2674
2794
  },
2675
2795
  {
2676
2796
  "kind": "field",
2677
- "name": "footerSeparatorColor",
2797
+ "name": "value",
2678
2798
  "type": {
2679
2799
  "text": "string"
2680
2800
  },
2681
- "default": "\"border-light\"",
2682
- "description": "Color for the footer separator. Default: `\"border-light\"`.",
2683
- "attribute": "footerSeparatorColor"
2801
+ "default": "\"\"",
2802
+ "description": "Badge text/count or icon name in icon mode.",
2803
+ "attribute": "value"
2684
2804
  },
2685
2805
  {
2686
2806
  "kind": "field",
2687
- "name": "padRatio",
2807
+ "name": "isIcon",
2688
2808
  "type": {
2689
- "text": "number"
2809
+ "text": "boolean"
2690
2810
  },
2691
- "default": "1",
2692
- "description": "Ratio to adjust padding. Default: `1`.",
2693
- "attribute": "padRatio"
2811
+ "default": "false",
2812
+ "description": "Renders icon mode when true.",
2813
+ "attribute": "isIcon",
2814
+ "reflects": true
2694
2815
  },
2695
2816
  {
2696
2817
  "kind": "field",
2697
- "name": "separators",
2818
+ "name": "size",
2698
2819
  "type": {
2699
- "text": "SkyCardSectionTarget"
2820
+ "text": "string"
2700
2821
  },
2701
- "default": "\"none\"",
2702
- "description": "Determines where separators should appear. Default: `\"none\"`.",
2703
- "attribute": "separators"
2822
+ "default": "\"\"",
2823
+ "description": "Badge and icon size CSS length.",
2824
+ "attribute": "size",
2825
+ "reflects": true
2704
2826
  },
2705
2827
  {
2706
2828
  "kind": "field",
2707
- "name": "overlays",
2829
+ "name": "shape",
2708
2830
  "type": {
2709
- "text": "SkyCardSectionTarget"
2831
+ "text": "SkyBadgeShape"
2710
2832
  },
2711
- "default": "\"none\"",
2712
- "description": "Determines where overlays should appear. Default: `\"none\"`.",
2713
- "attribute": "overlays"
2833
+ "default": "\"custom\"",
2834
+ "description": "Badge shape: `circle | pill | custom`.",
2835
+ "attribute": "shape",
2836
+ "reflects": true
2714
2837
  },
2715
2838
  {
2716
2839
  "kind": "field",
2717
- "name": "insets",
2840
+ "name": "max",
2718
2841
  "type": {
2719
- "text": "SkyCardSectionTarget"
2842
+ "text": "number"
2720
2843
  },
2721
- "default": "\"none\"",
2722
- "description": "Determines where insets should appear. Default: `\"none\"`.",
2723
- "attribute": "insets"
2844
+ "default": "99",
2845
+ "description": "Maximum numeric count before rendering overflow label.",
2846
+ "attribute": "max"
2724
2847
  },
2725
2848
  {
2726
2849
  "kind": "field",
2727
- "name": "_effHeaderSeparator",
2850
+ "name": "hideWhenZero",
2728
2851
  "type": {
2729
2852
  "text": "boolean"
2730
2853
  },
2731
- "privacy": "private",
2732
- "default": "false"
2854
+ "default": "false",
2855
+ "description": "Hides badge when value resolves to numeric zero.",
2856
+ "attribute": "hideWhenZero"
2733
2857
  },
2734
2858
  {
2735
2859
  "kind": "field",
2736
- "name": "_effFooterSeparator",
2860
+ "name": "show",
2737
2861
  "type": {
2738
2862
  "text": "boolean"
2739
2863
  },
2740
- "privacy": "private",
2741
- "default": "false"
2864
+ "default": "true",
2865
+ "description": "Forces badge visibility independent of value.",
2866
+ "attribute": "show",
2867
+ "reflects": true
2742
2868
  },
2743
2869
  {
2744
2870
  "kind": "field",
2745
- "name": "_effHeaderOverlay",
2871
+ "name": "offsetX",
2746
2872
  "type": {
2747
- "text": "boolean"
2873
+ "text": "string"
2748
2874
  },
2749
- "privacy": "private",
2750
- "default": "false"
2875
+ "default": "\"0px\"",
2876
+ "description": "Horizontal offset CSS length.",
2877
+ "attribute": "offsetX"
2751
2878
  },
2752
2879
  {
2753
2880
  "kind": "field",
2754
- "name": "_effFooterOverlay",
2881
+ "name": "offsetY",
2755
2882
  "type": {
2756
- "text": "boolean"
2883
+ "text": "string"
2757
2884
  },
2758
- "privacy": "private",
2759
- "default": "false"
2885
+ "default": "\"0px\"",
2886
+ "description": "Vertical offset CSS length.",
2887
+ "attribute": "offsetY"
2760
2888
  },
2761
2889
  {
2762
2890
  "kind": "field",
2763
- "name": "_effHeaderInset",
2891
+ "name": "ring",
2764
2892
  "type": {
2765
2893
  "text": "boolean"
2766
2894
  },
2767
- "privacy": "private",
2768
- "default": "false"
2895
+ "default": "false",
2896
+ "description": "Enables visual ring around the badge.",
2897
+ "attribute": "ring"
2769
2898
  },
2770
2899
  {
2771
2900
  "kind": "field",
2772
- "name": "_effFooterInset",
2901
+ "name": "ringColor",
2773
2902
  "type": {
2774
- "text": "boolean"
2903
+ "text": "string"
2775
2904
  },
2776
- "privacy": "private",
2777
- "default": "false"
2905
+ "default": "\"primary\"",
2906
+ "description": "Ring color token or CSS color.",
2907
+ "attribute": "ringColor"
2778
2908
  },
2779
2909
  {
2780
2910
  "kind": "field",
2781
- "name": "_varsCache",
2911
+ "name": "ringOffset",
2782
2912
  "type": {
2783
- "text": "Record<string, string>"
2913
+ "text": "string"
2784
2914
  },
2785
- "privacy": "private",
2786
- "default": "{}"
2915
+ "default": "\"1px\"",
2916
+ "description": "Ring offset CSS length.",
2917
+ "attribute": "ringOffset"
2787
2918
  },
2788
2919
  {
2789
2920
  "kind": "field",
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\", }",
2921
+ "name": "badgeLabel",
2795
2922
  "type": {
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
- }
2923
+ "text": "string | null"
2924
+ },
2925
+ "default": "null",
2926
+ "description": "ARIA label override.",
2927
+ "attribute": "badgeLabel"
2798
2928
  },
2799
2929
  {
2800
2930
  "kind": "field",
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)\", }",
2931
+ "name": "badgeAriaHidden",
2806
2932
  "type": {
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
- }
2933
+ "text": "boolean"
2934
+ },
2935
+ "default": "false",
2936
+ "description": "Hides badge from assistive technology when true.",
2937
+ "attribute": "badgeAriaHidden"
2809
2938
  },
2810
2939
  {
2811
2940
  "kind": "field",
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)\", }",
2941
+ "name": "interactive",
2817
2942
  "type": {
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
- }
2820
- },
2821
- {
2822
- "kind": "field",
2823
- "name": "GLASS_BG_TIERS",
2824
- "privacy": "private",
2825
- "static": true,
2826
- "readonly": true,
2827
- "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2943
+ "text": "boolean"
2944
+ },
2945
+ "default": "false",
2946
+ "description": "Enables focus/activation and `badge-click` emission.",
2947
+ "attribute": "interactive"
2828
2948
  },
2829
2949
  {
2830
2950
  "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\", }",
2951
+ "name": "placement",
2836
2952
  "type": {
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 }"
2838
- },
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
- }
2953
+ "text": "SkyBadgePlacement"
2869
2954
  },
2870
- "parameters": [
2871
- {
2872
- "name": "level",
2873
- "type": {
2874
- "text": "SkyCardElevation | string"
2875
- }
2876
- }
2877
- ]
2955
+ "default": "\"custom\"",
2956
+ "description": "Anchor placement preset for badge positioning.",
2957
+ "attribute": "placement",
2958
+ "reflects": true
2878
2959
  },
2879
2960
  {
2880
2961
  "kind": "field",
@@ -2889,407 +2970,326 @@
2889
2970
  },
2890
2971
  {
2891
2972
  "kind": "field",
2892
- "name": "_presets",
2893
- "privacy": "private",
2894
- "default": "new PresetController(this)"
2973
+ "name": "_presets",
2974
+ "privacy": "private",
2975
+ "default": "new PresetController(this)"
2976
+ },
2977
+ {
2978
+ "kind": "field",
2979
+ "name": "_badgeEl",
2980
+ "type": {
2981
+ "text": "HTMLSpanElement"
2982
+ },
2983
+ "privacy": "private"
2984
+ },
2985
+ {
2986
+ "kind": "field",
2987
+ "name": "badgeRef",
2988
+ "privacy": "public",
2989
+ "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
2895
2990
  },
2896
2991
  {
2897
- "kind": "method",
2898
- "name": "_wireSlotChangeHandlers",
2899
- "privacy": "private",
2900
- "return": {
2901
- "type": {
2902
- "text": "void"
2903
- }
2904
- }
2992
+ "kind": "field",
2993
+ "name": "shadowRootOptions",
2994
+ "type": {
2995
+ "text": "ShadowRootInit"
2996
+ },
2997
+ "static": true,
2998
+ "default": "{ mode: \"open\", delegatesFocus: true, }"
2905
2999
  },
2906
3000
  {
2907
3001
  "kind": "method",
2908
- "name": "_syncHeader",
2909
- "privacy": "private",
3002
+ "name": "showBadge",
3003
+ "privacy": "public",
2910
3004
  "return": {
2911
3005
  "type": {
2912
3006
  "text": "void"
2913
3007
  }
2914
- }
3008
+ },
3009
+ "description": "Forces badge visibility on."
2915
3010
  },
2916
3011
  {
2917
3012
  "kind": "method",
2918
- "name": "_syncFooter",
2919
- "privacy": "private",
3013
+ "name": "hideBadge",
3014
+ "privacy": "public",
2920
3015
  "return": {
2921
3016
  "type": {
2922
3017
  "text": "void"
2923
3018
  }
2924
- }
3019
+ },
3020
+ "description": "Forces badge visibility off."
2925
3021
  },
2926
3022
  {
2927
3023
  "kind": "method",
2928
- "name": "_expandPair",
2929
- "privacy": "private",
3024
+ "name": "setValue",
3025
+ "privacy": "public",
2930
3026
  "return": {
2931
3027
  "type": {
2932
- "text": "[boolean, boolean]"
3028
+ "text": "void"
2933
3029
  }
2934
3030
  },
2935
3031
  "parameters": [
2936
3032
  {
2937
- "name": "sh",
3033
+ "name": "value",
2938
3034
  "type": {
2939
- "text": "SkyCardSectionTarget"
2940
- }
3035
+ "text": "string"
3036
+ },
3037
+ "description": "Badge value or icon name."
2941
3038
  }
2942
- ]
3039
+ ],
3040
+ "description": "Updates badge value for text/count or icon modes."
2943
3041
  },
2944
3042
  {
2945
- "kind": "method",
2946
- "name": "_computeEffectiveFlags",
3043
+ "kind": "field",
3044
+ "name": "_onActivate",
2947
3045
  "privacy": "private",
2948
- "return": {
2949
- "type": {
2950
- "text": "void"
2951
- }
2952
- }
3046
+ "description": "Emits `badge-click` for interactive activation."
2953
3047
  },
2954
3048
  {
2955
- "kind": "method",
2956
- "name": "_setVar",
3049
+ "kind": "field",
3050
+ "name": "_onKeydown",
2957
3051
  "privacy": "private",
2958
- "return": {
2959
- "type": {
2960
- "text": "void"
2961
- }
2962
- },
2963
- "parameters": [
2964
- {
2965
- "name": "name",
2966
- "type": {
2967
- "text": "string"
2968
- }
2969
- },
2970
- {
2971
- "name": "value",
2972
- "type": {
2973
- "text": "string"
2974
- }
2975
- }
2976
- ]
3052
+ "description": "Handles keyboard activation with Enter and Space."
2977
3053
  },
2978
3054
  {
2979
3055
  "kind": "method",
2980
- "name": "_resolveSectionBg",
3056
+ "name": "_computeAriaLabel",
2981
3057
  "privacy": "private",
2982
3058
  "return": {
2983
3059
  "type": {
2984
- "text": "string"
3060
+ "text": "string | null"
2985
3061
  }
2986
3062
  },
2987
3063
  "parameters": [
2988
3064
  {
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",
3065
+ "name": "displayValue",
3002
3066
  "type": {
3003
- "text": "boolean"
3067
+ "text": "string | null"
3004
3068
  }
3005
3069
  }
3006
- ]
3070
+ ],
3071
+ "description": "Computes accessible badge label from current render state."
3007
3072
  },
3008
3073
  {
3009
3074
  "kind": "method",
3010
- "name": "_resolveSectionGlassSurface",
3075
+ "name": "_computeAnchors",
3011
3076
  "privacy": "private",
3012
3077
  "return": {
3013
3078
  "type": {
3014
- "text": "string"
3079
+ "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
3015
3080
  }
3016
3081
  },
3017
3082
  "parameters": [
3018
3083
  {
3019
- "name": "token",
3084
+ "name": "placement",
3020
3085
  "type": {
3021
- "text": "string"
3086
+ "text": "SkyBadgePlacement"
3022
3087
  }
3023
3088
  }
3024
- ]
3025
- },
3026
- {
3027
- "kind": "method",
3028
- "name": "_applyCardVars",
3029
- "privacy": "private",
3030
- "return": {
3031
- "type": {
3032
- "text": "void"
3033
- }
3034
- }
3035
- },
3036
- {
3037
- "kind": "method",
3038
- "name": "_applyPaddingVars",
3039
- "privacy": "private",
3040
- "return": {
3041
- "type": {
3042
- "text": "void"
3043
- }
3044
- }
3089
+ ],
3090
+ "description": "Resolves anchor edges from placement preset."
3045
3091
  },
3046
3092
  {
3047
3093
  "kind": "method",
3048
- "name": "_applySectionChrome",
3094
+ "name": "_resolveBadgeSurface",
3049
3095
  "privacy": "private",
3050
3096
  "return": {
3051
3097
  "type": {
3052
- "text": "void"
3053
- }
3054
- }
3055
- },
3056
- {
3057
- "kind": "method",
3058
- "name": "refreshLayout",
3059
- "privacy": "public",
3060
- "return": {
3061
- "type": {
3062
- "text": "void"
3098
+ "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
3063
3099
  }
3064
3100
  },
3065
- "description": "Recomputes card variables and section synchronization."
3101
+ "description": "Maps semantic status tokens to soft badge surface colors."
3066
3102
  }
3067
3103
  ],
3068
- "attributes": [
3069
- {
3070
- "name": "bg",
3071
- "type": {
3072
- "text": "string"
3073
- },
3074
- "default": "\"primary\"",
3075
- "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
3076
- "fieldName": "bg"
3077
- },
3104
+ "events": [
3078
3105
  {
3079
- "name": "blurLevel",
3080
3106
  "type": {
3081
- "text": "string"
3107
+ "text": "CustomEvent<SkyBadgeClickEventDetail>"
3082
3108
  },
3083
- "default": "\"none\"",
3084
- "description": "Level of blur applied to the background. Default: `\"none\"`.",
3085
- "fieldName": "blurLevel"
3086
- },
3109
+ "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
3110
+ "name": "badge-click"
3111
+ }
3112
+ ],
3113
+ "attributes": [
3087
3114
  {
3088
- "name": "radius",
3115
+ "name": "statusColor",
3089
3116
  "type": {
3090
3117
  "text": "string"
3091
3118
  },
3092
- "default": "\"md\"",
3093
- "description": "Border radius of the card. Default: `\"md\"`.",
3094
- "fieldName": "radius"
3119
+ "default": "\"success\"",
3120
+ "description": "Badge background token or CSS color.",
3121
+ "fieldName": "statusColor"
3095
3122
  },
3096
3123
  {
3097
- "name": "bodyPadding",
3124
+ "name": "textColor",
3098
3125
  "type": {
3099
3126
  "text": "string"
3100
3127
  },
3101
- "default": "\"none\"",
3102
- "description": "Padding for the card body. Default: `\"none\"`.",
3103
- "fieldName": "bodyPadding"
3104
- },
3105
- {
3106
- "name": "elevation",
3107
- "type": {
3108
- "text": "SkyCardElevation"
3109
- },
3110
- "default": "\"md\"",
3111
- "description": "Shadow depth of the card. Default: `\"md\"`.",
3112
- "fieldName": "elevation"
3113
- },
3114
- {
3115
- "name": "outlined",
3116
- "type": {
3117
- "text": "boolean"
3118
- },
3119
- "default": "false",
3120
- "description": "Whether the card has an outline. Default: `false`.",
3121
- "fieldName": "outlined"
3122
- },
3123
- {
3124
- "name": "clickable",
3125
- "type": {
3126
- "text": "boolean"
3127
- },
3128
- "default": "false",
3129
- "description": "Whether the card is clickable. Default: `false`.",
3130
- "fieldName": "clickable"
3128
+ "default": "\"default\"",
3129
+ "description": "Text color token or CSS color.",
3130
+ "fieldName": "textColor"
3131
3131
  },
3132
3132
  {
3133
- "name": "headerBg",
3133
+ "name": "iconColor",
3134
3134
  "type": {
3135
3135
  "text": "string"
3136
3136
  },
3137
- "default": "\"transparent\"",
3138
- "description": "Background color of the header. Default: `\"transparent\"`.",
3139
- "fieldName": "headerBg"
3137
+ "default": "\"\"",
3138
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
3139
+ "fieldName": "iconColor"
3140
3140
  },
3141
3141
  {
3142
- "name": "headerBlur",
3142
+ "name": "position",
3143
3143
  "type": {
3144
- "text": "string"
3144
+ "text": "SkyBadgePosition"
3145
3145
  },
3146
- "default": "\"none\"",
3147
- "description": "Blur level for the header background. Default: `\"none\"`.",
3148
- "fieldName": "headerBlur"
3146
+ "default": "\"default\"",
3147
+ "description": "Layout mode: `default | floating | inline`.",
3148
+ "fieldName": "position"
3149
3149
  },
3150
3150
  {
3151
- "name": "headerPadding",
3151
+ "name": "value",
3152
3152
  "type": {
3153
3153
  "text": "string"
3154
3154
  },
3155
- "default": "\"md\"",
3156
- "description": "Padding for the header. Default: `\"md\"`.",
3157
- "fieldName": "headerPadding"
3155
+ "default": "\"\"",
3156
+ "description": "Badge text/count or icon name in icon mode.",
3157
+ "fieldName": "value"
3158
3158
  },
3159
3159
  {
3160
- "name": "headerLayout",
3160
+ "name": "isIcon",
3161
3161
  "type": {
3162
- "text": "SkyCardSectionLayout"
3163
- },
3164
- "default": "\"inline\"",
3165
- "description": "Layout of the header content. Default: `\"inline\"`.",
3166
- "fieldName": "headerLayout"
3162
+ "text": "boolean"
3163
+ },
3164
+ "default": "false",
3165
+ "description": "Renders icon mode when true.",
3166
+ "fieldName": "isIcon"
3167
3167
  },
3168
3168
  {
3169
- "name": "headerInsetGap",
3169
+ "name": "size",
3170
3170
  "type": {
3171
3171
  "text": "string"
3172
3172
  },
3173
- "default": "\"sm\"",
3174
- "description": "Inset gap for the header section. Default: `\"sm\"`.",
3175
- "fieldName": "headerInsetGap"
3173
+ "default": "\"\"",
3174
+ "description": "Badge and icon size CSS length.",
3175
+ "fieldName": "size"
3176
3176
  },
3177
3177
  {
3178
- "name": "headerRadius",
3178
+ "name": "shape",
3179
3179
  "type": {
3180
- "text": "string"
3180
+ "text": "SkyBadgeShape"
3181
3181
  },
3182
- "default": "\"md\"",
3183
- "description": "Border radius for the header. Default: `\"md\"`.",
3184
- "fieldName": "headerRadius"
3182
+ "default": "\"custom\"",
3183
+ "description": "Badge shape: `circle | pill | custom`.",
3184
+ "fieldName": "shape"
3185
3185
  },
3186
3186
  {
3187
- "name": "headerSeparatorColor",
3187
+ "name": "max",
3188
3188
  "type": {
3189
- "text": "string"
3189
+ "text": "number"
3190
3190
  },
3191
- "default": "\"border-light\"",
3192
- "description": "Color for the header separator. Default: `\"border-light\"`.",
3193
- "fieldName": "headerSeparatorColor"
3191
+ "default": "99",
3192
+ "description": "Maximum numeric count before rendering overflow label.",
3193
+ "fieldName": "max"
3194
3194
  },
3195
3195
  {
3196
- "name": "footerBg",
3196
+ "name": "hideWhenZero",
3197
3197
  "type": {
3198
- "text": "string"
3198
+ "text": "boolean"
3199
3199
  },
3200
- "default": "\"transparent\"",
3201
- "description": "Background color of the footer. Default: `\"transparent\"`.",
3202
- "fieldName": "footerBg"
3200
+ "default": "false",
3201
+ "description": "Hides badge when value resolves to numeric zero.",
3202
+ "fieldName": "hideWhenZero"
3203
3203
  },
3204
3204
  {
3205
- "name": "footerBlur",
3205
+ "name": "show",
3206
3206
  "type": {
3207
- "text": "string"
3207
+ "text": "boolean"
3208
3208
  },
3209
- "default": "\"none\"",
3210
- "description": "Blur level for the footer background. Default: `\"none\"`.",
3211
- "fieldName": "footerBlur"
3209
+ "default": "true",
3210
+ "description": "Forces badge visibility independent of value.",
3211
+ "fieldName": "show"
3212
3212
  },
3213
3213
  {
3214
- "name": "footerPadding",
3214
+ "name": "offsetX",
3215
3215
  "type": {
3216
3216
  "text": "string"
3217
3217
  },
3218
- "default": "\"md\"",
3219
- "description": "Padding for the footer. Default: `\"md\"`.",
3220
- "fieldName": "footerPadding"
3218
+ "default": "\"0px\"",
3219
+ "description": "Horizontal offset CSS length.",
3220
+ "fieldName": "offsetX"
3221
3221
  },
3222
3222
  {
3223
- "name": "footerLayout",
3223
+ "name": "offsetY",
3224
3224
  "type": {
3225
- "text": "SkyCardSectionLayout"
3225
+ "text": "string"
3226
3226
  },
3227
- "default": "\"inline\"",
3228
- "description": "Layout of the footer content. Default: `\"inline\"`.",
3229
- "fieldName": "footerLayout"
3227
+ "default": "\"0px\"",
3228
+ "description": "Vertical offset CSS length.",
3229
+ "fieldName": "offsetY"
3230
3230
  },
3231
3231
  {
3232
- "name": "footerInsetGap",
3232
+ "name": "ring",
3233
3233
  "type": {
3234
- "text": "string"
3234
+ "text": "boolean"
3235
3235
  },
3236
- "default": "\"sm\"",
3237
- "description": "Inset gap for the footer section. Default: `\"sm\"`.",
3238
- "fieldName": "footerInsetGap"
3236
+ "default": "false",
3237
+ "description": "Enables visual ring around the badge.",
3238
+ "fieldName": "ring"
3239
3239
  },
3240
3240
  {
3241
- "name": "footerRadius",
3241
+ "name": "ringColor",
3242
3242
  "type": {
3243
3243
  "text": "string"
3244
3244
  },
3245
- "default": "\"md\"",
3246
- "description": "Border radius for the footer. Default: `\"md\"`.",
3247
- "fieldName": "footerRadius"
3245
+ "default": "\"primary\"",
3246
+ "description": "Ring color token or CSS color.",
3247
+ "fieldName": "ringColor"
3248
3248
  },
3249
3249
  {
3250
- "name": "footerSeparatorColor",
3250
+ "name": "ringOffset",
3251
3251
  "type": {
3252
3252
  "text": "string"
3253
3253
  },
3254
- "default": "\"border-light\"",
3255
- "description": "Color for the footer separator. Default: `\"border-light\"`.",
3256
- "fieldName": "footerSeparatorColor"
3254
+ "default": "\"1px\"",
3255
+ "description": "Ring offset CSS length.",
3256
+ "fieldName": "ringOffset"
3257
3257
  },
3258
3258
  {
3259
- "name": "padRatio",
3259
+ "name": "badgeLabel",
3260
3260
  "type": {
3261
- "text": "number"
3261
+ "text": "string | null"
3262
3262
  },
3263
- "default": "1",
3264
- "description": "Ratio to adjust padding. Default: `1`.",
3265
- "fieldName": "padRatio"
3263
+ "default": "null",
3264
+ "description": "ARIA label override.",
3265
+ "fieldName": "badgeLabel"
3266
3266
  },
3267
3267
  {
3268
- "name": "separators",
3268
+ "name": "badgeAriaHidden",
3269
3269
  "type": {
3270
- "text": "SkyCardSectionTarget"
3270
+ "text": "boolean"
3271
3271
  },
3272
- "default": "\"none\"",
3273
- "description": "Determines where separators should appear. Default: `\"none\"`.",
3274
- "fieldName": "separators"
3272
+ "default": "false",
3273
+ "description": "Hides badge from assistive technology when true.",
3274
+ "fieldName": "badgeAriaHidden"
3275
3275
  },
3276
3276
  {
3277
- "name": "overlays",
3277
+ "name": "interactive",
3278
3278
  "type": {
3279
- "text": "SkyCardSectionTarget"
3279
+ "text": "boolean"
3280
3280
  },
3281
- "default": "\"none\"",
3282
- "description": "Determines where overlays should appear. Default: `\"none\"`.",
3283
- "fieldName": "overlays"
3281
+ "default": "false",
3282
+ "description": "Enables focus/activation and `badge-click` emission.",
3283
+ "fieldName": "interactive"
3284
3284
  },
3285
3285
  {
3286
- "name": "insets",
3286
+ "name": "placement",
3287
3287
  "type": {
3288
- "text": "SkyCardSectionTarget"
3288
+ "text": "SkyBadgePlacement"
3289
3289
  },
3290
- "default": "\"none\"",
3291
- "description": "Determines where insets should appear. Default: `\"none\"`.",
3292
- "fieldName": "insets"
3290
+ "default": "\"custom\"",
3291
+ "description": "Anchor placement preset for badge positioning.",
3292
+ "fieldName": "placement"
3293
3293
  },
3294
3294
  {
3295
3295
  "name": "preset",
@@ -3305,26 +3305,26 @@
3305
3305
  "name": "LitElement",
3306
3306
  "package": "lit"
3307
3307
  },
3308
- "tagName": "sky-card",
3308
+ "tagName": "sky-badge",
3309
3309
  "customElement": true,
3310
- "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
3310
+ "summary": "Badge for status dots, counts, or icons anchored to slotted content."
3311
3311
  }
3312
3312
  ],
3313
3313
  "exports": [
3314
3314
  {
3315
3315
  "kind": "js",
3316
- "name": "SkyCard",
3316
+ "name": "SkyBadge",
3317
3317
  "declaration": {
3318
- "name": "SkyCard",
3319
- "module": "src/sky-card/sky-card.ts"
3318
+ "name": "SkyBadge",
3319
+ "module": "src/sky-badge/sky-badge.ts"
3320
3320
  }
3321
3321
  },
3322
3322
  {
3323
3323
  "kind": "custom-element-definition",
3324
- "name": "sky-card",
3324
+ "name": "sky-badge",
3325
3325
  "declaration": {
3326
- "name": "SkyCard",
3327
- "module": "src/sky-card/sky-card.ts"
3326
+ "name": "SkyBadge",
3327
+ "module": "src/sky-badge/sky-badge.ts"
3328
3328
  }
3329
3329
  }
3330
3330
  ]
@@ -4146,13 +4146,49 @@
4146
4146
  "privacy": "private",
4147
4147
  "default": "new PresetController(this)"
4148
4148
  },
4149
+ {
4150
+ "kind": "field",
4151
+ "name": "_prefixFilled",
4152
+ "type": {
4153
+ "text": "boolean"
4154
+ },
4155
+ "privacy": "private",
4156
+ "default": "false"
4157
+ },
4158
+ {
4159
+ "kind": "field",
4160
+ "name": "_suffixFilled",
4161
+ "type": {
4162
+ "text": "boolean"
4163
+ },
4164
+ "privacy": "private",
4165
+ "default": "false"
4166
+ },
4167
+ {
4168
+ "kind": "field",
4169
+ "name": "_defaultFilled",
4170
+ "type": {
4171
+ "text": "boolean"
4172
+ },
4173
+ "privacy": "private",
4174
+ "default": "false"
4175
+ },
4176
+ {
4177
+ "kind": "field",
4178
+ "name": "_slotFlagsSeeded",
4179
+ "type": {
4180
+ "text": "boolean"
4181
+ },
4182
+ "privacy": "private",
4183
+ "default": "false"
4184
+ },
4149
4185
  {
4150
4186
  "kind": "method",
4151
4187
  "name": "_resolveSize",
4152
4188
  "privacy": "private",
4153
4189
  "return": {
4154
4190
  "type": {
4155
- "text": "{\r\n padding: string;\r\n fontSize: string;\r\n }"
4191
+ "text": "{\n padding: string;\n fontSize: string;\n }"
4156
4192
  }
4157
4193
  },
4158
4194
  "parameters": [
@@ -4225,6 +4261,16 @@
4225
4261
  }
4226
4262
  }
4227
4263
  },
4264
+ {
4265
+ "kind": "method",
4266
+ "name": "_seedSlotFlagsFromLightDom",
4267
+ "privacy": "private",
4268
+ "return": {
4269
+ "type": {
4270
+ "text": "void"
4271
+ }
4272
+ }
4273
+ },
4228
4274
  {
4229
4275
  "kind": "field",
4230
4276
  "name": "_onSlotChange",
@@ -4856,7 +4902,7 @@
4856
4902
  "text": "any[]"
4857
4903
  },
4858
4904
  "privacy": "private",
4859
- "default": "[]"
4905
+ "default": "EMPTY_ARRAY"
4860
4906
  },
4861
4907
  {
4862
4908
  "kind": "field",
@@ -4982,7 +5028,7 @@
4982
5028
  "text": "((value: any) => true | string)[]"
4983
5029
  },
4984
5030
  "privacy": "private",
4985
- "default": "[]"
5031
+ "default": "EMPTY_ARRAY"
4986
5032
  },
4987
5033
  {
4988
5034
  "kind": "field",
@@ -5062,7 +5108,7 @@
5062
5108
  "text": "SkyComboboxCustomRenderers"
5063
5109
  },
5064
5110
  "privacy": "private",
5065
- "default": "{}"
5111
+ "default": "EMPTY_RENDERERS"
5066
5112
  },
5067
5113
  {
5068
5114
  "kind": "field",
@@ -5435,6 +5481,16 @@
5435
5481
  "privacy": "private",
5436
5482
  "default": "null"
5437
5483
  },
5484
+ {
5485
+ "kind": "field",
5486
+ "name": "_deferSearchFilter",
5487
+ "type": {
5488
+ "text": "boolean"
5489
+ },
5490
+ "privacy": "private",
5491
+ "default": "false",
5492
+ "description": "When true, skip willUpdate filtering so typing debounce can delay list work."
5493
+ },
5438
5494
  {
5439
5495
  "kind": "field",
5440
5496
  "name": "_closeResetId",
@@ -7777,6 +7833,15 @@
7777
7833
  },
7778
7834
  "privacy": "private"
7779
7835
  },
7836
+ {
7837
+ "kind": "field",
7838
+ "name": "_spansRaf",
7839
+ "type": {
7840
+ "text": "number"
7841
+ },
7842
+ "privacy": "private",
7843
+ "default": "0"
7844
+ },
7780
7845
  {
7781
7846
  "kind": "method",
7782
7847
  "name": "syncVars",
@@ -7787,13 +7852,18 @@
7787
7852
  "kind": "method",
7788
7853
  "name": "recalculateSpans",
7789
7854
  "privacy": "public",
7790
- "description": "Forces recalculation of spans for all child elements.\r\nUseful when dynamically adding/removing items."
7855
+ "description": "Forces recalculation of spans for all child elements.\nUseful when dynamically adding/removing items."
7856
+ },
7857
+ {
7858
+ "kind": "field",
7859
+ "name": "_scheduleUpdateSpans",
7860
+ "privacy": "private"
7791
7861
  },
7792
7862
  {
7793
7863
  "kind": "field",
7794
7864
  "name": "updateSpans",
7795
7865
  "privacy": "private",
7796
- "description": "Reads span attributes off slotted children and maps them to CSS vars:\r\nspan, span-lg, span-md, span-sm, span-xs"
7866
+ "description": "Reads span attributes off slotted children and maps them to CSS vars:\nspan, span-lg, span-md, span-sm, span-xs"
7797
7867
  },
7798
7868
  {
7799
7869
  "kind": "method",
@@ -8598,7 +8668,13 @@
8598
8668
  "type": {
8599
8669
  "text": "void"
8600
8670
  }
8601
- }
8671
+ },
8672
+ "parameters": [
8673
+ {
8674
+ "name": "revalidate",
8675
+ "default": "false"
8676
+ }
8677
+ ]
8602
8678
  },
8603
8679
  {
8604
8680
  "kind": "field",
@@ -8609,7 +8685,7 @@
8609
8685
  "kind": "method",
8610
8686
  "name": "_moveHostIdToNativeForm",
8611
8687
  "privacy": "private",
8612
- "description": "Make `document.getElementById(hostId)` return the native form.\r\nCopies host id => native form id and removes id from host to avoid duplicate ids."
8688
+ "description": "Make `document.getElementById(hostId)` return the native form.\nCopies host id => native form id and removes id from host to avoid duplicate ids."
8613
8689
  },
8614
8690
  {
8615
8691
  "kind": "method",
@@ -8620,7 +8696,7 @@
8620
8696
  "text": "void"
8621
8697
  }
8622
8698
  },
8623
- "description": "Slotted controls remain in the light DOM under `<sky-form>`, not under the inner `<form>`.\r\n`_assignFormOwnerToChildren` needs a stable `id` on that `<form>` to set `form=\"…\"` on\r\nassociated controls. When the host has no `id`, generate one so association still works."
8699
+ "description": "Slotted controls remain in the light DOM under `<sky-form>`, not under the inner `<form>`.\n`_assignFormOwnerToChildren` needs a stable `id` on that `<form>` to set `form=\"…\"` on\nassociated controls. When the host has no `id`, generate one so association still works."
8624
8700
  },
8625
8701
  {
8626
8702
  "kind": "field",
@@ -8636,7 +8712,7 @@
8636
8712
  "text": "boolean"
8637
8713
  }
8638
8714
  },
8639
- "description": "Whether the form passes constraint validation, without calling `form.checkValidity()`.\r\n`HTMLFormElement.checkValidity()` dispatches `invalid` on each invalid control; during\r\nliveValidation that runs on every keystroke and our capture listener would focus the first\r\ninvalid field, stealing focus from the control the user is editing."
8715
+ "description": "Whether the form passes constraint validation, without calling `form.checkValidity()`.\n`HTMLFormElement.checkValidity()` dispatches `invalid` on each invalid control; during\nliveValidation that runs on every keystroke and our capture listener would focus the first\ninvalid field, stealing focus from the control the user is editing."
8640
8716
  },
8641
8717
  {
8642
8718
  "kind": "method",
@@ -8652,7 +8728,7 @@
8652
8728
  "kind": "method",
8653
8729
  "name": "_assignFormOwnerToChildren",
8654
8730
  "privacy": "private",
8655
- "description": "Assigns form ownership to elements not inside the native <form> element.\r\nEnsures browser association for native submit + validation + FormData."
8731
+ "description": "Assigns form ownership to elements not inside the native <form> element.\nEnsures browser association for native submit + validation + FormData."
8656
8732
  },
8657
8733
  {
8658
8734
  "kind": "method",
@@ -8682,7 +8758,13 @@
8682
8758
  {
8683
8759
  "kind": "method",
8684
8760
  "name": "_refreshAggregates",
8685
- "privacy": "private"
8761
+ "privacy": "private",
8762
+ "parameters": [
8763
+ {
8764
+ "name": "revalidate",
8765
+ "default": "true"
8766
+ }
8767
+ ]
8686
8768
  },
8687
8769
  {
8688
8770
  "kind": "method",
@@ -8815,7 +8897,7 @@
8815
8897
  "text": "void"
8816
8898
  }
8817
8899
  },
8818
- "description": "Manually submits the form, respecting the current mode setting.\r\nIn client mode, triggers the client-side submission flow.\r\nIn server mode, performs native form submission."
8900
+ "description": "Manually submits the form, respecting the current mode setting.\nIn client mode, triggers the client-side submission flow.\nIn server mode, performs native form submission."
8819
8901
  }
8820
8902
  ],
8821
8903
  "events": [
@@ -10436,7 +10518,7 @@
10436
10518
  "text": "SkyInputValidation[]"
10437
10519
  },
10438
10520
  "privacy": "private",
10439
- "default": "[]"
10521
+ "default": "Object.freeze( [], ) as unknown"
10440
10522
  },
10441
10523
  {
10442
10524
  "kind": "field",
@@ -10943,7 +11025,7 @@
10943
11025
  "kind": "field",
10944
11026
  "name": "nativeInputEl",
10945
11027
  "type": {
10946
- "text": "| HTMLInputElement\r\n | HTMLTextAreaElement"
11028
+ "text": "| HTMLInputElement\n | HTMLTextAreaElement"
10947
11029
  },
10948
11030
  "privacy": "private"
10949
11031
  },
@@ -11443,7 +11525,7 @@
11443
11525
  "text": "boolean"
11444
11526
  }
11445
11527
  },
11446
- "description": "Filter/search inputs (`type=\"search\"`) are rendered as plain text fields so\r\nChrome does not treat them as login username targets. Credential autofill is\r\nfurther blocked with readonly-until-focus (Chrome ignores autocomplete tokens)."
11528
+ "description": "Filter/search inputs (`type=\"search\"`) are rendered as plain text fields so\nChrome does not treat them as login username targets. Credential autofill is\nfurther blocked with readonly-until-focus (Chrome ignores autocomplete tokens)."
11447
11529
  },
11448
11530
  {
11449
11531
  "kind": "method",
@@ -11489,7 +11571,7 @@
11489
11571
  "privacy": "private",
11490
11572
  "return": {
11491
11573
  "type": {
11492
- "text": "| \"enter\"\r\n | \"done\"\r\n | \"go\"\r\n | \"next\"\r\n | \"previous\"\r\n | \"search\"\r\n | \"send\"\r\n | undefined"
11574
+ "text": "| \"enter\"\n | \"done\"\n | \"go\"\n | \"next\"\n | \"previous\"\n | \"search\"\n | \"send\"\n | undefined"
11493
11575
  }
11494
11576
  }
11495
11577
  },
@@ -12076,7 +12158,7 @@
12076
12158
  "text": "string[]"
12077
12159
  },
12078
12160
  "privacy": "private",
12079
- "default": "[]"
12161
+ "default": "EMPTY_ARRAY"
12080
12162
  },
12081
12163
  {
12082
12164
  "kind": "field",
@@ -12402,6 +12484,10 @@
12402
12484
  }
12403
12485
  ],
12404
12486
  "slots": [
12487
+ {
12488
+ "description": "Fallback label text when `content` is not used.",
12489
+ "name": ""
12490
+ },
12405
12491
  {
12406
12492
  "description": "Main content of the list item (usually label or text).",
12407
12493
  "name": "content"
@@ -13381,23 +13467,39 @@
13381
13467
  }
13382
13468
  ],
13383
13469
  "members": [
13470
+ {
13471
+ "kind": "field",
13472
+ "name": "_data",
13473
+ "type": {
13474
+ "text": "SkySimpleTableRow[]"
13475
+ },
13476
+ "privacy": "private",
13477
+ "default": "EMPTY_ARRAY"
13478
+ },
13384
13479
  {
13385
13480
  "kind": "field",
13386
13481
  "name": "data",
13387
13482
  "type": {
13388
13483
  "text": "SkySimpleTableRow[]"
13389
13484
  },
13390
- "default": "[]",
13391
13485
  "description": "Plain object rows.",
13392
13486
  "attribute": "data"
13393
13487
  },
13488
+ {
13489
+ "kind": "field",
13490
+ "name": "_columns",
13491
+ "type": {
13492
+ "text": "SkySimpleTableColumn[]"
13493
+ },
13494
+ "privacy": "private",
13495
+ "default": "EMPTY_ARRAY"
13496
+ },
13394
13497
  {
13395
13498
  "kind": "field",
13396
13499
  "name": "columns",
13397
13500
  "type": {
13398
13501
  "text": "SkySimpleTableColumn[]"
13399
13502
  },
13400
- "default": "[]",
13401
13503
  "description": "Column definitions. Uses first row keys when omitted.",
13402
13504
  "attribute": "columns"
13403
13505
  },
@@ -13473,6 +13575,12 @@
13473
13575
  }
13474
13576
  ]
13475
13577
  },
13578
+ {
13579
+ "kind": "field",
13580
+ "name": "_cellStyleCache",
13581
+ "privacy": "private",
13582
+ "default": "new WeakMap< SkySimpleTableColumn, { textAlign?: string; width?: string } >()"
13583
+ },
13476
13584
  {
13477
13585
  "kind": "method",
13478
13586
  "name": "_formatCell",
@@ -13511,7 +13619,6 @@
13511
13619
  "type": {
13512
13620
  "text": "SkySimpleTableRow[]"
13513
13621
  },
13514
- "default": "[]",
13515
13622
  "description": "Plain object rows.",
13516
13623
  "fieldName": "data"
13517
13624
  },
@@ -13520,7 +13627,6 @@
13520
13627
  "type": {
13521
13628
  "text": "SkySimpleTableColumn[]"
13522
13629
  },
13523
- "default": "[]",
13524
13630
  "description": "Column definitions. Uses first row keys when omitted.",
13525
13631
  "fieldName": "columns"
13526
13632
  },