@helixui/library 1.1.2-next.1 → 1.1.2-next.2

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 (40) hide show
  1. package/custom-elements.json +403 -301
  2. package/dist/components/hx-action-bar/hx-action-bar.d.ts.map +1 -1
  3. package/dist/components/hx-action-bar/index.js +1 -1
  4. package/dist/components/hx-badge/hx-badge.styles.d.ts.map +1 -1
  5. package/dist/components/hx-badge/index.js +1 -1
  6. package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts +25 -1
  7. package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
  8. package/dist/components/hx-combobox/hx-combobox.d.ts +5 -0
  9. package/dist/components/hx-combobox/hx-combobox.d.ts.map +1 -1
  10. package/dist/components/hx-drawer/hx-drawer.d.ts +1 -0
  11. package/dist/components/hx-drawer/hx-drawer.d.ts.map +1 -1
  12. package/dist/components/hx-side-nav/hx-nav-item.styles.d.ts.map +1 -1
  13. package/dist/components/hx-side-nav/hx-side-nav.styles.d.ts.map +1 -1
  14. package/dist/components/hx-side-nav/index.js +1 -1
  15. package/dist/components/hx-slider/hx-slider.d.ts +1 -0
  16. package/dist/components/hx-slider/hx-slider.d.ts.map +1 -1
  17. package/dist/components/hx-time-picker/hx-time-picker.d.ts +3 -0
  18. package/dist/components/hx-time-picker/hx-time-picker.d.ts.map +1 -1
  19. package/dist/css/helix-all.css +20 -9
  20. package/dist/css/helix-core.css +6 -2
  21. package/dist/css/helix-navigation.css +14 -7
  22. package/dist/css/hx-badge.css +6 -2
  23. package/dist/css/hx-side-nav.css +14 -7
  24. package/dist/css/index.css +1 -1
  25. package/dist/css/manifest.json +1 -1
  26. package/dist/index.js +3 -3
  27. package/dist/shared/{hx-action-bar-D4bulGQP.js → hx-action-bar-vGFnNwNY.js} +33 -34
  28. package/dist/shared/{hx-action-bar-D4bulGQP.js.map → hx-action-bar-vGFnNwNY.js.map} +1 -1
  29. package/dist/shared/{hx-badge-DCxvskdw.js → hx-badge-Xg7zoh4Q.js} +31 -27
  30. package/dist/shared/hx-badge-Xg7zoh4Q.js.map +1 -0
  31. package/dist/shared/hx-breadcrumb-item-B2rjepqy.js.map +1 -1
  32. package/dist/shared/hx-combobox-CNAJXIxo.js.map +1 -1
  33. package/dist/shared/hx-drawer-e0qeGxAD.js.map +1 -1
  34. package/dist/shared/{hx-nav-item-ByU2N921.js → hx-nav-item-CuGiJPAf.js} +46 -32
  35. package/dist/shared/hx-nav-item-CuGiJPAf.js.map +1 -0
  36. package/dist/shared/hx-slider-7Q-e0_pc.js.map +1 -1
  37. package/dist/shared/hx-time-picker-BpCRsh_z.js.map +1 -1
  38. package/package.json +3 -3
  39. package/dist/shared/hx-badge-DCxvskdw.js.map +0 -1
  40. package/dist/shared/hx-nav-item-ByU2N921.js.map +0 -1
@@ -4,523 +4,523 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/components/hx-accordion/hx-accordion-item.ts",
7
+ "path": "src/components/hx-action-bar/hx-action-bar.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
- "description": "An individual accordion item with collapsible content.",
12
- "name": "HelixAccordionItem",
11
+ "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
12
+ "name": "HelixActionBar",
13
13
  "cssProperties": [
14
14
  {
15
- "description": "Border color between items.",
16
- "name": "--hx-accordion-border-color",
17
- "default": "var(--hx-color-neutral-200)"
18
- },
19
- {
20
- "description": "Trigger padding.",
21
- "name": "--hx-accordion-trigger-padding",
22
- "default": "var(--hx-space-4)"
23
- },
24
- {
25
- "description": "Trigger text color.",
26
- "name": "--hx-accordion-trigger-color",
27
- "default": "var(--hx-color-neutral-800)"
28
- },
29
- {
30
- "description": "Trigger background color.",
31
- "name": "--hx-accordion-trigger-bg",
15
+ "description": "Bar background color (default variant).",
16
+ "name": "--hx-action-bar-bg",
32
17
  "default": "transparent"
33
18
  },
34
19
  {
35
- "description": "Trigger hover background.",
36
- "name": "--hx-accordion-trigger-hover-bg",
37
- "default": "var(--hx-color-neutral-50)"
20
+ "description": "Bar border (default variant).",
21
+ "name": "--hx-action-bar-border",
22
+ "default": "none"
38
23
  },
39
24
  {
40
- "description": "Icon color.",
41
- "name": "--hx-accordion-icon-color",
42
- "default": "var(--hx-color-neutral-500)"
25
+ "description": "Inner padding.",
26
+ "name": "--hx-action-bar-padding",
27
+ "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
43
28
  },
44
29
  {
45
- "description": "Content padding.",
46
- "name": "--hx-accordion-content-padding",
47
- "default": "0 var(--hx-space-4) var(--hx-space-4)"
30
+ "description": "Gap between slotted items.",
31
+ "name": "--hx-action-bar-gap",
32
+ "default": "var(--hx-space-2,0.5rem)"
48
33
  },
49
34
  {
50
- "description": "Content text color.",
51
- "name": "--hx-accordion-content-color",
52
- "default": "var(--hx-color-neutral-600)"
35
+ "description": "Z-index when sticky or bottom position.",
36
+ "name": "--hx-action-bar-z-index",
37
+ "default": "10"
53
38
  }
54
39
  ],
55
40
  "cssParts": [
56
41
  {
57
- "description": "The outer details element container.",
58
- "name": "item"
42
+ "description": "The root toolbar container element.",
43
+ "name": "base"
59
44
  },
60
45
  {
61
- "description": "The summary/trigger element.",
62
- "name": "trigger"
46
+ "description": "The start (left) slot wrapper.",
47
+ "name": "start"
63
48
  },
64
49
  {
65
- "description": "The collapsible content area.",
66
- "name": "content"
50
+ "description": "The center (default) slot wrapper.",
51
+ "name": "center"
67
52
  },
68
53
  {
69
- "description": "The expand/collapse icon.",
70
- "name": "icon"
54
+ "description": "The end (right) slot wrapper.",
55
+ "name": "end"
56
+ },
57
+ {
58
+ "description": "The overflow slot wrapper (hidden when no overflow content).",
59
+ "name": "overflow"
71
60
  }
72
61
  ],
73
62
  "slots": [
74
63
  {
75
- "description": "The heading/trigger content for this item.",
76
- "name": "trigger"
64
+ "description": "Left-aligned actions.",
65
+ "name": "start"
77
66
  },
78
67
  {
79
- "description": "Default slot for the collapsible body content.",
68
+ "description": "Center content (default slot).",
80
69
  "name": ""
70
+ },
71
+ {
72
+ "description": "Right-aligned actions.",
73
+ "name": "end"
74
+ },
75
+ {
76
+ "description": "Actions revealed when the bar is constrained for space.",
77
+ "name": "overflow"
81
78
  }
82
79
  ],
83
80
  "members": [
84
81
  {
85
82
  "kind": "field",
86
- "name": "expanded",
83
+ "name": "size",
87
84
  "type": {
88
- "text": "boolean"
85
+ "text": "'sm' | 'md' | 'lg'"
89
86
  },
90
- "default": "false",
91
- "description": "Whether this item is expanded.",
92
- "attribute": "expanded",
87
+ "default": "'md'",
88
+ "description": "Size of the action bar — propagated as a data attribute to slotted children.",
89
+ "attribute": "hx-size",
93
90
  "reflects": true
94
91
  },
95
92
  {
96
93
  "kind": "field",
97
- "name": "disabled",
94
+ "name": "variant",
98
95
  "type": {
99
- "text": "boolean"
96
+ "text": "'default' | 'outlined' | 'filled'"
100
97
  },
101
- "default": "false",
102
- "description": "Whether this item is disabled (cannot be toggled).",
103
- "attribute": "disabled",
98
+ "default": "'default'",
99
+ "description": "Visual variant controlling the bar background.",
100
+ "attribute": "variant",
104
101
  "reflects": true
105
102
  },
106
103
  {
107
104
  "kind": "field",
108
- "name": "level",
105
+ "name": "position",
109
106
  "type": {
110
- "text": "1 | 2 | 3 | 4 | 5 | 6"
107
+ "text": "'top' | 'bottom' | 'sticky'"
111
108
  },
112
- "default": "3",
113
- "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
114
- "attribute": "level"
115
- }
116
- ],
117
- "events": [
109
+ "default": "'top'",
110
+ "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` sticks to the bottom of the scroll container with iOS safe-area-inset support",
111
+ "attribute": "position",
112
+ "reflects": true
113
+ },
118
114
  {
119
- "name": "hx-expand",
115
+ "kind": "field",
116
+ "name": "sticky",
120
117
  "type": {
121
- "text": "CustomEvent<{expanded: boolean, itemId: string}>"
118
+ "text": "boolean"
122
119
  },
123
- "description": "Dispatched when the item is expanded."
120
+ "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
121
+ "attribute": "sticky",
122
+ "reflects": true
124
123
  },
125
124
  {
126
- "name": "hx-collapse",
125
+ "kind": "field",
126
+ "name": "ariaLabel",
127
127
  "type": {
128
- "text": "CustomEvent<{expanded: boolean, itemId: string}>"
128
+ "text": "string"
129
129
  },
130
- "description": "Dispatched when the item is collapsed."
130
+ "default": "'Actions'",
131
+ "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
132
+ "attribute": "aria-label"
131
133
  }
132
134
  ],
133
135
  "attributes": [
134
136
  {
135
- "name": "expanded",
137
+ "name": "hx-size",
136
138
  "type": {
137
- "text": "boolean"
139
+ "text": "'sm' | 'md' | 'lg'"
138
140
  },
139
- "default": "false",
140
- "description": "Whether this item is expanded.",
141
- "fieldName": "expanded",
142
- "attribute": "expanded"
141
+ "default": "'md'",
142
+ "description": "Size of the action bar — propagated as a data attribute to slotted children.",
143
+ "fieldName": "size",
144
+ "attribute": "hx-size"
143
145
  },
144
146
  {
145
- "name": "disabled",
147
+ "name": "variant",
146
148
  "type": {
147
- "text": "boolean"
149
+ "text": "'default' | 'outlined' | 'filled'"
148
150
  },
149
- "default": "false",
150
- "description": "Whether this item is disabled (cannot be toggled).",
151
- "fieldName": "disabled",
152
- "attribute": "disabled"
151
+ "default": "'default'",
152
+ "description": "Visual variant controlling the bar background.",
153
+ "fieldName": "variant",
154
+ "attribute": "variant"
153
155
  },
154
156
  {
155
- "name": "level",
157
+ "name": "position",
156
158
  "type": {
157
- "text": "1 | 2 | 3 | 4 | 5 | 6"
159
+ "text": "'top' | 'bottom' | 'sticky'"
158
160
  },
159
- "default": "3",
160
- "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
161
- "fieldName": "level",
162
- "attribute": "level"
163
- }
164
- ],
165
- "superclass": {
166
- "name": "LitElement",
167
- "package": "lit"
168
- },
169
- "tagName": "hx-accordion-item",
170
- "customElement": true,
171
- "summary": "Collapsible panel that can be expanded or collapsed."
172
- },
173
- {
174
- "kind": "variable",
175
- "name": "detail",
176
- "type": {
177
- "text": "object"
178
- },
179
- "default": "{ expanded, itemId: this.id || '' }"
180
- }
181
- ],
182
- "exports": [
183
- {
184
- "kind": "js",
185
- "name": "HelixAccordionItem",
186
- "declaration": {
187
- "name": "HelixAccordionItem",
188
- "module": "src/components/hx-accordion/hx-accordion-item.ts"
189
- }
190
- },
191
- {
192
- "kind": "custom-element-definition",
193
- "name": "hx-accordion-item",
194
- "declaration": {
195
- "name": "HelixAccordionItem",
196
- "module": "src/components/hx-accordion/hx-accordion-item.ts"
197
- }
198
- }
199
- ]
200
- },
201
- {
202
- "kind": "javascript-module",
203
- "path": "src/components/hx-accordion/hx-accordion.ts",
204
- "declarations": [
205
- {
206
- "kind": "class",
207
- "description": "An accordion container that manages collapsible content sections.",
208
- "name": "HelixAccordion",
209
- "cssProperties": [
210
- {
211
- "description": "Outer border radius.",
212
- "name": "--hx-accordion-border-radius",
213
- "default": "var(--hx-border-radius-md)"
214
- }
215
- ],
216
- "cssParts": [
217
- {
218
- "description": "The outer container wrapping all accordion items.",
219
- "name": "accordion"
220
- }
221
- ],
222
- "slots": [
223
- {
224
- "description": "Default slot for hx-accordion-item elements.",
225
- "name": ""
226
- }
227
- ],
228
- "members": [
161
+ "default": "'top'",
162
+ "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` sticks to the bottom of the scroll container with iOS safe-area-inset support",
163
+ "fieldName": "position",
164
+ "attribute": "position"
165
+ },
229
166
  {
230
- "kind": "field",
231
- "name": "mode",
167
+ "name": "sticky",
232
168
  "type": {
233
- "text": "'single' | 'multi'"
169
+ "text": "boolean"
234
170
  },
235
- "default": "'single'",
236
- "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
237
- "attribute": "mode",
238
- "reflects": true
239
- }
240
- ],
241
- "attributes": [
171
+ "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
172
+ "fieldName": "sticky",
173
+ "attribute": "sticky"
174
+ },
242
175
  {
243
- "name": "mode",
176
+ "name": "aria-label",
244
177
  "type": {
245
- "text": "'single' | 'multi'"
178
+ "text": "string"
246
179
  },
247
- "default": "'single'",
248
- "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
249
- "fieldName": "mode",
250
- "attribute": "mode"
180
+ "default": "'Actions'",
181
+ "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
182
+ "fieldName": "ariaLabel",
183
+ "attribute": "aria-label"
251
184
  }
252
185
  ],
253
186
  "superclass": {
254
187
  "name": "LitElement",
255
188
  "package": "lit"
256
189
  },
257
- "tagName": "hx-accordion",
190
+ "tagName": "hx-action-bar",
258
191
  "customElement": true,
259
- "summary": "Collapsible content sections with single or multi-expand modes."
192
+ "summary": "Horizontal action bar for grouping related controls."
260
193
  }
261
194
  ],
262
195
  "exports": [
263
196
  {
264
197
  "kind": "js",
265
- "name": "HelixAccordion",
198
+ "name": "HelixActionBar",
266
199
  "declaration": {
267
- "name": "HelixAccordion",
268
- "module": "src/components/hx-accordion/hx-accordion.ts"
200
+ "name": "HelixActionBar",
201
+ "module": "src/components/hx-action-bar/hx-action-bar.ts"
269
202
  }
270
203
  },
271
204
  {
272
205
  "kind": "custom-element-definition",
273
- "name": "hx-accordion",
206
+ "name": "hx-action-bar",
274
207
  "declaration": {
275
- "name": "HelixAccordion",
276
- "module": "src/components/hx-accordion/hx-accordion.ts"
208
+ "name": "HelixActionBar",
209
+ "module": "src/components/hx-action-bar/hx-action-bar.ts"
277
210
  }
278
211
  }
279
212
  ]
280
213
  },
281
214
  {
282
215
  "kind": "javascript-module",
283
- "path": "src/components/hx-accordion/index.ts",
216
+ "path": "src/components/hx-action-bar/index.ts",
284
217
  "declarations": [],
285
218
  "exports": [
286
219
  {
287
220
  "kind": "js",
288
- "name": "HelixAccordion",
289
- "declaration": {
290
- "name": "HelixAccordion",
291
- "module": "./hx-accordion.js"
292
- }
293
- },
294
- {
295
- "kind": "js",
296
- "name": "HelixAccordionItem",
221
+ "name": "HelixActionBar",
297
222
  "declaration": {
298
- "name": "HelixAccordionItem",
299
- "module": "./hx-accordion-item.js"
223
+ "name": "HelixActionBar",
224
+ "module": "./hx-action-bar.js"
300
225
  }
301
226
  }
302
227
  ]
303
228
  },
304
229
  {
305
230
  "kind": "javascript-module",
306
- "path": "src/components/hx-action-bar/hx-action-bar.ts",
231
+ "path": "src/components/hx-accordion/hx-accordion-item.ts",
307
232
  "declarations": [
308
233
  {
309
234
  "kind": "class",
310
- "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
311
- "name": "HelixActionBar",
235
+ "description": "An individual accordion item with collapsible content.",
236
+ "name": "HelixAccordionItem",
312
237
  "cssProperties": [
313
238
  {
314
- "description": "Bar background color (default variant).",
315
- "name": "--hx-action-bar-bg",
239
+ "description": "Border color between items.",
240
+ "name": "--hx-accordion-border-color",
241
+ "default": "var(--hx-color-neutral-200)"
242
+ },
243
+ {
244
+ "description": "Trigger padding.",
245
+ "name": "--hx-accordion-trigger-padding",
246
+ "default": "var(--hx-space-4)"
247
+ },
248
+ {
249
+ "description": "Trigger text color.",
250
+ "name": "--hx-accordion-trigger-color",
251
+ "default": "var(--hx-color-neutral-800)"
252
+ },
253
+ {
254
+ "description": "Trigger background color.",
255
+ "name": "--hx-accordion-trigger-bg",
316
256
  "default": "transparent"
317
257
  },
318
258
  {
319
- "description": "Bar border (default variant).",
320
- "name": "--hx-action-bar-border",
321
- "default": "none"
259
+ "description": "Trigger hover background.",
260
+ "name": "--hx-accordion-trigger-hover-bg",
261
+ "default": "var(--hx-color-neutral-50)"
322
262
  },
323
263
  {
324
- "description": "Inner padding.",
325
- "name": "--hx-action-bar-padding",
326
- "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
264
+ "description": "Icon color.",
265
+ "name": "--hx-accordion-icon-color",
266
+ "default": "var(--hx-color-neutral-500)"
327
267
  },
328
268
  {
329
- "description": "Gap between slotted items.",
330
- "name": "--hx-action-bar-gap",
331
- "default": "var(--hx-space-2,0.5rem)"
269
+ "description": "Content padding.",
270
+ "name": "--hx-accordion-content-padding",
271
+ "default": "0 var(--hx-space-4) var(--hx-space-4)"
332
272
  },
333
273
  {
334
- "description": "Z-index when sticky or bottom position.",
335
- "name": "--hx-action-bar-z-index",
336
- "default": "10"
274
+ "description": "Content text color.",
275
+ "name": "--hx-accordion-content-color",
276
+ "default": "var(--hx-color-neutral-600)"
337
277
  }
338
278
  ],
339
279
  "cssParts": [
340
280
  {
341
- "description": "The root toolbar container element.",
342
- "name": "base"
343
- },
344
- {
345
- "description": "The start (left) slot wrapper.",
346
- "name": "start"
281
+ "description": "The outer details element container.",
282
+ "name": "item"
347
283
  },
348
284
  {
349
- "description": "The center (default) slot wrapper.",
350
- "name": "center"
285
+ "description": "The summary/trigger element.",
286
+ "name": "trigger"
351
287
  },
352
288
  {
353
- "description": "The end (right) slot wrapper.",
354
- "name": "end"
289
+ "description": "The collapsible content area.",
290
+ "name": "content"
355
291
  },
356
292
  {
357
- "description": "The overflow slot wrapper (hidden when no overflow content).",
358
- "name": "overflow"
293
+ "description": "The expand/collapse icon.",
294
+ "name": "icon"
359
295
  }
360
296
  ],
361
297
  "slots": [
362
298
  {
363
- "description": "Left-aligned actions.",
364
- "name": "start"
299
+ "description": "The heading/trigger content for this item.",
300
+ "name": "trigger"
365
301
  },
366
302
  {
367
- "description": "Center content (default slot).",
303
+ "description": "Default slot for the collapsible body content.",
368
304
  "name": ""
369
- },
370
- {
371
- "description": "Right-aligned actions.",
372
- "name": "end"
373
- },
374
- {
375
- "description": "Actions revealed when the bar is constrained for space.",
376
- "name": "overflow"
377
305
  }
378
306
  ],
379
307
  "members": [
380
308
  {
381
309
  "kind": "field",
382
- "name": "size",
310
+ "name": "expanded",
383
311
  "type": {
384
- "text": "'sm' | 'md' | 'lg'"
312
+ "text": "boolean"
385
313
  },
386
- "default": "'md'",
387
- "description": "Size of the action bar — propagated as a data attribute to slotted children.",
388
- "attribute": "hx-size",
314
+ "default": "false",
315
+ "description": "Whether this item is expanded.",
316
+ "attribute": "expanded",
389
317
  "reflects": true
390
318
  },
391
319
  {
392
320
  "kind": "field",
393
- "name": "variant",
321
+ "name": "disabled",
394
322
  "type": {
395
- "text": "'default' | 'outlined' | 'filled'"
323
+ "text": "boolean"
396
324
  },
397
- "default": "'default'",
398
- "description": "Visual variant controlling the bar background.",
399
- "attribute": "variant",
325
+ "default": "false",
326
+ "description": "Whether this item is disabled (cannot be toggled).",
327
+ "attribute": "disabled",
400
328
  "reflects": true
401
329
  },
402
330
  {
403
331
  "kind": "field",
404
- "name": "position",
332
+ "name": "level",
405
333
  "type": {
406
- "text": "'top' | 'bottom' | 'sticky'"
334
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
407
335
  },
408
- "default": "'top'",
409
- "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` sticks to the bottom of the scroll container with iOS safe-area-inset support",
410
- "attribute": "position",
411
- "reflects": true
412
- },
336
+ "default": "3",
337
+ "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
338
+ "attribute": "level"
339
+ }
340
+ ],
341
+ "events": [
413
342
  {
414
- "kind": "field",
415
- "name": "sticky",
343
+ "name": "hx-expand",
416
344
  "type": {
417
- "text": "boolean"
345
+ "text": "CustomEvent<{expanded: boolean, itemId: string}>"
418
346
  },
419
- "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
420
- "attribute": "sticky",
421
- "reflects": true
347
+ "description": "Dispatched when the item is expanded."
422
348
  },
423
349
  {
424
- "kind": "field",
425
- "name": "ariaLabel",
350
+ "name": "hx-collapse",
426
351
  "type": {
427
- "text": "string"
352
+ "text": "CustomEvent<{expanded: boolean, itemId: string}>"
428
353
  },
429
- "default": "'Actions'",
430
- "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
431
- "attribute": "aria-label"
354
+ "description": "Dispatched when the item is collapsed."
432
355
  }
433
356
  ],
434
357
  "attributes": [
435
358
  {
436
- "name": "hx-size",
359
+ "name": "expanded",
437
360
  "type": {
438
- "text": "'sm' | 'md' | 'lg'"
361
+ "text": "boolean"
439
362
  },
440
- "default": "'md'",
441
- "description": "Size of the action bar — propagated as a data attribute to slotted children.",
442
- "fieldName": "size",
443
- "attribute": "hx-size"
363
+ "default": "false",
364
+ "description": "Whether this item is expanded.",
365
+ "fieldName": "expanded",
366
+ "attribute": "expanded"
444
367
  },
445
368
  {
446
- "name": "variant",
369
+ "name": "disabled",
447
370
  "type": {
448
- "text": "'default' | 'outlined' | 'filled'"
371
+ "text": "boolean"
449
372
  },
450
- "default": "'default'",
451
- "description": "Visual variant controlling the bar background.",
452
- "fieldName": "variant",
453
- "attribute": "variant"
373
+ "default": "false",
374
+ "description": "Whether this item is disabled (cannot be toggled).",
375
+ "fieldName": "disabled",
376
+ "attribute": "disabled"
454
377
  },
455
378
  {
456
- "name": "position",
379
+ "name": "level",
457
380
  "type": {
458
- "text": "'top' | 'bottom' | 'sticky'"
381
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
459
382
  },
460
- "default": "'top'",
461
- "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` sticks to the bottom of the scroll container with iOS safe-area-inset support",
462
- "fieldName": "position",
463
- "attribute": "position"
464
- },
383
+ "default": "3",
384
+ "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
385
+ "fieldName": "level",
386
+ "attribute": "level"
387
+ }
388
+ ],
389
+ "superclass": {
390
+ "name": "LitElement",
391
+ "package": "lit"
392
+ },
393
+ "tagName": "hx-accordion-item",
394
+ "customElement": true,
395
+ "summary": "Collapsible panel that can be expanded or collapsed."
396
+ },
397
+ {
398
+ "kind": "variable",
399
+ "name": "detail",
400
+ "type": {
401
+ "text": "object"
402
+ },
403
+ "default": "{ expanded, itemId: this.id || '' }"
404
+ }
405
+ ],
406
+ "exports": [
407
+ {
408
+ "kind": "js",
409
+ "name": "HelixAccordionItem",
410
+ "declaration": {
411
+ "name": "HelixAccordionItem",
412
+ "module": "src/components/hx-accordion/hx-accordion-item.ts"
413
+ }
414
+ },
415
+ {
416
+ "kind": "custom-element-definition",
417
+ "name": "hx-accordion-item",
418
+ "declaration": {
419
+ "name": "HelixAccordionItem",
420
+ "module": "src/components/hx-accordion/hx-accordion-item.ts"
421
+ }
422
+ }
423
+ ]
424
+ },
425
+ {
426
+ "kind": "javascript-module",
427
+ "path": "src/components/hx-accordion/hx-accordion.ts",
428
+ "declarations": [
429
+ {
430
+ "kind": "class",
431
+ "description": "An accordion container that manages collapsible content sections.",
432
+ "name": "HelixAccordion",
433
+ "cssProperties": [
465
434
  {
466
- "name": "sticky",
435
+ "description": "Outer border radius.",
436
+ "name": "--hx-accordion-border-radius",
437
+ "default": "var(--hx-border-radius-md)"
438
+ }
439
+ ],
440
+ "cssParts": [
441
+ {
442
+ "description": "The outer container wrapping all accordion items.",
443
+ "name": "accordion"
444
+ }
445
+ ],
446
+ "slots": [
447
+ {
448
+ "description": "Default slot for hx-accordion-item elements.",
449
+ "name": ""
450
+ }
451
+ ],
452
+ "members": [
453
+ {
454
+ "kind": "field",
455
+ "name": "mode",
467
456
  "type": {
468
- "text": "boolean"
457
+ "text": "'single' | 'multi'"
469
458
  },
470
- "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
471
- "fieldName": "sticky",
472
- "attribute": "sticky"
473
- },
459
+ "default": "'single'",
460
+ "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
461
+ "attribute": "mode",
462
+ "reflects": true
463
+ }
464
+ ],
465
+ "attributes": [
474
466
  {
475
- "name": "aria-label",
467
+ "name": "mode",
476
468
  "type": {
477
- "text": "string"
469
+ "text": "'single' | 'multi'"
478
470
  },
479
- "default": "'Actions'",
480
- "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
481
- "fieldName": "ariaLabel",
482
- "attribute": "aria-label"
471
+ "default": "'single'",
472
+ "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
473
+ "fieldName": "mode",
474
+ "attribute": "mode"
483
475
  }
484
476
  ],
485
477
  "superclass": {
486
478
  "name": "LitElement",
487
479
  "package": "lit"
488
480
  },
489
- "tagName": "hx-action-bar",
481
+ "tagName": "hx-accordion",
490
482
  "customElement": true,
491
- "summary": "Horizontal action bar for grouping related controls."
483
+ "summary": "Collapsible content sections with single or multi-expand modes."
492
484
  }
493
485
  ],
494
486
  "exports": [
495
487
  {
496
488
  "kind": "js",
497
- "name": "HelixActionBar",
489
+ "name": "HelixAccordion",
498
490
  "declaration": {
499
- "name": "HelixActionBar",
500
- "module": "src/components/hx-action-bar/hx-action-bar.ts"
491
+ "name": "HelixAccordion",
492
+ "module": "src/components/hx-accordion/hx-accordion.ts"
501
493
  }
502
494
  },
503
495
  {
504
496
  "kind": "custom-element-definition",
505
- "name": "hx-action-bar",
497
+ "name": "hx-accordion",
506
498
  "declaration": {
507
- "name": "HelixActionBar",
508
- "module": "src/components/hx-action-bar/hx-action-bar.ts"
499
+ "name": "HelixAccordion",
500
+ "module": "src/components/hx-accordion/hx-accordion.ts"
509
501
  }
510
502
  }
511
503
  ]
512
504
  },
513
505
  {
514
506
  "kind": "javascript-module",
515
- "path": "src/components/hx-action-bar/index.ts",
507
+ "path": "src/components/hx-accordion/index.ts",
516
508
  "declarations": [],
517
509
  "exports": [
518
510
  {
519
511
  "kind": "js",
520
- "name": "HelixActionBar",
512
+ "name": "HelixAccordion",
521
513
  "declaration": {
522
- "name": "HelixActionBar",
523
- "module": "./hx-action-bar.js"
514
+ "name": "HelixAccordion",
515
+ "module": "./hx-accordion.js"
516
+ }
517
+ },
518
+ {
519
+ "kind": "js",
520
+ "name": "HelixAccordionItem",
521
+ "declaration": {
522
+ "name": "HelixAccordionItem",
523
+ "module": "./hx-accordion-item.js"
524
524
  }
525
525
  }
526
526
  ]
@@ -2026,8 +2026,69 @@
2026
2026
  "declarations": [
2027
2027
  {
2028
2028
  "kind": "class",
2029
- "description": "Breadcrumb navigation component with automatic truncation and JSON-LD structured data.",
2029
+ "description": "Hierarchical page path navigation showing current location in site structure.",
2030
2030
  "name": "HelixBreadcrumb",
2031
+ "cssProperties": [
2032
+ {
2033
+ "description": "Separator character between items. NOTE: If overriding this custom property directly in CSS (rather than via the `separator` attribute), the value MUST be quoted: `--hx-breadcrumb-separator-content: \">\"`. An unquoted value is invalid for the CSS `content` property and will silently render nothing.",
2034
+ "name": "--hx-breadcrumb-separator-content",
2035
+ "default": "'/'"
2036
+ },
2037
+ {
2038
+ "description": "Separator color.",
2039
+ "name": "--hx-breadcrumb-separator-color",
2040
+ "default": "var(--hx-color-neutral-400)"
2041
+ },
2042
+ {
2043
+ "description": "Horizontal gap around separators.",
2044
+ "name": "--hx-breadcrumb-separator-gap",
2045
+ "default": "var(--hx-space-1)"
2046
+ },
2047
+ {
2048
+ "description": "Font size.",
2049
+ "name": "--hx-breadcrumb-font-size",
2050
+ "default": "var(--hx-font-size-sm)"
2051
+ },
2052
+ {
2053
+ "description": "Link color.",
2054
+ "name": "--hx-breadcrumb-link-color",
2055
+ "default": "var(--hx-color-primary-600)"
2056
+ },
2057
+ {
2058
+ "description": "Link hover color.",
2059
+ "name": "--hx-breadcrumb-link-hover-color",
2060
+ "default": "var(--hx-color-primary-700)"
2061
+ },
2062
+ {
2063
+ "description": "Current page text color.",
2064
+ "name": "--hx-breadcrumb-text-color",
2065
+ "default": "var(--hx-color-neutral-700)"
2066
+ },
2067
+ {
2068
+ "description": "Max-width for item text truncation (e.g. `12rem`).",
2069
+ "name": "--hx-breadcrumb-item-max-width"
2070
+ }
2071
+ ],
2072
+ "cssParts": [
2073
+ {
2074
+ "description": "The nav landmark element.",
2075
+ "name": "nav"
2076
+ },
2077
+ {
2078
+ "description": "The ordered list containing items.",
2079
+ "name": "list"
2080
+ }
2081
+ ],
2082
+ "slots": [
2083
+ {
2084
+ "description": "Default slot for hx-breadcrumb-item children.",
2085
+ "name": ""
2086
+ },
2087
+ {
2088
+ "description": "Optional separator element. Its text content overrides the `separator` property.",
2089
+ "name": "separator"
2090
+ }
2091
+ ],
2031
2092
  "members": [
2032
2093
  {
2033
2094
  "kind": "field",
@@ -2137,7 +2198,8 @@
2137
2198
  "package": "lit"
2138
2199
  },
2139
2200
  "tagName": "hx-breadcrumb",
2140
- "customElement": true
2201
+ "customElement": true,
2202
+ "summary": "Navigation breadcrumb showing the page hierarchy. Works with Drupal's breadcrumb system."
2141
2203
  },
2142
2204
  {
2143
2205
  "kind": "variable",
@@ -5847,6 +5909,26 @@
5847
5909
  {
5848
5910
  "description": "The loading spinner shown during async operations.",
5849
5911
  "name": "loading-indicator"
5912
+ },
5913
+ {
5914
+ "description": "The outer field wrapper element.",
5915
+ "name": "field"
5916
+ },
5917
+ {
5918
+ "description": "The label element.",
5919
+ "name": "label"
5920
+ },
5921
+ {
5922
+ "description": "An individual option item in the listbox.",
5923
+ "name": "option"
5924
+ },
5925
+ {
5926
+ "description": "The error message element.",
5927
+ "name": "error"
5928
+ },
5929
+ {
5930
+ "description": "The help text element.",
5931
+ "name": "help-text"
5850
5932
  }
5851
5933
  ],
5852
5934
  "slots": [
@@ -8781,6 +8863,10 @@
8781
8863
  "description": "The built-in close button.",
8782
8864
  "name": "close-button"
8783
8865
  },
8866
+ {
8867
+ "description": "The visually-hidden close button rendered when noHeader is true.",
8868
+ "name": "close-btn"
8869
+ },
8784
8870
  {
8785
8871
  "description": "The scrollable body region.",
8786
8872
  "name": "body"
@@ -19384,6 +19470,10 @@
19384
19470
  {
19385
19471
  "description": "Each individual tick mark element.",
19386
19472
  "name": "tick"
19473
+ },
19474
+ {
19475
+ "description": "The help text element displayed below the slider.",
19476
+ "name": "help-text"
19387
19477
  }
19388
19478
  ],
19389
19479
  "slots": [
@@ -25875,6 +25965,18 @@
25875
25965
  {
25876
25966
  "description": "Each `<li>` option in the listbox.",
25877
25967
  "name": "option"
25968
+ },
25969
+ {
25970
+ "description": "The outer field wrapper element.",
25971
+ "name": "field"
25972
+ },
25973
+ {
25974
+ "description": "The error message element.",
25975
+ "name": "error"
25976
+ },
25977
+ {
25978
+ "description": "The help text element.",
25979
+ "name": "help-text"
25878
25980
  }
25879
25981
  ],
25880
25982
  "slots": [