@prioticket/design-system-web 1.0.5 → 1.0.6

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 (67) hide show
  1. package/COMPONENT-DOCUMENTATION.md +561 -430
  2. package/README.md +341 -341
  3. package/component-documentation.json +1755 -1128
  4. package/custom-elements.json +6453 -0
  5. package/dist/component-gallery.html +2 -2
  6. package/dist/components/pd-button.d.cjs.js +1 -0
  7. package/dist/components/pd-button.d.es.js +7 -0
  8. package/dist/components/pd-card.d.cjs.js +1 -0
  9. package/dist/components/pd-card.d.es.js +1 -0
  10. package/dist/components/pd-checkbox.cjs.js +6 -6
  11. package/dist/components/pd-checkbox.d.cjs.js +1 -0
  12. package/dist/components/pd-checkbox.d.es.js +2 -0
  13. package/dist/components/pd-checkbox.es.js +39 -38
  14. package/dist/components/pd-chip.d.cjs.js +1 -0
  15. package/dist/components/pd-chip.d.es.js +6 -0
  16. package/dist/components/pd-dialog.d.cjs.js +1 -0
  17. package/dist/components/pd-dialog.d.es.js +5 -0
  18. package/dist/components/pd-expandable-card.d.cjs.js +1 -0
  19. package/dist/components/pd-expandable-card.d.es.js +3 -0
  20. package/dist/components/pd-fab.d.cjs.js +1 -0
  21. package/dist/components/pd-fab.d.es.js +4 -0
  22. package/dist/components/pd-icon-button.d.cjs.js +1 -0
  23. package/dist/components/pd-icon-button.d.es.js +6 -0
  24. package/dist/components/pd-icon.d.cjs.js +1 -0
  25. package/dist/components/pd-icon.d.es.js +2 -0
  26. package/dist/components/pd-list.d.cjs.js +1 -0
  27. package/dist/components/pd-list.d.es.js +5 -0
  28. package/dist/components/pd-menu-item.d.cjs.js +1 -0
  29. package/dist/components/pd-menu-item.d.es.js +3 -0
  30. package/dist/components/pd-menu.cjs.js +13 -13
  31. package/dist/components/pd-menu.d.cjs.js +1 -0
  32. package/dist/components/pd-menu.d.es.js +2 -0
  33. package/dist/components/pd-menu.es.js +19 -19
  34. package/dist/components/pd-progress.d.cjs.js +1 -0
  35. package/dist/components/pd-progress.d.es.js +3 -0
  36. package/dist/components/pd-radio.d.cjs.js +1 -0
  37. package/dist/components/pd-radio.d.es.js +2 -0
  38. package/dist/components/pd-segmented-button.d.cjs.js +1 -0
  39. package/dist/components/pd-segmented-button.d.es.js +2 -0
  40. package/dist/components/pd-segmented-stepper.cjs.js +3 -3
  41. package/dist/components/pd-segmented-stepper.d.cjs.js +1 -0
  42. package/dist/components/pd-segmented-stepper.d.es.js +2 -0
  43. package/dist/components/pd-segmented-stepper.es.js +4 -11
  44. package/dist/components/pd-select.d.cjs.js +1 -0
  45. package/dist/components/pd-select.d.es.js +5 -0
  46. package/dist/components/pd-slider.d.cjs.js +1 -0
  47. package/dist/components/pd-slider.d.es.js +2 -0
  48. package/dist/components/pd-stepper.cjs.js +3 -3
  49. package/dist/components/pd-stepper.d.cjs.js +1 -0
  50. package/dist/components/pd-stepper.d.es.js +1 -0
  51. package/dist/components/pd-stepper.es.js +19 -5
  52. package/dist/components/pd-switch.d.cjs.js +1 -0
  53. package/dist/components/pd-switch.d.es.js +3 -0
  54. package/dist/components/pd-tabs.cjs.js +4 -4
  55. package/dist/components/pd-tabs.d.cjs.js +1 -0
  56. package/dist/components/pd-tabs.d.es.js +5 -0
  57. package/dist/components/pd-tabs.es.js +53 -60
  58. package/dist/components/pd-text-field.d.cjs.js +1 -0
  59. package/dist/components/pd-text-field.d.es.js +4 -0
  60. package/dist/demo-theming.html +305 -305
  61. package/dist/prioticket-design-system-web.cjs.js +2281 -1
  62. package/dist/prioticket-design-system-web.es.js +4103 -50
  63. package/dist/types/components/pd-checkbox.d.ts +1 -0
  64. package/dist/types/components/pd-segmented-stepper.d.ts +2 -3
  65. package/dist/types/components/pd-stepper.d.ts +2 -0
  66. package/dist/types/components/pd-tabs.d.ts +2 -2
  67. package/package.json +25 -5
package/component-documentation.json CHANGED
@@ -1,1016 +1,1114 @@
1
1
  {
2
2
  "package": {
3
3
  "name": "@prioticket/design-system-web",
4
- "version": "1.0.0",
5
- "description": "Prioticket Design System Web Components Library",
6
- "installation": "npm install @prioticket/design-system-web",
7
- "npmrc": "@prioticket:registry=https://gitlab.prioticket.dev/api/v4/projects/193/packages/npm/\n//gitlab.prioticket.dev/api/v4/projects/193/packages/npm/:_authToken=TcG8u2Ryebr6v3x3D19y"
8
- },
9
- "usage": {
10
- "import": "import { PdButton, PdCard, PdTextField } from '@prioticket/design-system-web';",
11
- "theming": "Design tokens are automatically included. Use CSS custom properties like var(--md-sys-color-primary)",
12
- "typescript": "Full TypeScript support with type definitions included"
4
+ "version": "1.0.6",
5
+ "description": "",
6
+ "installation": "npm install @prioticket/design-system-web"
13
7
  },
8
+ "generatedAt": "2025-09-30T13:30:13.690Z",
14
9
  "components": {
15
- "src\\components\\pd-text-field": {
16
- "name": "src\\components\\pd-text-field",
17
- "tagName": "src\\components\\text-field",
18
- "description": "Component description not available",
10
+ "pd-button": {
11
+ "tagName": "pd-button",
12
+ "className": "PdButton",
13
+ "description": "The Prioticket button component using Material Web Components.",
19
14
  "properties": [
20
15
  {
21
16
  "name": "variant",
22
- "type": "'filled' | 'outlined'",
17
+ "type": "'filled' | 'outlined' | 'text' | 'elevated' | 'tonal'",
23
18
  "attribute": "variant",
24
- "description": "Property: variant"
19
+ "description": "The style variant of the button.",
20
+ "default": "'filled'",
21
+ "required": false
25
22
  },
26
23
  {
27
- "name": "label",
28
- "type": "any",
29
- "attribute": "label",
30
- "description": "Property: label"
24
+ "name": "size",
25
+ "type": "'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
26
+ "attribute": "size",
27
+ "description": "The size of the button, controlling height, padding, and font size.",
28
+ "default": "'medium'",
29
+ "required": false
31
30
  },
32
31
  {
33
- "name": "placeholder",
34
- "type": "any",
35
- "attribute": "placeholder",
36
- "description": "Property: placeholder"
32
+ "name": "icon",
33
+ "type": "string",
34
+ "attribute": "icon",
35
+ "description": "The name of the Material Icon to display.",
36
+ "default": "''",
37
+ "required": false
37
38
  },
38
39
  {
39
- "name": "value",
40
- "type": "any",
41
- "attribute": "value",
42
- "description": "Property: value"
40
+ "name": "iconTrailing",
41
+ "type": "boolean",
42
+ "attribute": "icon-trailing",
43
+ "description": "If true, the icon will be placed after the label.",
44
+ "default": "false",
45
+ "required": false
43
46
  },
44
47
  {
45
- "name": "supportingText",
46
- "type": "any",
47
- "attribute": "supportingtext",
48
- "description": "Property: supportingText"
49
- },
48
+ "name": "disabled",
49
+ "type": "boolean",
50
+ "attribute": "disabled",
51
+ "description": "If true, the button is disabled.",
52
+ "default": "false",
53
+ "required": false
54
+ }
55
+ ],
56
+ "events": [],
57
+ "slots": [
50
58
  {
51
- "name": "errorText",
52
- "type": "any",
53
- "attribute": "errortext",
54
- "description": "Property: errorText"
59
+ "name": "",
60
+ "description": "The default slot for the button's label."
61
+ }
62
+ ],
63
+ "cssProperties": [
64
+ {
65
+ "name": "--shape-corner",
66
+ "description": "Overrides the default border radius."
67
+ }
68
+ ]
69
+ },
70
+ "pd-card": {
71
+ "tagName": "pd-card",
72
+ "className": "PdCard",
73
+ "description": "No description available.",
74
+ "properties": [
75
+ {
76
+ "name": "variant",
77
+ "type": "'elevated' | 'filled' | 'outlined'",
78
+ "attribute": "variant",
79
+ "description": "",
80
+ "default": "'elevated'",
81
+ "required": false
55
82
  },
56
83
  {
57
- "name": "prefixText",
58
- "type": "any",
59
- "attribute": "prefixtext",
60
- "description": "Property: prefixText"
84
+ "name": "clickable",
85
+ "type": "boolean",
86
+ "attribute": "clickable",
87
+ "description": "",
88
+ "default": "false",
89
+ "required": false
90
+ }
91
+ ],
92
+ "events": [
93
+ {
94
+ "name": "click",
95
+ "type": "CustomEvent",
96
+ "description": ""
97
+ }
98
+ ],
99
+ "slots": [],
100
+ "cssProperties": []
101
+ },
102
+ "pd-checkbox": {
103
+ "tagName": "pd-checkbox",
104
+ "className": "PdCheckbox",
105
+ "description": "No description available.",
106
+ "properties": [
107
+ {
108
+ "name": "checked",
109
+ "type": "boolean",
110
+ "attribute": "checked",
111
+ "description": "",
112
+ "default": "false",
113
+ "required": false
61
114
  },
62
115
  {
63
- "name": "suffixText",
64
- "type": "any",
65
- "attribute": "suffixtext",
66
- "description": "Property: suffixText"
116
+ "name": "indeterminate",
117
+ "type": "boolean",
118
+ "attribute": "indeterminate",
119
+ "description": "",
120
+ "default": "false",
121
+ "required": false
67
122
  },
68
123
  {
69
124
  "name": "disabled",
70
- "type": "any",
125
+ "type": "boolean",
71
126
  "attribute": "disabled",
72
- "description": "Property: disabled"
73
- },
74
- {
75
- "name": "readonly",
76
- "type": "any",
77
- "attribute": "readonly",
78
- "description": "Property: readonly"
127
+ "description": "",
128
+ "default": "false",
129
+ "required": false
79
130
  },
80
131
  {
81
132
  "name": "required",
82
- "type": "any",
133
+ "type": "boolean",
83
134
  "attribute": "required",
84
- "description": "Property: required"
85
- },
86
- {
87
- "name": "error",
88
- "type": "any",
89
- "attribute": "error",
90
- "description": "Property: error"
91
- },
92
- {
93
- "name": "type",
94
- "type": "'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea'",
95
- "attribute": "type",
96
- "description": "Property: type"
135
+ "description": "",
136
+ "default": "false",
137
+ "required": false
97
138
  },
98
139
  {
99
- "name": "rows",
100
- "type": "any",
101
- "attribute": "rows",
102
- "description": "Property: rows"
140
+ "name": "value",
141
+ "type": "string",
142
+ "attribute": "value",
143
+ "description": "",
144
+ "default": "''",
145
+ "required": false
103
146
  },
104
147
  {
105
- "name": "cols",
106
- "type": "any",
107
- "attribute": "cols",
108
- "description": "Property: cols"
148
+ "name": "name",
149
+ "type": "string",
150
+ "attribute": "name",
151
+ "description": "",
152
+ "default": "''",
153
+ "required": false
109
154
  },
110
155
  {
111
- "name": "leadingIcon",
112
- "type": "any",
113
- "attribute": "leadingicon",
114
- "description": "Property: leadingIcon"
156
+ "name": "label",
157
+ "type": "string",
158
+ "attribute": "label",
159
+ "description": "",
160
+ "default": "''",
161
+ "required": false
115
162
  },
116
163
  {
117
- "name": "trailingIcon",
118
- "type": "any",
119
- "attribute": "trailingicon",
120
- "description": "Property: trailingIcon"
121
- },
164
+ "name": "touchTarget",
165
+ "type": "boolean",
166
+ "attribute": "touch-target",
167
+ "description": "",
168
+ "default": "false",
169
+ "required": false
170
+ }
171
+ ],
172
+ "events": [
122
173
  {
123
- "name": "maxlength",
124
- "type": "any",
125
- "attribute": "maxlength",
126
- "description": "Property: maxlength"
174
+ "name": "change",
175
+ "type": "CustomEvent",
176
+ "description": ""
127
177
  },
128
178
  {
129
- "name": "minlength",
130
- "type": "any",
131
- "attribute": "minlength",
132
- "description": "Property: minlength"
179
+ "name": "input",
180
+ "type": "CustomEvent",
181
+ "description": ""
133
182
  }
134
183
  ],
135
- "events": [],
136
184
  "slots": [],
137
- "examples": {
138
- "basic": "<src\\components\\pd-text-field></src\\components\\pd-text-field>",
139
- "html": "<src\\components\\pd-text-field class=\"example\"></src\\components\\pd-text-field>",
140
- "react": "<Src\\components\\textField />",
141
- "lit": "html`<src\\components\\pd-text-field></src\\components\\pd-text-field>`"
142
- }
185
+ "cssProperties": []
143
186
  },
144
- "src\\components\\pd-tabs": {
145
- "name": "src\\components\\pd-tabs",
146
- "tagName": "src\\components\\tabs",
147
- "description": "Component description not available",
187
+ "pd-chip": {
188
+ "tagName": "pd-chip",
189
+ "className": "PdChip",
190
+ "description": "No description available.",
148
191
  "properties": [
149
192
  {
150
- "name": "activeTabIndex",
151
- "type": "any",
152
- "attribute": "activetabindex",
153
- "description": "Property: activeTabIndex"
193
+ "name": "variant",
194
+ "type": "'assist' | 'filter' | 'input' | 'suggestion'",
195
+ "attribute": "variant",
196
+ "description": "",
197
+ "default": "'assist'",
198
+ "required": false
154
199
  },
155
200
  {
156
- "name": "autoActivate",
157
- "type": "any",
158
- "attribute": "autoactivate",
159
- "description": "Property: autoActivate"
201
+ "name": "label",
202
+ "type": "string",
203
+ "attribute": "label",
204
+ "description": "",
205
+ "default": "''",
206
+ "required": false
160
207
  },
161
208
  {
162
- "name": "tabs",
163
- "type": "TabData[]",
164
- "attribute": "tabs",
165
- "description": "Property: tabs"
209
+ "name": "disabled",
210
+ "type": "boolean",
211
+ "attribute": "disabled",
212
+ "description": "",
213
+ "default": "false",
214
+ "required": false
166
215
  },
167
216
  {
168
- "name": "secondary",
169
- "type": "any",
170
- "attribute": "secondary",
171
- "description": "Property: secondary"
217
+ "name": "alwaysFocusable",
218
+ "type": "boolean",
219
+ "attribute": "always-focusable",
220
+ "description": "",
221
+ "default": "false",
222
+ "required": false
172
223
  },
173
224
  {
174
- "name": "inlineIcon",
175
- "type": "any",
176
- "attribute": "inlineicon",
177
- "description": "Property: inlineIcon"
225
+ "name": "hasIcon",
226
+ "type": "boolean",
227
+ "attribute": "has-icon",
228
+ "description": "",
229
+ "default": "false",
230
+ "required": false
178
231
  },
179
232
  {
180
233
  "name": "icon",
181
- "type": "any",
234
+ "type": "string",
182
235
  "attribute": "icon",
183
- "description": "Property: icon"
236
+ "description": "",
237
+ "default": "''",
238
+ "required": false
184
239
  },
185
- {
186
- "name": "ariaLabel",
187
- "type": "any",
188
- "attribute": "arialabel",
189
- "description": "Property: ariaLabel"
190
- }
191
- ],
192
- "events": [],
193
- "slots": [],
194
- "examples": {
195
- "basic": "<src\\components\\pd-tabs></src\\components\\pd-tabs>",
196
- "html": "<src\\components\\pd-tabs class=\"example\"></src\\components\\pd-tabs>",
197
- "react": "<Src\\components\\tabs />",
198
- "lit": "html`<src\\components\\pd-tabs></src\\components\\pd-tabs>`"
199
- }
200
- },
201
- "src\\components\\pd-switch": {
202
- "name": "src\\components\\pd-switch",
203
- "tagName": "src\\components\\switch",
204
- "description": "Component description not available",
205
- "properties": [
206
240
  {
207
241
  "name": "selected",
208
- "type": "any",
242
+ "type": "boolean",
209
243
  "attribute": "selected",
210
- "description": "Property: selected"
244
+ "description": "",
245
+ "default": "false",
246
+ "required": false
211
247
  },
212
248
  {
213
- "name": "disabled",
214
- "type": "any",
215
- "attribute": "disabled",
216
- "description": "Property: disabled"
249
+ "name": "removable",
250
+ "type": "boolean",
251
+ "attribute": "removable",
252
+ "description": "",
253
+ "default": "false",
254
+ "required": false
217
255
  },
218
256
  {
219
- "name": "selectedIcon",
220
- "type": "any",
221
- "attribute": "selectedicon",
222
- "description": "Property: selectedIcon"
257
+ "name": "elevated",
258
+ "type": "boolean",
259
+ "attribute": "elevated",
260
+ "description": "",
261
+ "default": "false",
262
+ "required": false
223
263
  },
224
264
  {
225
- "name": "unselectedIcon",
226
- "type": "any",
227
- "attribute": "unselectedicon",
228
- "description": "Property: unselectedIcon"
265
+ "name": "href",
266
+ "type": "string",
267
+ "attribute": "href",
268
+ "description": "",
269
+ "default": "''",
270
+ "required": false
229
271
  },
230
272
  {
231
- "name": "showOnlySelectedIcon",
232
- "type": "any",
233
- "attribute": "showonlyselectedicon",
234
- "description": "Property: showOnlySelectedIcon"
273
+ "name": "target",
274
+ "type": "string",
275
+ "attribute": "target",
276
+ "description": "",
277
+ "default": "''",
278
+ "required": false
235
279
  },
236
280
  {
237
- "name": "name",
238
- "type": "any",
239
- "attribute": "name",
240
- "description": "Property: name"
281
+ "name": "avatar",
282
+ "type": "boolean",
283
+ "attribute": "avatar",
284
+ "description": "",
285
+ "default": "false",
286
+ "required": false
241
287
  },
242
288
  {
243
- "name": "value",
244
- "type": "any",
245
- "attribute": "value",
246
- "description": "Property: value"
247
- },
289
+ "name": "removeOnly",
290
+ "type": "boolean",
291
+ "attribute": "remove-only",
292
+ "description": "",
293
+ "default": "false",
294
+ "required": false
295
+ }
296
+ ],
297
+ "events": [
248
298
  {
249
- "name": "ariaLabel",
250
- "type": "any",
251
- "attribute": "arialabel",
252
- "description": "Property: ariaLabel"
299
+ "name": "chip-click",
300
+ "type": "CustomEvent",
301
+ "description": ""
253
302
  },
254
303
  {
255
- "name": "required",
256
- "type": "any",
257
- "attribute": "required",
258
- "description": "Property: required"
304
+ "name": "chip-remove",
305
+ "type": "CustomEvent",
306
+ "description": ""
259
307
  }
260
308
  ],
261
- "events": [],
262
309
  "slots": [],
263
- "examples": {
264
- "basic": "<src\\components\\pd-switch></src\\components\\pd-switch>",
265
- "html": "<src\\components\\pd-switch class=\"example\"></src\\components\\pd-switch>",
266
- "react": "<Src\\components\\switch />",
267
- "lit": "html`<src\\components\\pd-switch></src\\components\\pd-switch>`"
268
- }
310
+ "cssProperties": []
269
311
  },
270
- "src\\components\\pd-stepper": {
271
- "name": "src\\components\\pd-stepper",
272
- "tagName": "src\\components\\stepper",
273
- "description": "Component description not available",
312
+ "pd-dialog": {
313
+ "tagName": "pd-dialog",
314
+ "className": "PdDialog",
315
+ "description": "The Prioticket dialog component using Material Web Components.",
274
316
  "properties": [
275
317
  {
276
- "name": "steps",
277
- "type": "StepData[]",
278
- "attribute": "steps",
279
- "description": "Property: steps"
318
+ "name": "open",
319
+ "type": "boolean",
320
+ "attribute": "open",
321
+ "description": "Whether the dialog is currently open.",
322
+ "default": "false",
323
+ "required": false
280
324
  },
281
325
  {
282
- "name": "currentStep",
283
- "type": "any",
284
- "attribute": "currentstep",
285
- "description": "Property: currentStep"
326
+ "name": "size",
327
+ "type": "'small' | 'medium' | 'large' | 'fullscreen'",
328
+ "attribute": "size",
329
+ "description": "The size/width variant of the dialog.",
330
+ "default": "'medium'",
331
+ "required": false
286
332
  },
287
333
  {
288
- "name": "orientation",
289
- "type": "'horizontal' | 'vertical'",
290
- "attribute": "orientation",
291
- "description": "Property: orientation"
334
+ "name": "variant",
335
+ "type": "'alert' | 'confirm' | 'form' | 'custom'",
336
+ "attribute": "variant",
337
+ "description": "The type of dialog - affects styling and behavior.",
338
+ "default": "'custom'",
339
+ "required": false
292
340
  },
293
341
  {
294
- "name": "linear",
295
- "type": "any",
296
- "attribute": "linear",
297
- "description": "Property: linear"
342
+ "name": "headline",
343
+ "type": "string",
344
+ "attribute": "headline",
345
+ "description": "The dialog headline/title text.",
346
+ "default": "''",
347
+ "required": false
298
348
  },
299
349
  {
300
- "name": "showContent",
301
- "type": "any",
302
- "attribute": "showcontent",
303
- "description": "Property: showContent"
350
+ "name": "primaryAction",
351
+ "type": "string",
352
+ "attribute": "primary-action",
353
+ "description": "Primary action button text.",
354
+ "default": "''",
355
+ "required": false
304
356
  },
305
357
  {
306
- "name": "alternativeLabel",
307
- "type": "any",
308
- "attribute": "alternativelabel",
309
- "description": "Property: alternativeLabel"
358
+ "name": "secondaryAction",
359
+ "type": "string",
360
+ "attribute": "secondary-action",
361
+ "description": "Secondary action button text (usually \"Cancel\").",
362
+ "default": "''",
363
+ "required": false
364
+ },
365
+ {
366
+ "name": "closableByBackdrop",
367
+ "type": "boolean",
368
+ "attribute": "closable-by-backdrop",
369
+ "description": "Whether the dialog is closable by clicking outside or pressing ESC.",
370
+ "default": "true",
371
+ "required": false
372
+ },
373
+ {
374
+ "name": "showCloseButton",
375
+ "type": "boolean",
376
+ "attribute": "show-close-button",
377
+ "description": "Whether to show a close button in the header.",
378
+ "default": "false",
379
+ "required": false
310
380
  }
311
381
  ],
312
- "events": [],
313
- "slots": [],
314
- "examples": {
315
- "basic": "<src\\components\\pd-stepper></src\\components\\pd-stepper>",
316
- "html": "<src\\components\\pd-stepper class=\"example\"></src\\components\\pd-stepper>",
317
- "react": "<Src\\components\\stepper />",
318
- "lit": "html`<src\\components\\pd-stepper></src\\components\\pd-stepper>`"
319
- }
320
- },
321
- "src\\components\\pd-slider": {
322
- "name": "src\\components\\pd-slider",
323
- "tagName": "src\\components\\slider",
324
- "description": "Component description not available",
325
- "properties": [
382
+ "events": [
326
383
  {
327
- "name": "disabled",
328
- "type": "any",
329
- "attribute": "disabled",
330
- "description": "Property: disabled"
384
+ "name": "open",
385
+ "type": "CustomEvent",
386
+ "description": "Fired when the dialog is opened."
331
387
  },
332
388
  {
333
- "name": "min",
334
- "type": "any",
335
- "attribute": "min",
336
- "description": "Property: min"
389
+ "name": "closed",
390
+ "type": "CustomEvent",
391
+ "description": "Fired when the dialog is closed."
337
392
  },
338
393
  {
339
- "name": "max",
340
- "type": "any",
341
- "attribute": "max",
342
- "description": "Property: max"
394
+ "name": "primary-action",
395
+ "type": "CustomEvent",
396
+ "description": ""
343
397
  },
344
398
  {
345
- "name": "value",
346
- "type": "any",
347
- "attribute": "value",
348
- "description": "Property: value"
399
+ "name": "secondary-action",
400
+ "type": "CustomEvent",
401
+ "description": ""
402
+ }
403
+ ],
404
+ "slots": [
405
+ {
406
+ "name": "",
407
+ "description": "The main content of the dialog."
349
408
  },
350
409
  {
351
- "name": "step",
352
- "type": "any",
353
- "attribute": "step",
354
- "description": "Property: step"
410
+ "name": "headline",
411
+ "description": "The dialog title/headline."
355
412
  },
356
413
  {
357
- "name": "ticks",
358
- "type": "any",
359
- "attribute": "ticks",
360
- "description": "Property: ticks"
414
+ "name": "actions",
415
+ "description": "Action buttons (typically in the bottom area)."
416
+ }
417
+ ],
418
+ "cssProperties": [
419
+ {
420
+ "name": "--shape-corner",
421
+ "description": "Overrides the default border radius."
422
+ }
423
+ ]
424
+ },
425
+ "pd-expandable-card": {
426
+ "tagName": "pd-expandable-card",
427
+ "className": "PdExpandableCard",
428
+ "description": "An expandable card component that can show/hide content with animation.",
429
+ "properties": [
430
+ {
431
+ "name": "variant",
432
+ "type": "'elevated' | 'filled' | 'outlined'",
433
+ "attribute": "variant",
434
+ "description": "The style variant of the card.",
435
+ "default": "'elevated'",
436
+ "required": false
361
437
  },
362
438
  {
363
- "name": "labeled",
364
- "type": "any",
365
- "attribute": "labeled",
366
- "description": "Property: labeled"
439
+ "name": "expanded",
440
+ "type": "boolean",
441
+ "attribute": "expanded",
442
+ "description": "Whether the card is expanded by default.",
443
+ "default": "false",
444
+ "required": false
367
445
  },
368
446
  {
369
- "name": "valueIndicator",
370
- "type": "any",
371
- "attribute": "valueindicator",
372
- "description": "Property: valueIndicator"
447
+ "name": "expandIcon",
448
+ "type": "string",
449
+ "attribute": "expand-icon",
450
+ "description": "The icon to show when collapsed (pointing down).",
451
+ "default": "'keyboard_arrow_down'",
452
+ "required": false
373
453
  },
374
454
  {
375
- "name": "valueStart",
376
- "type": "any",
377
- "attribute": "valuestart",
378
- "description": "Property: valueStart"
455
+ "name": "collapseIcon",
456
+ "type": "string",
457
+ "attribute": "collapse-icon",
458
+ "description": "The icon to show when expanded (pointing up).",
459
+ "default": "'keyboard_arrow_up'",
460
+ "required": false
379
461
  },
380
462
  {
381
- "name": "valueEnd",
382
- "type": "any",
383
- "attribute": "valueend",
384
- "description": "Property: valueEnd"
463
+ "name": "headerClickable",
464
+ "type": "boolean",
465
+ "attribute": "header-clickable",
466
+ "description": "If true, the entire header area becomes clickable.",
467
+ "default": "false",
468
+ "required": false
469
+ }
470
+ ],
471
+ "events": [
472
+ {
473
+ "name": "eventName",
474
+ "type": "CustomEvent",
475
+ "description": ""
385
476
  },
386
477
  {
387
- "name": "ariaLabel",
388
- "type": "any",
389
- "attribute": "arialabel",
390
- "description": "Property: ariaLabel"
478
+ "name": "expand",
479
+ "type": "CustomEvent",
480
+ "description": "Fired when the card is expanded"
391
481
  },
392
482
  {
393
- "name": "ariaLabelStart",
394
- "type": "any",
395
- "attribute": "arialabelstart",
396
- "description": "Property: ariaLabelStart"
483
+ "name": "collapse",
484
+ "type": "CustomEvent",
485
+ "description": "Fired when the card is collapsed"
486
+ }
487
+ ],
488
+ "slots": [
489
+ {
490
+ "name": "header",
491
+ "description": "The main header content (always visible)"
397
492
  },
398
493
  {
399
- "name": "ariaLabelEnd",
400
- "type": "any",
401
- "attribute": "arialabelend",
402
- "description": "Property: ariaLabelEnd"
494
+ "name": "",
495
+ "description": "The expandable content (shown when expanded)"
403
496
  }
404
497
  ],
405
- "events": [],
406
- "slots": [],
407
- "examples": {
408
- "basic": "<src\\components\\pd-slider></src\\components\\pd-slider>",
409
- "html": "<src\\components\\pd-slider class=\"example\"></src\\components\\pd-slider>",
410
- "react": "<Src\\components\\slider />",
411
- "lit": "html`<src\\components\\pd-slider></src\\components\\pd-slider>`"
412
- }
498
+ "cssProperties": []
413
499
  },
414
- "src\\components\\pd-select": {
415
- "name": "src\\components\\pd-select",
416
- "tagName": "src\\components\\select",
417
- "description": "Component description not available",
500
+ "pd-fab": {
501
+ "tagName": "pd-fab",
502
+ "className": "PdFab",
503
+ "description": "No description available.",
418
504
  "properties": [
419
505
  {
420
506
  "name": "variant",
421
- "type": "'filled' | 'outlined'",
507
+ "type": "'surface' | 'primary' | 'secondary' | 'tertiary' | 'branded'",
422
508
  "attribute": "variant",
423
- "description": "Property: variant"
509
+ "description": "",
510
+ "default": "'primary'",
511
+ "required": false
512
+ },
513
+ {
514
+ "name": "size",
515
+ "type": "'small' | 'medium' | 'large'",
516
+ "attribute": "size",
517
+ "description": "",
518
+ "default": "'medium'",
519
+ "required": false
520
+ },
521
+ {
522
+ "name": "icon",
523
+ "type": "string",
524
+ "attribute": "icon",
525
+ "description": "",
526
+ "default": "''",
527
+ "required": false
424
528
  },
425
529
  {
426
530
  "name": "label",
427
- "type": "any",
531
+ "type": "string",
428
532
  "attribute": "label",
429
- "description": "Property: label"
533
+ "description": "",
534
+ "default": "''",
535
+ "required": false
430
536
  },
431
537
  {
432
- "name": "value",
433
- "type": "any",
434
- "attribute": "value",
435
- "description": "Property: value"
538
+ "name": "lowered",
539
+ "type": "boolean",
540
+ "attribute": "lowered",
541
+ "description": "",
542
+ "default": "false",
543
+ "required": false
436
544
  },
437
545
  {
438
546
  "name": "disabled",
439
- "type": "any",
547
+ "type": "boolean",
440
548
  "attribute": "disabled",
441
- "description": "Property: disabled"
549
+ "description": "",
550
+ "default": "false",
551
+ "required": false
442
552
  },
443
553
  {
444
- "name": "required",
445
- "type": "any",
446
- "attribute": "required",
447
- "description": "Property: required"
448
- },
449
- {
450
- "name": "errorText",
451
- "type": "any",
452
- "attribute": "errortext",
453
- "description": "Property: errorText"
454
- },
554
+ "name": "ariaLabel",
555
+ "type": "string",
556
+ "attribute": "aria-label",
557
+ "description": "",
558
+ "default": "''",
559
+ "required": false
560
+ }
561
+ ],
562
+ "events": [
455
563
  {
456
- "name": "error",
457
- "type": "any",
458
- "attribute": "error",
459
- "description": "Property: error"
460
- },
564
+ "name": "fab-click",
565
+ "type": "CustomEvent",
566
+ "description": ""
567
+ }
568
+ ],
569
+ "slots": [],
570
+ "cssProperties": []
571
+ },
572
+ "pd-icon": {
573
+ "tagName": "pd-icon",
574
+ "className": "PdIcon",
575
+ "description": "No description available.",
576
+ "properties": [
461
577
  {
462
- "name": "supportingText",
463
- "type": "any",
464
- "attribute": "supportingtext",
465
- "description": "Property: supportingText"
578
+ "name": "name",
579
+ "type": "string",
580
+ "attribute": "name",
581
+ "description": "",
582
+ "default": "''",
583
+ "required": false
466
584
  },
467
585
  {
468
- "name": "options",
469
- "type": "SelectOption[]",
470
- "attribute": "options",
471
- "description": "Property: options"
586
+ "name": "size",
587
+ "type": "'small' | 'medium' | 'large'",
588
+ "attribute": "size",
589
+ "description": "",
590
+ "default": "'medium'",
591
+ "required": false
472
592
  },
473
593
  {
474
- "name": "leadingIcon",
475
- "type": "any",
476
- "attribute": "leadingicon",
477
- "description": "Property: leadingIcon"
594
+ "name": "variant",
595
+ "type": "'filled' | 'outlined' | 'round' | 'sharp' | 'two-tone'",
596
+ "attribute": "variant",
597
+ "description": "",
598
+ "default": "'filled'",
599
+ "required": false
478
600
  }
479
601
  ],
480
602
  "events": [],
481
603
  "slots": [],
482
- "examples": {
483
- "basic": "<src\\components\\pd-select></src\\components\\pd-select>",
484
- "html": "<src\\components\\pd-select class=\"example\"></src\\components\\pd-select>",
485
- "react": "<Src\\components\\select />",
486
- "lit": "html`<src\\components\\pd-select></src\\components\\pd-select>`"
487
- }
604
+ "cssProperties": []
488
605
  },
489
- "src\\components\\pd-segmented-stepper": {
490
- "name": "src\\components\\pd-segmented-stepper",
491
- "tagName": "src\\components\\segmented-stepper",
492
- "description": "Component description not available",
606
+ "pd-icon-button": {
607
+ "tagName": "pd-icon-button",
608
+ "className": "PdIconButton",
609
+ "description": "No description available.",
493
610
  "properties": [
494
611
  {
495
- "name": "activeStep",
496
- "type": "any",
497
- "attribute": "activestep",
498
- "description": "Property: activeStep"
612
+ "name": "variant",
613
+ "type": "'standard' | 'filled' | 'tonal' | 'outlined'",
614
+ "attribute": "variant",
615
+ "description": "",
616
+ "default": "'standard'",
617
+ "required": false
499
618
  },
500
619
  {
501
- "name": "completedSteps",
502
- "type": "number[]",
503
- "attribute": "completedsteps",
504
- "description": "Property: completedSteps"
620
+ "name": "icon",
621
+ "type": "string",
622
+ "attribute": "icon",
623
+ "description": "",
624
+ "default": "''",
625
+ "required": false
505
626
  },
506
627
  {
507
- "name": "size",
508
- "type": "'small' | 'medium' | 'large'",
509
- "attribute": "size",
510
- "description": "Property: size"
628
+ "name": "selectedIcon",
629
+ "type": "string",
630
+ "attribute": "selected-icon",
631
+ "description": "",
632
+ "default": "''",
633
+ "required": false
511
634
  },
512
635
  {
513
636
  "name": "disabled",
514
- "type": "any",
637
+ "type": "boolean",
515
638
  "attribute": "disabled",
516
- "description": "Property: disabled"
517
- },
518
- {
519
- "name": "allowStepNavigation",
520
- "type": "any",
521
- "attribute": "allowstepnavigation",
522
- "description": "Property: allowStepNavigation"
639
+ "description": "",
640
+ "default": "false",
641
+ "required": false
523
642
  },
524
643
  {
525
- "name": "linear",
526
- "type": "any",
527
- "attribute": "linear",
528
- "description": "Property: linear"
644
+ "name": "toggle",
645
+ "type": "boolean",
646
+ "attribute": "toggle",
647
+ "description": "",
648
+ "default": "false",
649
+ "required": false
529
650
  },
530
651
  {
531
- "name": "stepNumber",
532
- "type": "any",
533
- "attribute": "stepnumber",
534
- "description": "Property: stepNumber"
652
+ "name": "selected",
653
+ "type": "boolean",
654
+ "attribute": "selected",
655
+ "description": "",
656
+ "default": "false",
657
+ "required": false
535
658
  },
536
659
  {
537
- "name": "state",
538
- "type": "'pending' | 'active' | 'completed' | 'disabled'",
539
- "attribute": "state",
540
- "description": "Property: state"
660
+ "name": "href",
661
+ "type": "string",
662
+ "attribute": "href",
663
+ "description": "",
664
+ "default": "''",
665
+ "required": false
541
666
  },
542
667
  {
543
- "name": "disabled",
544
- "type": "any",
545
- "attribute": "disabled",
546
- "description": "Property: disabled"
668
+ "name": "target",
669
+ "type": "string",
670
+ "attribute": "target",
671
+ "description": "",
672
+ "default": "''",
673
+ "required": false
547
674
  },
548
675
  {
549
- "name": "clickable",
550
- "type": "any",
551
- "attribute": "clickable",
552
- "description": "Property: clickable"
676
+ "name": "ariaLabel",
677
+ "type": "string",
678
+ "attribute": "aria-label",
679
+ "description": "",
680
+ "default": "''",
681
+ "required": false
553
682
  },
554
683
  {
555
- "name": "icon",
556
- "type": "any",
557
- "attribute": "icon",
558
- "description": "Property: icon"
684
+ "name": "ariaLabelSelected",
685
+ "type": "string",
686
+ "attribute": "aria-label-selected",
687
+ "description": "",
688
+ "default": "''",
689
+ "required": false
559
690
  }
560
691
  ],
561
692
  "events": [
562
693
  {
563
- "name": "step",
564
- "description": "change - Fired when the active step changes (consistent with pd-stepper)."
565
- },
566
- {
567
- "name": "stepchange",
568
- "description": "Fired when the active step changes (backwards compatibility)."
569
- },
570
- {
571
- "name": "stepcomplete",
572
- "description": "Fired when a step is marked as completed."
573
- }
574
- ],
575
- "slots": [
576
- {
577
- "name": "default",
578
- "description": "The default slot for pd-stepper-item elements."
694
+ "name": "pd-icon-button-click",
695
+ "type": "CustomEvent",
696
+ "description": ""
579
697
  },
580
698
  {
581
- "name": "default",
582
- "description": "The default slot for the step's content."
699
+ "name": "change",
700
+ "type": "CustomEvent",
701
+ "description": ""
583
702
  }
584
703
  ],
585
- "examples": {
586
- "basic": "<src\\components\\pd-segmented-stepper></src\\components\\pd-segmented-stepper>",
587
- "html": "<src\\components\\pd-segmented-stepper class=\"example\"></src\\components\\pd-segmented-stepper>",
588
- "react": "<Src\\components\\segmentedStepper />",
589
- "lit": "html`<src\\components\\pd-segmented-stepper></src\\components\\pd-segmented-stepper>`"
590
- }
704
+ "slots": [],
705
+ "cssProperties": []
591
706
  },
592
- "src\\components\\pd-segmented-button": {
593
- "name": "src\\components\\pd-segmented-button",
594
- "tagName": "src\\components\\segmented-button",
595
- "description": "Component description not available",
707
+ "pd-list": {
708
+ "tagName": "pd-list",
709
+ "className": "PdList",
710
+ "description": "No description available.",
596
711
  "properties": [
597
712
  {
598
- "name": "multiSelect",
599
- "type": "any",
600
- "attribute": "multiselect",
601
- "description": "Property: multiSelect"
602
- },
603
- {
604
- "name": "size",
605
- "type": "'small' | 'medium' | 'large'",
606
- "attribute": "size",
607
- "description": "Property: size"
608
- },
609
- {
610
- "name": "disabled",
611
- "type": "any",
612
- "attribute": "disabled",
613
- "description": "Property: disabled"
614
- },
615
- {
616
- "name": "selectedValues",
617
- "type": "string[]",
618
- "attribute": "selectedvalues",
619
- "description": "Property: selectedValues"
620
- },
621
- {
622
- "name": "value",
623
- "type": "any",
624
- "attribute": "value",
625
- "description": "Property: value"
626
- },
627
- {
628
- "name": "selected",
629
- "type": "any",
630
- "attribute": "selected",
631
- "description": "Property: selected"
632
- },
633
- {
634
- "name": "disabled",
635
- "type": "any",
636
- "attribute": "disabled",
637
- "description": "Property: disabled"
638
- },
639
- {
640
- "name": "icon",
641
- "type": "any",
642
- "attribute": "icon",
643
- "description": "Property: icon"
713
+ "name": "role",
714
+ "type": "string",
715
+ "attribute": "role",
716
+ "description": "",
717
+ "default": "'list'",
718
+ "required": false
644
719
  },
645
720
  {
646
- "name": "iconOnly",
647
- "type": "any",
648
- "attribute": "icononly",
649
- "description": "Property: iconOnly"
650
- }
651
- ],
652
- "events": [
653
- {
654
- "name": "selectionchange",
655
- "description": "Fired when the selection changes."
721
+ "name": "tabindex",
722
+ "type": "number",
723
+ "attribute": "tabindex",
724
+ "description": "",
725
+ "default": "-1",
726
+ "required": false
656
727
  }
657
728
  ],
658
- "slots": [
659
- {
660
- "name": "default",
661
- "description": "The default slot for pd-segment-item elements."
662
- },
729
+ "events": [],
730
+ "slots": [],
731
+ "cssProperties": []
732
+ },
733
+ "pd-list-divider": {
734
+ "tagName": "pd-list-divider",
735
+ "className": "PdListDivider",
736
+ "description": "No description available.",
737
+ "properties": [
663
738
  {
664
- "name": "default",
665
- "description": "The default slot for the segment's content."
739
+ "name": "inset",
740
+ "type": "boolean",
741
+ "attribute": "inset",
742
+ "description": "",
743
+ "default": "false",
744
+ "required": false
666
745
  },
667
746
  {
668
- "name": "icon",
669
- "description": "The slot for an icon."
747
+ "name": "role",
748
+ "type": "string",
749
+ "attribute": "role",
750
+ "description": "",
751
+ "default": "'separator'",
752
+ "required": false
670
753
  }
671
754
  ],
672
- "examples": {
673
- "basic": "<src\\components\\pd-segmented-button></src\\components\\pd-segmented-button>",
674
- "html": "<src\\components\\pd-segmented-button class=\"example\"></src\\components\\pd-segmented-button>",
675
- "react": "<Src\\components\\segmentedButton />",
676
- "lit": "html`<src\\components\\pd-segmented-button></src\\components\\pd-segmented-button>`"
677
- }
755
+ "events": [],
756
+ "slots": [],
757
+ "cssProperties": []
678
758
  },
679
- "src\\components\\pd-radio": {
680
- "name": "src\\components\\pd-radio",
681
- "tagName": "src\\components\\radio",
682
- "description": "Component description not available",
759
+ "pd-list-item": {
760
+ "tagName": "pd-list-item",
761
+ "className": "PdListItem",
762
+ "description": "No description available.",
683
763
  "properties": [
684
764
  {
685
- "name": "checked",
686
- "type": "any",
687
- "attribute": "checked",
688
- "description": "Property: checked"
689
- },
690
- {
691
- "name": "disabled",
692
- "type": "any",
693
- "attribute": "disabled",
694
- "description": "Property: disabled"
695
- },
696
- {
697
- "name": "name",
698
- "type": "any",
699
- "attribute": "name",
700
- "description": "Property: name"
701
- },
702
- {
703
- "name": "value",
704
- "type": "any",
705
- "attribute": "value",
706
- "description": "Property: value"
765
+ "name": "type",
766
+ "type": "'text' | 'link' | 'button'",
767
+ "attribute": "type",
768
+ "description": "",
769
+ "default": "'text'",
770
+ "required": false
707
771
  },
708
772
  {
709
- "name": "ariaLabel",
710
- "type": "any",
711
- "attribute": "arialabel",
712
- "description": "Property: ariaLabel"
773
+ "name": "headline",
774
+ "type": "string",
775
+ "attribute": "headline",
776
+ "description": "",
777
+ "default": "''",
778
+ "required": false
713
779
  },
714
780
  {
715
- "name": "ariaDescribedby",
716
- "type": "any",
717
- "attribute": "ariadescribedby",
718
- "description": "Property: ariaDescribedby"
781
+ "name": "supportingText",
782
+ "type": "string",
783
+ "attribute": "supporting-text",
784
+ "description": "",
785
+ "default": "''",
786
+ "required": false
719
787
  },
720
788
  {
721
- "name": "required",
722
- "type": "any",
723
- "attribute": "required",
724
- "description": "Property: required"
789
+ "name": "trailingSupportingText",
790
+ "type": "string",
791
+ "attribute": "trailing-supporting-text",
792
+ "description": "",
793
+ "default": "''",
794
+ "required": false
725
795
  },
726
796
  {
727
- "name": "name",
728
- "type": "any",
729
- "attribute": "name",
730
- "description": "Property: name"
797
+ "name": "href",
798
+ "type": "string",
799
+ "attribute": "href",
800
+ "description": "",
801
+ "default": "''",
802
+ "required": false
731
803
  },
732
804
  {
733
- "name": "value",
734
- "type": "any",
735
- "attribute": "value",
736
- "description": "Property: value"
805
+ "name": "target",
806
+ "type": "string",
807
+ "attribute": "target",
808
+ "description": "",
809
+ "default": "''",
810
+ "required": false
737
811
  },
738
812
  {
739
813
  "name": "disabled",
740
- "type": "any",
814
+ "type": "boolean",
741
815
  "attribute": "disabled",
742
- "description": "Property: disabled"
743
- },
744
- {
745
- "name": "required",
746
- "type": "any",
747
- "attribute": "required",
748
- "description": "Property: required"
749
- },
750
- {
751
- "name": "ariaLabel",
752
- "type": "any",
753
- "attribute": "arialabel",
754
- "description": "Property: ariaLabel"
755
- },
756
- {
757
- "name": "ariaLabelledby",
758
- "type": "any",
759
- "attribute": "arialabelledby",
760
- "description": "Property: ariaLabelledby"
761
- }
762
- ],
763
- "events": [],
764
- "slots": [],
765
- "examples": {
766
- "basic": "<src\\components\\pd-radio></src\\components\\pd-radio>",
767
- "html": "<src\\components\\pd-radio class=\"example\"></src\\components\\pd-radio>",
768
- "react": "<Src\\components\\radio />",
769
- "lit": "html`<src\\components\\pd-radio></src\\components\\pd-radio>`"
770
- }
771
- },
772
- "src\\components\\pd-progress": {
773
- "name": "src\\components\\pd-progress",
774
- "tagName": "src\\components\\progress",
775
- "description": "Component description not available",
776
- "properties": [
777
- {
778
- "name": "type",
779
- "type": "'linear' | 'circular'",
780
- "attribute": "type",
781
- "description": "Property: type"
782
- },
783
- {
784
- "name": "value",
785
- "type": "any",
786
- "attribute": "value",
787
- "description": "Property: value"
816
+ "description": "",
817
+ "default": "false",
818
+ "required": false
788
819
  },
789
820
  {
790
- "name": "max",
791
- "type": "any",
792
- "attribute": "max",
793
- "description": "Property: max"
821
+ "name": "icon",
822
+ "type": "string",
823
+ "attribute": "icon",
824
+ "description": "",
825
+ "default": "''",
826
+ "required": false
794
827
  },
795
828
  {
796
- "name": "buffer",
797
- "type": "any",
798
- "attribute": "buffer",
799
- "description": "Property: buffer"
829
+ "name": "trailingIcon",
830
+ "type": "string",
831
+ "attribute": "trailing-icon",
832
+ "description": "",
833
+ "default": "''",
834
+ "required": false
800
835
  },
801
836
  {
802
- "name": "indeterminate",
803
- "type": "any",
804
- "attribute": "indeterminate",
805
- "description": "Property: indeterminate"
837
+ "name": "avatar",
838
+ "type": "string",
839
+ "attribute": "avatar",
840
+ "description": "",
841
+ "default": "''",
842
+ "required": false
806
843
  },
807
844
  {
808
- "name": "visible",
809
- "type": "any",
810
- "attribute": "visible",
811
- "description": "Property: visible"
845
+ "name": "image",
846
+ "type": "string",
847
+ "attribute": "image",
848
+ "description": "",
849
+ "default": "''",
850
+ "required": false
812
851
  },
813
852
  {
814
- "name": "size",
815
- "type": "'small' | 'medium' | 'large'",
816
- "attribute": "size",
817
- "description": "Property: size"
818
- },
853
+ "name": "tabindex",
854
+ "type": "number | undefined",
855
+ "attribute": "tabindex",
856
+ "description": "",
857
+ "default": null,
858
+ "required": false
859
+ }
860
+ ],
861
+ "events": [
819
862
  {
820
- "name": "ariaLabel",
821
- "type": "any",
822
- "attribute": "arialabel",
823
- "description": "Property: ariaLabel"
863
+ "name": "list-item-click",
864
+ "type": "CustomEvent",
865
+ "description": ""
824
866
  }
825
867
  ],
826
- "events": [],
827
868
  "slots": [],
828
- "examples": {
829
- "basic": "<src\\components\\pd-progress></src\\components\\pd-progress>",
830
- "html": "<src\\components\\pd-progress class=\"example\"></src\\components\\pd-progress>",
831
- "react": "<Src\\components\\progress />",
832
- "lit": "html`<src\\components\\pd-progress></src\\components\\pd-progress>`"
833
- }
869
+ "cssProperties": []
834
870
  },
835
- "src\\components\\pd-menu": {
836
- "name": "src\\components\\pd-menu",
837
- "tagName": "src\\components\\menu",
838
- "description": "Component description not available",
871
+ "pd-menu": {
872
+ "tagName": "pd-menu",
873
+ "className": "PdMenu",
874
+ "description": "A thin wrapper around the Material Web Menu component.",
839
875
  "properties": [
840
876
  {
841
877
  "name": "anchor",
842
- "type": "any",
878
+ "type": "string",
843
879
  "attribute": "anchor",
844
- "description": "Property: anchor"
880
+ "description": "The ID of the element to anchor the menu to.\nThe element must be in the same root node as the menu.",
881
+ "default": "''",
882
+ "required": false
845
883
  },
846
884
  {
847
885
  "name": "anchorElement",
848
- "type": "any",
849
- "attribute": "anchorelement",
850
- "description": "Property: anchorElement"
886
+ "type": "HTMLElement | undefined",
887
+ "attribute": null,
888
+ "description": "Reference to the element to anchor the menu to.\nOverrides `anchor`.",
889
+ "default": null,
890
+ "required": false
851
891
  },
852
892
  {
853
893
  "name": "open",
854
- "type": "any",
894
+ "type": "boolean",
855
895
  "attribute": "open",
856
- "description": "Property: open"
896
+ "description": "Controls whether the menu is open or closed.",
897
+ "default": "false",
898
+ "required": false
857
899
  },
858
900
  {
859
901
  "name": "positioning",
860
902
  "type": "'absolute' | 'fixed' | 'document' | 'popover'",
861
903
  "attribute": "positioning",
862
- "description": "Property: positioning"
904
+ "description": "The positioning strategy for the menu.",
905
+ "default": "'popover'",
906
+ "required": false
863
907
  },
864
908
  {
865
909
  "name": "anchorCorner",
866
910
  "type": "'end-start' | 'end-end' | 'start-start' | 'start-end'",
867
- "attribute": "anchorcorner",
868
- "description": "Property: anchorCorner"
911
+ "attribute": "anchor-corner",
912
+ "description": "Corner of the anchor to align the menu to.",
913
+ "default": "'start-start'",
914
+ "required": false
869
915
  },
870
916
  {
871
917
  "name": "menuCorner",
872
918
  "type": "'end-start' | 'end-end' | 'start-start' | 'start-end'",
873
- "attribute": "menucorner",
874
- "description": "Property: menuCorner"
919
+ "attribute": "menu-corner",
920
+ "description": "Corner of the menu to align with the anchor corner.",
921
+ "default": "'start-start'",
922
+ "required": false
875
923
  },
876
924
  {
877
925
  "name": "quick",
878
- "type": "any",
926
+ "type": "boolean",
879
927
  "attribute": "quick",
880
- "description": "Property: quick"
928
+ "description": "Skips the opening and closing animations.",
929
+ "default": "false",
930
+ "required": false
881
931
  },
882
932
  {
883
933
  "name": "hasOverflow",
884
- "type": "any",
885
- "attribute": "hasoverflow",
886
- "description": "Property: hasOverflow"
934
+ "type": "boolean",
935
+ "attribute": "has-overflow",
936
+ "description": "Whether the menu has an overflow submenu.",
937
+ "default": "false",
938
+ "required": false
887
939
  },
888
940
  {
889
941
  "name": "xOffset",
890
- "type": "any",
891
- "attribute": "xoffset",
892
- "description": "Property: xOffset"
942
+ "type": "number",
943
+ "attribute": "x-offset",
944
+ "description": "Horizontal offset of the menu from the anchor.",
945
+ "default": "0",
946
+ "required": false
893
947
  },
894
948
  {
895
949
  "name": "yOffset",
896
- "type": "any",
897
- "attribute": "yoffset",
898
- "description": "Property: yOffset"
950
+ "type": "number",
951
+ "attribute": "y-offset",
952
+ "description": "Vertical offset of the menu from the anchor.",
953
+ "default": "0",
954
+ "required": false
899
955
  },
900
956
  {
901
957
  "name": "defaultFocus",
902
958
  "type": "'none' | 'list-root' | 'first-item' | 'last-item'",
903
- "attribute": "defaultfocus",
904
- "description": "Property: defaultFocus"
959
+ "attribute": "default-focus",
960
+ "description": "Determines the default focus state of the menu.",
961
+ "default": "'list-root'",
962
+ "required": false
905
963
  },
906
964
  {
907
965
  "name": "stayOpenOnFocusout",
908
- "type": "any",
909
- "attribute": "stayopenonfocusout",
910
- "description": "Property: stayOpenOnFocusout"
966
+ "type": "boolean",
967
+ "attribute": "stay-open-on-focusout",
968
+ "description": "Whether the menu should remain open when focus leaves the menu.",
969
+ "default": "false",
970
+ "required": false
911
971
  },
912
972
  {
913
973
  "name": "stayOpenOnOutsideClick",
914
- "type": "any",
915
- "attribute": "stayopenonoutsideclick",
916
- "description": "Property: stayOpenOnOutsideClick"
974
+ "type": "boolean",
975
+ "attribute": "stay-open-on-outside-click",
976
+ "description": "Whether the menu should remain open when clicking outside the menu.",
977
+ "default": "false",
978
+ "required": false
917
979
  },
918
980
  {
919
981
  "name": "skipRestoreFocus",
920
- "type": "any",
921
- "attribute": "skiprestorefocus",
922
- "description": "Property: skipRestoreFocus"
982
+ "type": "boolean",
983
+ "attribute": "skip-restore-focus",
984
+ "description": "Whether to skip restoring focus to the anchor when the menu closes.",
985
+ "default": "false",
986
+ "required": false
923
987
  }
924
988
  ],
925
989
  "events": [],
926
990
  "slots": [
927
991
  {
928
- "name": "default",
992
+ "name": "",
929
993
  "description": "Default slot for `pd-menu-item` elements."
930
994
  }
931
995
  ],
932
- "examples": {
933
- "basic": "<src\\components\\pd-menu></src\\components\\pd-menu>",
934
- "html": "<src\\components\\pd-menu class=\"example\"></src\\components\\pd-menu>",
935
- "react": "<Src\\components\\menu />",
936
- "lit": "html`<src\\components\\pd-menu></src\\components\\pd-menu>`"
937
- }
996
+ "cssProperties": [
997
+ {
998
+ "name": "--pd-menu-container-shape",
999
+ "description": "The shape of the menu container."
1000
+ },
1001
+ {
1002
+ "name": "--pd-menu-container-color",
1003
+ "description": "The background color of the menu."
1004
+ },
1005
+ {
1006
+ "name": "--pd-menu-container-elevation",
1007
+ "description": "The box-shadow for the menu container."
1008
+ }
1009
+ ]
938
1010
  },
939
- "src\\components\\pd-menu-item": {
940
- "name": "src\\components\\pd-menu-item",
941
- "tagName": "src\\components\\menu-item",
942
- "description": "Component description not available",
1011
+ "pd-menu-item": {
1012
+ "tagName": "pd-menu-item",
1013
+ "className": "PdMenuItemM",
1014
+ "description": "A menu item component for use within pd-menu.",
943
1015
  "properties": [
944
1016
  {
945
1017
  "name": "disabled",
946
- "type": "any",
1018
+ "type": "boolean",
947
1019
  "attribute": "disabled",
948
- "description": "Property: disabled"
1020
+ "description": "Whether the menu item is disabled",
1021
+ "default": "false",
1022
+ "required": false
949
1023
  },
950
1024
  {
951
1025
  "name": "type",
952
1026
  "type": "'menuitem' | 'option' | 'button'",
953
1027
  "attribute": "type",
954
- "description": "Property: type"
1028
+ "description": "The type of menu item",
1029
+ "default": "'menuitem'",
1030
+ "required": false
955
1031
  },
956
1032
  {
957
1033
  "name": "href",
958
- "type": "any",
1034
+ "type": "string",
959
1035
  "attribute": "href",
960
- "description": "Property: href"
1036
+ "description": "The href for link-type menu items",
1037
+ "default": "''",
1038
+ "required": false
961
1039
  },
962
1040
  {
963
1041
  "name": "target",
964
- "type": "any",
1042
+ "type": "string",
965
1043
  "attribute": "target",
966
- "description": "Property: target"
1044
+ "description": "The target for link-type menu items",
1045
+ "default": "''",
1046
+ "required": false
967
1047
  },
968
1048
  {
969
1049
  "name": "keepOpen",
970
- "type": "any",
971
- "attribute": "keepopen",
972
- "description": "Property: keepOpen"
1050
+ "type": "boolean",
1051
+ "attribute": "keep-open",
1052
+ "description": "Whether to keep the menu open after selection",
1053
+ "default": "false",
1054
+ "required": false
973
1055
  },
974
1056
  {
975
1057
  "name": "selected",
976
- "type": "any",
1058
+ "type": "boolean",
977
1059
  "attribute": "selected",
978
- "description": "Property: selected"
1060
+ "description": "Whether the menu item is selected (for option type)",
1061
+ "default": "false",
1062
+ "required": false
979
1063
  },
980
1064
  {
981
1065
  "name": "leadingIcon",
982
- "type": "any",
983
- "attribute": "leadingicon",
984
- "description": "Property: leadingIcon"
1066
+ "type": "string",
1067
+ "attribute": "leading-icon",
1068
+ "description": "Leading icon name",
1069
+ "default": "''",
1070
+ "required": false
985
1071
  },
986
1072
  {
987
1073
  "name": "trailingIcon",
988
- "type": "any",
989
- "attribute": "trailingicon",
990
- "description": "Property: trailingIcon"
1074
+ "type": "string",
1075
+ "attribute": "trailing-icon",
1076
+ "description": "Trailing icon name",
1077
+ "default": "''",
1078
+ "required": false
991
1079
  },
992
1080
  {
993
1081
  "name": "text",
994
- "type": "any",
1082
+ "type": "string",
995
1083
  "attribute": "text",
996
- "description": "Property: text"
1084
+ "description": "Text content for simple menu items",
1085
+ "default": "''",
1086
+ "required": false
997
1087
  },
998
1088
  {
999
1089
  "name": "supportingText",
1000
- "type": "any",
1001
- "attribute": "supportingtext",
1002
- "description": "Property: supportingText"
1090
+ "type": "string",
1091
+ "attribute": "supporting-text",
1092
+ "description": "Supporting text (subtitle)",
1093
+ "default": "''",
1094
+ "required": false
1003
1095
  }
1004
1096
  ],
1005
1097
  "events": [
1006
1098
  {
1007
- "name": "close",
1008
- "description": "menu - Fired when the menu should be closed (usually on selection)"
1099
+ "name": "close-menu",
1100
+ "type": "CustomEvent",
1101
+ "description": "Fired when the menu should be closed (usually on selection)"
1102
+ },
1103
+ {
1104
+ "name": "menu-item-selected",
1105
+ "type": "CustomEvent",
1106
+ "description": ""
1009
1107
  }
1010
1108
  ],
1011
1109
  "slots": [
1012
1110
  {
1013
- "name": "default",
1111
+ "name": "",
1014
1112
  "description": "The main content of the menu item"
1015
1113
  },
1016
1114
  {
@@ -1022,670 +1120,1199 @@
1022
1120
  "description": "Content at the end of the menu item (e.g., shortcut text)"
1023
1121
  }
1024
1122
  ],
1025
- "examples": {
1026
- "basic": "<src\\components\\pd-menu-item></src\\components\\pd-menu-item>",
1027
- "html": "<src\\components\\pd-menu-item class=\"example\"></src\\components\\pd-menu-item>",
1028
- "react": "<Src\\components\\menuItem />",
1029
- "lit": "html`<src\\components\\pd-menu-item></src\\components\\pd-menu-item>`"
1030
- }
1123
+ "cssProperties": []
1031
1124
  },
1032
- "src\\components\\pd-list": {
1033
- "name": "src\\components\\pd-list",
1034
- "tagName": "src\\components\\list",
1035
- "description": "Component description not available",
1125
+ "pd-progress": {
1126
+ "tagName": "pd-progress",
1127
+ "className": "PdProgress",
1128
+ "description": "A thin wrapper around the Material Web Progress components.",
1036
1129
  "properties": [
1037
- {
1038
- "name": "role",
1039
- "type": "any",
1040
- "attribute": "role",
1041
- "description": "Property: role"
1042
- },
1043
- {
1044
- "name": "tabindex",
1045
- "type": "any",
1046
- "attribute": "tabindex",
1047
- "description": "Property: tabindex"
1048
- },
1049
1130
  {
1050
1131
  "name": "type",
1051
- "type": "'text' | 'link' | 'button'",
1132
+ "type": "'linear' | 'circular'",
1052
1133
  "attribute": "type",
1053
- "description": "Property: type"
1134
+ "description": "The type of progress indicator.",
1135
+ "default": "'linear'",
1136
+ "required": false
1054
1137
  },
1055
1138
  {
1056
- "name": "headline",
1057
- "type": "any",
1058
- "attribute": "headline",
1059
- "description": "Property: headline"
1139
+ "name": "value",
1140
+ "type": "number | undefined",
1141
+ "attribute": "value",
1142
+ "description": "The progress value (0-1). When undefined, shows indeterminate progress.",
1143
+ "default": null,
1144
+ "required": false
1060
1145
  },
1061
1146
  {
1062
- "name": "supportingText",
1063
- "type": "any",
1064
- "attribute": "supportingtext",
1065
- "description": "Property: supportingText"
1147
+ "name": "max",
1148
+ "type": "number",
1149
+ "attribute": "max",
1150
+ "description": "The maximum value for the progress (used for buffer).",
1151
+ "default": "1",
1152
+ "required": false
1066
1153
  },
1067
1154
  {
1068
- "name": "trailingSupportingText",
1069
- "type": "any",
1070
- "attribute": "trailingsupportingtext",
1071
- "description": "Property: trailingSupportingText"
1155
+ "name": "buffer",
1156
+ "type": "number | undefined",
1157
+ "attribute": "buffer",
1158
+ "description": "The buffer value (0-max) for linear progress showing buffered content.",
1159
+ "default": null,
1160
+ "required": false
1072
1161
  },
1073
1162
  {
1074
- "name": "href",
1075
- "type": "any",
1076
- "attribute": "href",
1077
- "description": "Property: href"
1163
+ "name": "indeterminate",
1164
+ "type": "boolean",
1165
+ "attribute": "indeterminate",
1166
+ "description": "Whether the progress indicator should be indeterminate.",
1167
+ "default": "false",
1168
+ "required": false
1078
1169
  },
1079
1170
  {
1080
- "name": "target",
1081
- "type": "any",
1082
- "attribute": "target",
1083
- "description": "Property: target"
1171
+ "name": "visible",
1172
+ "type": "boolean",
1173
+ "attribute": "visible",
1174
+ "description": "Whether the progress indicator is visible.",
1175
+ "default": "true",
1176
+ "required": false
1177
+ },
1178
+ {
1179
+ "name": "size",
1180
+ "type": "'small' | 'medium' | 'large'",
1181
+ "attribute": "size",
1182
+ "description": "Size variant for circular progress.",
1183
+ "default": "'medium'",
1184
+ "required": false
1185
+ },
1186
+ {
1187
+ "name": "ariaLabel",
1188
+ "type": "string",
1189
+ "attribute": "aria-label",
1190
+ "description": "The aria label for accessibility.",
1191
+ "default": "''",
1192
+ "required": false
1193
+ }
1194
+ ],
1195
+ "events": [],
1196
+ "slots": [],
1197
+ "cssProperties": [
1198
+ {
1199
+ "name": "--pd-progress-active-indicator-color",
1200
+ "description": "The color of the active progress indicator."
1201
+ },
1202
+ {
1203
+ "name": "--pd-progress-track-color",
1204
+ "description": "The color of the progress track."
1205
+ }
1206
+ ]
1207
+ },
1208
+ "pd-radio": {
1209
+ "tagName": "pd-radio",
1210
+ "className": "PdRadio",
1211
+ "description": "A thin wrapper around the Material Web Radio component.",
1212
+ "properties": [
1213
+ {
1214
+ "name": "checked",
1215
+ "type": "boolean",
1216
+ "attribute": "checked",
1217
+ "description": "Whether the radio is checked.",
1218
+ "default": "false",
1219
+ "required": false
1084
1220
  },
1085
1221
  {
1086
1222
  "name": "disabled",
1087
- "type": "any",
1223
+ "type": "boolean",
1088
1224
  "attribute": "disabled",
1089
- "description": "Property: disabled"
1225
+ "description": "Whether the radio is disabled.",
1226
+ "default": "false",
1227
+ "required": false
1090
1228
  },
1091
1229
  {
1092
- "name": "icon",
1093
- "type": "any",
1094
- "attribute": "icon",
1095
- "description": "Property: icon"
1230
+ "name": "name",
1231
+ "type": "string",
1232
+ "attribute": "name",
1233
+ "description": "The name attribute for form grouping.",
1234
+ "default": "''",
1235
+ "required": false
1096
1236
  },
1097
1237
  {
1098
- "name": "trailingIcon",
1099
- "type": "any",
1100
- "attribute": "trailingicon",
1101
- "description": "Property: trailingIcon"
1238
+ "name": "value",
1239
+ "type": "string",
1240
+ "attribute": "value",
1241
+ "description": "The value attribute for form submission.",
1242
+ "default": "''",
1243
+ "required": false
1102
1244
  },
1103
1245
  {
1104
- "name": "avatar",
1105
- "type": "any",
1106
- "attribute": "avatar",
1107
- "description": "Property: avatar"
1246
+ "name": "ariaLabel",
1247
+ "type": "string",
1248
+ "attribute": "aria-label",
1249
+ "description": "The aria label for accessibility.",
1250
+ "default": "''",
1251
+ "required": false
1108
1252
  },
1109
1253
  {
1110
- "name": "image",
1111
- "type": "any",
1112
- "attribute": "image",
1113
- "description": "Property: image"
1254
+ "name": "ariaDescribedby",
1255
+ "type": "string",
1256
+ "attribute": "aria-describedby",
1257
+ "description": "The aria-describedby attribute for accessibility.",
1258
+ "default": "''",
1259
+ "required": false
1114
1260
  },
1115
1261
  {
1116
- "name": "tabindex",
1117
- "type": "any",
1118
- "attribute": "tabindex",
1119
- "description": "Property: tabindex"
1120
- },
1262
+ "name": "required",
1263
+ "type": "boolean",
1264
+ "attribute": "required",
1265
+ "description": "Whether the radio is required in a form.",
1266
+ "default": "false",
1267
+ "required": false
1268
+ }
1269
+ ],
1270
+ "events": [
1121
1271
  {
1122
- "name": "inset",
1123
- "type": "any",
1124
- "attribute": "inset",
1125
- "description": "Property: inset"
1272
+ "name": "change",
1273
+ "type": "CustomEvent",
1274
+ "description": ""
1126
1275
  },
1127
1276
  {
1128
- "name": "role",
1129
- "type": "any",
1130
- "attribute": "role",
1131
- "description": "Property: role"
1277
+ "name": "input",
1278
+ "type": "CustomEvent",
1279
+ "description": ""
1132
1280
  }
1133
1281
  ],
1134
- "events": [],
1135
1282
  "slots": [],
1136
- "examples": {
1137
- "basic": "<src\\components\\pd-list></src\\components\\pd-list>",
1138
- "html": "<src\\components\\pd-list class=\"example\"></src\\components\\pd-list>",
1139
- "react": "<Src\\components\\list />",
1140
- "lit": "html`<src\\components\\pd-list></src\\components\\pd-list>`"
1141
- }
1283
+ "cssProperties": [
1284
+ {
1285
+ "name": "--pd-radio-selected-icon-color",
1286
+ "description": "The color of the selected radio icon."
1287
+ },
1288
+ {
1289
+ "name": "--pd-radio-unselected-icon-color",
1290
+ "description": "The color of the unselected radio icon."
1291
+ },
1292
+ {
1293
+ "name": "--pd-radio-icon-size",
1294
+ "description": "The size of the radio icon."
1295
+ }
1296
+ ]
1142
1297
  },
1143
- "src\\components\\pd-icon": {
1144
- "name": "src\\components\\pd-icon",
1145
- "tagName": "src\\components\\icon",
1146
- "description": "Component description not available",
1298
+ "pd-radio-group": {
1299
+ "tagName": "pd-radio-group",
1300
+ "className": "PdRadioGroup",
1301
+ "description": "A container for grouping pd-radio elements.",
1147
1302
  "properties": [
1148
1303
  {
1149
1304
  "name": "name",
1150
- "type": "any",
1305
+ "type": "string",
1151
1306
  "attribute": "name",
1152
- "description": "Property: name"
1307
+ "description": "The name for all radio buttons in this group.",
1308
+ "default": "''",
1309
+ "required": false
1153
1310
  },
1154
1311
  {
1155
- "name": "size",
1156
- "type": "'small' | 'medium' | 'large'",
1157
- "attribute": "size",
1158
- "description": "Property: size"
1312
+ "name": "value",
1313
+ "type": "string",
1314
+ "attribute": "value",
1315
+ "description": "The currently selected value.",
1316
+ "default": "''",
1317
+ "required": false
1159
1318
  },
1160
1319
  {
1161
- "name": "variant",
1162
- "type": "'filled' | 'outlined' | 'round' | 'sharp' | 'two-tone'",
1163
- "attribute": "variant",
1164
- "description": "Property: variant"
1320
+ "name": "disabled",
1321
+ "type": "boolean",
1322
+ "attribute": "disabled",
1323
+ "description": "Whether the radio group is disabled.",
1324
+ "default": "false",
1325
+ "required": false
1326
+ },
1327
+ {
1328
+ "name": "required",
1329
+ "type": "boolean",
1330
+ "attribute": "required",
1331
+ "description": "Whether the radio group is required.",
1332
+ "default": "false",
1333
+ "required": false
1334
+ },
1335
+ {
1336
+ "name": "ariaLabel",
1337
+ "type": "string",
1338
+ "attribute": "aria-label",
1339
+ "description": "The aria-label for the radio group.",
1340
+ "default": "''",
1341
+ "required": false
1342
+ },
1343
+ {
1344
+ "name": "ariaLabelledby",
1345
+ "type": "string",
1346
+ "attribute": "aria-labelledby",
1347
+ "description": "The aria-labelledby for the radio group.",
1348
+ "default": "''",
1349
+ "required": false
1350
+ }
1351
+ ],
1352
+ "events": [
1353
+ {
1354
+ "name": "change",
1355
+ "type": "CustomEvent",
1356
+ "description": ""
1165
1357
  }
1166
1358
  ],
1167
- "events": [],
1168
1359
  "slots": [],
1169
- "examples": {
1170
- "basic": "<src\\components\\pd-icon></src\\components\\pd-icon>",
1171
- "html": "<src\\components\\pd-icon class=\"example\"></src\\components\\pd-icon>",
1172
- "react": "<Src\\components\\icon />",
1173
- "lit": "html`<src\\components\\pd-icon></src\\components\\pd-icon>`"
1174
- }
1360
+ "cssProperties": []
1175
1361
  },
1176
- "src\\components\\pd-icon-button": {
1177
- "name": "src\\components\\pd-icon-button",
1178
- "tagName": "src\\components\\icon-button",
1179
- "description": "Component description not available",
1362
+ "pd-segment-item": {
1363
+ "tagName": "pd-segment-item",
1364
+ "className": "PdSegmentItem",
1365
+ "description": "An individual segment item for use within pd-segmented-button.",
1180
1366
  "properties": [
1181
1367
  {
1182
- "name": "variant",
1183
- "type": "'standard' | 'filled' | 'tonal' | 'outlined'",
1184
- "attribute": "variant",
1185
- "description": "Property: variant"
1186
- },
1187
- {
1188
- "name": "icon",
1189
- "type": "any",
1190
- "attribute": "icon",
1191
- "description": "Property: icon"
1368
+ "name": "value",
1369
+ "type": "string",
1370
+ "attribute": "value",
1371
+ "description": "The value associated with this segment.",
1372
+ "default": "''",
1373
+ "required": false
1192
1374
  },
1193
1375
  {
1194
- "name": "selectedIcon",
1195
- "type": "any",
1196
- "attribute": "selectedicon",
1197
- "description": "Property: selectedIcon"
1376
+ "name": "selected",
1377
+ "type": "boolean",
1378
+ "attribute": "selected",
1379
+ "description": "Whether this segment is selected.",
1380
+ "default": "false",
1381
+ "required": false
1198
1382
  },
1199
1383
  {
1200
1384
  "name": "disabled",
1201
- "type": "any",
1385
+ "type": "boolean",
1202
1386
  "attribute": "disabled",
1203
- "description": "Property: disabled"
1387
+ "description": "Whether this segment is disabled.",
1388
+ "default": "false",
1389
+ "required": false
1204
1390
  },
1205
1391
  {
1206
- "name": "toggle",
1207
- "type": "any",
1208
- "attribute": "toggle",
1209
- "description": "Property: toggle"
1392
+ "name": "icon",
1393
+ "type": "string",
1394
+ "attribute": "icon",
1395
+ "description": "The icon to display in the segment.",
1396
+ "default": "''",
1397
+ "required": false
1210
1398
  },
1211
1399
  {
1212
- "name": "selected",
1213
- "type": "any",
1214
- "attribute": "selected",
1215
- "description": "Property: selected"
1400
+ "name": "iconOnly",
1401
+ "type": "boolean",
1402
+ "attribute": "icon-only",
1403
+ "description": "Whether to show only the icon (no text).",
1404
+ "default": "false",
1405
+ "required": false
1406
+ }
1407
+ ],
1408
+ "events": [
1409
+ {
1410
+ "name": "segment-click",
1411
+ "type": "CustomEvent",
1412
+ "description": ""
1413
+ }
1414
+ ],
1415
+ "slots": [
1416
+ {
1417
+ "name": "",
1418
+ "description": "The default slot for the segment's content."
1216
1419
  },
1217
1420
  {
1218
- "name": "href",
1219
- "type": "any",
1220
- "attribute": "href",
1221
- "description": "Property: href"
1421
+ "name": "icon",
1422
+ "description": "The slot for an icon."
1423
+ }
1424
+ ],
1425
+ "cssProperties": []
1426
+ },
1427
+ "pd-segmented-button": {
1428
+ "tagName": "pd-segmented-button",
1429
+ "className": "PdSegmentedButton",
1430
+ "description": "A segmented button component that allows users to select from multiple options.",
1431
+ "properties": [
1432
+ {
1433
+ "name": "multiSelect",
1434
+ "type": "boolean",
1435
+ "attribute": "multi-select",
1436
+ "description": "Whether multiple segments can be selected simultaneously.",
1437
+ "default": "false",
1438
+ "required": false
1222
1439
  },
1223
1440
  {
1224
- "name": "target",
1225
- "type": "any",
1226
- "attribute": "target",
1227
- "description": "Property: target"
1441
+ "name": "size",
1442
+ "type": "'small' | 'medium' | 'large'",
1443
+ "attribute": "size",
1444
+ "description": "The size of the segmented button.",
1445
+ "default": "'medium'",
1446
+ "required": false
1228
1447
  },
1229
1448
  {
1230
- "name": "ariaLabel",
1231
- "type": "any",
1232
- "attribute": "arialabel",
1233
- "description": "Property: ariaLabel"
1449
+ "name": "disabled",
1450
+ "type": "boolean",
1451
+ "attribute": "disabled",
1452
+ "description": "Whether the segmented button is disabled.",
1453
+ "default": "false",
1454
+ "required": false
1234
1455
  },
1235
1456
  {
1236
- "name": "ariaLabelSelected",
1237
- "type": "any",
1238
- "attribute": "arialabelselected",
1239
- "description": "Property: ariaLabelSelected"
1457
+ "name": "selectedValues",
1458
+ "type": "string[]",
1459
+ "attribute": "selectedValues",
1460
+ "description": "Array of selected segment values.",
1461
+ "default": "[]",
1462
+ "required": false
1240
1463
  }
1241
1464
  ],
1242
- "events": [],
1243
- "slots": [],
1244
- "examples": {
1245
- "basic": "<src\\components\\pd-icon-button></src\\components\\pd-icon-button>",
1246
- "html": "<src\\components\\pd-icon-button class=\"example\"></src\\components\\pd-icon-button>",
1247
- "react": "<Src\\components\\iconButton />",
1248
- "lit": "html`<src\\components\\pd-icon-button></src\\components\\pd-icon-button>`"
1249
- }
1465
+ "events": [
1466
+ {
1467
+ "name": "selectionchange",
1468
+ "type": "CustomEvent",
1469
+ "description": "Fired when the selection changes."
1470
+ }
1471
+ ],
1472
+ "slots": [
1473
+ {
1474
+ "name": "",
1475
+ "description": "The default slot for pd-segment-item elements."
1476
+ }
1477
+ ],
1478
+ "cssProperties": [
1479
+ {
1480
+ "name": "--md-segmented-button-container-height",
1481
+ "description": "Override the default container height."
1482
+ },
1483
+ {
1484
+ "name": "--md-segmented-button-shape",
1485
+ "description": "Override the default border radius."
1486
+ }
1487
+ ]
1250
1488
  },
1251
- "src\\components\\pd-fab": {
1252
- "name": "src\\components\\pd-fab",
1253
- "tagName": "src\\components\\fab",
1254
- "description": "Component description not available",
1489
+ "pd-segmented-stepper": {
1490
+ "tagName": "pd-segmented-stepper",
1491
+ "className": "PdSegmentedStepper",
1492
+ "description": "A segmented button variant that functions as a stepper with completion tracking.",
1255
1493
  "properties": [
1256
1494
  {
1257
- "name": "variant",
1258
- "type": "'surface' | 'primary' | 'secondary' | 'tertiary' | 'branded'",
1259
- "attribute": "variant",
1260
- "description": "Property: variant"
1495
+ "name": "activeStep",
1496
+ "type": "number",
1497
+ "attribute": "active-step",
1498
+ "description": "The currently active step index (0-based).",
1499
+ "default": "0",
1500
+ "required": false
1501
+ },
1502
+ {
1503
+ "name": "completedSteps",
1504
+ "type": "number[]",
1505
+ "attribute": "completed-steps",
1506
+ "description": "Array of completed step indices.",
1507
+ "default": "[]",
1508
+ "required": false
1261
1509
  },
1262
1510
  {
1263
1511
  "name": "size",
1264
1512
  "type": "'small' | 'medium' | 'large'",
1265
1513
  "attribute": "size",
1266
- "description": "Property: size"
1514
+ "description": "The size of the stepper.",
1515
+ "default": "'medium'",
1516
+ "required": false
1267
1517
  },
1268
1518
  {
1269
- "name": "icon",
1270
- "type": "any",
1271
- "attribute": "icon",
1272
- "description": "Property: icon"
1519
+ "name": "disabled",
1520
+ "type": "boolean",
1521
+ "attribute": "disabled",
1522
+ "description": "Whether the stepper is disabled.",
1523
+ "default": "false",
1524
+ "required": false
1525
+ },
1526
+ {
1527
+ "name": "allowStepNavigation",
1528
+ "type": "boolean",
1529
+ "attribute": "allow-step-navigation",
1530
+ "description": "Whether users can click on completed steps to go back.",
1531
+ "default": "true",
1532
+ "required": false
1533
+ },
1534
+ {
1535
+ "name": "linear",
1536
+ "type": "boolean",
1537
+ "attribute": "linear",
1538
+ "description": "Whether the stepper is linear (steps must be completed in order).",
1539
+ "default": "true",
1540
+ "required": false
1541
+ }
1542
+ ],
1543
+ "events": [
1544
+ {
1545
+ "name": "step-change",
1546
+ "type": "CustomEvent",
1547
+ "description": "Fired when the active step changes. Detail: `{ currentStep, previousStep, totalSteps }`."
1548
+ },
1549
+ {
1550
+ "name": "step-complete",
1551
+ "type": "CustomEvent",
1552
+ "description": "Fired when a step is marked as completed. Detail: `{ completedStep, completedSteps, totalSteps }`."
1553
+ }
1554
+ ],
1555
+ "slots": [
1556
+ {
1557
+ "name": "",
1558
+ "description": "The default slot for pd-stepper-item elements."
1559
+ }
1560
+ ],
1561
+ "cssProperties": []
1562
+ },
1563
+ "pd-select": {
1564
+ "tagName": "pd-select",
1565
+ "className": "PdSelect",
1566
+ "description": "A thin wrapper around the Material Web Select component.",
1567
+ "properties": [
1568
+ {
1569
+ "name": "variant",
1570
+ "type": "'filled' | 'outlined'",
1571
+ "attribute": "variant",
1572
+ "description": "The variant of the select field.",
1573
+ "default": "'outlined'",
1574
+ "required": false
1273
1575
  },
1274
1576
  {
1275
1577
  "name": "label",
1276
- "type": "any",
1578
+ "type": "string",
1277
1579
  "attribute": "label",
1278
- "description": "Property: label"
1580
+ "description": "The label for the select field.",
1581
+ "default": "''",
1582
+ "required": false
1279
1583
  },
1280
1584
  {
1281
- "name": "lowered",
1282
- "type": "any",
1283
- "attribute": "lowered",
1284
- "description": "Property: lowered"
1585
+ "name": "value",
1586
+ "type": "string",
1587
+ "attribute": "value",
1588
+ "description": "The selected value.",
1589
+ "default": "''",
1590
+ "required": false
1285
1591
  },
1286
1592
  {
1287
1593
  "name": "disabled",
1288
- "type": "any",
1594
+ "type": "boolean",
1289
1595
  "attribute": "disabled",
1290
- "description": "Property: disabled"
1596
+ "description": "Whether the select is disabled.",
1597
+ "default": "false",
1598
+ "required": false
1291
1599
  },
1292
1600
  {
1293
- "name": "ariaLabel",
1294
- "type": "any",
1295
- "attribute": "arialabel",
1296
- "description": "Property: ariaLabel"
1601
+ "name": "required",
1602
+ "type": "boolean",
1603
+ "attribute": "required",
1604
+ "description": "Whether the select is required.",
1605
+ "default": "false",
1606
+ "required": false
1607
+ },
1608
+ {
1609
+ "name": "errorText",
1610
+ "type": "string",
1611
+ "attribute": "error-text",
1612
+ "description": "The error message to display when `error` is true.",
1613
+ "default": "''",
1614
+ "required": false
1615
+ },
1616
+ {
1617
+ "name": "error",
1618
+ "type": "boolean",
1619
+ "attribute": "error",
1620
+ "description": "Whether the select has an error state.",
1621
+ "default": "false",
1622
+ "required": false
1623
+ },
1624
+ {
1625
+ "name": "supportingText",
1626
+ "type": "string",
1627
+ "attribute": "supporting-text",
1628
+ "description": "The supporting text to display below the select.",
1629
+ "default": "''",
1630
+ "required": false
1631
+ },
1632
+ {
1633
+ "name": "options",
1634
+ "type": "SelectOption[]",
1635
+ "attribute": "options",
1636
+ "description": "An array of options to be rendered.",
1637
+ "default": "[]",
1638
+ "required": false
1639
+ },
1640
+ {
1641
+ "name": "leadingIcon",
1642
+ "type": "string",
1643
+ "attribute": "leading-icon",
1644
+ "description": "The leading icon name.",
1645
+ "default": "''",
1646
+ "required": false
1647
+ }
1648
+ ],
1649
+ "events": [
1650
+ {
1651
+ "name": "change",
1652
+ "type": "CustomEvent",
1653
+ "description": "Fired when the selected value changes."
1297
1654
  }
1298
1655
  ],
1299
- "events": [],
1300
1656
  "slots": [],
1301
- "examples": {
1302
- "basic": "<src\\components\\pd-fab></src\\components\\pd-fab>",
1303
- "html": "<src\\components\\pd-fab class=\"example\"></src\\components\\pd-fab>",
1304
- "react": "<Src\\components\\fab />",
1305
- "lit": "html`<src\\components\\pd-fab></src\\components\\pd-fab>`"
1306
- }
1657
+ "cssProperties": []
1307
1658
  },
1308
- "src\\components\\pd-expandable-card": {
1309
- "name": "src\\components\\pd-expandable-card",
1310
- "tagName": "src\\components\\expandable-card",
1311
- "description": "Component description not available",
1659
+ "pd-slider": {
1660
+ "tagName": "pd-slider",
1661
+ "className": "PdSlider",
1662
+ "description": "A thin wrapper around the Material Web Slider component.",
1312
1663
  "properties": [
1313
1664
  {
1314
- "name": "variant",
1315
- "type": "'elevated' | 'filled' | 'outlined'",
1316
- "attribute": "variant",
1317
- "description": "Property: variant"
1665
+ "name": "disabled",
1666
+ "type": "boolean",
1667
+ "attribute": "disabled",
1668
+ "description": "Whether the slider is disabled.",
1669
+ "default": "false",
1670
+ "required": false
1318
1671
  },
1319
1672
  {
1320
- "name": "expanded",
1321
- "type": "any",
1322
- "attribute": "expanded",
1323
- "description": "Property: expanded"
1673
+ "name": "min",
1674
+ "type": "number",
1675
+ "attribute": "min",
1676
+ "description": "The minimum value of the slider.",
1677
+ "default": "0",
1678
+ "required": false
1324
1679
  },
1325
1680
  {
1326
- "name": "expandIcon",
1327
- "type": "any",
1328
- "attribute": "expandicon",
1329
- "description": "Property: expandIcon"
1681
+ "name": "max",
1682
+ "type": "number",
1683
+ "attribute": "max",
1684
+ "description": "The maximum value of the slider.",
1685
+ "default": "100",
1686
+ "required": false
1330
1687
  },
1331
1688
  {
1332
- "name": "collapseIcon",
1333
- "type": "any",
1334
- "attribute": "collapseicon",
1335
- "description": "Property: collapseIcon"
1689
+ "name": "value",
1690
+ "type": "number",
1691
+ "attribute": "value",
1692
+ "description": "The current value of the slider.",
1693
+ "default": "0",
1694
+ "required": false
1336
1695
  },
1337
1696
  {
1338
- "name": "headerClickable",
1339
- "type": "any",
1340
- "attribute": "headerclickable",
1341
- "description": "Property: headerClickable"
1342
- }
1343
- ],
1344
- "events": [
1697
+ "name": "step",
1698
+ "type": "number",
1699
+ "attribute": "step",
1700
+ "description": "The step increment of the slider.",
1701
+ "default": "1",
1702
+ "required": false
1703
+ },
1345
1704
  {
1346
- "name": "expand",
1347
- "description": "Fired when the card is expanded"
1705
+ "name": "ticks",
1706
+ "type": "boolean",
1707
+ "attribute": "ticks",
1708
+ "description": "Whether the slider should show tick marks.",
1709
+ "default": "false",
1710
+ "required": false
1348
1711
  },
1349
1712
  {
1350
- "name": "collapse",
1351
- "description": "Fired when the card is collapsed"
1713
+ "name": "labeled",
1714
+ "type": "boolean",
1715
+ "attribute": "labeled",
1716
+ "description": "Whether the slider should show labels.",
1717
+ "default": "false",
1718
+ "required": false
1719
+ },
1720
+ {
1721
+ "name": "valueIndicator",
1722
+ "type": "boolean",
1723
+ "attribute": "value-indicator",
1724
+ "description": "Whether the slider should show value indicators on focus/hover.",
1725
+ "default": "false",
1726
+ "required": false
1727
+ },
1728
+ {
1729
+ "name": "valueStart",
1730
+ "type": "number | undefined",
1731
+ "attribute": "value-start",
1732
+ "description": "The start value for a range slider (when provided, creates a range slider).",
1733
+ "default": null,
1734
+ "required": false
1735
+ },
1736
+ {
1737
+ "name": "valueEnd",
1738
+ "type": "number | undefined",
1739
+ "attribute": "value-end",
1740
+ "description": "The end value for a range slider.",
1741
+ "default": null,
1742
+ "required": false
1743
+ },
1744
+ {
1745
+ "name": "ariaLabel",
1746
+ "type": "string",
1747
+ "attribute": "aria-label",
1748
+ "description": "The aria label for the slider.",
1749
+ "default": "''",
1750
+ "required": false
1751
+ },
1752
+ {
1753
+ "name": "ariaLabelStart",
1754
+ "type": "string",
1755
+ "attribute": "aria-label-start",
1756
+ "description": "The aria label for the start handle in range mode.",
1757
+ "default": "''",
1758
+ "required": false
1759
+ },
1760
+ {
1761
+ "name": "ariaLabelEnd",
1762
+ "type": "string",
1763
+ "attribute": "aria-label-end",
1764
+ "description": "The aria label for the end handle in range mode.",
1765
+ "default": "''",
1766
+ "required": false
1352
1767
  }
1353
1768
  ],
1354
- "slots": [
1769
+ "events": [
1355
1770
  {
1356
- "name": "header",
1357
- "description": "The main header content (always visible)"
1771
+ "name": "input",
1772
+ "type": "CustomEvent",
1773
+ "description": ""
1358
1774
  },
1359
1775
  {
1360
- "name": "default",
1361
- "description": "The expandable content (shown when expanded)"
1776
+ "name": "change",
1777
+ "type": "CustomEvent",
1778
+ "description": ""
1362
1779
  }
1363
1780
  ],
1364
- "examples": {
1365
- "basic": "<src\\components\\pd-expandable-card></src\\components\\pd-expandable-card>",
1366
- "html": "<src\\components\\pd-expandable-card class=\"example\"></src\\components\\pd-expandable-card>",
1367
- "react": "<Src\\components\\expandableCard />",
1368
- "lit": "html`<src\\components\\pd-expandable-card></src\\components\\pd-expandable-card>`"
1369
- }
1370
- },
1371
- "src\\components\\pd-dialog": {
1372
- "name": "src\\components\\pd-dialog",
1373
- "tagName": "src\\components\\dialog",
1374
- "description": "Component description not available",
1375
- "properties": [
1781
+ "slots": [],
1782
+ "cssProperties": [
1376
1783
  {
1377
- "name": "open",
1378
- "type": "any",
1379
- "attribute": "open",
1380
- "description": "Property: open"
1784
+ "name": "--pd-slider-handle-color",
1785
+ "description": "The color of the slider handle."
1381
1786
  },
1382
1787
  {
1383
- "name": "size",
1384
- "type": "'small' | 'medium' | 'large' | 'fullscreen'",
1385
- "attribute": "size",
1386
- "description": "Property: size"
1788
+ "name": "--pd-slider-track-color",
1789
+ "description": "The color of the active slider track."
1387
1790
  },
1388
1791
  {
1389
- "name": "variant",
1390
- "type": "'alert' | 'confirm' | 'form' | 'custom'",
1391
- "attribute": "variant",
1392
- "description": "Property: variant"
1792
+ "name": "--pd-slider-track-inactive-color",
1793
+ "description": "The color of the inactive slider track."
1794
+ }
1795
+ ]
1796
+ },
1797
+ "pd-stepper": {
1798
+ "tagName": "pd-stepper",
1799
+ "className": "PdStepper",
1800
+ "description": "A Material Design stepper component that displays progress through a sequence of steps.",
1801
+ "properties": [
1802
+ {
1803
+ "name": "steps",
1804
+ "type": "StepData[]",
1805
+ "attribute": "steps",
1806
+ "description": "The steps data array",
1807
+ "default": "[]",
1808
+ "required": false
1393
1809
  },
1394
1810
  {
1395
- "name": "headline",
1396
- "type": "any",
1397
- "attribute": "headline",
1398
- "description": "Property: headline"
1811
+ "name": "currentStep",
1812
+ "type": "number",
1813
+ "attribute": "currentStep",
1814
+ "description": "The current active step index (0-based)",
1815
+ "default": "0",
1816
+ "required": false
1399
1817
  },
1400
1818
  {
1401
- "name": "primaryAction",
1402
- "type": "any",
1403
- "attribute": "primaryaction",
1404
- "description": "Property: primaryAction"
1819
+ "name": "orientation",
1820
+ "type": "'horizontal' | 'vertical'",
1821
+ "attribute": "orientation",
1822
+ "description": "The orientation of the stepper",
1823
+ "default": "'horizontal'",
1824
+ "required": false
1405
1825
  },
1406
1826
  {
1407
- "name": "secondaryAction",
1408
- "type": "any",
1409
- "attribute": "secondaryaction",
1410
- "description": "Property: secondaryAction"
1827
+ "name": "linear",
1828
+ "type": "boolean",
1829
+ "attribute": "linear",
1830
+ "description": "Whether the stepper is linear (steps must be completed in order)",
1831
+ "default": "true",
1832
+ "required": false
1411
1833
  },
1412
1834
  {
1413
- "name": "closableByBackdrop",
1414
- "type": "any",
1415
- "attribute": "closablebybackdrop",
1416
- "description": "Property: closableByBackdrop"
1835
+ "name": "showContent",
1836
+ "type": "boolean",
1837
+ "attribute": "showContent",
1838
+ "description": "Whether to show step content",
1839
+ "default": "true",
1840
+ "required": false
1417
1841
  },
1418
1842
  {
1419
- "name": "showCloseButton",
1420
- "type": "any",
1421
- "attribute": "showclosebutton",
1422
- "description": "Property: showCloseButton"
1843
+ "name": "alternativeLabel",
1844
+ "type": "boolean",
1845
+ "attribute": "alternativeLabel",
1846
+ "description": "Alternative labels layout for horizontal stepper",
1847
+ "default": "false",
1848
+ "required": false
1423
1849
  }
1424
1850
  ],
1425
1851
  "events": [
1426
1852
  {
1427
- "name": "open",
1428
- "description": "Fired when the dialog is opened."
1429
- },
1430
- {
1431
- "name": "closed",
1432
- "description": "Fired when the dialog is closed."
1853
+ "name": "step-change",
1854
+ "type": "CustomEvent",
1855
+ "description": "Fired when the active step changes. Detail: `{ currentStep, previousStep, totalSteps }`."
1433
1856
  }
1434
1857
  ],
1435
- "slots": [
1858
+ "slots": [],
1859
+ "cssProperties": [
1436
1860
  {
1437
- "name": "default",
1438
- "description": "The main content of the dialog."
1861
+ "name": "--pd-stepper-active-color",
1862
+ "description": "The color of the active step indicator"
1439
1863
  },
1440
1864
  {
1441
- "name": "headline",
1442
- "description": "The dialog title/headline."
1865
+ "name": "--pd-stepper-completed-color",
1866
+ "description": "The color of completed step indicators"
1443
1867
  },
1444
1868
  {
1445
- "name": "actions",
1446
- "description": "Action buttons (typically in the bottom area)."
1869
+ "name": "--pd-stepper-inactive-color",
1870
+ "description": "The color of inactive step indicators"
1871
+ },
1872
+ {
1873
+ "name": "--pd-stepper-error-color",
1874
+ "description": "The color of error step indicators"
1875
+ },
1876
+ {
1877
+ "name": "--pd-stepper-connector-color",
1878
+ "description": "The color of step connectors"
1447
1879
  }
1448
- ],
1449
- "examples": {
1450
- "basic": "<src\\components\\pd-dialog></src\\components\\pd-dialog>",
1451
- "html": "<src\\components\\pd-dialog class=\"example\"></src\\components\\pd-dialog>",
1452
- "react": "<Src\\components\\dialog />",
1453
- "lit": "html`<src\\components\\pd-dialog></src\\components\\pd-dialog>`"
1454
- }
1880
+ ]
1455
1881
  },
1456
- "src\\components\\pd-chip": {
1457
- "name": "src\\components\\pd-chip",
1458
- "tagName": "src\\components\\chip",
1459
- "description": "Component description not available",
1882
+ "pd-stepper-item": {
1883
+ "tagName": "pd-stepper-item",
1884
+ "className": "PdStepperItem",
1885
+ "description": "An individual step item for use within pd-segmented-stepper.",
1460
1886
  "properties": [
1461
1887
  {
1462
- "name": "variant",
1463
- "type": "'assist' | 'filter' | 'input' | 'suggestion'",
1464
- "attribute": "variant",
1465
- "description": "Property: variant"
1888
+ "name": "stepNumber",
1889
+ "type": "number",
1890
+ "attribute": "step-number",
1891
+ "description": "The step number (1-based, auto-assigned by parent).",
1892
+ "default": "1",
1893
+ "required": false
1466
1894
  },
1467
1895
  {
1468
- "name": "label",
1469
- "type": "any",
1470
- "attribute": "label",
1471
- "description": "Property: label"
1896
+ "name": "state",
1897
+ "type": "'pending' | 'active' | 'completed' | 'disabled'",
1898
+ "attribute": "state",
1899
+ "description": "The state of this step.",
1900
+ "default": "'pending'",
1901
+ "required": false
1472
1902
  },
1473
1903
  {
1474
1904
  "name": "disabled",
1475
- "type": "any",
1905
+ "type": "boolean",
1476
1906
  "attribute": "disabled",
1477
- "description": "Property: disabled"
1478
- },
1479
- {
1480
- "name": "alwaysFocusable",
1481
- "type": "any",
1482
- "attribute": "alwaysfocusable",
1483
- "description": "Property: alwaysFocusable"
1907
+ "description": "Whether this step is disabled.",
1908
+ "default": "false",
1909
+ "required": false
1484
1910
  },
1485
1911
  {
1486
- "name": "hasIcon",
1487
- "type": "any",
1488
- "attribute": "hasicon",
1489
- "description": "Property: hasIcon"
1912
+ "name": "clickable",
1913
+ "type": "boolean",
1914
+ "attribute": "clickable",
1915
+ "description": "Whether this step can be clicked.",
1916
+ "default": "false",
1917
+ "required": false
1490
1918
  },
1491
1919
  {
1492
1920
  "name": "icon",
1493
- "type": "any",
1921
+ "type": "string",
1494
1922
  "attribute": "icon",
1495
- "description": "Property: icon"
1496
- },
1923
+ "description": "Optional icon to display instead of step number.",
1924
+ "default": "''",
1925
+ "required": false
1926
+ }
1927
+ ],
1928
+ "events": [
1929
+ {
1930
+ "name": "stepper-item-click",
1931
+ "type": "CustomEvent",
1932
+ "description": ""
1933
+ }
1934
+ ],
1935
+ "slots": [
1936
+ {
1937
+ "name": "",
1938
+ "description": "The default slot for the step's content."
1939
+ }
1940
+ ],
1941
+ "cssProperties": []
1942
+ },
1943
+ "pd-switch": {
1944
+ "tagName": "pd-switch",
1945
+ "className": "PdSwitch",
1946
+ "description": "A thin wrapper around the Material Web Switch component.",
1947
+ "properties": [
1497
1948
  {
1498
1949
  "name": "selected",
1499
- "type": "any",
1950
+ "type": "boolean",
1500
1951
  "attribute": "selected",
1501
- "description": "Property: selected"
1952
+ "description": "Whether the switch is selected (on).",
1953
+ "default": "false",
1954
+ "required": false
1502
1955
  },
1503
1956
  {
1504
- "name": "removable",
1505
- "type": "any",
1506
- "attribute": "removable",
1507
- "description": "Property: removable"
1957
+ "name": "disabled",
1958
+ "type": "boolean",
1959
+ "attribute": "disabled",
1960
+ "description": "Whether the switch is disabled.",
1961
+ "default": "false",
1962
+ "required": false
1508
1963
  },
1509
1964
  {
1510
- "name": "elevated",
1511
- "type": "any",
1512
- "attribute": "elevated",
1513
- "description": "Property: elevated"
1965
+ "name": "selectedIcon",
1966
+ "type": "string",
1967
+ "attribute": "selected-icon",
1968
+ "description": "The icon to display when the switch is selected.",
1969
+ "default": "''",
1970
+ "required": false
1514
1971
  },
1515
1972
  {
1516
- "name": "href",
1517
- "type": "any",
1518
- "attribute": "href",
1519
- "description": "Property: href"
1973
+ "name": "unselectedIcon",
1974
+ "type": "string",
1975
+ "attribute": "unselected-icon",
1976
+ "description": "The icon to display when the switch is unselected.",
1977
+ "default": "''",
1978
+ "required": false
1520
1979
  },
1521
1980
  {
1522
- "name": "target",
1523
- "type": "any",
1524
- "attribute": "target",
1525
- "description": "Property: target"
1981
+ "name": "showOnlySelectedIcon",
1982
+ "type": "boolean",
1983
+ "attribute": "show-only-selected-icon",
1984
+ "description": "Whether to show only the selected icon (hides unselected icon).",
1985
+ "default": "false",
1986
+ "required": false
1526
1987
  },
1527
1988
  {
1528
- "name": "avatar",
1529
- "type": "any",
1530
- "attribute": "avatar",
1531
- "description": "Property: avatar"
1989
+ "name": "name",
1990
+ "type": "string",
1991
+ "attribute": "name",
1992
+ "description": "The name attribute for form submission.",
1993
+ "default": "''",
1994
+ "required": false
1532
1995
  },
1533
1996
  {
1534
- "name": "removeOnly",
1535
- "type": "any",
1536
- "attribute": "removeonly",
1537
- "description": "Property: removeOnly"
1997
+ "name": "value",
1998
+ "type": "string",
1999
+ "attribute": "value",
2000
+ "description": "The value attribute for form submission.",
2001
+ "default": "'on'",
2002
+ "required": false
2003
+ },
2004
+ {
2005
+ "name": "ariaLabel",
2006
+ "type": "string",
2007
+ "attribute": "aria-label",
2008
+ "description": "The aria label for accessibility.",
2009
+ "default": "''",
2010
+ "required": false
2011
+ },
2012
+ {
2013
+ "name": "required",
2014
+ "type": "boolean",
2015
+ "attribute": "required",
2016
+ "description": "Whether the switch is required in a form.",
2017
+ "default": "false",
2018
+ "required": false
1538
2019
  }
1539
2020
  ],
1540
- "events": [],
1541
- "slots": [],
1542
- "examples": {
1543
- "basic": "<src\\components\\pd-chip></src\\components\\pd-chip>",
1544
- "html": "<src\\components\\pd-chip class=\"example\"></src\\components\\pd-chip>",
1545
- "react": "<Src\\components\\chip />",
1546
- "lit": "html`<src\\components\\pd-chip></src\\components\\pd-chip>`"
1547
- }
1548
- },
1549
- "src\\components\\pd-checkbox": {
1550
- "name": "src\\components\\pd-checkbox",
1551
- "tagName": "src\\components\\checkbox",
1552
- "description": "Component description not available",
1553
- "properties": [
2021
+ "events": [
1554
2022
  {
1555
- "name": "checked",
1556
- "type": "any",
1557
- "attribute": "checked",
1558
- "description": "Property: checked"
2023
+ "name": "change",
2024
+ "type": "CustomEvent",
2025
+ "description": ""
1559
2026
  },
1560
2027
  {
1561
- "name": "indeterminate",
1562
- "type": "any",
1563
- "attribute": "indeterminate",
1564
- "description": "Property: indeterminate"
2028
+ "name": "input",
2029
+ "type": "CustomEvent",
2030
+ "description": ""
2031
+ }
2032
+ ],
2033
+ "slots": [],
2034
+ "cssProperties": [
2035
+ {
2036
+ "name": "--pd-switch-selected-track-color",
2037
+ "description": "The color of the track when selected."
1565
2038
  },
1566
2039
  {
1567
- "name": "disabled",
1568
- "type": "any",
1569
- "attribute": "disabled",
1570
- "description": "Property: disabled"
2040
+ "name": "--pd-switch-selected-handle-color",
2041
+ "description": "The color of the handle when selected."
1571
2042
  },
1572
2043
  {
1573
- "name": "required",
1574
- "type": "any",
1575
- "attribute": "required",
1576
- "description": "Property: required"
2044
+ "name": "--pd-switch-unselected-track-color",
2045
+ "description": "The color of the track when unselected."
1577
2046
  },
1578
2047
  {
1579
- "name": "value",
1580
- "type": "any",
1581
- "attribute": "value",
1582
- "description": "Property: value"
2048
+ "name": "--pd-switch-unselected-handle-color",
2049
+ "description": "The color of the handle when unselected."
2050
+ }
2051
+ ]
2052
+ },
2053
+ "pd-tab": {
2054
+ "tagName": "pd-tab",
2055
+ "className": "PdTab",
2056
+ "description": "A placeholder element that provides tab data to pd-tabs.\nThis element is not rendered directly but is used to collect tab information.",
2057
+ "properties": [
2058
+ {
2059
+ "name": "secondary",
2060
+ "type": "boolean",
2061
+ "attribute": "secondary",
2062
+ "description": "Whether this is a secondary tab variant.",
2063
+ "default": "false",
2064
+ "required": false
1583
2065
  },
1584
2066
  {
1585
- "name": "name",
1586
- "type": "any",
1587
- "attribute": "name",
1588
- "description": "Property: name"
2067
+ "name": "inlineIcon",
2068
+ "type": "boolean",
2069
+ "attribute": "inline-icon",
2070
+ "description": "Whether the tab is inlined with the text.",
2071
+ "default": "false",
2072
+ "required": false
1589
2073
  },
1590
2074
  {
1591
- "name": "label",
1592
- "type": "any",
1593
- "attribute": "label",
1594
- "description": "Property: label"
2075
+ "name": "icon",
2076
+ "type": "string",
2077
+ "attribute": "icon",
2078
+ "description": "The icon to display in the tab.",
2079
+ "default": "''",
2080
+ "required": false
1595
2081
  },
1596
2082
  {
1597
- "name": "touchTarget",
1598
- "type": "any",
1599
- "attribute": "touchtarget",
1600
- "description": "Property: touchTarget"
2083
+ "name": "ariaLabel",
2084
+ "type": "string",
2085
+ "attribute": "aria-label",
2086
+ "description": "The aria label for accessibility.",
2087
+ "default": "''",
2088
+ "required": false
1601
2089
  }
1602
2090
  ],
1603
2091
  "events": [],
1604
2092
  "slots": [],
1605
- "examples": {
1606
- "basic": "<src\\components\\pd-checkbox></src\\components\\pd-checkbox>",
1607
- "html": "<src\\components\\pd-checkbox class=\"example\"></src\\components\\pd-checkbox>",
1608
- "react": "<Src\\components\\checkbox />",
1609
- "lit": "html`<src\\components\\pd-checkbox></src\\components\\pd-checkbox>`"
1610
- }
2093
+ "cssProperties": []
1611
2094
  },
1612
- "src\\components\\pd-card": {
1613
- "name": "src\\components\\pd-card",
1614
- "tagName": "src\\components\\card",
1615
- "description": "Component description not available",
2095
+ "pd-tabs": {
2096
+ "tagName": "pd-tabs",
2097
+ "className": "PdTabs",
2098
+ "description": "A thin wrapper around the Material Web Tabs component.",
1616
2099
  "properties": [
1617
2100
  {
1618
- "name": "variant",
1619
- "type": "'elevated' | 'filled' | 'outlined'",
1620
- "attribute": "variant",
1621
- "description": "Property: variant"
2101
+ "name": "activeTabIndex",
2102
+ "type": "number",
2103
+ "attribute": "active-tab-index",
2104
+ "description": "The index of the currently active tab.",
2105
+ "default": "0",
2106
+ "required": false
1622
2107
  },
1623
2108
  {
1624
- "name": "clickable",
1625
- "type": "any",
1626
- "attribute": "clickable",
1627
- "description": "Property: clickable"
2109
+ "name": "autoActivate",
2110
+ "type": "boolean",
2111
+ "attribute": "auto-activate",
2112
+ "description": "Whether to automatically activate tabs on focus (vs requiring click/enter).",
2113
+ "default": "false",
2114
+ "required": false
2115
+ },
2116
+ {
2117
+ "name": "tabs",
2118
+ "type": "TabData[]",
2119
+ "attribute": "tabs",
2120
+ "description": "Array of tab data objects",
2121
+ "default": "[]",
2122
+ "required": false
2123
+ }
2124
+ ],
2125
+ "events": [
2126
+ {
2127
+ "name": "change",
2128
+ "type": "CustomEvent",
2129
+ "description": ""
1628
2130
  }
1629
2131
  ],
1630
- "events": [],
1631
2132
  "slots": [],
1632
- "examples": {
1633
- "basic": "<src\\components\\pd-card></src\\components\\pd-card>",
1634
- "html": "<src\\components\\pd-card class=\"example\"></src\\components\\pd-card>",
1635
- "react": "<Src\\components\\card />",
1636
- "lit": "html`<src\\components\\pd-card></src\\components\\pd-card>`"
1637
- }
2133
+ "cssProperties": [
2134
+ {
2135
+ "name": "--pd-tabs-divider-color",
2136
+ "description": "The color of the divider line."
2137
+ },
2138
+ {
2139
+ "name": "--pd-tabs-active-indicator-color",
2140
+ "description": "The color of the active tab indicator."
2141
+ }
2142
+ ]
1638
2143
  },
1639
- "src\\components\\pd-button": {
1640
- "name": "src\\components\\pd-button",
1641
- "tagName": "src\\components\\button",
1642
- "description": "Component description not available",
2144
+ "pd-text-field": {
2145
+ "tagName": "pd-text-field",
2146
+ "className": "PdTextField",
2147
+ "description": "No description available.",
1643
2148
  "properties": [
1644
2149
  {
1645
2150
  "name": "variant",
1646
- "type": "'filled' | 'outlined' | 'text' | 'elevated' | 'tonal'",
2151
+ "type": "'filled' | 'outlined'",
1647
2152
  "attribute": "variant",
1648
- "description": "Property: variant"
2153
+ "description": "",
2154
+ "default": "'outlined'",
2155
+ "required": false
1649
2156
  },
1650
2157
  {
1651
- "name": "size",
1652
- "type": "'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
1653
- "attribute": "size",
1654
- "description": "Property: size"
2158
+ "name": "label",
2159
+ "type": "string",
2160
+ "attribute": "label",
2161
+ "description": "",
2162
+ "default": "''",
2163
+ "required": false
1655
2164
  },
1656
2165
  {
1657
- "name": "icon",
1658
- "type": "any",
1659
- "attribute": "icon",
1660
- "description": "Property: icon"
2166
+ "name": "placeholder",
2167
+ "type": "string",
2168
+ "attribute": "placeholder",
2169
+ "description": "",
2170
+ "default": "''",
2171
+ "required": false
1661
2172
  },
1662
2173
  {
1663
- "name": "iconTrailing",
1664
- "type": "any",
1665
- "attribute": "icontrailing",
1666
- "description": "Property: iconTrailing"
2174
+ "name": "value",
2175
+ "type": "string",
2176
+ "attribute": "value",
2177
+ "description": "",
2178
+ "default": "''",
2179
+ "required": false
2180
+ },
2181
+ {
2182
+ "name": "supportingText",
2183
+ "type": "string",
2184
+ "attribute": "supporting-text",
2185
+ "description": "",
2186
+ "default": "''",
2187
+ "required": false
2188
+ },
2189
+ {
2190
+ "name": "errorText",
2191
+ "type": "string",
2192
+ "attribute": "error-text",
2193
+ "description": "",
2194
+ "default": "''",
2195
+ "required": false
2196
+ },
2197
+ {
2198
+ "name": "prefixText",
2199
+ "type": "string",
2200
+ "attribute": "prefix-text",
2201
+ "description": "",
2202
+ "default": "''",
2203
+ "required": false
2204
+ },
2205
+ {
2206
+ "name": "suffixText",
2207
+ "type": "string",
2208
+ "attribute": "suffix-text",
2209
+ "description": "",
2210
+ "default": "''",
2211
+ "required": false
1667
2212
  },
1668
2213
  {
1669
2214
  "name": "disabled",
1670
- "type": "any",
2215
+ "type": "boolean",
1671
2216
  "attribute": "disabled",
1672
- "description": "Property: disabled"
2217
+ "description": "",
2218
+ "default": "false",
2219
+ "required": false
2220
+ },
2221
+ {
2222
+ "name": "readonly",
2223
+ "type": "boolean",
2224
+ "attribute": "readonly",
2225
+ "description": "",
2226
+ "default": "false",
2227
+ "required": false
2228
+ },
2229
+ {
2230
+ "name": "required",
2231
+ "type": "boolean",
2232
+ "attribute": "required",
2233
+ "description": "",
2234
+ "default": "false",
2235
+ "required": false
2236
+ },
2237
+ {
2238
+ "name": "error",
2239
+ "type": "boolean",
2240
+ "attribute": "error",
2241
+ "description": "",
2242
+ "default": "false",
2243
+ "required": false
2244
+ },
2245
+ {
2246
+ "name": "type",
2247
+ "type": "'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea'",
2248
+ "attribute": "type",
2249
+ "description": "",
2250
+ "default": "'text'",
2251
+ "required": false
2252
+ },
2253
+ {
2254
+ "name": "rows",
2255
+ "type": "number",
2256
+ "attribute": "rows",
2257
+ "description": "",
2258
+ "default": "2",
2259
+ "required": false
2260
+ },
2261
+ {
2262
+ "name": "cols",
2263
+ "type": "number",
2264
+ "attribute": "cols",
2265
+ "description": "",
2266
+ "default": "20",
2267
+ "required": false
2268
+ },
2269
+ {
2270
+ "name": "leadingIcon",
2271
+ "type": "string",
2272
+ "attribute": "leadingIcon",
2273
+ "description": "",
2274
+ "default": "''",
2275
+ "required": false
2276
+ },
2277
+ {
2278
+ "name": "trailingIcon",
2279
+ "type": "string",
2280
+ "attribute": "trailingIcon",
2281
+ "description": "",
2282
+ "default": "''",
2283
+ "required": false
2284
+ },
2285
+ {
2286
+ "name": "maxlength",
2287
+ "type": "number | undefined",
2288
+ "attribute": "maxlength",
2289
+ "description": "",
2290
+ "default": null,
2291
+ "required": false
2292
+ },
2293
+ {
2294
+ "name": "minlength",
2295
+ "type": "number | undefined",
2296
+ "attribute": "minlength",
2297
+ "description": "",
2298
+ "default": null,
2299
+ "required": false
1673
2300
  }
1674
2301
  ],
1675
- "events": [],
1676
- "slots": [
2302
+ "events": [
1677
2303
  {
1678
- "name": "default",
1679
- "description": "The default slot for the button's label."
2304
+ "name": "input",
2305
+ "type": "CustomEvent",
2306
+ "description": ""
2307
+ },
2308
+ {
2309
+ "name": "change",
2310
+ "type": "CustomEvent",
2311
+ "description": ""
1680
2312
  }
1681
2313
  ],
1682
- "examples": {
1683
- "basic": "<src\\components\\pd-button></src\\components\\pd-button>",
1684
- "html": "<src\\components\\pd-button class=\"example\"></src\\components\\pd-button>",
1685
- "react": "<Src\\components\\button />",
1686
- "lit": "html`<src\\components\\pd-button></src\\components\\pd-button>`"
1687
- }
2314
+ "slots": [],
2315
+ "cssProperties": []
1688
2316
  }
1689
- },
1690
- "storybook": "https://68af3f22b44ad2acc02b3370-smrhgwrsuh.chromatic.com/"
1691
- }
2317
+ }
2318
+ }