@sky.ui/core 0.0.24 → 0.0.25

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 (71) hide show
  1. package/dist/custom-elements.json +1353 -1353
  2. package/dist/helper/controllers/animation-controller.js.map +1 -1
  3. package/dist/helper/controllers/popover-controller.js +1 -1
  4. package/dist/helper/controllers/popover-controller.js.map +1 -1
  5. package/dist/helper/iconify-offline.js.map +1 -1
  6. package/dist/helper/internals/form-control-base.js +1 -1
  7. package/dist/helper/internals/form-control-base.js.map +1 -1
  8. package/dist/helper/utils/color-resolver.js.map +1 -1
  9. package/dist/helper/utils/size-resolver.js.map +1 -1
  10. package/dist/sky-alert/sky-alert.js +45 -45
  11. package/dist/sky-alert/sky-alert.js.map +1 -1
  12. package/dist/sky-appbar/sky-appbar.js +30 -30
  13. package/dist/sky-appbar/sky-appbar.js.map +1 -1
  14. package/dist/sky-avatar/sky-avatar.js +25 -25
  15. package/dist/sky-avatar/sky-avatar.js.map +1 -1
  16. package/dist/sky-badge/sky-badge.d.ts +1 -1
  17. package/dist/sky-badge/sky-badge.js +27 -27
  18. package/dist/sky-badge/sky-badge.js.map +1 -1
  19. package/dist/sky-button/sky-button.js +25 -25
  20. package/dist/sky-button/sky-button.js.map +1 -1
  21. package/dist/sky-card/sky-card.js +22 -22
  22. package/dist/sky-card/sky-card.js.map +1 -1
  23. package/dist/sky-checkbox/sky-checkbox.d.ts +2 -2
  24. package/dist/sky-checkbox/sky-checkbox.js +43 -43
  25. package/dist/sky-checkbox/sky-checkbox.js.map +1 -1
  26. package/dist/sky-chip/sky-chip.js +35 -35
  27. package/dist/sky-chip/sky-chip.js.map +1 -1
  28. package/dist/sky-col/sky-col.js +7 -7
  29. package/dist/sky-col/sky-col.js.map +1 -1
  30. package/dist/sky-combobox/sky-combobox.d.ts +2 -2
  31. package/dist/sky-combobox/sky-combobox.js +244 -244
  32. package/dist/sky-combobox/sky-combobox.js.map +1 -1
  33. package/dist/sky-dialog/sky-dialog.js +43 -43
  34. package/dist/sky-dialog/sky-dialog.js.map +1 -1
  35. package/dist/sky-divider/sky-divider.js +16 -16
  36. package/dist/sky-divider/sky-divider.js.map +1 -1
  37. package/dist/sky-flexbox/sky-flexbox.js +9 -9
  38. package/dist/sky-flexbox/sky-flexbox.js.map +1 -1
  39. package/dist/sky-flexcol/sky-flexcol.js +2 -2
  40. package/dist/sky-flexcol/sky-flexcol.js.map +1 -1
  41. package/dist/sky-form/sky-form.js +12 -12
  42. package/dist/sky-form/sky-form.js.map +1 -1
  43. package/dist/sky-grid/sky-grid.js +6 -6
  44. package/dist/sky-grid/sky-grid.js.map +1 -1
  45. package/dist/sky-icon/sky-icon.js +13 -13
  46. package/dist/sky-icon/sky-icon.js.map +1 -1
  47. package/dist/sky-image/sky-image.js +21 -21
  48. package/dist/sky-image/sky-image.js.map +1 -1
  49. package/dist/sky-image/srcset-utils.js.map +1 -1
  50. package/dist/sky-input/sky-input.d.ts +2 -2
  51. package/dist/sky-input/sky-input.js +225 -225
  52. package/dist/sky-input/sky-input.js.map +1 -1
  53. package/dist/sky-list/sky-list.js +6 -6
  54. package/dist/sky-list/sky-list.js.map +1 -1
  55. package/dist/sky-listitem/sky-listitem.js +31 -31
  56. package/dist/sky-listitem/sky-listitem.js.map +1 -1
  57. package/dist/sky-radio/sky-radio.d.ts +2 -2
  58. package/dist/sky-radio/sky-radio.js +27 -27
  59. package/dist/sky-radio/sky-radio.js.map +1 -1
  60. package/dist/sky-row/sky-row.js +2 -2
  61. package/dist/sky-row/sky-row.js.map +1 -1
  62. package/dist/sky-sheet/sky-sheet.js +2 -2
  63. package/dist/sky-sheet/sky-sheet.js.map +1 -1
  64. package/dist/sky-simple-table/sky-simple-table.js +34 -34
  65. package/dist/sky-simple-table/sky-simple-table.js.map +1 -1
  66. package/dist/sky-theme-provider/sky-theme-provider.js +2 -2
  67. package/dist/sky-theme-provider/sky-theme-provider.js.map +1 -1
  68. package/package.json +2 -2
  69. package/plugins/rollup-plugin.d.ts +5 -8
  70. package/plugins/vite-plugin.d.ts +5 -8
  71. package/plugins/webpack-plugin.d.ts +3 -7
package/dist/custom-elements.json CHANGED
@@ -4,59 +4,83 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/sky-appbar/sky-appbar.ts",
7
+ "path": "src/sky-avatar/sky-avatar.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
11
  "description": "",
12
- "name": "SkyAppbar",
12
+ "name": "SkyAvatar",
13
13
  "cssParts": [
14
14
  {
15
- "description": "Wrapper that contains the leading slot, title, and actions.",
16
- "name": "content"
17
- },
18
- {
19
- "description": "Container for the leading slot (e.g. menu button).",
20
- "name": "leading"
15
+ "description": "The avatar container element.",
16
+ "name": "avatar"
21
17
  },
22
18
  {
23
- "description": "The title area (contains .title-text with the title string).",
24
- "name": "title"
19
+ "description": "The loading overlay container (shown when `loading` is true).",
20
+ "name": "loading-overlay"
25
21
  },
26
22
  {
27
- "description": "The trailing actions container.",
28
- "name": "actions"
23
+ "description": "The spinner element shown when loading.",
24
+ "name": "spinner"
29
25
  }
30
26
  ],
31
27
  "slots": [
32
28
  {
33
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
34
- "name": "button"
35
- },
36
- {
37
- "description": "Trailing actions (icons/buttons). This is the default slot.",
29
+ "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
38
30
  "name": ""
39
31
  }
40
32
  ],
41
33
  "members": [
42
34
  {
43
35
  "kind": "field",
44
- "name": "dependencies",
36
+ "name": "size",
45
37
  "type": {
46
- "text": "Record<string, CustomElementConstructor>"
38
+ "text": "string"
47
39
  },
48
- "static": true,
49
- "default": "{ \"sky-icon\": SkyIcon, }"
40
+ "default": "\"50px\"",
41
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
42
+ "attribute": "size"
50
43
  },
51
44
  {
52
45
  "kind": "field",
53
- "name": "title",
46
+ "name": "image",
54
47
  "type": {
55
48
  "text": "string"
56
49
  },
57
- "default": "\"App Bar\"",
58
- "description": "Title text displayed in the app bar.",
59
- "attribute": "title"
50
+ "default": "\"\"",
51
+ "description": "Image URL; fallback slot is shown on load error.",
52
+ "attribute": "image"
53
+ },
54
+ {
55
+ "kind": "field",
56
+ "name": "fit",
57
+ "type": {
58
+ "text": "SkyAvatarFit"
59
+ },
60
+ "default": "\"cover\"",
61
+ "description": "Image fill mode: `cover` (default) or `contain`.",
62
+ "attribute": "fit",
63
+ "reflects": true
64
+ },
65
+ {
66
+ "kind": "field",
67
+ "name": "radius",
68
+ "type": {
69
+ "text": "string"
70
+ },
71
+ "default": "\"md\"",
72
+ "description": "Border radius token or CSS value.",
73
+ "attribute": "radius"
74
+ },
75
+ {
76
+ "kind": "field",
77
+ "name": "alt",
78
+ "type": {
79
+ "text": "string"
80
+ },
81
+ "default": "\"\"",
82
+ "description": "Accessible name when image content conveys meaning.",
83
+ "attribute": "alt"
60
84
  },
61
85
  {
62
86
  "kind": "field",
@@ -64,172 +88,287 @@
64
88
  "type": {
65
89
  "text": "string"
66
90
  },
67
- "default": "\"default\"",
68
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
91
+ "default": "\"dark\"",
92
+ "description": "Token or CSS color applied to fallback slot content.",
69
93
  "attribute": "color"
70
94
  },
71
95
  {
72
96
  "kind": "field",
73
- "name": "url",
97
+ "name": "outline",
74
98
  "type": {
75
99
  "text": "string"
76
100
  },
77
101
  "default": "\"\"",
78
- "description": "Background image URL.",
79
- "attribute": "url"
102
+ "description": "CSS `outline` value.",
103
+ "attribute": "outline"
80
104
  },
81
105
  {
82
106
  "kind": "field",
83
- "name": "banner",
107
+ "name": "outlineOffset",
108
+ "type": {
109
+ "text": "string"
110
+ },
111
+ "default": "\"2px\"",
112
+ "description": "CSS `outline-offset` value.",
113
+ "attribute": "outlineOffset"
114
+ },
115
+ {
116
+ "kind": "field",
117
+ "name": "loading",
84
118
  "type": {
85
119
  "text": "boolean"
86
120
  },
87
- "default": "true",
88
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
89
- "attribute": "banner"
121
+ "default": "false",
122
+ "description": "Shows loading overlay when true.",
123
+ "attribute": "loading",
124
+ "reflects": true
90
125
  },
91
126
  {
92
127
  "kind": "field",
93
- "name": "dense",
128
+ "name": "disabled",
94
129
  "type": {
95
130
  "text": "boolean"
96
131
  },
97
132
  "default": "false",
98
- "description": "Enables compact vertical spacing.",
99
- "attribute": "dense"
133
+ "description": "Dims and disables pointer interactions.",
134
+ "attribute": "disabled",
135
+ "reflects": true
100
136
  },
101
137
  {
102
138
  "kind": "field",
103
- "name": "elevated",
139
+ "name": "interactive",
104
140
  "type": {
105
141
  "text": "boolean"
106
142
  },
107
143
  "default": "false",
108
- "description": "Applies elevated shadow styling.",
109
- "attribute": "elevated"
144
+ "description": "Enables interactive behavior with keyboard/click activation.",
145
+ "attribute": "interactive"
110
146
  },
111
147
  {
112
148
  "kind": "field",
113
- "name": "leadingLabel",
149
+ "name": "shadow",
114
150
  "type": {
115
- "text": "string"
151
+ "text": "boolean"
116
152
  },
117
- "default": "\"Open menu\"",
118
- "description": "Accessible label for default leading button fallback.",
119
- "attribute": "leadingLabel"
153
+ "default": "false",
154
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
155
+ "attribute": "shadow",
156
+ "reflects": true
157
+ },
158
+ {
159
+ "kind": "field",
160
+ "name": "_imageError",
161
+ "type": {
162
+ "text": "boolean"
163
+ },
164
+ "privacy": "private",
165
+ "default": "false",
166
+ "description": "True when image failed to load; show slot instead."
167
+ },
168
+ {
169
+ "kind": "field",
170
+ "name": "_onImageLoad",
171
+ "privacy": "private",
172
+ "description": "Marks image load success and keeps image rendering active."
173
+ },
174
+ {
175
+ "kind": "field",
176
+ "name": "_onImageError",
177
+ "privacy": "private",
178
+ "description": "Marks image load failure and enables fallback slot rendering."
120
179
  },
121
180
  {
122
181
  "kind": "method",
123
- "name": "_applyColorSurface",
182
+ "name": "_handleInteractiveClick",
124
183
  "privacy": "private",
125
184
  "return": {
126
185
  "type": {
127
186
  "text": "void"
128
187
  }
129
188
  },
130
- "description": "Applies glass vs solid surface tokens from `color`."
189
+ "parameters": [
190
+ {
191
+ "name": "e",
192
+ "type": {
193
+ "text": "Event"
194
+ }
195
+ }
196
+ ],
197
+ "description": "Re-dispatches click in interactive mode for host-level consumers."
131
198
  },
132
199
  {
133
200
  "kind": "method",
134
- "name": "_applyBackgroundImage",
201
+ "name": "_handleInteractiveKeydown",
135
202
  "privacy": "private",
136
203
  "return": {
137
204
  "type": {
138
205
  "text": "void"
139
206
  }
140
207
  },
141
- "description": "Sets background image CSS variable from `url`."
208
+ "parameters": [
209
+ {
210
+ "name": "e",
211
+ "type": {
212
+ "text": "KeyboardEvent"
213
+ }
214
+ }
215
+ ],
216
+ "description": "Handles keyboard activation in interactive mode."
217
+ },
218
+ {
219
+ "kind": "method",
220
+ "name": "adjustSpinnerSize",
221
+ "privacy": "private",
222
+ "return": {
223
+ "type": {
224
+ "text": "void"
225
+ }
226
+ },
227
+ "description": "Derives spinner dimensions from current avatar size."
228
+ }
229
+ ],
230
+ "events": [
231
+ {
232
+ "name": "click",
233
+ "type": {
234
+ "text": "Event"
235
+ }
142
236
  }
143
237
  ],
144
238
  "attributes": [
145
239
  {
146
- "name": "title",
240
+ "name": "size",
147
241
  "type": {
148
242
  "text": "string"
149
243
  },
150
- "default": "\"App Bar\"",
151
- "description": "Title text displayed in the app bar.",
152
- "fieldName": "title"
244
+ "default": "\"50px\"",
245
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
246
+ "fieldName": "size"
153
247
  },
154
248
  {
155
- "name": "color",
249
+ "name": "image",
156
250
  "type": {
157
251
  "text": "string"
158
252
  },
159
- "default": "\"default\"",
160
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
161
- "fieldName": "color"
253
+ "default": "\"\"",
254
+ "description": "Image URL; fallback slot is shown on load error.",
255
+ "fieldName": "image"
162
256
  },
163
257
  {
164
- "name": "url",
258
+ "name": "fit",
165
259
  "type": {
166
- "text": "string"
260
+ "text": "SkyAvatarFit"
167
261
  },
168
- "default": "\"\"",
169
- "description": "Background image URL.",
170
- "fieldName": "url"
262
+ "default": "\"cover\"",
263
+ "description": "Image fill mode: `cover` (default) or `contain`.",
264
+ "fieldName": "fit"
171
265
  },
172
266
  {
173
- "name": "banner",
267
+ "name": "radius",
174
268
  "type": {
175
- "text": "boolean"
269
+ "text": "string"
176
270
  },
177
- "default": "true",
178
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
179
- "fieldName": "banner"
271
+ "default": "\"md\"",
272
+ "description": "Border radius token or CSS value.",
273
+ "fieldName": "radius"
180
274
  },
181
275
  {
182
- "name": "dense",
276
+ "name": "alt",
183
277
  "type": {
184
- "text": "boolean"
278
+ "text": "string"
185
279
  },
186
- "default": "false",
187
- "description": "Enables compact vertical spacing.",
188
- "fieldName": "dense"
280
+ "default": "\"\"",
281
+ "description": "Accessible name when image content conveys meaning.",
282
+ "fieldName": "alt"
189
283
  },
190
284
  {
191
- "name": "elevated",
285
+ "name": "color",
192
286
  "type": {
193
- "text": "boolean"
287
+ "text": "string"
194
288
  },
195
- "default": "false",
196
- "description": "Applies elevated shadow styling.",
197
- "fieldName": "elevated"
289
+ "default": "\"dark\"",
290
+ "description": "Token or CSS color applied to fallback slot content.",
291
+ "fieldName": "color"
198
292
  },
199
293
  {
200
- "name": "leadingLabel",
294
+ "name": "outline",
201
295
  "type": {
202
296
  "text": "string"
203
297
  },
204
- "default": "\"Open menu\"",
205
- "description": "Accessible label for default leading button fallback.",
206
- "fieldName": "leadingLabel"
207
- }
208
- ],
209
- "superclass": {
298
+ "default": "\"\"",
299
+ "description": "CSS `outline` value.",
300
+ "fieldName": "outline"
301
+ },
302
+ {
303
+ "name": "outlineOffset",
304
+ "type": {
305
+ "text": "string"
306
+ },
307
+ "default": "\"2px\"",
308
+ "description": "CSS `outline-offset` value.",
309
+ "fieldName": "outlineOffset"
310
+ },
311
+ {
312
+ "name": "loading",
313
+ "type": {
314
+ "text": "boolean"
315
+ },
316
+ "default": "false",
317
+ "description": "Shows loading overlay when true.",
318
+ "fieldName": "loading"
319
+ },
320
+ {
321
+ "name": "disabled",
322
+ "type": {
323
+ "text": "boolean"
324
+ },
325
+ "default": "false",
326
+ "description": "Dims and disables pointer interactions.",
327
+ "fieldName": "disabled"
328
+ },
329
+ {
330
+ "name": "interactive",
331
+ "type": {
332
+ "text": "boolean"
333
+ },
334
+ "default": "false",
335
+ "description": "Enables interactive behavior with keyboard/click activation.",
336
+ "fieldName": "interactive"
337
+ },
338
+ {
339
+ "name": "shadow",
340
+ "type": {
341
+ "text": "boolean"
342
+ },
343
+ "default": "false",
344
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
345
+ "fieldName": "shadow"
346
+ }
347
+ ],
348
+ "superclass": {
210
349
  "name": "LitElement",
211
350
  "package": "lit"
212
351
  },
213
- "tagName": "sky-appbar",
352
+ "tagName": "sky-avatar",
214
353
  "customElement": true,
215
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
354
+ "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
216
355
  }
217
356
  ],
218
357
  "exports": [
219
358
  {
220
359
  "kind": "js",
221
- "name": "SkyAppbar",
360
+ "name": "SkyAvatar",
222
361
  "declaration": {
223
- "name": "SkyAppbar",
224
- "module": "src/sky-appbar/sky-appbar.ts"
362
+ "name": "SkyAvatar",
363
+ "module": "src/sky-avatar/sky-avatar.ts"
225
364
  }
226
365
  },
227
366
  {
228
367
  "kind": "custom-element-definition",
229
- "name": "sky-appbar",
368
+ "name": "sky-avatar",
230
369
  "declaration": {
231
- "name": "SkyAppbar",
232
- "module": "src/sky-appbar/sky-appbar.ts"
370
+ "name": "SkyAvatar",
371
+ "module": "src/sky-avatar/sky-avatar.ts"
233
372
  }
234
373
  }
235
374
  ]
@@ -685,83 +824,59 @@
685
824
  },
686
825
  {
687
826
  "kind": "javascript-module",
688
- "path": "src/sky-avatar/sky-avatar.ts",
827
+ "path": "src/sky-appbar/sky-appbar.ts",
689
828
  "declarations": [
690
829
  {
691
830
  "kind": "class",
692
831
  "description": "",
693
- "name": "SkyAvatar",
832
+ "name": "SkyAppbar",
694
833
  "cssParts": [
695
834
  {
696
- "description": "The avatar container element.",
697
- "name": "avatar"
835
+ "description": "Wrapper that contains the leading slot, title, and actions.",
836
+ "name": "content"
698
837
  },
699
838
  {
700
- "description": "The loading overlay container (shown when `loading` is true).",
701
- "name": "loading-overlay"
839
+ "description": "Container for the leading slot (e.g. menu button).",
840
+ "name": "leading"
702
841
  },
703
842
  {
704
- "description": "The spinner element shown when loading.",
705
- "name": "spinner"
843
+ "description": "The title area (contains .title-text with the title string).",
844
+ "name": "title"
845
+ },
846
+ {
847
+ "description": "The trailing actions container.",
848
+ "name": "actions"
706
849
  }
707
850
  ],
708
851
  "slots": [
709
852
  {
710
- "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
853
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
854
+ "name": "button"
855
+ },
856
+ {
857
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
711
858
  "name": ""
712
859
  }
713
860
  ],
714
861
  "members": [
715
862
  {
716
863
  "kind": "field",
717
- "name": "size",
718
- "type": {
719
- "text": "string"
720
- },
721
- "default": "\"50px\"",
722
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
723
- "attribute": "size"
724
- },
725
- {
726
- "kind": "field",
727
- "name": "image",
728
- "type": {
729
- "text": "string"
730
- },
731
- "default": "\"\"",
732
- "description": "Image URL; fallback slot is shown on load error.",
733
- "attribute": "image"
734
- },
735
- {
736
- "kind": "field",
737
- "name": "fit",
738
- "type": {
739
- "text": "SkyAvatarFit"
740
- },
741
- "default": "\"cover\"",
742
- "description": "Image fill mode: `cover` (default) or `contain`.",
743
- "attribute": "fit",
744
- "reflects": true
745
- },
746
- {
747
- "kind": "field",
748
- "name": "radius",
864
+ "name": "dependencies",
749
865
  "type": {
750
- "text": "string"
866
+ "text": "Record<string, CustomElementConstructor>"
751
867
  },
752
- "default": "\"md\"",
753
- "description": "Border radius token or CSS value.",
754
- "attribute": "radius"
868
+ "static": true,
869
+ "default": "{ \"sky-icon\": SkyIcon, }"
755
870
  },
756
871
  {
757
872
  "kind": "field",
758
- "name": "alt",
873
+ "name": "title",
759
874
  "type": {
760
875
  "text": "string"
761
876
  },
762
- "default": "\"\"",
763
- "description": "Accessible name when image content conveys meaning.",
764
- "attribute": "alt"
877
+ "default": "\"App Bar\"",
878
+ "description": "Title text displayed in the app bar.",
879
+ "attribute": "title"
765
880
  },
766
881
  {
767
882
  "kind": "field",
@@ -769,287 +884,172 @@
769
884
  "type": {
770
885
  "text": "string"
771
886
  },
772
- "default": "\"dark\"",
773
- "description": "Token or CSS color applied to fallback slot content.",
887
+ "default": "\"default\"",
888
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
774
889
  "attribute": "color"
775
890
  },
776
891
  {
777
892
  "kind": "field",
778
- "name": "outline",
893
+ "name": "url",
779
894
  "type": {
780
895
  "text": "string"
781
896
  },
782
897
  "default": "\"\"",
783
- "description": "CSS `outline` value.",
784
- "attribute": "outline"
785
- },
786
- {
787
- "kind": "field",
788
- "name": "outlineOffset",
789
- "type": {
790
- "text": "string"
791
- },
792
- "default": "\"2px\"",
793
- "description": "CSS `outline-offset` value.",
794
- "attribute": "outlineOffset"
795
- },
796
- {
797
- "kind": "field",
798
- "name": "loading",
799
- "type": {
800
- "text": "boolean"
801
- },
802
- "default": "false",
803
- "description": "Shows loading overlay when true.",
804
- "attribute": "loading",
805
- "reflects": true
898
+ "description": "Background image URL.",
899
+ "attribute": "url"
806
900
  },
807
901
  {
808
902
  "kind": "field",
809
- "name": "disabled",
903
+ "name": "banner",
810
904
  "type": {
811
905
  "text": "boolean"
812
906
  },
813
- "default": "false",
814
- "description": "Dims and disables pointer interactions.",
815
- "attribute": "disabled",
816
- "reflects": true
907
+ "default": "true",
908
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
909
+ "attribute": "banner"
817
910
  },
818
911
  {
819
912
  "kind": "field",
820
- "name": "interactive",
913
+ "name": "dense",
821
914
  "type": {
822
915
  "text": "boolean"
823
916
  },
824
917
  "default": "false",
825
- "description": "Enables interactive behavior with keyboard/click activation.",
826
- "attribute": "interactive"
918
+ "description": "Enables compact vertical spacing.",
919
+ "attribute": "dense"
827
920
  },
828
921
  {
829
922
  "kind": "field",
830
- "name": "shadow",
923
+ "name": "elevated",
831
924
  "type": {
832
925
  "text": "boolean"
833
926
  },
834
927
  "default": "false",
835
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
836
- "attribute": "shadow",
837
- "reflects": true
928
+ "description": "Applies elevated shadow styling.",
929
+ "attribute": "elevated"
838
930
  },
839
931
  {
840
932
  "kind": "field",
841
- "name": "_imageError",
933
+ "name": "leadingLabel",
842
934
  "type": {
843
- "text": "boolean"
844
- },
845
- "privacy": "private",
846
- "default": "false",
847
- "description": "True when image failed to load; show slot instead."
848
- },
849
- {
850
- "kind": "field",
851
- "name": "_onImageLoad",
852
- "privacy": "private",
853
- "description": "Marks image load success and keeps image rendering active."
854
- },
855
- {
856
- "kind": "field",
857
- "name": "_onImageError",
858
- "privacy": "private",
859
- "description": "Marks image load failure and enables fallback slot rendering."
860
- },
861
- {
862
- "kind": "method",
863
- "name": "_handleInteractiveClick",
864
- "privacy": "private",
865
- "return": {
866
- "type": {
867
- "text": "void"
868
- }
935
+ "text": "string"
869
936
  },
870
- "parameters": [
871
- {
872
- "name": "e",
873
- "type": {
874
- "text": "Event"
875
- }
876
- }
877
- ],
878
- "description": "Re-dispatches click in interactive mode for host-level consumers."
937
+ "default": "\"Open menu\"",
938
+ "description": "Accessible label for default leading button fallback.",
939
+ "attribute": "leadingLabel"
879
940
  },
880
941
  {
881
942
  "kind": "method",
882
- "name": "_handleInteractiveKeydown",
943
+ "name": "_applyColorSurface",
883
944
  "privacy": "private",
884
945
  "return": {
885
946
  "type": {
886
947
  "text": "void"
887
948
  }
888
949
  },
889
- "parameters": [
890
- {
891
- "name": "e",
892
- "type": {
893
- "text": "KeyboardEvent"
894
- }
895
- }
896
- ],
897
- "description": "Handles keyboard activation in interactive mode."
950
+ "description": "Applies glass vs solid surface tokens from `color`."
898
951
  },
899
952
  {
900
953
  "kind": "method",
901
- "name": "adjustSpinnerSize",
954
+ "name": "_applyBackgroundImage",
902
955
  "privacy": "private",
903
956
  "return": {
904
957
  "type": {
905
958
  "text": "void"
906
959
  }
907
960
  },
908
- "description": "Derives spinner dimensions from current avatar size."
961
+ "description": "Sets background image CSS variable from `url`."
909
962
  }
910
963
  ],
911
- "events": [
964
+ "attributes": [
912
965
  {
913
- "name": "click",
914
- "type": {
915
- "text": "Event"
916
- }
917
- }
918
- ],
919
- "attributes": [
920
- {
921
- "name": "size",
922
- "type": {
923
- "text": "string"
924
- },
925
- "default": "\"50px\"",
926
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
927
- "fieldName": "size"
928
- },
929
- {
930
- "name": "image",
931
- "type": {
932
- "text": "string"
933
- },
934
- "default": "\"\"",
935
- "description": "Image URL; fallback slot is shown on load error.",
936
- "fieldName": "image"
937
- },
938
- {
939
- "name": "fit",
940
- "type": {
941
- "text": "SkyAvatarFit"
942
- },
943
- "default": "\"cover\"",
944
- "description": "Image fill mode: `cover` (default) or `contain`.",
945
- "fieldName": "fit"
946
- },
947
- {
948
- "name": "radius",
949
- "type": {
950
- "text": "string"
951
- },
952
- "default": "\"md\"",
953
- "description": "Border radius token or CSS value.",
954
- "fieldName": "radius"
955
- },
956
- {
957
- "name": "alt",
966
+ "name": "title",
958
967
  "type": {
959
968
  "text": "string"
960
969
  },
961
- "default": "\"\"",
962
- "description": "Accessible name when image content conveys meaning.",
963
- "fieldName": "alt"
970
+ "default": "\"App Bar\"",
971
+ "description": "Title text displayed in the app bar.",
972
+ "fieldName": "title"
964
973
  },
965
974
  {
966
975
  "name": "color",
967
976
  "type": {
968
977
  "text": "string"
969
978
  },
970
- "default": "\"dark\"",
971
- "description": "Token or CSS color applied to fallback slot content.",
979
+ "default": "\"default\"",
980
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
972
981
  "fieldName": "color"
973
982
  },
974
983
  {
975
- "name": "outline",
984
+ "name": "url",
976
985
  "type": {
977
986
  "text": "string"
978
987
  },
979
988
  "default": "\"\"",
980
- "description": "CSS `outline` value.",
981
- "fieldName": "outline"
982
- },
983
- {
984
- "name": "outlineOffset",
985
- "type": {
986
- "text": "string"
987
- },
988
- "default": "\"2px\"",
989
- "description": "CSS `outline-offset` value.",
990
- "fieldName": "outlineOffset"
989
+ "description": "Background image URL.",
990
+ "fieldName": "url"
991
991
  },
992
992
  {
993
- "name": "loading",
993
+ "name": "banner",
994
994
  "type": {
995
995
  "text": "boolean"
996
996
  },
997
- "default": "false",
998
- "description": "Shows loading overlay when true.",
999
- "fieldName": "loading"
997
+ "default": "true",
998
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
999
+ "fieldName": "banner"
1000
1000
  },
1001
1001
  {
1002
- "name": "disabled",
1002
+ "name": "dense",
1003
1003
  "type": {
1004
1004
  "text": "boolean"
1005
1005
  },
1006
1006
  "default": "false",
1007
- "description": "Dims and disables pointer interactions.",
1008
- "fieldName": "disabled"
1007
+ "description": "Enables compact vertical spacing.",
1008
+ "fieldName": "dense"
1009
1009
  },
1010
1010
  {
1011
- "name": "interactive",
1011
+ "name": "elevated",
1012
1012
  "type": {
1013
1013
  "text": "boolean"
1014
1014
  },
1015
1015
  "default": "false",
1016
- "description": "Enables interactive behavior with keyboard/click activation.",
1017
- "fieldName": "interactive"
1016
+ "description": "Applies elevated shadow styling.",
1017
+ "fieldName": "elevated"
1018
1018
  },
1019
1019
  {
1020
- "name": "shadow",
1020
+ "name": "leadingLabel",
1021
1021
  "type": {
1022
- "text": "boolean"
1022
+ "text": "string"
1023
1023
  },
1024
- "default": "false",
1025
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1026
- "fieldName": "shadow"
1024
+ "default": "\"Open menu\"",
1025
+ "description": "Accessible label for default leading button fallback.",
1026
+ "fieldName": "leadingLabel"
1027
1027
  }
1028
1028
  ],
1029
1029
  "superclass": {
1030
1030
  "name": "LitElement",
1031
1031
  "package": "lit"
1032
1032
  },
1033
- "tagName": "sky-avatar",
1033
+ "tagName": "sky-appbar",
1034
1034
  "customElement": true,
1035
- "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
1035
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
1036
1036
  }
1037
1037
  ],
1038
1038
  "exports": [
1039
1039
  {
1040
1040
  "kind": "js",
1041
- "name": "SkyAvatar",
1041
+ "name": "SkyAppbar",
1042
1042
  "declaration": {
1043
- "name": "SkyAvatar",
1044
- "module": "src/sky-avatar/sky-avatar.ts"
1043
+ "name": "SkyAppbar",
1044
+ "module": "src/sky-appbar/sky-appbar.ts"
1045
1045
  }
1046
1046
  },
1047
1047
  {
1048
1048
  "kind": "custom-element-definition",
1049
- "name": "sky-avatar",
1049
+ "name": "sky-appbar",
1050
1050
  "declaration": {
1051
- "name": "SkyAvatar",
1052
- "module": "src/sky-avatar/sky-avatar.ts"
1051
+ "name": "SkyAppbar",
1052
+ "module": "src/sky-appbar/sky-appbar.ts"
1053
1053
  }
1054
1054
  }
1055
1055
  ]
@@ -1653,1129 +1653,1186 @@
1653
1653
  },
1654
1654
  {
1655
1655
  "kind": "javascript-module",
1656
- "path": "src/sky-button/sky-button.ts",
1656
+ "path": "src/sky-card/sky-card.ts",
1657
1657
  "declarations": [
1658
1658
  {
1659
1659
  "kind": "class",
1660
1660
  "description": "",
1661
- "name": "SkyButton",
1661
+ "name": "SkyCard",
1662
1662
  "cssParts": [
1663
1663
  {
1664
- "description": "The native `<button>` element.",
1665
- "name": "button"
1664
+ "description": "The main card container element.",
1665
+ "name": "card"
1666
1666
  },
1667
1667
  {
1668
- "description": "The optional left/right icons.",
1669
- "name": "icon"
1668
+ "description": "The card header section.",
1669
+ "name": "header"
1670
1670
  },
1671
1671
  {
1672
- "description": "Overlay displayed when loading.",
1673
- "name": "loading-overlay"
1672
+ "description": "The card footer section.",
1673
+ "name": "footer"
1674
1674
  },
1675
1675
  {
1676
- "description": "Spinner displayed when loading.",
1677
- "name": "spinner"
1676
+ "description": "The ripple animation element injected when the card is clicked.",
1677
+ "name": "ripple"
1678
1678
  }
1679
1679
  ],
1680
1680
  "slots": [
1681
1681
  {
1682
- "description": "Default slot for the button label (replaces `label` property if used).",
1682
+ "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
1683
1683
  "name": ""
1684
- }
1685
- ],
1686
- "members": [
1684
+ },
1687
1685
  {
1688
- "kind": "field",
1689
- "name": "dependencies",
1690
- "type": {
1691
- "text": "Record<string, CustomElementConstructor>"
1692
- },
1693
- "static": true,
1694
- "default": "{ \"sky-icon\": SkyIcon, }"
1686
+ "description": "Slot for the card title.",
1687
+ "name": "title"
1695
1688
  },
1696
1689
  {
1697
- "kind": "field",
1698
- "name": "formAssociated",
1699
- "type": {
1700
- "text": "boolean"
1701
- },
1702
- "static": true,
1703
- "default": "true"
1690
+ "description": "Slot for the card subtitle.",
1691
+ "name": "subtitle"
1704
1692
  },
1705
1693
  {
1706
- "kind": "field",
1707
- "name": "internals",
1708
- "type": {
1709
- "text": "ElementInternals"
1710
- },
1711
- "privacy": "private"
1694
+ "description": "Slot for the card actions (usually buttons).",
1695
+ "name": "actions"
1712
1696
  },
1713
1697
  {
1714
- "kind": "field",
1715
- "name": "variant",
1716
- "type": {
1717
- "text": "SkyButtonVariant"
1718
- },
1719
- "default": "\"solid\"",
1720
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1721
- "attribute": "variant",
1722
- "reflects": true
1698
+ "description": "Slot for the footer title.",
1699
+ "name": "footer-title"
1723
1700
  },
1724
1701
  {
1725
- "kind": "field",
1726
- "name": "color",
1727
- "type": {
1728
- "text": "string"
1729
- },
1730
- "default": "\"primary\"",
1731
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1732
- "attribute": "color"
1702
+ "description": "Slot for the footer subtitle.",
1703
+ "name": "footer-subtitle"
1733
1704
  },
1705
+ {
1706
+ "description": "Slot for the footer actions (usually buttons).",
1707
+ "name": "footer-actions"
1708
+ }
1709
+ ],
1710
+ "members": [
1734
1711
  {
1735
1712
  "kind": "field",
1736
- "name": "type",
1713
+ "name": "bg",
1737
1714
  "type": {
1738
- "text": "SkyButtonType"
1715
+ "text": "string"
1739
1716
  },
1740
- "default": "\"button\"",
1741
- "description": "Button type attribute. Default: `\"button\"`.",
1742
- "attribute": "type"
1717
+ "default": "\"primary\"",
1718
+ "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
1719
+ "attribute": "bg",
1720
+ "reflects": true
1743
1721
  },
1744
1722
  {
1745
1723
  "kind": "field",
1746
- "name": "form",
1724
+ "name": "blurLevel",
1747
1725
  "type": {
1748
1726
  "text": "string"
1749
1727
  },
1750
- "default": "\"\"",
1751
- "description": "Associated form ID for custom submit handling.",
1752
- "attribute": "form"
1728
+ "default": "\"none\"",
1729
+ "description": "Level of blur applied to the background. Default: `\"none\"`.",
1730
+ "attribute": "blurLevel",
1731
+ "reflects": true
1753
1732
  },
1754
1733
  {
1755
1734
  "kind": "field",
1756
- "name": "size",
1735
+ "name": "radius",
1757
1736
  "type": {
1758
1737
  "text": "string"
1759
1738
  },
1760
1739
  "default": "\"md\"",
1761
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1762
- "attribute": "size"
1740
+ "description": "Border radius of the card. Default: `\"md\"`.",
1741
+ "attribute": "radius",
1742
+ "reflects": true
1763
1743
  },
1764
1744
  {
1765
1745
  "kind": "field",
1766
- "name": "radius",
1746
+ "name": "bodyPadding",
1767
1747
  "type": {
1768
1748
  "text": "string"
1769
1749
  },
1770
- "default": "\"md\"",
1771
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1772
- "attribute": "radius"
1750
+ "default": "\"none\"",
1751
+ "description": "Padding for the card body. Default: `\"none\"`.",
1752
+ "attribute": "bodyPadding",
1753
+ "reflects": true
1773
1754
  },
1774
1755
  {
1775
1756
  "kind": "field",
1776
- "name": "label",
1757
+ "name": "elevation",
1777
1758
  "type": {
1778
- "text": "string"
1759
+ "text": "SkyCardElevation"
1779
1760
  },
1780
- "default": "\"Button\"",
1781
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1782
- "attribute": "label"
1761
+ "default": "\"md\"",
1762
+ "description": "Shadow depth of the card. Default: `\"md\"`.",
1763
+ "attribute": "elevation",
1764
+ "reflects": true
1783
1765
  },
1784
1766
  {
1785
1767
  "kind": "field",
1786
- "name": "disabled",
1768
+ "name": "outlined",
1787
1769
  "type": {
1788
1770
  "text": "boolean"
1789
1771
  },
1790
1772
  "default": "false",
1791
- "description": "Whether the button is disabled. Default: `false`.",
1792
- "attribute": "disabled",
1773
+ "description": "Whether the card has an outline. Default: `false`.",
1774
+ "attribute": "outlined",
1793
1775
  "reflects": true
1794
1776
  },
1795
1777
  {
1796
1778
  "kind": "field",
1797
- "name": "loading",
1779
+ "name": "clickable",
1798
1780
  "type": {
1799
1781
  "text": "boolean"
1800
1782
  },
1801
1783
  "default": "false",
1802
- "description": "Shows a loading overlay when true. Default: `false`.",
1803
- "attribute": "loading",
1784
+ "description": "Whether the card is clickable. Default: `false`.",
1785
+ "attribute": "clickable",
1804
1786
  "reflects": true
1805
1787
  },
1806
1788
  {
1807
1789
  "kind": "field",
1808
- "name": "iconL",
1790
+ "name": "headerBg",
1809
1791
  "type": {
1810
1792
  "text": "string"
1811
1793
  },
1812
- "default": "\"\"",
1813
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
1814
- "attribute": "iconL"
1794
+ "default": "\"transparent\"",
1795
+ "description": "Background color of the header. Default: `\"transparent\"`.",
1796
+ "attribute": "headerBg",
1797
+ "reflects": true
1815
1798
  },
1816
1799
  {
1817
1800
  "kind": "field",
1818
- "name": "iconR",
1801
+ "name": "headerBlur",
1819
1802
  "type": {
1820
1803
  "text": "string"
1821
1804
  },
1822
- "default": "\"\"",
1823
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
1824
- "attribute": "iconR"
1805
+ "default": "\"none\"",
1806
+ "description": "Blur level for the header background. Default: `\"none\"`.",
1807
+ "attribute": "headerBlur",
1808
+ "reflects": true
1825
1809
  },
1826
1810
  {
1827
1811
  "kind": "field",
1828
- "name": "iconOnly",
1812
+ "name": "headerPadding",
1829
1813
  "type": {
1830
- "text": "boolean"
1814
+ "text": "string"
1831
1815
  },
1832
- "default": "false",
1833
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
1834
- "attribute": "iconOnly",
1816
+ "default": "\"md\"",
1817
+ "description": "Padding for the header. Default: `\"md\"`.",
1818
+ "attribute": "headerPadding",
1835
1819
  "reflects": true
1836
1820
  },
1837
1821
  {
1838
1822
  "kind": "field",
1839
- "name": "colors",
1823
+ "name": "headerLayout",
1840
1824
  "type": {
1841
- "text": "string"
1825
+ "text": "SkyCardSectionLayout"
1842
1826
  },
1843
- "default": "\"\"",
1844
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
1845
- "attribute": "colors"
1827
+ "default": "\"inline\"",
1828
+ "description": "Layout of the header content. Default: `\"inline\"`.",
1829
+ "attribute": "headerLayout"
1846
1830
  },
1847
1831
  {
1848
1832
  "kind": "field",
1849
- "name": "animation",
1833
+ "name": "headerInsetGap",
1850
1834
  "type": {
1851
- "text": "SkyButtonAnimation"
1835
+ "text": "string"
1852
1836
  },
1853
- "default": "\"auto\"",
1854
- "description": "Transform animation style. Default: `\"auto\"`.",
1855
- "attribute": "animation",
1837
+ "default": "\"sm\"",
1838
+ "description": "Inset gap for the header section. Default: `\"sm\"`.",
1839
+ "attribute": "headerInsetGap",
1856
1840
  "reflects": true
1857
1841
  },
1858
1842
  {
1859
1843
  "kind": "field",
1860
- "name": "_hasMeaningfulSlot",
1844
+ "name": "headerRadius",
1861
1845
  "type": {
1862
- "text": "boolean"
1846
+ "text": "string"
1863
1847
  },
1864
- "privacy": "private",
1865
- "default": "false"
1848
+ "default": "\"md\"",
1849
+ "description": "Border radius for the header. Default: `\"md\"`.",
1850
+ "attribute": "headerRadius",
1851
+ "reflects": true
1866
1852
  },
1867
1853
  {
1868
1854
  "kind": "field",
1869
- "name": "_styleVars",
1855
+ "name": "headerSeparatorColor",
1870
1856
  "type": {
1871
- "text": "Record<string, string>"
1857
+ "text": "string"
1872
1858
  },
1873
- "privacy": "private",
1874
- "default": "{}",
1875
- "description": "Inline CSS variable cache."
1859
+ "default": "\"border-light\"",
1860
+ "description": "Color for the header separator. Default: `\"border-light\"`.",
1861
+ "attribute": "headerSeparatorColor"
1876
1862
  },
1877
1863
  {
1878
- "kind": "method",
1879
- "name": "_slotHasMeaningfulContent",
1880
- "privacy": "private",
1881
- "return": {
1882
- "type": {
1883
- "text": "boolean"
1884
- }
1864
+ "kind": "field",
1865
+ "name": "footerBg",
1866
+ "type": {
1867
+ "text": "string"
1885
1868
  },
1886
- "parameters": [
1887
- {
1888
- "name": "slotEl",
1889
- "type": {
1890
- "text": "HTMLSlotElement"
1891
- }
1892
- }
1893
- ]
1869
+ "default": "\"transparent\"",
1870
+ "description": "Background color of the footer. Default: `\"transparent\"`.",
1871
+ "attribute": "footerBg",
1872
+ "reflects": true
1894
1873
  },
1895
1874
  {
1896
1875
  "kind": "field",
1897
- "name": "_onSlotChange",
1898
- "privacy": "private"
1876
+ "name": "footerBlur",
1877
+ "type": {
1878
+ "text": "string"
1879
+ },
1880
+ "default": "\"none\"",
1881
+ "description": "Blur level for the footer background. Default: `\"none\"`.",
1882
+ "attribute": "footerBlur",
1883
+ "reflects": true
1899
1884
  },
1900
1885
  {
1901
- "kind": "method",
1902
- "name": "_toSquarePadding",
1903
- "privacy": "private",
1904
- "return": {
1905
- "type": {
1906
- "text": "string"
1907
- }
1886
+ "kind": "field",
1887
+ "name": "footerPadding",
1888
+ "type": {
1889
+ "text": "string"
1908
1890
  },
1909
- "parameters": [
1910
- {
1911
- "name": "padding",
1912
- "type": {
1913
- "text": "string"
1914
- }
1915
- }
1916
- ],
1917
- "description": "Uses vertical padding for equal sides (icon-only square control)."
1891
+ "default": "\"md\"",
1892
+ "description": "Padding for the footer. Default: `\"md\"`.",
1893
+ "attribute": "footerPadding",
1894
+ "reflects": true
1918
1895
  },
1919
1896
  {
1920
- "kind": "method",
1921
- "name": "_resolveSize",
1922
- "privacy": "private",
1923
- "return": {
1924
- "type": {
1925
- "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
1926
- }
1897
+ "kind": "field",
1898
+ "name": "footerLayout",
1899
+ "type": {
1900
+ "text": "SkyCardSectionLayout"
1927
1901
  },
1928
- "parameters": [
1929
- {
1930
- "name": "input",
1931
- "type": {
1932
- "text": "string"
1933
- }
1934
- }
1935
- ]
1902
+ "default": "\"inline\"",
1903
+ "description": "Layout of the footer content. Default: `\"inline\"`.",
1904
+ "attribute": "footerLayout"
1936
1905
  },
1937
1906
  {
1938
- "kind": "method",
1939
- "name": "_isThemeBorderShorthand",
1940
- "privacy": "private",
1941
- "return": {
1942
- "type": {
1943
- "text": "boolean"
1944
- }
1907
+ "kind": "field",
1908
+ "name": "footerInsetGap",
1909
+ "type": {
1910
+ "text": "string"
1945
1911
  },
1946
- "parameters": [
1947
- {
1948
- "name": "border",
1949
- "type": {
1950
- "text": "string | undefined"
1951
- }
1952
- }
1953
- ],
1954
- "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
1912
+ "default": "\"sm\"",
1913
+ "description": "Inset gap for the footer section. Default: `\"sm\"`.",
1914
+ "attribute": "footerInsetGap",
1915
+ "reflects": true
1955
1916
  },
1956
1917
  {
1957
- "kind": "method",
1958
- "name": "_borderColorFromShorthand",
1959
- "privacy": "private",
1960
- "return": {
1961
- "type": {
1962
- "text": "string"
1963
- }
1918
+ "kind": "field",
1919
+ "name": "footerRadius",
1920
+ "type": {
1921
+ "text": "string"
1964
1922
  },
1965
- "parameters": [
1966
- {
1967
- "name": "border",
1968
- "type": {
1969
- "text": "string | undefined"
1970
- }
1971
- }
1972
- ],
1973
- "description": "Extracts the color token from a `Npx solid …` border shorthand."
1923
+ "default": "\"md\"",
1924
+ "description": "Border radius for the footer. Default: `\"md\"`.",
1925
+ "attribute": "footerRadius",
1926
+ "reflects": true
1974
1927
  },
1975
1928
  {
1976
- "kind": "method",
1977
- "name": "focusButton",
1978
- "privacy": "public",
1979
- "return": {
1980
- "type": {
1981
- "text": "void"
1982
- }
1929
+ "kind": "field",
1930
+ "name": "footerSeparatorColor",
1931
+ "type": {
1932
+ "text": "string"
1983
1933
  },
1984
- "description": "Focuses the internal native button."
1934
+ "default": "\"border-light\"",
1935
+ "description": "Color for the footer separator. Default: `\"border-light\"`.",
1936
+ "attribute": "footerSeparatorColor"
1985
1937
  },
1986
1938
  {
1987
- "kind": "method",
1988
- "name": "clickButton",
1989
- "privacy": "public",
1990
- "return": {
1991
- "type": {
1992
- "text": "void"
1993
- }
1939
+ "kind": "field",
1940
+ "name": "padRatio",
1941
+ "type": {
1942
+ "text": "number"
1994
1943
  },
1995
- "description": "Triggers a click on the internal native button when enabled."
1944
+ "default": "1",
1945
+ "description": "Ratio to adjust padding. Default: `1`.",
1946
+ "attribute": "padRatio"
1996
1947
  },
1997
1948
  {
1998
- "kind": "method",
1999
- "name": "_createRipple",
2000
- "privacy": "private",
2001
- "return": {
2002
- "type": {
2003
- "text": "void"
2004
- }
1949
+ "kind": "field",
1950
+ "name": "separators",
1951
+ "type": {
1952
+ "text": "SkyCardSectionTarget"
2005
1953
  },
2006
- "parameters": [
2007
- {
2008
- "name": "event",
2009
- "type": {
2010
- "text": "MouseEvent"
2011
- }
2012
- }
2013
- ]
1954
+ "default": "\"none\"",
1955
+ "description": "Determines where separators should appear. Default: `\"none\"`.",
1956
+ "attribute": "separators"
2014
1957
  },
2015
1958
  {
2016
- "kind": "method",
2017
- "name": "formDisabledCallback",
2018
- "return": {
2019
- "type": {
2020
- "text": "void"
2021
- }
1959
+ "kind": "field",
1960
+ "name": "overlays",
1961
+ "type": {
1962
+ "text": "SkyCardSectionTarget"
2022
1963
  },
2023
- "parameters": [
2024
- {
2025
- "name": "disabled",
2026
- "type": {
2027
- "text": "boolean"
2028
- }
2029
- }
2030
- ]
1964
+ "default": "\"none\"",
1965
+ "description": "Determines where overlays should appear. Default: `\"none\"`.",
1966
+ "attribute": "overlays"
2031
1967
  },
2032
1968
  {
2033
1969
  "kind": "field",
2034
- "name": "formOwner",
1970
+ "name": "insets",
2035
1971
  "type": {
2036
- "text": "HTMLFormElement | null"
1972
+ "text": "SkyCardSectionTarget"
2037
1973
  },
2038
- "readonly": true
1974
+ "default": "\"none\"",
1975
+ "description": "Determines where insets should appear. Default: `\"none\"`.",
1976
+ "attribute": "insets"
2039
1977
  },
2040
1978
  {
2041
- "kind": "method",
2042
- "name": "_handleClick",
2043
- "privacy": "private",
2044
- "return": {
2045
- "type": {
2046
- "text": "void"
2047
- }
1979
+ "kind": "field",
1980
+ "name": "_effHeaderSeparator",
1981
+ "type": {
1982
+ "text": "boolean"
2048
1983
  },
2049
- "parameters": [
2050
- {
2051
- "name": "event",
2052
- "type": {
2053
- "text": "MouseEvent"
2054
- }
2055
- }
2056
- ]
2057
- },
2058
- {
2059
- "kind": "method",
2060
- "name": "_iconOnlyName",
2061
1984
  "privacy": "private",
2062
- "return": {
2063
- "type": {
2064
- "text": "string"
2065
- }
2066
- }
2067
- }
2068
- ],
2069
- "attributes": [
1985
+ "default": "false"
1986
+ },
2070
1987
  {
2071
- "name": "variant",
1988
+ "kind": "field",
1989
+ "name": "_effFooterSeparator",
2072
1990
  "type": {
2073
- "text": "SkyButtonVariant"
1991
+ "text": "boolean"
2074
1992
  },
2075
- "default": "\"solid\"",
2076
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
2077
- "fieldName": "variant"
1993
+ "privacy": "private",
1994
+ "default": "false"
2078
1995
  },
2079
1996
  {
2080
- "name": "color",
1997
+ "kind": "field",
1998
+ "name": "_effHeaderOverlay",
2081
1999
  "type": {
2082
- "text": "string"
2000
+ "text": "boolean"
2083
2001
  },
2084
- "default": "\"primary\"",
2085
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
2086
- "fieldName": "color"
2002
+ "privacy": "private",
2003
+ "default": "false"
2087
2004
  },
2088
2005
  {
2089
- "name": "type",
2006
+ "kind": "field",
2007
+ "name": "_effFooterOverlay",
2090
2008
  "type": {
2091
- "text": "SkyButtonType"
2009
+ "text": "boolean"
2092
2010
  },
2093
- "default": "\"button\"",
2094
- "description": "Button type attribute. Default: `\"button\"`.",
2095
- "fieldName": "type"
2011
+ "privacy": "private",
2012
+ "default": "false"
2096
2013
  },
2097
2014
  {
2098
- "name": "form",
2015
+ "kind": "field",
2016
+ "name": "_effHeaderInset",
2099
2017
  "type": {
2100
- "text": "string"
2018
+ "text": "boolean"
2101
2019
  },
2102
- "default": "\"\"",
2103
- "description": "Associated form ID for custom submit handling.",
2104
- "fieldName": "form"
2020
+ "privacy": "private",
2021
+ "default": "false"
2105
2022
  },
2106
2023
  {
2107
- "name": "size",
2024
+ "kind": "field",
2025
+ "name": "_effFooterInset",
2108
2026
  "type": {
2109
- "text": "string"
2027
+ "text": "boolean"
2110
2028
  },
2111
- "default": "\"md\"",
2112
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
2113
- "fieldName": "size"
2029
+ "privacy": "private",
2030
+ "default": "false"
2114
2031
  },
2115
2032
  {
2116
- "name": "radius",
2033
+ "kind": "field",
2034
+ "name": "_varsCache",
2117
2035
  "type": {
2118
- "text": "string"
2036
+ "text": "Record<string, string>"
2119
2037
  },
2120
- "default": "\"md\"",
2121
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
2122
- "fieldName": "radius"
2038
+ "privacy": "private",
2039
+ "default": "{}"
2123
2040
  },
2124
2041
  {
2125
- "name": "label",
2042
+ "kind": "field",
2043
+ "name": "BG_MAP",
2044
+ "privacy": "private",
2045
+ "static": true,
2046
+ "readonly": true,
2047
+ "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
2126
2048
  "type": {
2127
- "text": "string"
2128
- },
2129
- "default": "\"Button\"",
2130
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
2131
- "fieldName": "label"
2049
+ "text": "{\n primary: \"var(--sky-glass-primary)\",\n secondary: \"var(--sky-glass-secondary)\",\n tertiary: \"var(--sky-glass-tertiary)\",\n transparent: \"transparent\",\n }"
2050
+ }
2132
2051
  },
2133
2052
  {
2134
- "name": "disabled",
2053
+ "kind": "field",
2054
+ "name": "BLUR_MAP",
2055
+ "privacy": "private",
2056
+ "static": true,
2057
+ "readonly": true,
2058
+ "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
2135
2059
  "type": {
2136
- "text": "boolean"
2137
- },
2138
- "default": "false",
2139
- "description": "Whether the button is disabled. Default: `false`.",
2140
- "fieldName": "disabled"
2060
+ "text": "{\n none: \"none\",\n xs: \"blur(2px)\",\n sm: \"var(--sky-blur-secondary)\",\n md: \"var(--sky-blur-secondary)\",\n lg: \"var(--sky-blur-tertiary)\",\n }"
2061
+ }
2141
2062
  },
2142
2063
  {
2143
- "name": "loading",
2064
+ "kind": "field",
2065
+ "name": "SIZE_MAP",
2066
+ "privacy": "private",
2067
+ "static": true,
2068
+ "readonly": true,
2069
+ "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)\", }",
2144
2070
  "type": {
2145
- "text": "boolean"
2146
- },
2147
- "default": "false",
2148
- "description": "Shows a loading overlay when true. Default: `false`.",
2149
- "fieldName": "loading"
2071
+ "text": "{\n none: \"0\",\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\n md: \"var(--sky-space-4, 16px)\",\n lg: \"var(--sky-space-6, 24px)\",\n xl: \"var(--sky-space-8, 32px)\",\n }"
2072
+ }
2150
2073
  },
2151
2074
  {
2152
- "name": "iconL",
2153
- "type": {
2154
- "text": "string"
2155
- },
2156
- "default": "\"\"",
2157
- "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
2158
- "fieldName": "iconL"
2075
+ "kind": "field",
2076
+ "name": "GLASS_BG_TIERS",
2077
+ "privacy": "private",
2078
+ "static": true,
2079
+ "readonly": true,
2080
+ "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2159
2081
  },
2160
2082
  {
2161
- "name": "iconR",
2083
+ "kind": "field",
2084
+ "name": "SECTION_INSET_BG_MAP",
2085
+ "privacy": "private",
2086
+ "static": true,
2087
+ "readonly": true,
2088
+ "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
2162
2089
  "type": {
2163
- "text": "string"
2090
+ "text": "{\n primary: \"var(--sky-hover-primary)\",\n secondary: \"var(--sky-hover-secondary)\",\n tertiary: \"var(--sky-hover-tertiary)\",\n transparent: \"transparent\",\n }"
2164
2091
  },
2165
- "default": "\"\"",
2166
- "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
2167
- "fieldName": "iconR"
2092
+ "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
2168
2093
  },
2169
2094
  {
2170
- "name": "iconOnly",
2171
- "type": {
2172
- "text": "boolean"
2095
+ "kind": "method",
2096
+ "name": "_composeBackdrop",
2097
+ "privacy": "private",
2098
+ "static": true,
2099
+ "return": {
2100
+ "type": {
2101
+ "text": "string"
2102
+ }
2173
2103
  },
2174
- "default": "false",
2175
- "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
2176
- "fieldName": "iconOnly"
2104
+ "parameters": [
2105
+ {
2106
+ "name": "blurLevel",
2107
+ "type": {
2108
+ "text": "string"
2109
+ }
2110
+ }
2111
+ ]
2177
2112
  },
2178
2113
  {
2179
- "name": "colors",
2180
- "type": {
2181
- "text": "string"
2114
+ "kind": "method",
2115
+ "name": "_composeElevation",
2116
+ "privacy": "private",
2117
+ "static": true,
2118
+ "return": {
2119
+ "type": {
2120
+ "text": "string"
2121
+ }
2182
2122
  },
2183
- "default": "\"\"",
2184
- "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
2185
- "fieldName": "colors"
2123
+ "parameters": [
2124
+ {
2125
+ "name": "level",
2126
+ "type": {
2127
+ "text": "SkyCardElevation | string"
2128
+ }
2129
+ }
2130
+ ]
2186
2131
  },
2187
2132
  {
2188
- "name": "animation",
2189
- "type": {
2190
- "text": "SkyButtonAnimation"
2191
- },
2192
- "default": "\"auto\"",
2193
- "description": "Transform animation style. Default: `\"auto\"`.",
2194
- "fieldName": "animation"
2195
- }
2196
- ],
2197
- "superclass": {
2198
- "name": "LitElement",
2199
- "package": "lit"
2200
- },
2201
- "tagName": "sky-button",
2202
- "customElement": true,
2203
- "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
2204
- }
2205
- ],
2206
- "exports": [
2207
- {
2208
- "kind": "js",
2209
- "name": "SkyButton",
2210
- "declaration": {
2211
- "name": "SkyButton",
2212
- "module": "src/sky-button/sky-button.ts"
2213
- }
2214
- },
2215
- {
2216
- "kind": "custom-element-definition",
2217
- "name": "sky-button",
2218
- "declaration": {
2219
- "name": "SkyButton",
2220
- "module": "src/sky-button/sky-button.ts"
2221
- }
2222
- }
2223
- ]
2224
- },
2225
- {
2226
- "kind": "javascript-module",
2227
- "path": "src/sky-card/sky-card.ts",
2228
- "declarations": [
2229
- {
2230
- "kind": "class",
2231
- "description": "",
2232
- "name": "SkyCard",
2233
- "cssParts": [
2133
+ "kind": "method",
2134
+ "name": "_wireSlotChangeHandlers",
2135
+ "privacy": "private",
2136
+ "return": {
2137
+ "type": {
2138
+ "text": "void"
2139
+ }
2140
+ }
2141
+ },
2234
2142
  {
2235
- "description": "The main card container element.",
2236
- "name": "card"
2143
+ "kind": "method",
2144
+ "name": "_syncHeader",
2145
+ "privacy": "private",
2146
+ "return": {
2147
+ "type": {
2148
+ "text": "void"
2149
+ }
2150
+ }
2237
2151
  },
2238
2152
  {
2239
- "description": "The card header section.",
2240
- "name": "header"
2153
+ "kind": "method",
2154
+ "name": "_syncFooter",
2155
+ "privacy": "private",
2156
+ "return": {
2157
+ "type": {
2158
+ "text": "void"
2159
+ }
2160
+ }
2241
2161
  },
2242
2162
  {
2243
- "description": "The card footer section.",
2244
- "name": "footer"
2163
+ "kind": "method",
2164
+ "name": "_expandPair",
2165
+ "privacy": "private",
2166
+ "return": {
2167
+ "type": {
2168
+ "text": "[boolean, boolean]"
2169
+ }
2170
+ },
2171
+ "parameters": [
2172
+ {
2173
+ "name": "sh",
2174
+ "type": {
2175
+ "text": "SkyCardSectionTarget"
2176
+ }
2177
+ }
2178
+ ]
2245
2179
  },
2246
2180
  {
2247
- "description": "The ripple animation element injected when the card is clicked.",
2248
- "name": "ripple"
2249
- }
2250
- ],
2251
- "slots": [
2181
+ "kind": "method",
2182
+ "name": "_computeEffectiveFlags",
2183
+ "privacy": "private",
2184
+ "return": {
2185
+ "type": {
2186
+ "text": "void"
2187
+ }
2188
+ }
2189
+ },
2252
2190
  {
2253
- "description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
2254
- "name": ""
2191
+ "kind": "method",
2192
+ "name": "_setVar",
2193
+ "privacy": "private",
2194
+ "return": {
2195
+ "type": {
2196
+ "text": "void"
2197
+ }
2198
+ },
2199
+ "parameters": [
2200
+ {
2201
+ "name": "name",
2202
+ "type": {
2203
+ "text": "string"
2204
+ }
2205
+ },
2206
+ {
2207
+ "name": "value",
2208
+ "type": {
2209
+ "text": "string"
2210
+ }
2211
+ }
2212
+ ]
2255
2213
  },
2256
2214
  {
2257
- "description": "Slot for the card title.",
2258
- "name": "title"
2215
+ "kind": "method",
2216
+ "name": "_resolveSectionBg",
2217
+ "privacy": "private",
2218
+ "return": {
2219
+ "type": {
2220
+ "text": "string"
2221
+ }
2222
+ },
2223
+ "parameters": [
2224
+ {
2225
+ "name": "token",
2226
+ "type": {
2227
+ "text": "string"
2228
+ }
2229
+ },
2230
+ {
2231
+ "name": "isInset",
2232
+ "type": {
2233
+ "text": "boolean"
2234
+ }
2235
+ },
2236
+ {
2237
+ "name": "isOverlay",
2238
+ "type": {
2239
+ "text": "boolean"
2240
+ }
2241
+ }
2242
+ ]
2259
2243
  },
2260
2244
  {
2261
- "description": "Slot for the card subtitle.",
2262
- "name": "subtitle"
2245
+ "kind": "method",
2246
+ "name": "_resolveSectionGlassSurface",
2247
+ "privacy": "private",
2248
+ "return": {
2249
+ "type": {
2250
+ "text": "string"
2251
+ }
2252
+ },
2253
+ "parameters": [
2254
+ {
2255
+ "name": "token",
2256
+ "type": {
2257
+ "text": "string"
2258
+ }
2259
+ }
2260
+ ]
2263
2261
  },
2264
2262
  {
2265
- "description": "Slot for the card actions (usually buttons).",
2266
- "name": "actions"
2263
+ "kind": "method",
2264
+ "name": "_applyCardVars",
2265
+ "privacy": "private",
2266
+ "return": {
2267
+ "type": {
2268
+ "text": "void"
2269
+ }
2270
+ }
2267
2271
  },
2268
2272
  {
2269
- "description": "Slot for the footer title.",
2270
- "name": "footer-title"
2273
+ "kind": "method",
2274
+ "name": "_applyPaddingVars",
2275
+ "privacy": "private",
2276
+ "return": {
2277
+ "type": {
2278
+ "text": "void"
2279
+ }
2280
+ }
2271
2281
  },
2272
2282
  {
2273
- "description": "Slot for the footer subtitle.",
2274
- "name": "footer-subtitle"
2283
+ "kind": "method",
2284
+ "name": "_applySectionChrome",
2285
+ "privacy": "private",
2286
+ "return": {
2287
+ "type": {
2288
+ "text": "void"
2289
+ }
2290
+ }
2275
2291
  },
2276
2292
  {
2277
- "description": "Slot for the footer actions (usually buttons).",
2278
- "name": "footer-actions"
2293
+ "kind": "method",
2294
+ "name": "refreshLayout",
2295
+ "privacy": "public",
2296
+ "return": {
2297
+ "type": {
2298
+ "text": "void"
2299
+ }
2300
+ },
2301
+ "description": "Recomputes card variables and section synchronization."
2279
2302
  }
2280
2303
  ],
2281
- "members": [
2304
+ "attributes": [
2282
2305
  {
2283
- "kind": "field",
2284
2306
  "name": "bg",
2285
2307
  "type": {
2286
2308
  "text": "string"
2287
2309
  },
2288
2310
  "default": "\"primary\"",
2289
2311
  "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
2290
- "attribute": "bg",
2291
- "reflects": true
2312
+ "fieldName": "bg"
2292
2313
  },
2293
2314
  {
2294
- "kind": "field",
2295
2315
  "name": "blurLevel",
2296
2316
  "type": {
2297
2317
  "text": "string"
2298
2318
  },
2299
2319
  "default": "\"none\"",
2300
2320
  "description": "Level of blur applied to the background. Default: `\"none\"`.",
2301
- "attribute": "blurLevel",
2302
- "reflects": true
2321
+ "fieldName": "blurLevel"
2303
2322
  },
2304
2323
  {
2305
- "kind": "field",
2306
2324
  "name": "radius",
2307
2325
  "type": {
2308
2326
  "text": "string"
2309
2327
  },
2310
2328
  "default": "\"md\"",
2311
2329
  "description": "Border radius of the card. Default: `\"md\"`.",
2312
- "attribute": "radius",
2313
- "reflects": true
2330
+ "fieldName": "radius"
2314
2331
  },
2315
2332
  {
2316
- "kind": "field",
2317
2333
  "name": "bodyPadding",
2318
2334
  "type": {
2319
2335
  "text": "string"
2320
2336
  },
2321
2337
  "default": "\"none\"",
2322
2338
  "description": "Padding for the card body. Default: `\"none\"`.",
2323
- "attribute": "bodyPadding",
2324
- "reflects": true
2339
+ "fieldName": "bodyPadding"
2325
2340
  },
2326
2341
  {
2327
- "kind": "field",
2328
2342
  "name": "elevation",
2329
2343
  "type": {
2330
2344
  "text": "SkyCardElevation"
2331
2345
  },
2332
2346
  "default": "\"md\"",
2333
2347
  "description": "Shadow depth of the card. Default: `\"md\"`.",
2334
- "attribute": "elevation",
2335
- "reflects": true
2348
+ "fieldName": "elevation"
2336
2349
  },
2337
2350
  {
2338
- "kind": "field",
2339
2351
  "name": "outlined",
2340
2352
  "type": {
2341
2353
  "text": "boolean"
2342
2354
  },
2343
2355
  "default": "false",
2344
2356
  "description": "Whether the card has an outline. Default: `false`.",
2345
- "attribute": "outlined",
2346
- "reflects": true
2357
+ "fieldName": "outlined"
2347
2358
  },
2348
2359
  {
2349
- "kind": "field",
2350
2360
  "name": "clickable",
2351
2361
  "type": {
2352
2362
  "text": "boolean"
2353
2363
  },
2354
2364
  "default": "false",
2355
2365
  "description": "Whether the card is clickable. Default: `false`.",
2356
- "attribute": "clickable",
2357
- "reflects": true
2366
+ "fieldName": "clickable"
2358
2367
  },
2359
2368
  {
2360
- "kind": "field",
2361
2369
  "name": "headerBg",
2362
2370
  "type": {
2363
2371
  "text": "string"
2364
2372
  },
2365
2373
  "default": "\"transparent\"",
2366
2374
  "description": "Background color of the header. Default: `\"transparent\"`.",
2367
- "attribute": "headerBg",
2368
- "reflects": true
2375
+ "fieldName": "headerBg"
2369
2376
  },
2370
2377
  {
2371
- "kind": "field",
2372
2378
  "name": "headerBlur",
2373
2379
  "type": {
2374
2380
  "text": "string"
2375
2381
  },
2376
2382
  "default": "\"none\"",
2377
2383
  "description": "Blur level for the header background. Default: `\"none\"`.",
2378
- "attribute": "headerBlur",
2379
- "reflects": true
2384
+ "fieldName": "headerBlur"
2380
2385
  },
2381
2386
  {
2382
- "kind": "field",
2383
2387
  "name": "headerPadding",
2384
2388
  "type": {
2385
2389
  "text": "string"
2386
2390
  },
2387
2391
  "default": "\"md\"",
2388
2392
  "description": "Padding for the header. Default: `\"md\"`.",
2389
- "attribute": "headerPadding",
2390
- "reflects": true
2393
+ "fieldName": "headerPadding"
2391
2394
  },
2392
2395
  {
2393
- "kind": "field",
2394
2396
  "name": "headerLayout",
2395
2397
  "type": {
2396
2398
  "text": "SkyCardSectionLayout"
2397
2399
  },
2398
2400
  "default": "\"inline\"",
2399
2401
  "description": "Layout of the header content. Default: `\"inline\"`.",
2400
- "attribute": "headerLayout"
2402
+ "fieldName": "headerLayout"
2401
2403
  },
2402
2404
  {
2403
- "kind": "field",
2404
2405
  "name": "headerInsetGap",
2405
2406
  "type": {
2406
2407
  "text": "string"
2407
2408
  },
2408
2409
  "default": "\"sm\"",
2409
2410
  "description": "Inset gap for the header section. Default: `\"sm\"`.",
2410
- "attribute": "headerInsetGap",
2411
- "reflects": true
2411
+ "fieldName": "headerInsetGap"
2412
2412
  },
2413
2413
  {
2414
- "kind": "field",
2415
2414
  "name": "headerRadius",
2416
2415
  "type": {
2417
2416
  "text": "string"
2418
2417
  },
2419
2418
  "default": "\"md\"",
2420
2419
  "description": "Border radius for the header. Default: `\"md\"`.",
2421
- "attribute": "headerRadius",
2422
- "reflects": true
2420
+ "fieldName": "headerRadius"
2423
2421
  },
2424
2422
  {
2425
- "kind": "field",
2426
2423
  "name": "headerSeparatorColor",
2427
2424
  "type": {
2428
2425
  "text": "string"
2429
2426
  },
2430
2427
  "default": "\"border-light\"",
2431
2428
  "description": "Color for the header separator. Default: `\"border-light\"`.",
2432
- "attribute": "headerSeparatorColor"
2429
+ "fieldName": "headerSeparatorColor"
2433
2430
  },
2434
2431
  {
2435
- "kind": "field",
2436
2432
  "name": "footerBg",
2437
2433
  "type": {
2438
2434
  "text": "string"
2439
2435
  },
2440
2436
  "default": "\"transparent\"",
2441
2437
  "description": "Background color of the footer. Default: `\"transparent\"`.",
2442
- "attribute": "footerBg",
2443
- "reflects": true
2438
+ "fieldName": "footerBg"
2444
2439
  },
2445
2440
  {
2446
- "kind": "field",
2447
2441
  "name": "footerBlur",
2448
2442
  "type": {
2449
2443
  "text": "string"
2450
2444
  },
2451
2445
  "default": "\"none\"",
2452
2446
  "description": "Blur level for the footer background. Default: `\"none\"`.",
2453
- "attribute": "footerBlur",
2454
- "reflects": true
2447
+ "fieldName": "footerBlur"
2455
2448
  },
2456
2449
  {
2457
- "kind": "field",
2458
2450
  "name": "footerPadding",
2459
2451
  "type": {
2460
2452
  "text": "string"
2461
2453
  },
2462
2454
  "default": "\"md\"",
2463
2455
  "description": "Padding for the footer. Default: `\"md\"`.",
2464
- "attribute": "footerPadding",
2465
- "reflects": true
2456
+ "fieldName": "footerPadding"
2466
2457
  },
2467
2458
  {
2468
- "kind": "field",
2469
2459
  "name": "footerLayout",
2470
2460
  "type": {
2471
2461
  "text": "SkyCardSectionLayout"
2472
2462
  },
2473
2463
  "default": "\"inline\"",
2474
2464
  "description": "Layout of the footer content. Default: `\"inline\"`.",
2475
- "attribute": "footerLayout"
2465
+ "fieldName": "footerLayout"
2476
2466
  },
2477
2467
  {
2478
- "kind": "field",
2479
2468
  "name": "footerInsetGap",
2480
2469
  "type": {
2481
2470
  "text": "string"
2482
2471
  },
2483
2472
  "default": "\"sm\"",
2484
2473
  "description": "Inset gap for the footer section. Default: `\"sm\"`.",
2485
- "attribute": "footerInsetGap",
2486
- "reflects": true
2474
+ "fieldName": "footerInsetGap"
2487
2475
  },
2488
2476
  {
2489
- "kind": "field",
2490
2477
  "name": "footerRadius",
2491
2478
  "type": {
2492
2479
  "text": "string"
2493
2480
  },
2494
2481
  "default": "\"md\"",
2495
2482
  "description": "Border radius for the footer. Default: `\"md\"`.",
2496
- "attribute": "footerRadius",
2497
- "reflects": true
2483
+ "fieldName": "footerRadius"
2498
2484
  },
2499
2485
  {
2500
- "kind": "field",
2501
2486
  "name": "footerSeparatorColor",
2502
2487
  "type": {
2503
2488
  "text": "string"
2504
2489
  },
2505
2490
  "default": "\"border-light\"",
2506
2491
  "description": "Color for the footer separator. Default: `\"border-light\"`.",
2507
- "attribute": "footerSeparatorColor"
2492
+ "fieldName": "footerSeparatorColor"
2508
2493
  },
2509
2494
  {
2510
- "kind": "field",
2511
2495
  "name": "padRatio",
2512
2496
  "type": {
2513
2497
  "text": "number"
2514
2498
  },
2515
2499
  "default": "1",
2516
2500
  "description": "Ratio to adjust padding. Default: `1`.",
2517
- "attribute": "padRatio"
2501
+ "fieldName": "padRatio"
2518
2502
  },
2519
2503
  {
2520
- "kind": "field",
2521
2504
  "name": "separators",
2522
2505
  "type": {
2523
2506
  "text": "SkyCardSectionTarget"
2524
2507
  },
2525
2508
  "default": "\"none\"",
2526
2509
  "description": "Determines where separators should appear. Default: `\"none\"`.",
2527
- "attribute": "separators"
2510
+ "fieldName": "separators"
2528
2511
  },
2529
2512
  {
2530
- "kind": "field",
2531
2513
  "name": "overlays",
2532
2514
  "type": {
2533
- "text": "SkyCardSectionTarget"
2515
+ "text": "SkyCardSectionTarget"
2516
+ },
2517
+ "default": "\"none\"",
2518
+ "description": "Determines where overlays should appear. Default: `\"none\"`.",
2519
+ "fieldName": "overlays"
2520
+ },
2521
+ {
2522
+ "name": "insets",
2523
+ "type": {
2524
+ "text": "SkyCardSectionTarget"
2525
+ },
2526
+ "default": "\"none\"",
2527
+ "description": "Determines where insets should appear. Default: `\"none\"`.",
2528
+ "fieldName": "insets"
2529
+ }
2530
+ ],
2531
+ "superclass": {
2532
+ "name": "LitElement",
2533
+ "package": "lit"
2534
+ },
2535
+ "tagName": "sky-card",
2536
+ "customElement": true,
2537
+ "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
2538
+ }
2539
+ ],
2540
+ "exports": [
2541
+ {
2542
+ "kind": "js",
2543
+ "name": "SkyCard",
2544
+ "declaration": {
2545
+ "name": "SkyCard",
2546
+ "module": "src/sky-card/sky-card.ts"
2547
+ }
2548
+ },
2549
+ {
2550
+ "kind": "custom-element-definition",
2551
+ "name": "sky-card",
2552
+ "declaration": {
2553
+ "name": "SkyCard",
2554
+ "module": "src/sky-card/sky-card.ts"
2555
+ }
2556
+ }
2557
+ ]
2558
+ },
2559
+ {
2560
+ "kind": "javascript-module",
2561
+ "path": "src/sky-button/sky-button.ts",
2562
+ "declarations": [
2563
+ {
2564
+ "kind": "class",
2565
+ "description": "",
2566
+ "name": "SkyButton",
2567
+ "cssParts": [
2568
+ {
2569
+ "description": "The native `<button>` element.",
2570
+ "name": "button"
2571
+ },
2572
+ {
2573
+ "description": "The optional left/right icons.",
2574
+ "name": "icon"
2575
+ },
2576
+ {
2577
+ "description": "Overlay displayed when loading.",
2578
+ "name": "loading-overlay"
2579
+ },
2580
+ {
2581
+ "description": "Spinner displayed when loading.",
2582
+ "name": "spinner"
2583
+ }
2584
+ ],
2585
+ "slots": [
2586
+ {
2587
+ "description": "Default slot for the button label (replaces `label` property if used).",
2588
+ "name": ""
2589
+ }
2590
+ ],
2591
+ "members": [
2592
+ {
2593
+ "kind": "field",
2594
+ "name": "dependencies",
2595
+ "type": {
2596
+ "text": "Record<string, CustomElementConstructor>"
2597
+ },
2598
+ "static": true,
2599
+ "default": "{ \"sky-icon\": SkyIcon, }"
2600
+ },
2601
+ {
2602
+ "kind": "field",
2603
+ "name": "formAssociated",
2604
+ "type": {
2605
+ "text": "boolean"
2606
+ },
2607
+ "static": true,
2608
+ "default": "true"
2609
+ },
2610
+ {
2611
+ "kind": "field",
2612
+ "name": "internals",
2613
+ "type": {
2614
+ "text": "ElementInternals"
2615
+ },
2616
+ "privacy": "private"
2617
+ },
2618
+ {
2619
+ "kind": "field",
2620
+ "name": "variant",
2621
+ "type": {
2622
+ "text": "SkyButtonVariant"
2623
+ },
2624
+ "default": "\"solid\"",
2625
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
2626
+ "attribute": "variant",
2627
+ "reflects": true
2628
+ },
2629
+ {
2630
+ "kind": "field",
2631
+ "name": "color",
2632
+ "type": {
2633
+ "text": "string"
2634
+ },
2635
+ "default": "\"primary\"",
2636
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
2637
+ "attribute": "color"
2638
+ },
2639
+ {
2640
+ "kind": "field",
2641
+ "name": "type",
2642
+ "type": {
2643
+ "text": "SkyButtonType"
2534
2644
  },
2535
- "default": "\"none\"",
2536
- "description": "Determines where overlays should appear. Default: `\"none\"`.",
2537
- "attribute": "overlays"
2645
+ "default": "\"button\"",
2646
+ "description": "Button type attribute. Default: `\"button\"`.",
2647
+ "attribute": "type"
2538
2648
  },
2539
2649
  {
2540
2650
  "kind": "field",
2541
- "name": "insets",
2651
+ "name": "form",
2542
2652
  "type": {
2543
- "text": "SkyCardSectionTarget"
2653
+ "text": "string"
2544
2654
  },
2545
- "default": "\"none\"",
2546
- "description": "Determines where insets should appear. Default: `\"none\"`.",
2547
- "attribute": "insets"
2655
+ "default": "\"\"",
2656
+ "description": "Associated form ID for custom submit handling.",
2657
+ "attribute": "form"
2548
2658
  },
2549
2659
  {
2550
2660
  "kind": "field",
2551
- "name": "_effHeaderSeparator",
2661
+ "name": "size",
2552
2662
  "type": {
2553
- "text": "boolean"
2663
+ "text": "string"
2554
2664
  },
2555
- "privacy": "private",
2556
- "default": "false"
2665
+ "default": "\"md\"",
2666
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
2667
+ "attribute": "size"
2557
2668
  },
2558
2669
  {
2559
2670
  "kind": "field",
2560
- "name": "_effFooterSeparator",
2671
+ "name": "radius",
2561
2672
  "type": {
2562
- "text": "boolean"
2673
+ "text": "string"
2563
2674
  },
2564
- "privacy": "private",
2565
- "default": "false"
2675
+ "default": "\"md\"",
2676
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
2677
+ "attribute": "radius"
2566
2678
  },
2567
2679
  {
2568
2680
  "kind": "field",
2569
- "name": "_effHeaderOverlay",
2681
+ "name": "label",
2570
2682
  "type": {
2571
- "text": "boolean"
2683
+ "text": "string"
2572
2684
  },
2573
- "privacy": "private",
2574
- "default": "false"
2685
+ "default": "\"Button\"",
2686
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
2687
+ "attribute": "label"
2575
2688
  },
2576
2689
  {
2577
2690
  "kind": "field",
2578
- "name": "_effFooterOverlay",
2691
+ "name": "disabled",
2579
2692
  "type": {
2580
2693
  "text": "boolean"
2581
2694
  },
2582
- "privacy": "private",
2583
- "default": "false"
2695
+ "default": "false",
2696
+ "description": "Whether the button is disabled. Default: `false`.",
2697
+ "attribute": "disabled",
2698
+ "reflects": true
2584
2699
  },
2585
2700
  {
2586
2701
  "kind": "field",
2587
- "name": "_effHeaderInset",
2702
+ "name": "loading",
2588
2703
  "type": {
2589
2704
  "text": "boolean"
2590
2705
  },
2591
- "privacy": "private",
2592
- "default": "false"
2706
+ "default": "false",
2707
+ "description": "Shows a loading overlay when true. Default: `false`.",
2708
+ "attribute": "loading",
2709
+ "reflects": true
2593
2710
  },
2594
2711
  {
2595
2712
  "kind": "field",
2596
- "name": "_effFooterInset",
2713
+ "name": "iconL",
2597
2714
  "type": {
2598
- "text": "boolean"
2715
+ "text": "string"
2599
2716
  },
2600
- "privacy": "private",
2601
- "default": "false"
2717
+ "default": "\"\"",
2718
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
2719
+ "attribute": "iconL"
2602
2720
  },
2603
2721
  {
2604
2722
  "kind": "field",
2605
- "name": "_varsCache",
2723
+ "name": "iconR",
2606
2724
  "type": {
2607
- "text": "Record<string, string>"
2725
+ "text": "string"
2608
2726
  },
2609
- "privacy": "private",
2610
- "default": "{}"
2727
+ "default": "\"\"",
2728
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
2729
+ "attribute": "iconR"
2611
2730
  },
2612
2731
  {
2613
2732
  "kind": "field",
2614
- "name": "BG_MAP",
2615
- "privacy": "private",
2616
- "static": true,
2617
- "readonly": true,
2618
- "default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
2733
+ "name": "iconOnly",
2619
2734
  "type": {
2620
- "text": "{\n primary: \"var(--sky-glass-primary)\",\n secondary: \"var(--sky-glass-secondary)\",\n tertiary: \"var(--sky-glass-tertiary)\",\n transparent: \"transparent\",\n }"
2621
- }
2735
+ "text": "boolean"
2736
+ },
2737
+ "default": "false",
2738
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
2739
+ "attribute": "iconOnly",
2740
+ "reflects": true
2622
2741
  },
2623
2742
  {
2624
2743
  "kind": "field",
2625
- "name": "BLUR_MAP",
2626
- "privacy": "private",
2627
- "static": true,
2628
- "readonly": true,
2629
- "default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
2744
+ "name": "colors",
2630
2745
  "type": {
2631
- "text": "{\n none: \"none\",\n xs: \"blur(2px)\",\n sm: \"var(--sky-blur-secondary)\",\n md: \"var(--sky-blur-secondary)\",\n lg: \"var(--sky-blur-tertiary)\",\n }"
2632
- }
2746
+ "text": "string"
2747
+ },
2748
+ "default": "\"\"",
2749
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
2750
+ "attribute": "colors"
2633
2751
  },
2634
2752
  {
2635
2753
  "kind": "field",
2636
- "name": "SIZE_MAP",
2637
- "privacy": "private",
2638
- "static": true,
2639
- "readonly": true,
2640
- "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)\", }",
2754
+ "name": "animation",
2641
2755
  "type": {
2642
- "text": "{\n none: \"0\",\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\n md: \"var(--sky-space-4, 16px)\",\n lg: \"var(--sky-space-6, 24px)\",\n xl: \"var(--sky-space-8, 32px)\",\n }"
2643
- }
2756
+ "text": "SkyButtonAnimation"
2757
+ },
2758
+ "default": "\"auto\"",
2759
+ "description": "Transform animation style. Default: `\"auto\"`.",
2760
+ "attribute": "animation",
2761
+ "reflects": true
2644
2762
  },
2645
2763
  {
2646
2764
  "kind": "field",
2647
- "name": "GLASS_BG_TIERS",
2765
+ "name": "_hasMeaningfulSlot",
2766
+ "type": {
2767
+ "text": "boolean"
2768
+ },
2648
2769
  "privacy": "private",
2649
- "static": true,
2650
- "readonly": true,
2651
- "default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
2770
+ "default": "false"
2652
2771
  },
2653
2772
  {
2654
2773
  "kind": "field",
2655
- "name": "SECTION_INSET_BG_MAP",
2656
- "privacy": "private",
2657
- "static": true,
2658
- "readonly": true,
2659
- "default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
2774
+ "name": "_styleVars",
2660
2775
  "type": {
2661
- "text": "{\n primary: \"var(--sky-hover-primary)\",\n secondary: \"var(--sky-hover-secondary)\",\n tertiary: \"var(--sky-hover-tertiary)\",\n transparent: \"transparent\",\n }"
2776
+ "text": "Record<string, string>"
2662
2777
  },
2663
- "description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
2664
- },
2665
- {
2666
- "kind": "method",
2667
- "name": "_composeBackdrop",
2668
2778
  "privacy": "private",
2669
- "static": true,
2670
- "return": {
2671
- "type": {
2672
- "text": "string"
2673
- }
2674
- },
2675
- "parameters": [
2676
- {
2677
- "name": "blurLevel",
2678
- "type": {
2679
- "text": "string"
2680
- }
2681
- }
2682
- ]
2779
+ "default": "{}",
2780
+ "description": "Inline CSS variable cache."
2683
2781
  },
2684
2782
  {
2685
2783
  "kind": "method",
2686
- "name": "_composeElevation",
2784
+ "name": "_slotHasMeaningfulContent",
2687
2785
  "privacy": "private",
2688
- "static": true,
2689
2786
  "return": {
2690
2787
  "type": {
2691
- "text": "string"
2788
+ "text": "boolean"
2692
2789
  }
2693
2790
  },
2694
2791
  "parameters": [
2695
2792
  {
2696
- "name": "level",
2793
+ "name": "slotEl",
2697
2794
  "type": {
2698
- "text": "SkyCardElevation | string"
2795
+ "text": "HTMLSlotElement"
2699
2796
  }
2700
2797
  }
2701
2798
  ]
2702
2799
  },
2703
2800
  {
2704
- "kind": "method",
2705
- "name": "_wireSlotChangeHandlers",
2706
- "privacy": "private",
2707
- "return": {
2708
- "type": {
2709
- "text": "void"
2710
- }
2711
- }
2712
- },
2713
- {
2714
- "kind": "method",
2715
- "name": "_syncHeader",
2716
- "privacy": "private",
2717
- "return": {
2718
- "type": {
2719
- "text": "void"
2720
- }
2721
- }
2722
- },
2723
- {
2724
- "kind": "method",
2725
- "name": "_syncFooter",
2726
- "privacy": "private",
2727
- "return": {
2728
- "type": {
2729
- "text": "void"
2730
- }
2731
- }
2801
+ "kind": "field",
2802
+ "name": "_onSlotChange",
2803
+ "privacy": "private"
2732
2804
  },
2733
2805
  {
2734
2806
  "kind": "method",
2735
- "name": "_expandPair",
2807
+ "name": "_toSquarePadding",
2736
2808
  "privacy": "private",
2737
2809
  "return": {
2738
2810
  "type": {
2739
- "text": "[boolean, boolean]"
2811
+ "text": "string"
2740
2812
  }
2741
2813
  },
2742
2814
  "parameters": [
2743
2815
  {
2744
- "name": "sh",
2816
+ "name": "padding",
2745
2817
  "type": {
2746
- "text": "SkyCardSectionTarget"
2818
+ "text": "string"
2747
2819
  }
2748
2820
  }
2749
- ]
2750
- },
2751
- {
2752
- "kind": "method",
2753
- "name": "_computeEffectiveFlags",
2754
- "privacy": "private",
2755
- "return": {
2756
- "type": {
2757
- "text": "void"
2758
- }
2759
- }
2821
+ ],
2822
+ "description": "Uses vertical padding for equal sides (icon-only square control)."
2760
2823
  },
2761
2824
  {
2762
2825
  "kind": "method",
2763
- "name": "_setVar",
2826
+ "name": "_resolveSize",
2764
2827
  "privacy": "private",
2765
2828
  "return": {
2766
2829
  "type": {
2767
- "text": "void"
2830
+ "text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
2768
2831
  }
2769
2832
  },
2770
2833
  "parameters": [
2771
2834
  {
2772
- "name": "name",
2773
- "type": {
2774
- "text": "string"
2775
- }
2776
- },
2777
- {
2778
- "name": "value",
2835
+ "name": "input",
2779
2836
  "type": {
2780
2837
  "text": "string"
2781
2838
  }
@@ -2784,37 +2841,26 @@
2784
2841
  },
2785
2842
  {
2786
2843
  "kind": "method",
2787
- "name": "_resolveSectionBg",
2844
+ "name": "_isThemeBorderShorthand",
2788
2845
  "privacy": "private",
2789
2846
  "return": {
2790
2847
  "type": {
2791
- "text": "string"
2848
+ "text": "boolean"
2792
2849
  }
2793
2850
  },
2794
2851
  "parameters": [
2795
2852
  {
2796
- "name": "token",
2797
- "type": {
2798
- "text": "string"
2799
- }
2800
- },
2801
- {
2802
- "name": "isInset",
2803
- "type": {
2804
- "text": "boolean"
2805
- }
2806
- },
2807
- {
2808
- "name": "isOverlay",
2853
+ "name": "border",
2809
2854
  "type": {
2810
- "text": "boolean"
2855
+ "text": "string | undefined"
2811
2856
  }
2812
2857
  }
2813
- ]
2858
+ ],
2859
+ "description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
2814
2860
  },
2815
2861
  {
2816
2862
  "kind": "method",
2817
- "name": "_resolveSectionGlassSurface",
2863
+ "name": "_borderColorFromShorthand",
2818
2864
  "privacy": "private",
2819
2865
  "return": {
2820
2866
  "type": {
@@ -2823,306 +2869,260 @@
2823
2869
  },
2824
2870
  "parameters": [
2825
2871
  {
2826
- "name": "token",
2872
+ "name": "border",
2827
2873
  "type": {
2828
- "text": "string"
2874
+ "text": "string | undefined"
2829
2875
  }
2830
2876
  }
2831
- ]
2877
+ ],
2878
+ "description": "Extracts the color token from a `Npx solid …` border shorthand."
2832
2879
  },
2833
2880
  {
2834
2881
  "kind": "method",
2835
- "name": "_applyCardVars",
2836
- "privacy": "private",
2882
+ "name": "focusButton",
2883
+ "privacy": "public",
2837
2884
  "return": {
2838
2885
  "type": {
2839
2886
  "text": "void"
2840
2887
  }
2841
- }
2888
+ },
2889
+ "description": "Focuses the internal native button."
2842
2890
  },
2843
2891
  {
2844
2892
  "kind": "method",
2845
- "name": "_applyPaddingVars",
2846
- "privacy": "private",
2893
+ "name": "clickButton",
2894
+ "privacy": "public",
2847
2895
  "return": {
2848
2896
  "type": {
2849
2897
  "text": "void"
2850
2898
  }
2851
- }
2899
+ },
2900
+ "description": "Triggers a click on the internal native button when enabled."
2852
2901
  },
2853
2902
  {
2854
2903
  "kind": "method",
2855
- "name": "_applySectionChrome",
2904
+ "name": "_createRipple",
2856
2905
  "privacy": "private",
2857
2906
  "return": {
2858
2907
  "type": {
2859
2908
  "text": "void"
2860
2909
  }
2861
- }
2910
+ },
2911
+ "parameters": [
2912
+ {
2913
+ "name": "event",
2914
+ "type": {
2915
+ "text": "MouseEvent"
2916
+ }
2917
+ }
2918
+ ]
2862
2919
  },
2863
2920
  {
2864
2921
  "kind": "method",
2865
- "name": "refreshLayout",
2866
- "privacy": "public",
2922
+ "name": "formDisabledCallback",
2867
2923
  "return": {
2868
2924
  "type": {
2869
2925
  "text": "void"
2870
2926
  }
2871
2927
  },
2872
- "description": "Recomputes card variables and section synchronization."
2873
- }
2874
- ],
2875
- "attributes": [
2876
- {
2877
- "name": "bg",
2878
- "type": {
2879
- "text": "string"
2880
- },
2881
- "default": "\"primary\"",
2882
- "description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
2883
- "fieldName": "bg"
2884
- },
2885
- {
2886
- "name": "blurLevel",
2887
- "type": {
2888
- "text": "string"
2889
- },
2890
- "default": "\"none\"",
2891
- "description": "Level of blur applied to the background. Default: `\"none\"`.",
2892
- "fieldName": "blurLevel"
2893
- },
2894
- {
2895
- "name": "radius",
2896
- "type": {
2897
- "text": "string"
2898
- },
2899
- "default": "\"md\"",
2900
- "description": "Border radius of the card. Default: `\"md\"`.",
2901
- "fieldName": "radius"
2902
- },
2903
- {
2904
- "name": "bodyPadding",
2905
- "type": {
2906
- "text": "string"
2907
- },
2908
- "default": "\"none\"",
2909
- "description": "Padding for the card body. Default: `\"none\"`.",
2910
- "fieldName": "bodyPadding"
2911
- },
2912
- {
2913
- "name": "elevation",
2914
- "type": {
2915
- "text": "SkyCardElevation"
2916
- },
2917
- "default": "\"md\"",
2918
- "description": "Shadow depth of the card. Default: `\"md\"`.",
2919
- "fieldName": "elevation"
2928
+ "parameters": [
2929
+ {
2930
+ "name": "disabled",
2931
+ "type": {
2932
+ "text": "boolean"
2933
+ }
2934
+ }
2935
+ ]
2920
2936
  },
2921
2937
  {
2922
- "name": "outlined",
2938
+ "kind": "field",
2939
+ "name": "formOwner",
2923
2940
  "type": {
2924
- "text": "boolean"
2941
+ "text": "HTMLFormElement | null"
2925
2942
  },
2926
- "default": "false",
2927
- "description": "Whether the card has an outline. Default: `false`.",
2928
- "fieldName": "outlined"
2943
+ "readonly": true
2929
2944
  },
2930
2945
  {
2931
- "name": "clickable",
2932
- "type": {
2933
- "text": "boolean"
2946
+ "kind": "method",
2947
+ "name": "_handleClick",
2948
+ "privacy": "private",
2949
+ "return": {
2950
+ "type": {
2951
+ "text": "void"
2952
+ }
2934
2953
  },
2935
- "default": "false",
2936
- "description": "Whether the card is clickable. Default: `false`.",
2937
- "fieldName": "clickable"
2954
+ "parameters": [
2955
+ {
2956
+ "name": "event",
2957
+ "type": {
2958
+ "text": "MouseEvent"
2959
+ }
2960
+ }
2961
+ ]
2938
2962
  },
2939
2963
  {
2940
- "name": "headerBg",
2941
- "type": {
2942
- "text": "string"
2943
- },
2944
- "default": "\"transparent\"",
2945
- "description": "Background color of the header. Default: `\"transparent\"`.",
2946
- "fieldName": "headerBg"
2947
- },
2964
+ "kind": "method",
2965
+ "name": "_iconOnlyName",
2966
+ "privacy": "private",
2967
+ "return": {
2968
+ "type": {
2969
+ "text": "string"
2970
+ }
2971
+ }
2972
+ }
2973
+ ],
2974
+ "attributes": [
2948
2975
  {
2949
- "name": "headerBlur",
2976
+ "name": "variant",
2950
2977
  "type": {
2951
- "text": "string"
2978
+ "text": "SkyButtonVariant"
2952
2979
  },
2953
- "default": "\"none\"",
2954
- "description": "Blur level for the header background. Default: `\"none\"`.",
2955
- "fieldName": "headerBlur"
2980
+ "default": "\"solid\"",
2981
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
2982
+ "fieldName": "variant"
2956
2983
  },
2957
2984
  {
2958
- "name": "headerPadding",
2985
+ "name": "color",
2959
2986
  "type": {
2960
2987
  "text": "string"
2961
2988
  },
2962
- "default": "\"md\"",
2963
- "description": "Padding for the header. Default: `\"md\"`.",
2964
- "fieldName": "headerPadding"
2989
+ "default": "\"primary\"",
2990
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
2991
+ "fieldName": "color"
2965
2992
  },
2966
2993
  {
2967
- "name": "headerLayout",
2994
+ "name": "type",
2968
2995
  "type": {
2969
- "text": "SkyCardSectionLayout"
2996
+ "text": "SkyButtonType"
2970
2997
  },
2971
- "default": "\"inline\"",
2972
- "description": "Layout of the header content. Default: `\"inline\"`.",
2973
- "fieldName": "headerLayout"
2998
+ "default": "\"button\"",
2999
+ "description": "Button type attribute. Default: `\"button\"`.",
3000
+ "fieldName": "type"
2974
3001
  },
2975
3002
  {
2976
- "name": "headerInsetGap",
3003
+ "name": "form",
2977
3004
  "type": {
2978
3005
  "text": "string"
2979
3006
  },
2980
- "default": "\"sm\"",
2981
- "description": "Inset gap for the header section. Default: `\"sm\"`.",
2982
- "fieldName": "headerInsetGap"
3007
+ "default": "\"\"",
3008
+ "description": "Associated form ID for custom submit handling.",
3009
+ "fieldName": "form"
2983
3010
  },
2984
3011
  {
2985
- "name": "headerRadius",
3012
+ "name": "size",
2986
3013
  "type": {
2987
3014
  "text": "string"
2988
3015
  },
2989
3016
  "default": "\"md\"",
2990
- "description": "Border radius for the header. Default: `\"md\"`.",
2991
- "fieldName": "headerRadius"
2992
- },
2993
- {
2994
- "name": "headerSeparatorColor",
2995
- "type": {
2996
- "text": "string"
2997
- },
2998
- "default": "\"border-light\"",
2999
- "description": "Color for the header separator. Default: `\"border-light\"`.",
3000
- "fieldName": "headerSeparatorColor"
3001
- },
3002
- {
3003
- "name": "footerBg",
3004
- "type": {
3005
- "text": "string"
3006
- },
3007
- "default": "\"transparent\"",
3008
- "description": "Background color of the footer. Default: `\"transparent\"`.",
3009
- "fieldName": "footerBg"
3010
- },
3011
- {
3012
- "name": "footerBlur",
3013
- "type": {
3014
- "text": "string"
3015
- },
3016
- "default": "\"none\"",
3017
- "description": "Blur level for the footer background. Default: `\"none\"`.",
3018
- "fieldName": "footerBlur"
3017
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
3018
+ "fieldName": "size"
3019
3019
  },
3020
3020
  {
3021
- "name": "footerPadding",
3021
+ "name": "radius",
3022
3022
  "type": {
3023
3023
  "text": "string"
3024
3024
  },
3025
3025
  "default": "\"md\"",
3026
- "description": "Padding for the footer. Default: `\"md\"`.",
3027
- "fieldName": "footerPadding"
3026
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
3027
+ "fieldName": "radius"
3028
3028
  },
3029
3029
  {
3030
- "name": "footerLayout",
3030
+ "name": "label",
3031
3031
  "type": {
3032
- "text": "SkyCardSectionLayout"
3032
+ "text": "string"
3033
3033
  },
3034
- "default": "\"inline\"",
3035
- "description": "Layout of the footer content. Default: `\"inline\"`.",
3036
- "fieldName": "footerLayout"
3034
+ "default": "\"Button\"",
3035
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
3036
+ "fieldName": "label"
3037
3037
  },
3038
3038
  {
3039
- "name": "footerInsetGap",
3039
+ "name": "disabled",
3040
3040
  "type": {
3041
- "text": "string"
3041
+ "text": "boolean"
3042
3042
  },
3043
- "default": "\"sm\"",
3044
- "description": "Inset gap for the footer section. Default: `\"sm\"`.",
3045
- "fieldName": "footerInsetGap"
3043
+ "default": "false",
3044
+ "description": "Whether the button is disabled. Default: `false`.",
3045
+ "fieldName": "disabled"
3046
3046
  },
3047
3047
  {
3048
- "name": "footerRadius",
3048
+ "name": "loading",
3049
3049
  "type": {
3050
- "text": "string"
3050
+ "text": "boolean"
3051
3051
  },
3052
- "default": "\"md\"",
3053
- "description": "Border radius for the footer. Default: `\"md\"`.",
3054
- "fieldName": "footerRadius"
3052
+ "default": "false",
3053
+ "description": "Shows a loading overlay when true. Default: `false`.",
3054
+ "fieldName": "loading"
3055
3055
  },
3056
3056
  {
3057
- "name": "footerSeparatorColor",
3057
+ "name": "iconL",
3058
3058
  "type": {
3059
3059
  "text": "string"
3060
3060
  },
3061
- "default": "\"border-light\"",
3062
- "description": "Color for the footer separator. Default: `\"border-light\"`.",
3063
- "fieldName": "footerSeparatorColor"
3061
+ "default": "\"\"",
3062
+ "description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
3063
+ "fieldName": "iconL"
3064
3064
  },
3065
3065
  {
3066
- "name": "padRatio",
3066
+ "name": "iconR",
3067
3067
  "type": {
3068
- "text": "number"
3068
+ "text": "string"
3069
3069
  },
3070
- "default": "1",
3071
- "description": "Ratio to adjust padding. Default: `1`.",
3072
- "fieldName": "padRatio"
3070
+ "default": "\"\"",
3071
+ "description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
3072
+ "fieldName": "iconR"
3073
3073
  },
3074
3074
  {
3075
- "name": "separators",
3075
+ "name": "iconOnly",
3076
3076
  "type": {
3077
- "text": "SkyCardSectionTarget"
3077
+ "text": "boolean"
3078
3078
  },
3079
- "default": "\"none\"",
3080
- "description": "Determines where separators should appear. Default: `\"none\"`.",
3081
- "fieldName": "separators"
3079
+ "default": "false",
3080
+ "description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
3081
+ "fieldName": "iconOnly"
3082
3082
  },
3083
3083
  {
3084
- "name": "overlays",
3084
+ "name": "colors",
3085
3085
  "type": {
3086
- "text": "SkyCardSectionTarget"
3086
+ "text": "string"
3087
3087
  },
3088
- "default": "\"none\"",
3089
- "description": "Determines where overlays should appear. Default: `\"none\"`.",
3090
- "fieldName": "overlays"
3088
+ "default": "\"\"",
3089
+ "description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
3090
+ "fieldName": "colors"
3091
3091
  },
3092
3092
  {
3093
- "name": "insets",
3093
+ "name": "animation",
3094
3094
  "type": {
3095
- "text": "SkyCardSectionTarget"
3095
+ "text": "SkyButtonAnimation"
3096
3096
  },
3097
- "default": "\"none\"",
3098
- "description": "Determines where insets should appear. Default: `\"none\"`.",
3099
- "fieldName": "insets"
3097
+ "default": "\"auto\"",
3098
+ "description": "Transform animation style. Default: `\"auto\"`.",
3099
+ "fieldName": "animation"
3100
3100
  }
3101
3101
  ],
3102
3102
  "superclass": {
3103
3103
  "name": "LitElement",
3104
3104
  "package": "lit"
3105
3105
  },
3106
- "tagName": "sky-card",
3106
+ "tagName": "sky-button",
3107
3107
  "customElement": true,
3108
- "summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
3108
+ "summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
3109
3109
  }
3110
3110
  ],
3111
3111
  "exports": [
3112
3112
  {
3113
3113
  "kind": "js",
3114
- "name": "SkyCard",
3114
+ "name": "SkyButton",
3115
3115
  "declaration": {
3116
- "name": "SkyCard",
3117
- "module": "src/sky-card/sky-card.ts"
3116
+ "name": "SkyButton",
3117
+ "module": "src/sky-button/sky-button.ts"
3118
3118
  }
3119
3119
  },
3120
3120
  {
3121
3121
  "kind": "custom-element-definition",
3122
- "name": "sky-card",
3122
+ "name": "sky-button",
3123
3123
  "declaration": {
3124
- "name": "SkyCard",
3125
- "module": "src/sky-card/sky-card.ts"
3124
+ "name": "SkyButton",
3125
+ "module": "src/sky-button/sky-button.ts"
3126
3126
  }
3127
3127
  }
3128
3128
  ]
@@ -6712,57 +6712,263 @@
6712
6712
  "fieldName": "headerPadding"
6713
6713
  },
6714
6714
  {
6715
- "name": "bodyPadding",
6715
+ "name": "bodyPadding",
6716
+ "type": {
6717
+ "text": "SkyDialogPadding"
6718
+ },
6719
+ "default": "\"sm\"",
6720
+ "description": "Body padding token.",
6721
+ "fieldName": "bodyPadding"
6722
+ },
6723
+ {
6724
+ "name": "footerPadding",
6725
+ "type": {
6726
+ "text": "SkyDialogPadding"
6727
+ },
6728
+ "default": "\"sm\"",
6729
+ "description": "Footer padding token.",
6730
+ "fieldName": "footerPadding"
6731
+ },
6732
+ {
6733
+ "name": "highlightOnOutsideClick",
6734
+ "type": {
6735
+ "text": "boolean"
6736
+ },
6737
+ "default": "true",
6738
+ "description": "Enables highlight animation on rejected outside click.",
6739
+ "fieldName": "highlightOnOutsideClick"
6740
+ }
6741
+ ],
6742
+ "superclass": {
6743
+ "name": "LitElement",
6744
+ "package": "lit"
6745
+ },
6746
+ "tagName": "sky-dialog",
6747
+ "customElement": true,
6748
+ "summary": "Accessible modal dialog built on native `<dialog>` with controlled open state, slots, and keyboard/backdrop handling."
6749
+ }
6750
+ ],
6751
+ "exports": [
6752
+ {
6753
+ "kind": "js",
6754
+ "name": "SkyDialog",
6755
+ "declaration": {
6756
+ "name": "SkyDialog",
6757
+ "module": "src/sky-dialog/sky-dialog.ts"
6758
+ }
6759
+ },
6760
+ {
6761
+ "kind": "custom-element-definition",
6762
+ "name": "sky-dialog",
6763
+ "declaration": {
6764
+ "name": "SkyDialog",
6765
+ "module": "src/sky-dialog/sky-dialog.ts"
6766
+ }
6767
+ }
6768
+ ]
6769
+ },
6770
+ {
6771
+ "kind": "javascript-module",
6772
+ "path": "src/sky-divider/sky-divider.ts",
6773
+ "declarations": [
6774
+ {
6775
+ "kind": "class",
6776
+ "description": "",
6777
+ "name": "SkyDivider",
6778
+ "cssProperties": [
6779
+ {
6780
+ "description": "CSS custom property for divider color.",
6781
+ "name": "--divider-color"
6782
+ },
6783
+ {
6784
+ "description": "CSS custom property for divider thickness.",
6785
+ "name": "--divider-thickness"
6786
+ },
6787
+ {
6788
+ "description": "CSS custom property for divider margin.",
6789
+ "name": "--divider-margin"
6790
+ },
6791
+ {
6792
+ "description": "CSS custom property for vertical divider height.",
6793
+ "name": "--divider-height"
6794
+ }
6795
+ ],
6796
+ "cssParts": [
6797
+ {
6798
+ "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
6799
+ "name": "divider"
6800
+ }
6801
+ ],
6802
+ "members": [
6803
+ {
6804
+ "kind": "field",
6805
+ "name": "color",
6806
+ "type": {
6807
+ "text": "string"
6808
+ },
6809
+ "default": "\"muted\"",
6810
+ "description": "Divider color token or CSS color.",
6811
+ "privacy": "public",
6812
+ "attribute": "color"
6813
+ },
6814
+ {
6815
+ "kind": "field",
6816
+ "name": "thickness",
6817
+ "type": {
6818
+ "text": "string"
6819
+ },
6820
+ "default": "\"1px\"",
6821
+ "description": "Divider thickness (for example `1px` or `2px`).",
6822
+ "privacy": "public",
6823
+ "attribute": "thickness"
6824
+ },
6825
+ {
6826
+ "kind": "field",
6827
+ "name": "margin",
6828
+ "type": {
6829
+ "text": "string"
6830
+ },
6831
+ "default": "\"\"",
6832
+ "description": "Outer margin around the divider.",
6833
+ "privacy": "public",
6834
+ "attribute": "margin"
6835
+ },
6836
+ {
6837
+ "kind": "field",
6838
+ "name": "direction",
6839
+ "type": {
6840
+ "text": "SkyDividerDirection"
6841
+ },
6842
+ "default": "\"horizontal\"",
6843
+ "description": "Divider orientation.",
6844
+ "privacy": "public",
6845
+ "attribute": "direction"
6846
+ },
6847
+ {
6848
+ "kind": "field",
6849
+ "name": "inset",
6850
+ "type": {
6851
+ "text": "boolean"
6852
+ },
6853
+ "default": "false",
6854
+ "description": "Enables indented divider layout.",
6855
+ "privacy": "public",
6856
+ "attribute": "inset"
6857
+ },
6858
+ {
6859
+ "kind": "field",
6860
+ "name": "height",
6861
+ "type": {
6862
+ "text": "string"
6863
+ },
6864
+ "default": "\"100%\"",
6865
+ "description": "Height used for vertical orientation.",
6866
+ "privacy": "public",
6867
+ "attribute": "height"
6868
+ },
6869
+ {
6870
+ "kind": "method",
6871
+ "name": "getComputedColor",
6872
+ "privacy": "public",
6873
+ "return": {
6874
+ "type": {
6875
+ "text": ""
6876
+ }
6877
+ },
6878
+ "description": "Gets the current computed color of the divider."
6879
+ },
6880
+ {
6881
+ "kind": "method",
6882
+ "name": "getComputedThickness",
6883
+ "privacy": "public",
6884
+ "return": {
6885
+ "type": {
6886
+ "text": ""
6887
+ }
6888
+ },
6889
+ "description": "Gets the current computed thickness of the divider."
6890
+ }
6891
+ ],
6892
+ "attributes": [
6893
+ {
6894
+ "name": "color",
6895
+ "type": {
6896
+ "text": "string"
6897
+ },
6898
+ "default": "\"muted\"",
6899
+ "description": "Divider color token or CSS color.",
6900
+ "fieldName": "color"
6901
+ },
6902
+ {
6903
+ "name": "thickness",
6904
+ "type": {
6905
+ "text": "string"
6906
+ },
6907
+ "default": "\"1px\"",
6908
+ "description": "Divider thickness (for example `1px` or `2px`).",
6909
+ "fieldName": "thickness"
6910
+ },
6911
+ {
6912
+ "name": "margin",
6913
+ "type": {
6914
+ "text": "string"
6915
+ },
6916
+ "default": "\"\"",
6917
+ "description": "Outer margin around the divider.",
6918
+ "fieldName": "margin"
6919
+ },
6920
+ {
6921
+ "name": "direction",
6716
6922
  "type": {
6717
- "text": "SkyDialogPadding"
6923
+ "text": "SkyDividerDirection"
6718
6924
  },
6719
- "default": "\"sm\"",
6720
- "description": "Body padding token.",
6721
- "fieldName": "bodyPadding"
6925
+ "default": "\"horizontal\"",
6926
+ "description": "Divider orientation.",
6927
+ "fieldName": "direction"
6722
6928
  },
6723
6929
  {
6724
- "name": "footerPadding",
6930
+ "name": "inset",
6725
6931
  "type": {
6726
- "text": "SkyDialogPadding"
6932
+ "text": "boolean"
6727
6933
  },
6728
- "default": "\"sm\"",
6729
- "description": "Footer padding token.",
6730
- "fieldName": "footerPadding"
6934
+ "default": "false",
6935
+ "description": "Enables indented divider layout.",
6936
+ "fieldName": "inset"
6731
6937
  },
6732
6938
  {
6733
- "name": "highlightOnOutsideClick",
6939
+ "name": "height",
6734
6940
  "type": {
6735
- "text": "boolean"
6941
+ "text": "string"
6736
6942
  },
6737
- "default": "true",
6738
- "description": "Enables highlight animation on rejected outside click.",
6739
- "fieldName": "highlightOnOutsideClick"
6943
+ "default": "\"100%\"",
6944
+ "description": "Height used for vertical orientation.",
6945
+ "fieldName": "height"
6740
6946
  }
6741
6947
  ],
6742
6948
  "superclass": {
6743
6949
  "name": "LitElement",
6744
6950
  "package": "lit"
6745
6951
  },
6746
- "tagName": "sky-dialog",
6952
+ "tagName": "sky-divider",
6747
6953
  "customElement": true,
6748
- "summary": "Accessible modal dialog built on native `<dialog>` with controlled open state, slots, and keyboard/backdrop handling."
6954
+ "summary": "Visual separator component for horizontal and vertical layout separation."
6749
6955
  }
6750
6956
  ],
6751
6957
  "exports": [
6752
6958
  {
6753
6959
  "kind": "js",
6754
- "name": "SkyDialog",
6960
+ "name": "SkyDivider",
6755
6961
  "declaration": {
6756
- "name": "SkyDialog",
6757
- "module": "src/sky-dialog/sky-dialog.ts"
6962
+ "name": "SkyDivider",
6963
+ "module": "src/sky-divider/sky-divider.ts"
6758
6964
  }
6759
6965
  },
6760
6966
  {
6761
6967
  "kind": "custom-element-definition",
6762
- "name": "sky-dialog",
6968
+ "name": "sky-divider",
6763
6969
  "declaration": {
6764
- "name": "SkyDialog",
6765
- "module": "src/sky-dialog/sky-dialog.ts"
6970
+ "name": "SkyDivider",
6971
+ "module": "src/sky-divider/sky-divider.ts"
6766
6972
  }
6767
6973
  }
6768
6974
  ]
@@ -7112,212 +7318,6 @@
7112
7318
  }
7113
7319
  ]
7114
7320
  },
7115
- {
7116
- "kind": "javascript-module",
7117
- "path": "src/sky-divider/sky-divider.ts",
7118
- "declarations": [
7119
- {
7120
- "kind": "class",
7121
- "description": "",
7122
- "name": "SkyDivider",
7123
- "cssProperties": [
7124
- {
7125
- "description": "CSS custom property for divider color.",
7126
- "name": "--divider-color"
7127
- },
7128
- {
7129
- "description": "CSS custom property for divider thickness.",
7130
- "name": "--divider-thickness"
7131
- },
7132
- {
7133
- "description": "CSS custom property for divider margin.",
7134
- "name": "--divider-margin"
7135
- },
7136
- {
7137
- "description": "CSS custom property for vertical divider height.",
7138
- "name": "--divider-height"
7139
- }
7140
- ],
7141
- "cssParts": [
7142
- {
7143
- "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
7144
- "name": "divider"
7145
- }
7146
- ],
7147
- "members": [
7148
- {
7149
- "kind": "field",
7150
- "name": "color",
7151
- "type": {
7152
- "text": "string"
7153
- },
7154
- "default": "\"muted\"",
7155
- "description": "Divider color token or CSS color.",
7156
- "privacy": "public",
7157
- "attribute": "color"
7158
- },
7159
- {
7160
- "kind": "field",
7161
- "name": "thickness",
7162
- "type": {
7163
- "text": "string"
7164
- },
7165
- "default": "\"1px\"",
7166
- "description": "Divider thickness (for example `1px` or `2px`).",
7167
- "privacy": "public",
7168
- "attribute": "thickness"
7169
- },
7170
- {
7171
- "kind": "field",
7172
- "name": "margin",
7173
- "type": {
7174
- "text": "string"
7175
- },
7176
- "default": "\"\"",
7177
- "description": "Outer margin around the divider.",
7178
- "privacy": "public",
7179
- "attribute": "margin"
7180
- },
7181
- {
7182
- "kind": "field",
7183
- "name": "direction",
7184
- "type": {
7185
- "text": "SkyDividerDirection"
7186
- },
7187
- "default": "\"horizontal\"",
7188
- "description": "Divider orientation.",
7189
- "privacy": "public",
7190
- "attribute": "direction"
7191
- },
7192
- {
7193
- "kind": "field",
7194
- "name": "inset",
7195
- "type": {
7196
- "text": "boolean"
7197
- },
7198
- "default": "false",
7199
- "description": "Enables indented divider layout.",
7200
- "privacy": "public",
7201
- "attribute": "inset"
7202
- },
7203
- {
7204
- "kind": "field",
7205
- "name": "height",
7206
- "type": {
7207
- "text": "string"
7208
- },
7209
- "default": "\"100%\"",
7210
- "description": "Height used for vertical orientation.",
7211
- "privacy": "public",
7212
- "attribute": "height"
7213
- },
7214
- {
7215
- "kind": "method",
7216
- "name": "getComputedColor",
7217
- "privacy": "public",
7218
- "return": {
7219
- "type": {
7220
- "text": ""
7221
- }
7222
- },
7223
- "description": "Gets the current computed color of the divider."
7224
- },
7225
- {
7226
- "kind": "method",
7227
- "name": "getComputedThickness",
7228
- "privacy": "public",
7229
- "return": {
7230
- "type": {
7231
- "text": ""
7232
- }
7233
- },
7234
- "description": "Gets the current computed thickness of the divider."
7235
- }
7236
- ],
7237
- "attributes": [
7238
- {
7239
- "name": "color",
7240
- "type": {
7241
- "text": "string"
7242
- },
7243
- "default": "\"muted\"",
7244
- "description": "Divider color token or CSS color.",
7245
- "fieldName": "color"
7246
- },
7247
- {
7248
- "name": "thickness",
7249
- "type": {
7250
- "text": "string"
7251
- },
7252
- "default": "\"1px\"",
7253
- "description": "Divider thickness (for example `1px` or `2px`).",
7254
- "fieldName": "thickness"
7255
- },
7256
- {
7257
- "name": "margin",
7258
- "type": {
7259
- "text": "string"
7260
- },
7261
- "default": "\"\"",
7262
- "description": "Outer margin around the divider.",
7263
- "fieldName": "margin"
7264
- },
7265
- {
7266
- "name": "direction",
7267
- "type": {
7268
- "text": "SkyDividerDirection"
7269
- },
7270
- "default": "\"horizontal\"",
7271
- "description": "Divider orientation.",
7272
- "fieldName": "direction"
7273
- },
7274
- {
7275
- "name": "inset",
7276
- "type": {
7277
- "text": "boolean"
7278
- },
7279
- "default": "false",
7280
- "description": "Enables indented divider layout.",
7281
- "fieldName": "inset"
7282
- },
7283
- {
7284
- "name": "height",
7285
- "type": {
7286
- "text": "string"
7287
- },
7288
- "default": "\"100%\"",
7289
- "description": "Height used for vertical orientation.",
7290
- "fieldName": "height"
7291
- }
7292
- ],
7293
- "superclass": {
7294
- "name": "LitElement",
7295
- "package": "lit"
7296
- },
7297
- "tagName": "sky-divider",
7298
- "customElement": true,
7299
- "summary": "Visual separator component for horizontal and vertical layout separation."
7300
- }
7301
- ],
7302
- "exports": [
7303
- {
7304
- "kind": "js",
7305
- "name": "SkyDivider",
7306
- "declaration": {
7307
- "name": "SkyDivider",
7308
- "module": "src/sky-divider/sky-divider.ts"
7309
- }
7310
- },
7311
- {
7312
- "kind": "custom-element-definition",
7313
- "name": "sky-divider",
7314
- "declaration": {
7315
- "name": "SkyDivider",
7316
- "module": "src/sky-divider/sky-divider.ts"
7317
- }
7318
- }
7319
- ]
7320
- },
7321
7321
  {
7322
7322
  "kind": "javascript-module",
7323
7323
  "path": "src/sky-flexcol/sky-flexcol.ts",