@tylertech/forge 3.14.0-dev.4 → 3.14.0-dev.5

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.
@@ -2,28 +2,6 @@
2
2
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
3
3
  "version": 1.1,
4
4
  "tags": [
5
- {
6
- "name": "forge-avatar",
7
- "description": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
8
- "attributes": [
9
- {
10
- "name": "text",
11
- "description": "The text to display in the avatar.",
12
- "values": []
13
- },
14
- {
15
- "name": "letter-count",
16
- "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
17
- "values": []
18
- },
19
- {
20
- "name": "image-url",
21
- "description": "The background image URL to use.",
22
- "values": []
23
- }
24
- ],
25
- "references": []
26
- },
27
5
  {
28
6
  "name": "forge-autocomplete",
29
7
  "description": "Autocomplete components provide real-time typeahead suggestions as users type in a text field. Use autocompletes to help users quickly find and select from a list of options, improving form usability and data accuracy.\n---\n\n\n### **Events:**\n - **forge-autocomplete-change** - Fired when the value changes.\n- **forge-autocomplete-select** - Fired when an option is selected. Only applies when in \"stateless\" `mode`.\n- **forge-autocomplete-scrolled-bottom** - Fired when the dropdown is scrolled to the bottom. Only applies when `observe-scroll` is enabled.\n\n### **Methods:**\n - **appendOptions(options: _IAutocompleteOption[] | IAutocompleteOptionGroup[]_): _void_** - Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.\n- **openDropdown(): _void_** - Opens the dropdown.\n- **closeDropdown(): _void_** - Closes the dropdown.\n- **forceFilter(opts: _IAutocompleteForceFilterOptions_): _void_** - Forces the filter callback to be executed to update the current selection state with new options.",
@@ -147,40 +125,27 @@
147
125
  "references": []
148
126
  },
149
127
  {
150
- "name": "forge-accordion",
151
- "description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
128
+ "name": "forge-avatar",
129
+ "description": "Avatars represent an entity via text or image. Use avatars to visually represent users, objects, or identifiers in your application.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
152
130
  "attributes": [
153
131
  {
154
- "name": "panel-selector",
155
- "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
132
+ "name": "text",
133
+ "description": "The text to display in the avatar.",
156
134
  "values": []
157
- }
158
- ],
159
- "references": []
160
- },
161
- {
162
- "name": "forge-backdrop",
163
- "description": "Backdrops provide a semi-transparent overlay behind modal content like dialogs and drawers. These are building blocks for creating modal experiences, not intended to be used directly.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
164
- "attributes": [
135
+ },
165
136
  {
166
- "name": "visible",
167
- "description": "Whether the backdrop is visible.",
137
+ "name": "letter-count",
138
+ "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
168
139
  "values": []
169
140
  },
170
141
  {
171
- "name": "fixed",
172
- "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
142
+ "name": "image-url",
143
+ "description": "The background image URL to use.",
173
144
  "values": []
174
145
  }
175
146
  ],
176
147
  "references": []
177
148
  },
178
- {
179
- "name": "forge-badge",
180
- "description": "Badges display small amounts of non-interactive information like counts, status indicators, or notifications.\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
181
- "attributes": [],
182
- "references": []
183
- },
184
149
  {
185
150
  "name": "forge-banner",
186
151
  "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages. Use banners for non-critical messages that require user attention but do not interrupt workflow.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
@@ -204,27 +169,12 @@
204
169
  "references": []
205
170
  },
206
171
  {
207
- "name": "forge-bottom-sheet",
208
- "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
172
+ "name": "forge-accordion",
173
+ "description": "Accordions wrap a collection of expansion panels to ensure that only one panel is expanded at a time.\n---\n\n\n### **Events:**\n - **forge-accordion-toggle** - Dispatched when a child expansion panel is toggled. Includes the related expansion panel element in the event detail.",
209
174
  "attributes": [
210
175
  {
211
- "name": "open",
212
- "description": "Whether the bottom sheet is open.",
213
- "values": []
214
- },
215
- {
216
- "name": "mode",
217
- "description": "The mode of the bottom sheet.",
218
- "values": [{ "name": "BottomSheetMode" }]
219
- },
220
- {
221
- "name": "persistent",
222
- "description": "Whether the bottom sheet is persistent.",
223
- "values": []
224
- },
225
- {
226
- "name": "fullscreen",
227
- "description": "Whether the bottom sheet is fullscreen.",
176
+ "name": "panel-selector",
177
+ "description": "Gets/sets the selector to use for finding the child expansion panels. Defaults to searching the direct children for `<forge-expansion-panel>` elements.\nUse this if you need to scope this accordion to a specific set of expansion panels, or your expansion panels are not direct children of the accordion.",
228
178
  "values": []
229
179
  }
230
180
  ],
@@ -304,6 +254,56 @@
304
254
  ],
305
255
  "references": []
306
256
  },
257
+ {
258
+ "name": "forge-backdrop",
259
+ "description": "Backdrops provide a semi-transparent overlay behind modal content like dialogs and drawers. These are building blocks for creating modal experiences, not intended to be used directly.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
260
+ "attributes": [
261
+ {
262
+ "name": "visible",
263
+ "description": "Whether the backdrop is visible.",
264
+ "values": []
265
+ },
266
+ {
267
+ "name": "fixed",
268
+ "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
269
+ "values": []
270
+ }
271
+ ],
272
+ "references": []
273
+ },
274
+ {
275
+ "name": "forge-badge",
276
+ "description": "Badges display small amounts of non-interactive information like counts, status indicators, or notifications.\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
277
+ "attributes": [],
278
+ "references": []
279
+ },
280
+ {
281
+ "name": "forge-bottom-sheet",
282
+ "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
283
+ "attributes": [
284
+ {
285
+ "name": "open",
286
+ "description": "Whether the bottom sheet is open.",
287
+ "values": []
288
+ },
289
+ {
290
+ "name": "mode",
291
+ "description": "The mode of the bottom sheet.",
292
+ "values": [{ "name": "BottomSheetMode" }]
293
+ },
294
+ {
295
+ "name": "persistent",
296
+ "description": "Whether the bottom sheet is persistent.",
297
+ "values": []
298
+ },
299
+ {
300
+ "name": "fullscreen",
301
+ "description": "Whether the bottom sheet is fullscreen.",
302
+ "values": []
303
+ }
304
+ ],
305
+ "references": []
306
+ },
307
307
  {
308
308
  "name": "forge-calendar",
309
309
  "description": "A flexible calendar component for date selection with support for single dates, ranges, multiple selections, and extensive customization options.\n---\n\n\n### **Events:**\n - **forge-calendar-date-select** - Event fired when a date is selected.\n- **forge-calendar-focus-change** - Event fired when the focus changes.\n- **forge-calendar-month-change** - Event fired when the month changes.\n- **forge-calendar-view-change** - Event fired when the view changes.\n\n### **Methods:**\n - **clear(): _void_** - Clears the selected date(s).\n- **deselectDate(date: _Date_): _void_** - Deselects a date.\n- **goToDate(date: _Date_, setFocus: _boolean_): _void_** - Navigates to a specific date.\n- **handleKey(evt: _KeyboardEvent_): _void_** - Handles a keyboard event.\n- **layout(): _void_** - Lays out the calendar.\n- **selectDate(date: _Date_): _void_** - Selects a date.\n- **setActiveDate(date: _Date_, setFocus: _boolean_): _boolean_** - Sets the active date.\n- **today(): _void_** - Sets the calendar to today.\n- **toggleDate(date: _Date_, force: _boolean_): _void_** - Toggles a date selection.\n\n### **Slots:**\n - **today-button-text** - Text to display in the today button.\n- **clear-button-text** - Text to display in the clear button.\n- **next-month-button-text** - Text to display in the next month button's tooltip.\n- **previous-month-button-text** - Text to display in the previous month button's tooltip.\n- **next-year-button-text** - Text to display in the next year button's tooltip.\n- **previous-year-button-text** - Text to display in the previous year button's tooltip.\n- **next-years-button-text** - Text to display in the next years button's tooltip.\n- **previous-years-button-text** - Text to display in the previous years button's tooltip.",
@@ -1165,80 +1165,80 @@
1165
1165
  "references": []
1166
1166
  },
1167
1167
  {
1168
- "name": "forge-icon",
1169
- "description": "Icons are used to represent information visually. The icon component is a wrapper around SVG icons that are registered in the icon registry.\n---\n\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
1168
+ "name": "forge-icon-button",
1169
+ "description": "Icon buttons are buttons that contain **only** an icon, and are used to represent actions or commands. Always provide an accessible label when using icon buttons.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1170
1170
  "attributes": [
1171
1171
  {
1172
- "name": "name",
1173
- "description": "The name of the icon to render.",
1174
- "values": []
1172
+ "name": "type",
1173
+ "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1174
+ "values": [{ "name": "ButtonType" }]
1175
1175
  },
1176
1176
  {
1177
- "name": "src",
1178
- "description": "Provides the ability to set the SVG string content directly.",
1177
+ "name": "disabled",
1178
+ "description": "Disables the button.",
1179
1179
  "values": []
1180
1180
  },
1181
1181
  {
1182
- "name": "lazy",
1183
- "description": "Controls whether the icon will be loaded dynamically when it comes into view.",
1182
+ "name": "popover-icon",
1183
+ "description": "Shows a popover icon on the button.",
1184
1184
  "values": []
1185
1185
  },
1186
1186
  {
1187
- "name": "external",
1188
- "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
1187
+ "name": "dense",
1188
+ "description": "Sets the density of the button.",
1189
1189
  "values": []
1190
1190
  },
1191
1191
  {
1192
- "name": "externalType",
1193
- "description": "**(Deprecated)** The type of icon to load externally. Possible values: \"all\" (default), \"standard\", \"extended\", \"custom\".",
1192
+ "name": "name",
1193
+ "description": "The name of the button.",
1194
1194
  "values": []
1195
1195
  },
1196
1196
  {
1197
- "name": "viewbox",
1198
- "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1197
+ "name": "value",
1198
+ "description": "The value of the button.",
1199
1199
  "values": []
1200
- },
1201
- {
1202
- "name": "theme",
1203
- "description": "The theme to apply to the icon.",
1204
- "values": [{ "name": "IconTheme" }]
1205
1200
  }
1206
1201
  ],
1207
1202
  "references": []
1208
1203
  },
1209
1204
  {
1210
- "name": "forge-icon-button",
1211
- "description": "Icon buttons are buttons that contain **only** an icon, and are used to represent actions or commands. Always provide an accessible label when using icon buttons.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
1205
+ "name": "forge-icon",
1206
+ "description": "Icons are used to represent information visually. The icon component is a wrapper around SVG icons that are registered in the icon registry.\n---\n\n\n### **CSS Properties:**\n - **--forge-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-size** - The size of the icon. Defaults to the font-size of the context it is placed in. _(default: undefined)_\n- **--forge-icon-width** - The width of the icon. _(default: undefined)_\n- **--forge-icon-height** - The height of the icon. _(default: undefined)_\n- **--forge-icon-font-size** - The font size of the icon. _(default: undefined)_\n\n### **CSS Parts:**\n - **svg** - The internal SVG element.",
1212
1207
  "attributes": [
1213
1208
  {
1214
- "name": "type",
1215
- "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1216
- "values": [{ "name": "ButtonType" }]
1209
+ "name": "name",
1210
+ "description": "The name of the icon to render.",
1211
+ "values": []
1217
1212
  },
1218
1213
  {
1219
- "name": "disabled",
1220
- "description": "Disables the button.",
1214
+ "name": "src",
1215
+ "description": "Provides the ability to set the SVG string content directly.",
1221
1216
  "values": []
1222
1217
  },
1223
1218
  {
1224
- "name": "popover-icon",
1225
- "description": "Shows a popover icon on the button.",
1219
+ "name": "lazy",
1220
+ "description": "Controls whether the icon will be loaded dynamically when it comes into view.",
1226
1221
  "values": []
1227
1222
  },
1228
1223
  {
1229
- "name": "dense",
1230
- "description": "Sets the density of the button.",
1224
+ "name": "external",
1225
+ "description": "Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.",
1231
1226
  "values": []
1232
1227
  },
1233
1228
  {
1234
- "name": "name",
1235
- "description": "The name of the button.",
1229
+ "name": "externalType",
1230
+ "description": "**(Deprecated)** The type of icon to load externally. Possible values: \"all\" (default), \"standard\", \"extended\", \"custom\".",
1236
1231
  "values": []
1237
1232
  },
1238
1233
  {
1239
- "name": "value",
1240
- "description": "The value of the button.",
1234
+ "name": "viewbox",
1235
+ "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1241
1236
  "values": []
1237
+ },
1238
+ {
1239
+ "name": "theme",
1240
+ "description": "The theme to apply to the icon.",
1241
+ "values": [{ "name": "IconTheme" }]
1242
1242
  }
1243
1243
  ],
1244
1244
  "references": []
@@ -1586,63 +1586,6 @@
1586
1586
  "attributes": [],
1587
1587
  "references": []
1588
1588
  },
1589
- {
1590
- "name": "forge-paginator",
1591
- "description": "Paginators provide navigation controls for dividing content across multiple pages. Typically used alongside data tables or lists.\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n- **goToFirstPage(): _void_** - Navigates to the first page.\n- **goToPreviousPage(): _void_** - Navigates to the previous page.\n- **goToNextPage(): _void_** - Navigates to the next page.\n- **goToLastPage(): _void_** - Navigates to the last page.\n- **canGoToFirstPage(): __** - Checks if navigation to the first page is possible.\n- **canGoToPreviousPage(): __** - Checks if navigation to the previous page is possible.\n- **canGoToNextPage(): __** - Checks if navigation to the next page is possible.\n- **canGoToLastPage(): __** - Checks if navigation to the last page is possible.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
1592
- "attributes": [
1593
- {
1594
- "name": "page-index",
1595
- "description": "The zero-based page index.",
1596
- "values": []
1597
- },
1598
- {
1599
- "name": "page-size",
1600
- "description": "Number of items to display on a page.",
1601
- "values": []
1602
- },
1603
- {
1604
- "name": "offset",
1605
- "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
1606
- "values": []
1607
- },
1608
- {
1609
- "name": "total",
1610
- "description": "The total number of items to be paginated.",
1611
- "values": []
1612
- },
1613
- {
1614
- "name": "page-size-options",
1615
- "description": "The set of provided page size options to display to the user.",
1616
- "values": [{ "name": "number[]" }]
1617
- },
1618
- {
1619
- "name": "label",
1620
- "description": "A label for the paginator.",
1621
- "values": []
1622
- },
1623
- {
1624
- "name": "first-last",
1625
- "description": "Whether to show the first page and last page buttons.",
1626
- "values": []
1627
- },
1628
- {
1629
- "name": "first",
1630
- "description": "Whether to show the first page button. Default is false.",
1631
- "values": []
1632
- },
1633
- {
1634
- "name": "disabled",
1635
- "description": "Whether the paginator is disabled.",
1636
- "values": []
1637
- },
1638
- {
1639
- "name": "alternative",
1640
- "description": "Whether to use the alternative range label slot.",
1641
- "values": []
1642
- }
1643
- ],
1644
- "references": []
1645
- },
1646
1589
  {
1647
1590
  "name": "forge-popover",
1648
1591
  "description": "Popovers are used to show content in an element that is rendered above all other content on the page. Use popovers to display additional information or actions related to a specific element. Popovers are typically triggered by user interaction, such as clicking a button or hovering over an element.\n---\n\n\n### **Events:**\n - **forge-popover-beforetoggle** - Dispatches before the popover is toggled, and is cancelable.\n- **forge-popover-toggle** - Dispatches after the popover is toggled.\n\n### **Methods:**\n - **hideAsync(): _Promise<void>_** - Hides the popover, and returns a `Promise` that resolves when the hide animation is complete.\n- **position(): _void_** - Forces the overlay to reposition itself.\n\n### **Slots:**\n - _default_ - The content to render inside the popover.\n\n### **CSS Properties:**\n - **--forge-popover-background** - The background color of the popover surface. _(default: undefined)_\n- **--forge-popover-border-radius** - The border radius of the popover surface. _(default: undefined)_\n- **--forge-popover-box-shadow** - The box shadow of the popover surface. _(default: undefined)_\n- **--forge-popover-border-width** - The border width of the popover surface. _(default: undefined)_\n- **--forge-popover-border-style** - The border style of the popover surface. _(default: undefined)_\n- **--forge-popover-border-color** - The border color of the popover surface. _(default: undefined)_\n- **--forge-popover-width** - The width of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-height** - The height of the popover surface. Defaults to `auto`. _(default: undefined)_\n- **--forge-popover-min-width** - The minimum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-width** - The maximum width of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-min-height** - The minimum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-max-height** - The maximum height of the popover surface. Defaults to `none`. _(default: undefined)_\n- **--forge-popover-arrow-size** - The size of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-height** - The height of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-width** - The width of the arrow. _(default: undefined)_\n- **--forge-popover-arrow-background-color** - The background color of the arrow. Defaults to the background color of the popover surface. _(default: undefined)_\n- **--forge-popover-arrow-top-rotation** - The rotation of the arrow when the popover is placed on the top. _(default: undefined)_\n- **--forge-popover-arrow-right-rotation** - The rotation of the arrow when the popover is placed on the right. _(default: undefined)_\n- **--forge-popover-arrow-bottom-rotation** - The rotation of the arrow when the popover is placed on the bottom. _(default: undefined)_\n- **--forge-popover-arrow-left-rotation** - The rotation of the arrow when the popover is placed on the left. _(default: undefined)_\n- **--forge-popover-arrow-border-width** - The border width of the popover surface and arrow when an arrow is applied. _(default: undefined)_\n- **--forge-popover-arrow-clip-path** - The clip path to use for the arrow element. _(default: undefined)_\n- **--forge-popover-animation-timing** - The animation timing function to use for the popover animation. _(default: undefined)_\n- **--forge-popover-zoom-duration** - The duration of the zoom animation. _(default: undefined)_\n- **--forge-popover-zoom-timing** - The timing function to use for the zoom animation. _(default: undefined)_\n- **--forge-popover-slide-duration** - The duration of the slide animation. _(default: undefined)_\n- **--forge-popover-slide-timing** - The timing function to use for the slide animation. _(default: undefined)_\n- **--forge-popover-slide-offset** - The start offset to use for the slide animation. _(default: undefined)_\n- **--forge-popover-fade-duration** - The duration of the fade animation. _(default: undefined)_\n- **--forge-popover-fade-timing** - The timing function to use for the fade animation. _(default: undefined)_\n- **--forge-popover-position-block-start** - The `block-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-block-end** - The `block-end` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-start** - The `inline-start` position of the popover. _(default: undefined)_\n- **--forge-popover-position-inline-end** - The `inline-end` position of the popover. _(default: undefined)_\n- **--forge-popover-preset-dropdown-max-height** - The maximum height of the popover when using `preset=\"dropdown\"`. Defaults to `256px`. _(default: undefined)_\n- **--forge-popover-preset-dropdown-overflow** - The overflow behavior of the popover when using `preset=\"dropdown\"`. Defaults to `auto visible` (vertical scrolling only). _(default: undefined)_\n\n### **CSS Parts:**\n - **overlay** - The overlay root element.\n- **surface** - The surface container element for the slotted content.",
@@ -1761,9 +1704,66 @@
1761
1704
  "references": []
1762
1705
  },
1763
1706
  {
1764
- "name": "forge-profile-card",
1765
- "description": "Profile cards display user information and actions in a structured card format. This component is deprecated prefer using the `<forge-user-profile>` component from the extended library instead.\n---\n",
1766
- "attributes": [],
1707
+ "name": "forge-paginator",
1708
+ "description": "Paginators provide navigation controls for dividing content across multiple pages. Typically used alongside data tables or lists.\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n- **goToFirstPage(): _void_** - Navigates to the first page.\n- **goToPreviousPage(): _void_** - Navigates to the previous page.\n- **goToNextPage(): _void_** - Navigates to the next page.\n- **goToLastPage(): _void_** - Navigates to the last page.\n- **canGoToFirstPage(): __** - Checks if navigation to the first page is possible.\n- **canGoToPreviousPage(): __** - Checks if navigation to the previous page is possible.\n- **canGoToNextPage(): __** - Checks if navigation to the next page is possible.\n- **canGoToLastPage(): __** - Checks if navigation to the last page is possible.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
1709
+ "attributes": [
1710
+ {
1711
+ "name": "page-index",
1712
+ "description": "The zero-based page index.",
1713
+ "values": []
1714
+ },
1715
+ {
1716
+ "name": "page-size",
1717
+ "description": "Number of items to display on a page.",
1718
+ "values": []
1719
+ },
1720
+ {
1721
+ "name": "offset",
1722
+ "description": "Sets page index by providing the number of items to skip. The getter for this property returns the number of items to skip.",
1723
+ "values": []
1724
+ },
1725
+ {
1726
+ "name": "total",
1727
+ "description": "The total number of items to be paginated.",
1728
+ "values": []
1729
+ },
1730
+ {
1731
+ "name": "page-size-options",
1732
+ "description": "The set of provided page size options to display to the user.",
1733
+ "values": [{ "name": "number[]" }]
1734
+ },
1735
+ {
1736
+ "name": "label",
1737
+ "description": "A label for the paginator.",
1738
+ "values": []
1739
+ },
1740
+ {
1741
+ "name": "first-last",
1742
+ "description": "Whether to show the first page and last page buttons.",
1743
+ "values": []
1744
+ },
1745
+ {
1746
+ "name": "first",
1747
+ "description": "Whether to show the first page button. Default is false.",
1748
+ "values": []
1749
+ },
1750
+ {
1751
+ "name": "disabled",
1752
+ "description": "Whether the paginator is disabled.",
1753
+ "values": []
1754
+ },
1755
+ {
1756
+ "name": "alternative",
1757
+ "description": "Whether to use the alternative range label slot.",
1758
+ "values": []
1759
+ }
1760
+ ],
1761
+ "references": []
1762
+ },
1763
+ {
1764
+ "name": "forge-profile-card",
1765
+ "description": "Profile cards display user information and actions in a structured card format. This component is deprecated prefer using the `<forge-user-profile>` component from the extended library instead.\n---\n",
1766
+ "attributes": [],
1767
1767
  "references": []
1768
1768
  },
1769
1769
  {
@@ -1820,6 +1820,43 @@
1820
1820
  ],
1821
1821
  "references": []
1822
1822
  },
1823
+ {
1824
+ "name": "forge-skip-link",
1825
+ "description": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
1826
+ "attributes": [
1827
+ {
1828
+ "name": "target",
1829
+ "description": "The IDREF of the element to which the skip link should navigate.",
1830
+ "values": []
1831
+ },
1832
+ {
1833
+ "name": "theme",
1834
+ "description": "The theme applied to the skip link.",
1835
+ "values": [{ "name": "SkipLinkTheme" }]
1836
+ },
1837
+ {
1838
+ "name": "muted",
1839
+ "description": "Whether or not the skip link uses a muted color scheme.",
1840
+ "values": []
1841
+ },
1842
+ {
1843
+ "name": "persistent",
1844
+ "description": "Whether or not the skip link should remain visible when not focused.",
1845
+ "values": []
1846
+ },
1847
+ {
1848
+ "name": "inline",
1849
+ "description": "Whether or not the skip link renders within its container.",
1850
+ "values": []
1851
+ },
1852
+ {
1853
+ "name": "skip-url-change",
1854
+ "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
1855
+ "values": []
1856
+ }
1857
+ ],
1858
+ "references": []
1859
+ },
1823
1860
  {
1824
1861
  "name": "forge-slider",
1825
1862
  "description": "Sliders allow users to make selections from a range of values. You can use sliders for selecting values from either a continuous or discrete range, and they can also be used for selecting a single value or a range of values.\n---\n\n\n### **Events:**\n - **forge-slider-input** - Dispatches when the slider value changes.\n- **forge-slider-change** - Dispatches when the slider value changes and the value has been committed.\n- **forge-slider-range-input** - Dispatches when the slider range values change.\n- **forge-slider-range-change** - Dispatches when the slider range values change and the values have been committed.\n\n### **CSS Properties:**\n - **--forge-theme-primary** - The primary color of the slider. _(default: undefined)_\n- **--forge-theme-on-primary** - The color of elements placed on top of the primary color (the label text for example). _(default: undefined)_\n- **--forge-slider-track-height** - The height of the track. _(default: undefined)_\n- **--forge-slider-active-track-color** - The color of the active track. _(default: undefined)_\n- **--forge-slider-active-track-height** - The height of the active track. _(default: undefined)_\n- **--forge-slider-active-track-shape** - The shape of the active track. _(default: undefined)_\n- **--forge-slider-disabled-active-track-color** - The color of the active track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-active-track-opacity** - The opacity of the active track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-handle-color** - The color of the slider handle when disabled. _(default: undefined)_\n- **--forge-slider-disabled-inactive-track-color** - The color of the inactive track when disabled. _(default: undefined)_\n- **--forge-slider-disabled-inactive-track-opacity** - The opacity of the inactive track when disabled. _(default: undefined)_\n- **--forge-slider-focus-handle-color** - The color of the slider handle when focused. _(default: undefined)_\n- **--forge-slider-handle-color** - The color of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-height** - The height of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-width** - The width of the slider handle. _(default: undefined)_\n- **--forge-slider-handle-shape** - The shape of the slider handle. _(default: undefined)_\n- **--forge-slider-hover-handle-color** - The color of the slider handle when hovered. _(default: undefined)_\n- **--forge-slider-inactive-track-color** - The color of the inactive track. _(default: undefined)_\n- **--forge-slider-inactive-track-height** - The height of the inactive track. _(default: undefined)_\n- **--forge-slider-inactive-track-shape** - The shape of the inactive track. _(default: undefined)_\n- **--forge-slider-label-container-shape** - The shape of the label container. _(default: undefined)_\n- **--forge-slider-label-container-color** - The color of the label container. _(default: undefined)_\n- **--forge-slider-label-container-height** - The height of the label container. _(default: undefined)_\n- **--forge-slider-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-slider-pressed-handle-color** - The color of the slider handle when pressed. _(default: undefined)_\n- **--forge-slider-state-layer-size** - The size of the state layer. _(default: undefined)_\n- **--forge-slider-with-overlap-handle-outline-color** - The color of the slider handle outline when overlapping. _(default: undefined)_\n- **--forge-slider-with-overlap-handle-outline-width** - The width of the slider handle outline when overlapping. _(default: undefined)_\n- **--forge-slider-with-tick-marks-active-container-color** - The color of the active tick mark container when tick marks are visible. _(default: undefined)_\n- **--forge-slider-with-tick-marks-container-size** - The size of the tick mark container when tick marks are visible. _(default: undefined)_\n- **--forge-slider-with-tick-marks-disabled-active-container-color** - The color of the active tick mark container when tick marks are visible and disabled. _(default: undefined)_\n- **--forge-slider-with-tick-marks-disabled-inactive-container-color** - The color of the inactive tick mark container when tick marks are visible and disabled. _(default: undefined)_\n- **--forge-slider-with-tick-marks-inactive-container-color** - The color of the inactive tick mark container when tick marks are visible. _(default: undefined)_\n\n### **CSS Parts:**\n - **slider** - Styles the slider container element.\n- **track** - Styles the track element.\n- **handle-end** - Styles the end handle element.\n- **handle-end-thumb** - Styles the end handle thumb element.\n- **handle-end-label** - Styles the end handle label element.\n- **handle-end-label-content** - Styles the end handle label content element.\n- **handle-start** - Styles the start handle element.\n- **handle-start-thumb** - Styles the start handle thumb element.\n- **handle-start-label** - Styles the start handle label element.\n- **handle-start-label-content** - Styles the start handle label content element.",
@@ -1927,43 +1964,6 @@
1927
1964
  ],
1928
1965
  "references": []
1929
1966
  },
1930
- {
1931
- "name": "forge-skip-link",
1932
- "description": "The Forge Skip Link component is used to provide an accessible way for users to skip repetitive content and navigate directly to a section of the page. This is used for screen reader and keyboard users to improve the overall accessibility of web applications.\n---\n\n\n### **Slots:**\n - _default_ - The default/unnamed slot for link text.\n\n### **CSS Properties:**\n - **--forge-skip-link-background** - The background color of the skip link. _(default: undefined)_\n- **--forge-skip-link-color** - The text color of the skip link. _(default: undefined)_\n- **--forge-skip-link-shape** - The border radius of the skip link. _(default: undefined)_\n- **--forge-skip-link-inset** - The skip link's inset from the edge of the viewport. _(default: undefined)_\n- **--forge-skip-link-z-index** - The z-index of the skip link. _(default: undefined)_\n- **--forge-skip-link-elevation** - The box shadow of the skip link. _(default: undefined)_\n- **--forge-skip-link-padding-block** - The interior padding of the skip link along the block axis. _(default: undefined)_\n- **--forge-skip-link-padding-inline** - The interior padding of the skip link along the inline axis. _(default: undefined)_\n- **--forge-skip-link-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-skip-link-transition-duration** - The duration of the skip link's animations. _(default: undefined)_\n- **--forge-skip-link-transition-timing-function** - The timing function of the skip link's animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **anchor** - The root anchor element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer element.",
1933
- "attributes": [
1934
- {
1935
- "name": "target",
1936
- "description": "The IDREF of the element to which the skip link should navigate.",
1937
- "values": []
1938
- },
1939
- {
1940
- "name": "theme",
1941
- "description": "The theme applied to the skip link.",
1942
- "values": [{ "name": "SkipLinkTheme" }]
1943
- },
1944
- {
1945
- "name": "muted",
1946
- "description": "Whether or not the skip link uses a muted color scheme.",
1947
- "values": []
1948
- },
1949
- {
1950
- "name": "persistent",
1951
- "description": "Whether or not the skip link should remain visible when not focused.",
1952
- "values": []
1953
- },
1954
- {
1955
- "name": "inline",
1956
- "description": "Whether or not the skip link renders within its container.",
1957
- "values": []
1958
- },
1959
- {
1960
- "name": "skip-url-change",
1961
- "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
1962
- "values": []
1963
- }
1964
- ],
1965
- "references": []
1966
- },
1967
1967
  {
1968
1968
  "name": "forge-split-button",
1969
1969
  "description": "Split buttons are used for splitting an action into two parts, typically a primary action and a secondary action that opens a menu or performs an alternative action. Split buttons expect child Forge buttons as their content.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot.\n\n### **CSS Properties:**\n - **--forge-split-button-min-width** - The minimum width of the slotted buttons. _(default: undefined)_\n- **--forge-split-button-gap** - The gap between the slotted buttons. _(default: undefined)_\n- **--forge-split-button-focus-indicator-offset** - The offset of the focus indicator around the buttons. _(default: undefined)_\n- **--forge-split-button-focus-indicator-divider-offset** - The offset of the focus indicator divider when using outlined buttons. _(default: undefined)_",
@@ -2297,263 +2297,263 @@
2297
2297
  "references": []
2298
2298
  },
2299
2299
  {
2300
- "name": "forge-time-picker",
2301
- "description": "A time input component with integrated dropdown for selecting time values with support for various formats, masking, and validation options.\n---\n",
2300
+ "name": "forge-toast",
2301
+ "description": "Toasts are non-modal notifications that appear in response to user interactions. Use toasts to provide brief messages about app processes at the bottom or top of the screen. They automatically disappear after a timeout, but can also include an action button and a dismiss button.\n---\n\n\n### **Events:**\n - **forge-toast-action** - Dispatched when the action button is clicked.\n- **forge-toast-close** - Dispatched when the toast is closed.\n\n### **Methods:**\n - **show(): _void_** - Shows the toast.\n- **hide(): __** - Hides the toast.\n\n### **CSS Properties:**\n - **--forge-toast-background** - The background color of the toast. _(default: undefined)_\n- **--forge-toast-color** - The text color of the toast. _(default: undefined)_\n- **--forge-toast-offset** - The offset of the toast from the edge of the viewport. _(default: undefined)_\n- **--forge-toast-shape** - The shape of the toast. _(default: undefined)_\n- **--forge-toast-elevation** - The elevation of the toast. _(default: undefined)_\n- **--forge-toast-action-color** - The text color of the action button. _(default: undefined)_\n- **--forge-toast-min-width** - The minimum width of the toast. _(default: undefined)_\n- **--forge-toast-max-width** - The maximum width of the toast. _(default: undefined)_\n- **--forge-toast-min-height** - The minimum height of the toast. _(default: undefined)_\n- **--forge-toast-inline-padding** - The padding of the toast when inline. _(default: undefined)_\n- **--forge-toast-spacing** - The spacing between toasts. _(default: undefined)_\n- **--forge-toast-message-padding** - The padding of the toast message. _(default: undefined)_\n- **--forge-toast-enter-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-toast-enter-timing** - The timing function of the enter animation. _(default: undefined)_\n- **--forge-toast-exit-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-toast-exit-timing** - The timing function of the exit animation. _(default: undefined)_\n- **--forge-toast-slide-origin** - The origin of the slide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface container.\n- **message** - The message container.\n- **action-button** - The action button.\n- **close-button** - The close button.\n- **overlay** - The `<forge-overlay>` element.",
2302
2302
  "attributes": [
2303
+ { "name": "open", "description": "The open state.", "values": [] },
2303
2304
  {
2304
- "name": "value",
2305
- "description": "The current value of the time picker.",
2305
+ "name": "duration",
2306
+ "description": "The duration in milliseconds that the toast is displayed.",
2306
2307
  "values": []
2307
2308
  },
2308
2309
  {
2309
- "name": "open",
2310
- "description": "Whether or not the time picker is open.",
2311
- "values": []
2310
+ "name": "placement",
2311
+ "description": "The placement of the toast.",
2312
+ "values": [{ "name": "ToastPlacement" }]
2312
2313
  },
2313
2314
  {
2314
- "name": "allow-seconds",
2315
- "description": "Whether or not to allow seconds in the time picker.",
2315
+ "name": "action-text",
2316
+ "description": "The text for the action button. This controls the visibility of the action button.",
2316
2317
  "values": []
2317
2318
  },
2318
2319
  {
2319
- "name": "masked",
2320
- "description": "Whether or not the time picker input should be masked.",
2320
+ "name": "dismissible",
2321
+ "description": "Whether the toast is dismissible (displays a close button).",
2321
2322
  "values": []
2322
2323
  },
2323
2324
  {
2324
- "name": "show-mask-format",
2325
- "description": "Whether or not to show the mask format in the input.",
2325
+ "name": "dismiss-label",
2326
+ "description": "The accessible label for the dismiss button.",
2326
2327
  "values": []
2327
2328
  },
2328
2329
  {
2329
- "name": "use-24-hour-time",
2330
- "description": "Whether or not to use 24-hour time.",
2331
- "values": []
2332
- },
2330
+ "name": "theme",
2331
+ "description": "The theme of the toast.",
2332
+ "values": [{ "name": "ToastTheme" }]
2333
+ }
2334
+ ],
2335
+ "references": []
2336
+ },
2337
+ {
2338
+ "name": "forge-toolbar",
2339
+ "description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar. This component is useful as headers and footers within pages, dialogs, sections... etc. to ensure consistent layout and alignment.\n---\n\n\n### **Slots:**\n - **before-start** - The content to place before the start slot.\n- **start** - The content to place at the start of the toolbar.\n- **center** - The content to place in the center of the toolbar.\n- **end** - The content to place at the end of the toolbar.\n- **after-end** - The content to place after the end slot.\n\n### **CSS Properties:**\n - **--forge-toolbar-height** - Controls the height. _(default: undefined)_\n- **--forge-toolbar-min-height** - Controls the minimum height. Defaults to the toolbar height. _(default: undefined)_\n- **--forge-theme-surface** - Controls the background-color of the toolbar. _(default: undefined)_\n- **--forge-toolbar-divider-width** - Controls the divider width. _(default: undefined)_\n- **--forge-toolbar-divider-style** - Controls the divider style. _(default: undefined)_\n- **--forge-toolbar-divider-color** - Controls the divider color. _(default: undefined)_\n- **--forge-toolbar-shape** - Controls the border radius of the toolbar. _(default: undefined)_\n- **--forge-toolbar-start-start-shape** - Controls the border radius of the top left corner. _(default: undefined)_\n- **--forge-toolbar-start-end-shape** - Controls the border radius of the top right corner. _(default: undefined)_\n- **--forge-toolbar-end-start-shape** - Controls the border radius of the bottom left corner. _(default: undefined)_\n- **--forge-toolbar-end-end-shape** - Controls the border radius of the bottom right corner. _(default: undefined)_\n- **--forge-toolbar-padding** - Controls the left and right padding using the padding-inline style. _(default: undefined)_\n- **--forge-toolbar-padding-block** - Controls the top and bottom padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-padding-inline** - Controls the left and right padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-columns** - The grid column track sizes. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element wrapping all slots and content.\n- **inner** - The internal container element for the start, center, and end slots.\n- **before-section-start** - The container element for the before-start slot.\n- **section-start** - The container element for the start slot.\n- **section-center** - The container element for the center slot.\n- **section-end** - The container element for the end slot.\n- **after-section-end** - The container element for the after-end slot.",
2340
+ "attributes": [
2333
2341
  {
2334
- "name": "allow-invalid-time",
2335
- "description": "Whether or not to allow invalid times.",
2342
+ "name": "inverted",
2343
+ "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2336
2344
  "values": []
2337
2345
  },
2338
2346
  {
2339
- "name": "min",
2340
- "description": "The minimum time that can be selected.",
2347
+ "name": "no-divider",
2348
+ "description": "Hides the internal divider.",
2341
2349
  "values": []
2342
2350
  },
2343
2351
  {
2344
- "name": "max",
2345
- "description": "The maximum time that can be selected.",
2352
+ "name": "no-border",
2353
+ "description": "Deprecated. Use `no-divider` instead.",
2346
2354
  "values": []
2347
2355
  },
2348
2356
  {
2349
- "name": "restricted-times",
2350
- "description": "An array of times that cannot be selected.",
2351
- "values": [{ "name": "string[]" }]
2352
- },
2353
- {
2354
- "name": "start-time",
2355
- "description": "The time to start the time picker at.",
2357
+ "name": "no-padding",
2358
+ "description": "Sets the internal padding style to 0.",
2356
2359
  "values": []
2357
2360
  },
2358
2361
  {
2359
- "name": "step",
2360
- "description": "The step interval for the time picker.",
2362
+ "name": "auto-height",
2363
+ "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2361
2364
  "values": []
2362
- },
2365
+ }
2366
+ ],
2367
+ "references": []
2368
+ },
2369
+ {
2370
+ "name": "forge-tooltip",
2371
+ "description": "Tooltips display information related to an element when the user focuses or hovers over an anchor element. Use tooltips to provide additional context or information about elements that may not be immediately apparent.\n---\n\n\n### **Slots:**\n - _default_ - The content to display in the tooltip.\n\n### **CSS Properties:**\n - **--forge-tooltip-background** - The background color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-color** - The text color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-shape** - The shape of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding** - The padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-block** - The block padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-inline** - The inline padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-max-width** - The maximum width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-elevation** - The elevation of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-width** - The border width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-style** - The border style of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-color** - The border color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-timing** - The animation timing function of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-duration** - The animation duration of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-offset** - The animation offset of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-arrow-size** - The size of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-height** - The height of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-width** - The width of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-shape** - The shape of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-clip-path** - The clip path of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-rotation** - The rotation of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-top-rotation** - The rotation of the tooltip arrow when the tooltip is placed on top. _(default: undefined)_\n- **--forge-tooltip-arrow-right-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the right. _(default: undefined)_\n- **--forge-tooltip-arrow-bottom-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the bottom. _(default: undefined)_\n- **--forge-tooltip-arrow-left-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the left. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The tooltip surface.\n- **arrow** - The tooltip arrow.\n- **overlay** - The overlay surface.",
2372
+ "attributes": [
2363
2373
  {
2364
- "name": "allow-input",
2365
- "description": "Whether or not to allow manual input of the time.",
2374
+ "name": "open",
2375
+ "description": "Whether or not the tooltip is open.",
2366
2376
  "values": []
2367
2377
  },
2368
2378
  {
2369
- "name": "show-now",
2370
- "description": "Whether or not to show a \"Now\" button.",
2371
- "values": []
2379
+ "name": "type",
2380
+ "description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
2381
+ "values": [{ "name": "TooltipType" }]
2372
2382
  },
2373
2383
  {
2374
- "name": "show-hour-options",
2375
- "description": "Whether or not to display hour options in dropdown.",
2384
+ "name": "anchor",
2385
+ "description": "The id of the element that the tooltip is anchored to.",
2376
2386
  "values": []
2377
2387
  },
2378
2388
  {
2379
- "name": "custom-options",
2380
- "description": "An array of custom time picker options.",
2381
- "values": [{ "name": "ITimePickerOption[]" }]
2389
+ "name": "placement",
2390
+ "description": "The placement of the tooltip relative to the anchor element.",
2391
+ "values": [{ "name": "TooltipPlacement" }]
2382
2392
  },
2383
2393
  {
2384
- "name": "validation-callback",
2385
- "description": "A callback function to validate the time.",
2386
- "values": [{ "name": "TimePickerValidationCallback" }]
2394
+ "name": "delay",
2395
+ "description": "The delay in milliseconds before the tooltip is shown.",
2396
+ "values": []
2387
2397
  },
2388
2398
  {
2389
- "name": "parse-callback",
2390
- "description": "A callback function to parse the time.",
2391
- "values": [{ "name": "TimePickerParseCallback" }]
2399
+ "name": "offset",
2400
+ "description": "The offset in pixels between the tooltip and the anchor element.",
2401
+ "values": []
2392
2402
  },
2393
2403
  {
2394
- "name": "format-callback",
2395
- "description": "A callback function to format the time.",
2396
- "values": [{ "name": "TimePickerFormatCallback" }]
2404
+ "name": "flip",
2405
+ "description": "How the tooltip should place itself if there is not enough space at the desired placement.",
2406
+ "values": [{ "name": "OverlayFlipState" }]
2397
2407
  },
2398
2408
  {
2399
- "name": "coercion-callback",
2400
- "description": "A callback function to coerce the time.",
2401
- "values": [{ "name": "TimePickerCoercionCallback" }]
2409
+ "name": "boundary",
2410
+ "description": "The id of the element that the tooltip should be constrained to.",
2411
+ "values": []
2402
2412
  },
2403
2413
  {
2404
- "name": "prepare-mask-callback",
2405
- "description": "A callback function to prepare the mask.",
2406
- "values": [{ "name": "TimePickerPrepareMaskCallback" }]
2414
+ "name": "fallback-placements",
2415
+ "description": "The fallback placements of the tooltip relative to the anchor element.",
2416
+ "values": [{ "name": "PositionPlacement[]" }]
2407
2417
  },
2408
2418
  {
2409
- "name": "disabled",
2410
- "description": "Whether or not the time picker is disabled.",
2419
+ "name": "trigger-type",
2420
+ "description": "The trigger type(s) that will open the tooltip. Valid values are `hover` (default), `longpress`, and `focus`.",
2421
+ "values": [
2422
+ { "name": "TooltipTriggerType" },
2423
+ { "name": "TooltipTriggerType[]" }
2424
+ ]
2425
+ }
2426
+ ],
2427
+ "references": []
2428
+ },
2429
+ {
2430
+ "name": "forge-time-picker",
2431
+ "description": "A time input component with integrated dropdown for selecting time values with support for various formats, masking, and validation options.\n---\n",
2432
+ "attributes": [
2433
+ {
2434
+ "name": "value",
2435
+ "description": "The current value of the time picker.",
2411
2436
  "values": []
2412
2437
  },
2413
2438
  {
2414
- "name": "popup-classes",
2415
- "description": "The classes to apply to the time picker popup.",
2416
- "values": [{ "name": "string[]" }]
2439
+ "name": "open",
2440
+ "description": "Whether or not the time picker is open.",
2441
+ "values": []
2417
2442
  },
2418
2443
  {
2419
- "name": "allow-dropdown",
2420
- "description": "Whether or not to allow the time picker to be a dropdown.",
2444
+ "name": "allow-seconds",
2445
+ "description": "Whether or not to allow seconds in the time picker.",
2421
2446
  "values": []
2422
2447
  },
2423
2448
  {
2424
- "name": "popup-target",
2425
- "description": "The target element to attach the popup to.",
2449
+ "name": "masked",
2450
+ "description": "Whether or not the time picker input should be masked.",
2426
2451
  "values": []
2427
- }
2428
- ],
2429
- "references": []
2430
- },
2431
- {
2432
- "name": "forge-toast",
2433
- "description": "Toasts are non-modal notifications that appear in response to user interactions. Use toasts to provide brief messages about app processes at the bottom or top of the screen. They automatically disappear after a timeout, but can also include an action button and a dismiss button.\n---\n\n\n### **Events:**\n - **forge-toast-action** - Dispatched when the action button is clicked.\n- **forge-toast-close** - Dispatched when the toast is closed.\n\n### **Methods:**\n - **show(): _void_** - Shows the toast.\n- **hide(): __** - Hides the toast.\n\n### **CSS Properties:**\n - **--forge-toast-background** - The background color of the toast. _(default: undefined)_\n- **--forge-toast-color** - The text color of the toast. _(default: undefined)_\n- **--forge-toast-offset** - The offset of the toast from the edge of the viewport. _(default: undefined)_\n- **--forge-toast-shape** - The shape of the toast. _(default: undefined)_\n- **--forge-toast-elevation** - The elevation of the toast. _(default: undefined)_\n- **--forge-toast-action-color** - The text color of the action button. _(default: undefined)_\n- **--forge-toast-min-width** - The minimum width of the toast. _(default: undefined)_\n- **--forge-toast-max-width** - The maximum width of the toast. _(default: undefined)_\n- **--forge-toast-min-height** - The minimum height of the toast. _(default: undefined)_\n- **--forge-toast-inline-padding** - The padding of the toast when inline. _(default: undefined)_\n- **--forge-toast-spacing** - The spacing between toasts. _(default: undefined)_\n- **--forge-toast-message-padding** - The padding of the toast message. _(default: undefined)_\n- **--forge-toast-enter-duration** - The duration of the enter animation. _(default: undefined)_\n- **--forge-toast-enter-timing** - The timing function of the enter animation. _(default: undefined)_\n- **--forge-toast-exit-duration** - The duration of the exit animation. _(default: undefined)_\n- **--forge-toast-exit-timing** - The timing function of the exit animation. _(default: undefined)_\n- **--forge-toast-slide-origin** - The origin of the slide animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The surface container.\n- **message** - The message container.\n- **action-button** - The action button.\n- **close-button** - The close button.\n- **overlay** - The `<forge-overlay>` element.",
2434
- "attributes": [
2435
- { "name": "open", "description": "The open state.", "values": [] },
2452
+ },
2436
2453
  {
2437
- "name": "duration",
2438
- "description": "The duration in milliseconds that the toast is displayed.",
2454
+ "name": "show-mask-format",
2455
+ "description": "Whether or not to show the mask format in the input.",
2439
2456
  "values": []
2440
2457
  },
2441
2458
  {
2442
- "name": "placement",
2443
- "description": "The placement of the toast.",
2444
- "values": [{ "name": "ToastPlacement" }]
2459
+ "name": "use-24-hour-time",
2460
+ "description": "Whether or not to use 24-hour time.",
2461
+ "values": []
2445
2462
  },
2446
2463
  {
2447
- "name": "action-text",
2448
- "description": "The text for the action button. This controls the visibility of the action button.",
2464
+ "name": "allow-invalid-time",
2465
+ "description": "Whether or not to allow invalid times.",
2449
2466
  "values": []
2450
2467
  },
2451
2468
  {
2452
- "name": "dismissible",
2453
- "description": "Whether the toast is dismissible (displays a close button).",
2469
+ "name": "min",
2470
+ "description": "The minimum time that can be selected.",
2454
2471
  "values": []
2455
2472
  },
2456
2473
  {
2457
- "name": "dismiss-label",
2458
- "description": "The accessible label for the dismiss button.",
2474
+ "name": "max",
2475
+ "description": "The maximum time that can be selected.",
2459
2476
  "values": []
2460
2477
  },
2461
2478
  {
2462
- "name": "theme",
2463
- "description": "The theme of the toast.",
2464
- "values": [{ "name": "ToastTheme" }]
2465
- }
2466
- ],
2467
- "references": []
2468
- },
2469
- {
2470
- "name": "forge-toolbar",
2471
- "description": "Toolbars allow you to place titles and actions within a container and align them to the start, center, or end of the toolbar. This component is useful as headers and footers within pages, dialogs, sections... etc. to ensure consistent layout and alignment.\n---\n\n\n### **Slots:**\n - **before-start** - The content to place before the start slot.\n- **start** - The content to place at the start of the toolbar.\n- **center** - The content to place in the center of the toolbar.\n- **end** - The content to place at the end of the toolbar.\n- **after-end** - The content to place after the end slot.\n\n### **CSS Properties:**\n - **--forge-toolbar-height** - Controls the height. _(default: undefined)_\n- **--forge-toolbar-min-height** - Controls the minimum height. Defaults to the toolbar height. _(default: undefined)_\n- **--forge-theme-surface** - Controls the background-color of the toolbar. _(default: undefined)_\n- **--forge-toolbar-divider-width** - Controls the divider width. _(default: undefined)_\n- **--forge-toolbar-divider-style** - Controls the divider style. _(default: undefined)_\n- **--forge-toolbar-divider-color** - Controls the divider color. _(default: undefined)_\n- **--forge-toolbar-shape** - Controls the border radius of the toolbar. _(default: undefined)_\n- **--forge-toolbar-start-start-shape** - Controls the border radius of the top left corner. _(default: undefined)_\n- **--forge-toolbar-start-end-shape** - Controls the border radius of the top right corner. _(default: undefined)_\n- **--forge-toolbar-end-start-shape** - Controls the border radius of the bottom left corner. _(default: undefined)_\n- **--forge-toolbar-end-end-shape** - Controls the border radius of the bottom right corner. _(default: undefined)_\n- **--forge-toolbar-padding** - Controls the left and right padding using the padding-inline style. _(default: undefined)_\n- **--forge-toolbar-padding-block** - Controls the top and bottom padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-padding-inline** - Controls the left and right padding using the padding-block style. _(default: undefined)_\n- **--forge-toolbar-columns** - The grid column track sizes. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element wrapping all slots and content.\n- **inner** - The internal container element for the start, center, and end slots.\n- **before-section-start** - The container element for the before-start slot.\n- **section-start** - The container element for the start slot.\n- **section-center** - The container element for the center slot.\n- **section-end** - The container element for the end slot.\n- **after-section-end** - The container element for the after-end slot.",
2472
- "attributes": [
2473
- {
2474
- "name": "inverted",
2475
- "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2476
- "values": []
2479
+ "name": "restricted-times",
2480
+ "description": "An array of times that cannot be selected.",
2481
+ "values": [{ "name": "string[]" }]
2477
2482
  },
2478
2483
  {
2479
- "name": "no-divider",
2480
- "description": "Hides the internal divider.",
2484
+ "name": "start-time",
2485
+ "description": "The time to start the time picker at.",
2481
2486
  "values": []
2482
2487
  },
2483
2488
  {
2484
- "name": "no-border",
2485
- "description": "Deprecated. Use `no-divider` instead.",
2489
+ "name": "step",
2490
+ "description": "The step interval for the time picker.",
2486
2491
  "values": []
2487
2492
  },
2488
2493
  {
2489
- "name": "no-padding",
2490
- "description": "Sets the internal padding style to 0.",
2494
+ "name": "allow-input",
2495
+ "description": "Whether or not to allow manual input of the time.",
2491
2496
  "values": []
2492
2497
  },
2493
2498
  {
2494
- "name": "auto-height",
2495
- "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2499
+ "name": "show-now",
2500
+ "description": "Whether or not to show a \"Now\" button.",
2496
2501
  "values": []
2497
- }
2498
- ],
2499
- "references": []
2500
- },
2501
- {
2502
- "name": "forge-tooltip",
2503
- "description": "Tooltips display information related to an element when the user focuses or hovers over an anchor element. Use tooltips to provide additional context or information about elements that may not be immediately apparent.\n---\n\n\n### **Slots:**\n - _default_ - The content to display in the tooltip.\n\n### **CSS Properties:**\n - **--forge-tooltip-background** - The background color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-color** - The text color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-shape** - The shape of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding** - The padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-block** - The block padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-padding-inline** - The inline padding of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-max-width** - The maximum width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-elevation** - The elevation of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-width** - The border width of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-style** - The border style of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-border-color** - The border color of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-timing** - The animation timing function of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-duration** - The animation duration of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-animation-offset** - The animation offset of the tooltip surface. _(default: undefined)_\n- **--forge-tooltip-arrow-size** - The size of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-height** - The height of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-width** - The width of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-shape** - The shape of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-clip-path** - The clip path of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-rotation** - The rotation of the tooltip arrow. _(default: undefined)_\n- **--forge-tooltip-arrow-top-rotation** - The rotation of the tooltip arrow when the tooltip is placed on top. _(default: undefined)_\n- **--forge-tooltip-arrow-right-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the right. _(default: undefined)_\n- **--forge-tooltip-arrow-bottom-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the bottom. _(default: undefined)_\n- **--forge-tooltip-arrow-left-rotation** - The rotation of the tooltip arrow when the tooltip is placed on the left. _(default: undefined)_\n\n### **CSS Parts:**\n - **surface** - The tooltip surface.\n- **arrow** - The tooltip arrow.\n- **overlay** - The overlay surface.",
2504
- "attributes": [
2502
+ },
2505
2503
  {
2506
- "name": "open",
2507
- "description": "Whether or not the tooltip is open.",
2504
+ "name": "show-hour-options",
2505
+ "description": "Whether or not to display hour options in dropdown.",
2508
2506
  "values": []
2509
2507
  },
2510
2508
  {
2511
- "name": "type",
2512
- "description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
2513
- "values": [{ "name": "TooltipType" }]
2509
+ "name": "custom-options",
2510
+ "description": "An array of custom time picker options.",
2511
+ "values": [{ "name": "ITimePickerOption[]" }]
2514
2512
  },
2515
2513
  {
2516
- "name": "anchor",
2517
- "description": "The id of the element that the tooltip is anchored to.",
2518
- "values": []
2514
+ "name": "validation-callback",
2515
+ "description": "A callback function to validate the time.",
2516
+ "values": [{ "name": "TimePickerValidationCallback" }]
2519
2517
  },
2520
2518
  {
2521
- "name": "placement",
2522
- "description": "The placement of the tooltip relative to the anchor element.",
2523
- "values": [{ "name": "TooltipPlacement" }]
2519
+ "name": "parse-callback",
2520
+ "description": "A callback function to parse the time.",
2521
+ "values": [{ "name": "TimePickerParseCallback" }]
2524
2522
  },
2525
2523
  {
2526
- "name": "delay",
2527
- "description": "The delay in milliseconds before the tooltip is shown.",
2528
- "values": []
2524
+ "name": "format-callback",
2525
+ "description": "A callback function to format the time.",
2526
+ "values": [{ "name": "TimePickerFormatCallback" }]
2529
2527
  },
2530
2528
  {
2531
- "name": "offset",
2532
- "description": "The offset in pixels between the tooltip and the anchor element.",
2533
- "values": []
2529
+ "name": "coercion-callback",
2530
+ "description": "A callback function to coerce the time.",
2531
+ "values": [{ "name": "TimePickerCoercionCallback" }]
2534
2532
  },
2535
2533
  {
2536
- "name": "flip",
2537
- "description": "How the tooltip should place itself if there is not enough space at the desired placement.",
2538
- "values": [{ "name": "OverlayFlipState" }]
2534
+ "name": "prepare-mask-callback",
2535
+ "description": "A callback function to prepare the mask.",
2536
+ "values": [{ "name": "TimePickerPrepareMaskCallback" }]
2539
2537
  },
2540
2538
  {
2541
- "name": "boundary",
2542
- "description": "The id of the element that the tooltip should be constrained to.",
2539
+ "name": "disabled",
2540
+ "description": "Whether or not the time picker is disabled.",
2543
2541
  "values": []
2544
2542
  },
2545
2543
  {
2546
- "name": "fallback-placements",
2547
- "description": "The fallback placements of the tooltip relative to the anchor element.",
2548
- "values": [{ "name": "PositionPlacement[]" }]
2544
+ "name": "popup-classes",
2545
+ "description": "The classes to apply to the time picker popup.",
2546
+ "values": [{ "name": "string[]" }]
2549
2547
  },
2550
2548
  {
2551
- "name": "trigger-type",
2552
- "description": "The trigger type(s) that will open the tooltip. Valid values are `hover` (default), `longpress`, and `focus`.",
2553
- "values": [
2554
- { "name": "TooltipTriggerType" },
2555
- { "name": "TooltipTriggerType[]" }
2556
- ]
2549
+ "name": "allow-dropdown",
2550
+ "description": "Whether or not to allow the time picker to be a dropdown.",
2551
+ "values": []
2552
+ },
2553
+ {
2554
+ "name": "popup-target",
2555
+ "description": "The target element to attach the popup to.",
2556
+ "values": []
2557
2557
  }
2558
2558
  ],
2559
2559
  "references": []
@@ -2616,8 +2616,8 @@
2616
2616
  "references": []
2617
2617
  },
2618
2618
  {
2619
- "name": "forge-app-bar-help-button",
2620
- "description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
2619
+ "name": "forge-app-bar-menu-button",
2620
+ "description": "A menu toggle button component with a predefined hamburger menu icon, typically used in an app bar's start slot to open navigation menus.\n---\n",
2621
2621
  "attributes": [
2622
2622
  {
2623
2623
  "name": "icon",
@@ -2638,8 +2638,8 @@
2638
2638
  "references": []
2639
2639
  },
2640
2640
  {
2641
- "name": "forge-app-bar-menu-button",
2642
- "description": "A menu toggle button component with a predefined hamburger menu icon, typically used in an app bar's start slot to open navigation menus.\n---\n",
2641
+ "name": "forge-app-bar-help-button",
2642
+ "description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
2643
2643
  "attributes": [
2644
2644
  {
2645
2645
  "name": "icon",
@@ -2787,33 +2787,6 @@
2787
2787
  ],
2788
2788
  "references": []
2789
2789
  },
2790
- {
2791
- "name": "forge-button-toggle",
2792
- "description": "Button toggles allow users to select from a group of choices with single or multiple selection.\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
2793
- "attributes": [
2794
- {
2795
- "name": "value",
2796
- "description": "The value of the button toggle.",
2797
- "values": []
2798
- },
2799
- {
2800
- "name": "selected",
2801
- "description": "Whether or not the button is selected.",
2802
- "values": []
2803
- },
2804
- {
2805
- "name": "disabled",
2806
- "description": "Whether or not the button is disabled.",
2807
- "values": []
2808
- },
2809
- {
2810
- "name": "readonly",
2811
- "description": "Whether or not the button is readonly.",
2812
- "values": []
2813
- }
2814
- ],
2815
- "references": []
2816
- },
2817
2790
  {
2818
2791
  "name": "forge-button-toggle-group",
2819
2792
  "description": "Button toggle groups allow users to select one or more options from a set of button toggles.\n---\n\n\n### **Events:**\n - **forge-button-toggle-group-change** - Dispatches when the value of the group changes.\n\n### **Slots:**\n - _default_ - The is a default/unnamed slot for child button toggle elements.\n\n### **CSS Properties:**\n - **--forge-button-toggle-group-display** - The `display` of the group container elements. _(default: undefined)_\n- **--forge-button-toggle-group-gap** - The space between button toggle elements. _(default: undefined)_\n- **--forge-button-toggle-group-padding** - The padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-block** - The block padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-padding-inline** - The inline padding around the button toggle elements when outlined. _(default: undefined)_\n- **--forge-button-toggle-group-height** - The height of the group element. _(default: undefined)_\n- **--forge-button-toggle-group-dense-height** - The height of the group element when dense. _(default: undefined)_\n- **--forge-button-toggle-group-outline-width** - The width of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-style** - The style of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color** - The color of the outline around the group element. _(default: undefined)_\n- **--forge-button-toggle-group-outline-color-active** - The color of the outline around the group element when hovered or focused. _(default: undefined)_\n- **--forge-button-toggle-group-shape** - The shape radius of the group container element. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-start** - The start-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-start-end** - The start-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-start** - The end-start shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-shape-end-end** - The end-end shape radius. _(default: undefined)_\n- **--forge-button-toggle-group-transition-duration** - The transition duration for all animations on the group. _(default: undefined)_\n- **--forge-button-toggle-group-transition-timing** - The transition timing for all animations on the group. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element for the group.",
@@ -2871,6 +2844,33 @@
2871
2844
  ],
2872
2845
  "references": []
2873
2846
  },
2847
+ {
2848
+ "name": "forge-button-toggle",
2849
+ "description": "Button toggles allow users to select from a group of choices with single or multiple selection.\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
2850
+ "attributes": [
2851
+ {
2852
+ "name": "value",
2853
+ "description": "The value of the button toggle.",
2854
+ "values": []
2855
+ },
2856
+ {
2857
+ "name": "selected",
2858
+ "description": "Whether or not the button is selected.",
2859
+ "values": []
2860
+ },
2861
+ {
2862
+ "name": "disabled",
2863
+ "description": "Whether or not the button is disabled.",
2864
+ "values": []
2865
+ },
2866
+ {
2867
+ "name": "readonly",
2868
+ "description": "Whether or not the button is readonly.",
2869
+ "values": []
2870
+ }
2871
+ ],
2872
+ "references": []
2873
+ },
2874
2874
  {
2875
2875
  "name": "forge-chip",
2876
2876
  "description": "A compact, interactive element that represents an entity, action, or attribute with support for selection, removal, and various styling options.\n---\n\n\n### **Events:**\n - **forge-chip-delete** - Event fired when the chip is deleted.\n- **forge-chip-select** - Event fired when the chip is selected.\n\n### **Slots:**\n - _default_ - The content of the chip.\n- **start** - The start content of the chip.\n- **end** - The end content of the chip.\n\n### **CSS Properties:**\n - **--forge-chip-background** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-color** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-shape** - The shape of the chip. _(default: undefined)_\n- **--forge-chip-spacing** - The spacing between chips. _(default: undefined)_\n- **--forge-chip-height** - The height of the chip. _(default: undefined)_\n- **--forge-chip-padding-inline** - The inline padding of the chip. _(default: undefined)_\n- **--forge-chip-padding-block** - The block padding of the chip. _(default: undefined)_\n- **--forge-chip-cursor** - The cursor style of the chip. _(default: undefined)_\n- **--forge-chip-icon-font-size** - The font size of the chip icon. _(default: undefined)_\n- **--forge-chip-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-chip-disabled-opacity** - The opacity of the disabled chip. _(default: undefined)_\n- **--forge-chip-disabled-cursor** - The cursor style of the disabled chip. _(default: undefined)_\n- **--forge-chip-dense-height** - The height of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-padding-inline** - The inline padding of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-spacing** - The spacing between dense chips. _(default: undefined)_\n- **--forge-chip-dense-font-size** - The font size of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-font-weight** - The font weight of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-focus-indicator-offset** - The offset of the focus indicator for dense chips. _(default: undefined)_\n- **--forge-chip-dense-icon-font-size** - The font size of the icon in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing** - The spacing of the remove button in chips. _(default: undefined)_\n- **--forge-chip-remove-button-height-dense** - The height of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-icon-size-dense** - The icon size of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing-dense** - The spacing of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-selected-background** - The background color of the selected chip. _(default: undefined)_\n- **--forge-chip-selected-color** - The text color of the selected chip. _(default: undefined)_\n- **--forge-chip-invalid-color** - The text color of the invalid chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-background** - The background color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-color** - The text color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-border-width** - The width of the chip border. _(default: undefined)_\n- **--forge-chip-border-style** - The style of the chip border. _(default: undefined)_\n- **--forge-chip-border-color** - The color of the chip border. _(default: undefined)_\n- **--forge-chip-field-background** - The background color of the chip field. _(default: undefined)_\n- **--forge-chip-field-color** - The text color of the chip field. _(default: undefined)_\n- **--forge-chip-field-shape** - The shape of the chip field. _(default: undefined)_\n- **--forge-chip-field-border-color** - The color of the chip field border. _(default: undefined)_\n- **--forge-chip-field-cursor** - The cursor style of the chip field. _(default: undefined)_\n- **--forge-chip-checkmark-size** - The size of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-color** - The color of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-spacing** - The spacing of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-avatar-size** - The size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-size-dense** - The size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size** - The font size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size-dense** - The font size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing** - The spacing of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing-dense** - The spacing of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-transition-duration** - The duration of the chip transition. _(default: undefined)_\n- **--forge-chip-transition-easing** - The easing function of the chip transition. _(default: undefined)_\n- **--forge-chip-checkmark-transition-delay** - The delay of the checkmark transition in chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **trigger** - The trigger element of the chip.\n- **focus-indicator** - The focus indicator of the chip.\n- **state-layer** - The state layer surface.",
@@ -2972,14 +2972,14 @@
2972
2972
  "references": []
2973
2973
  },
2974
2974
  {
2975
- "name": "forge-deprecated-button",
2976
- "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
2975
+ "name": "forge-deprecated-icon-button",
2976
+ "description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
2977
2977
  "attributes": [],
2978
2978
  "references": []
2979
2979
  },
2980
2980
  {
2981
- "name": "forge-deprecated-icon-button",
2982
- "description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
2981
+ "name": "forge-deprecated-button",
2982
+ "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
2983
2983
  "attributes": [],
2984
2984
  "references": []
2985
2985
  },
@@ -3109,63 +3109,6 @@
3109
3109
  ],
3110
3110
  "references": []
3111
3111
  },
3112
- {
3113
- "name": "forge-list-item",
3114
- "description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n- **additional-content** - Additional content that appears below the main list item interactive area.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
3115
- "attributes": [
3116
- {
3117
- "name": "selected",
3118
- "description": "Applies the selected state to the list item.",
3119
- "values": []
3120
- },
3121
- {
3122
- "name": "active",
3123
- "description": "Applies the active state to the list item by emulating its focused state.",
3124
- "values": []
3125
- },
3126
- {
3127
- "name": "value",
3128
- "description": "The unique value of the list item.",
3129
- "values": []
3130
- },
3131
- {
3132
- "name": "dense",
3133
- "description": "Applies the dense state to the list item.",
3134
- "values": []
3135
- },
3136
- {
3137
- "name": "indented",
3138
- "description": "Applies the indented state by adding margin to the start of the list item.",
3139
- "values": []
3140
- },
3141
- {
3142
- "name": "two-line",
3143
- "description": "Sets the list item height to support at least two lines of text.",
3144
- "values": []
3145
- },
3146
- {
3147
- "name": "three-line",
3148
- "description": "Sets the list item height to support at least three lines of text.",
3149
- "values": []
3150
- },
3151
- {
3152
- "name": "wrap",
3153
- "description": "Sets the list item to wrap its text content.",
3154
- "values": []
3155
- },
3156
- {
3157
- "name": "noninteractive",
3158
- "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
3159
- "values": []
3160
- },
3161
- {
3162
- "name": "focus-propagation",
3163
- "description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
3164
- "values": []
3165
- }
3166
- ],
3167
- "references": []
3168
- },
3169
3112
  {
3170
3113
  "name": "forge-meter",
3171
3114
  "description": "Meters display a scalar value within a defined range.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the meter's label.\n- **value** - A textual representation of the meter's value.\n\n### **CSS Properties:**\n - **--forge-meter-background** - The background color of the meter. _(default: undefined)_\n- **--forge-meter-color** - The color of the meter's bar. _(default: undefined)_\n- **--forge-meter-height** - The block size of the meter. _(default: undefined)_\n- **--forge-meter-shape** - The border radius of the meter. _(default: undefined)_\n- **--forge-meter-bar-inner-shape** - The border radius of the meter's bar. _(default: undefined)_\n- **--forge-meter-tickmarks** - The number of tickmarks to display. _(default: undefined)_\n- **--forge-meter-tickmark-opacity** - The opacity of the tickmarks. _(default: undefined)_\n- **--forge-meter-transition-duration** - The duration of transitions. _(default: undefined)_\n- **--forge-meter-transition-timing** - The timing function of transitions. _(default: undefined)_\n- **--forge-theme-success** - The color of the bar when the value is optimal. _(default: undefined)_\n- **--forge-theme-success-container-low** - The color of the track when the value is optimal. _(default: undefined)_\n- **--forge-theme-warning** - The color of the bar when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-warning-container-low** - The color of the track when the value is suboptimal. _(default: undefined)_\n- **--forge-theme-error** - The color of the bar when the value is least optimal. _(default: undefined)_\n- **--forge-theme-error-container-low** - The color of the track when the value is least optimal. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **track** - The element comprising the meter's background.\n- **bar** - The bar representing the value.",
@@ -3350,68 +3293,58 @@
3350
3293
  "references": []
3351
3294
  },
3352
3295
  {
3353
- "name": "forge-option",
3354
- "description": "Options represent individual selectable items within `<forge-select>` components.\n---\n",
3296
+ "name": "forge-list-item",
3297
+ "description": "List items are individual rows of content inside of a list.\n---\n\n\n### **Events:**\n - **forge-list-item-select** - Fires when the list item is selected.\n\n### **Slots:**\n - _default_ - The primary text.\n- **secondary-text** - The secondary text.\n- **tertiary-text** - The tertiary text.\n- **start** - The start content.\n- **end** - The end element.\n- **additional-content** - Additional content that appears below the main list item interactive area.\n\n### **CSS Properties:**\n - **--forge-list-item-background** - The background color. _(default: undefined)_\n- **--forge-list-item-shape** - The shape of the list item. _(default: undefined)_\n- **--forge-list-item-padding** - The padding inside of the container element. _(default: undefined)_\n- **--forge-list-item-wrap-padding** - The padding inside of the container element when `wrap` is enabled. _(default: undefined)_\n- **--forge-list-item-margin** - The margin around the host element. _(default: undefined)_\n- **--forge-list-item-height** - The height of the container. _(default: undefined)_\n- **--forge-list-item-indent** - The margin inline state when in the indented state. _(default: undefined)_\n- **--forge-list-item-cursor** - The cursor when interactive. _(default: undefined)_\n- **--forge-list-item-gap** - The gap between the slotted content. _(default: undefined)_\n- **--forge-list-item-text-color** - The text color of the text. _(default: undefined)_\n- **--forge-list-item-text-font-size** - The font size of the text. _(default: undefined)_\n- **--forge-list-item-text-font-weight** - The font weight of the text. _(default: undefined)_\n- **--forge-list-item-text-line-height** - The line height of the text. _(default: undefined)_\n- **--forge-list-item-selected-color** - The foreground color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-background** - The background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-opacity** - The opacity of the background color when in the selected state. _(default: undefined)_\n- **--forge-list-item-start-selected-color** - The color of the start content when in the selected state. _(default: undefined)_\n- **--forge-list-item-end-selected-color** - The color of the end content when in the selected state. _(default: undefined)_\n- **--forge-list-item-selected-text-color** - The color of the text when in the selected state. _(default: undefined)_\n- **--forge-list-item-disabled-opacity** - The opacity of the element when in the disabled state. _(default: undefined)_\n- **--forge-list-item-disabled-cursor** - The cursor when in the disabled state. _(default: undefined)_\n- **--forge-list-item-one-line-height** - The line height when in the one/single line state. _(default: undefined)_\n- **--forge-list-item-two-line-height** - The line height when in the two line state. _(default: undefined)_\n- **--forge-list-item-three-line-height** - The line height when in the three line state. _(default: undefined)_\n- **--forge-list-item-dense-one-line-height** - The line height when in the dense one/single line state. _(default: undefined)_\n- **--forge-list-item-dense-two-line-height** - The line height when in the dense two line state. _(default: undefined)_\n- **--forge-list-item-dense-three-line-height** - The line height when in the dense three line state. _(default: undefined)_\n- **--forge-list-item-dense-font-size** - The font size when in the dense state. _(default: undefined)_\n- **--forge-list-item-dense-indent** - The margin inline state when in the dense indented state. _(default: undefined)_\n- **--forge-list-item-dense-gap** - The gap between the slotted content when in the dense state. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **text-container** - The container for the text content.\n- **focus-indicator** - The forwarded focus indicator's internal indicator element.\n- **state-layer** - The forwarded state layer's internal surface element.",
3355
3298
  "attributes": [
3356
3299
  {
3357
- "name": "value",
3358
- "description": "Gets/sets the value of this option.",
3359
- "values": []
3360
- },
3361
- {
3362
- "name": "label",
3363
- "description": "Gets/sets the label of this option.",
3300
+ "name": "selected",
3301
+ "description": "Applies the selected state to the list item.",
3364
3302
  "values": []
3365
3303
  },
3366
3304
  {
3367
- "name": "secondary-label",
3368
- "description": "Gets/sets the secondary label of this option.",
3305
+ "name": "active",
3306
+ "description": "Applies the active state to the list item by emulating its focused state.",
3369
3307
  "values": []
3370
3308
  },
3371
3309
  {
3372
- "name": "disabled",
3373
- "description": "Gets/sets the disabled status of this option.",
3310
+ "name": "value",
3311
+ "description": "The unique value of the list item.",
3374
3312
  "values": []
3375
3313
  },
3376
3314
  {
3377
- "name": "divider",
3378
- "description": "Gets/sets the whether this option is a divider.",
3315
+ "name": "dense",
3316
+ "description": "Applies the dense state to the list item.",
3379
3317
  "values": []
3380
3318
  },
3381
3319
  {
3382
- "name": "option-class",
3383
- "description": "Gets/sets the classes of this option.",
3384
- "values": [{ "name": "string[]" }]
3385
- },
3386
- {
3387
- "name": "leading-icon",
3388
- "description": "Gets/sets the leading icon of this option.",
3320
+ "name": "indented",
3321
+ "description": "Applies the indented state by adding margin to the start of the list item.",
3389
3322
  "values": []
3390
3323
  },
3391
3324
  {
3392
- "name": "leading-icon-class",
3393
- "description": "Gets/sets the leading icon class of this option.",
3325
+ "name": "two-line",
3326
+ "description": "Sets the list item height to support at least two lines of text.",
3394
3327
  "values": []
3395
3328
  },
3396
3329
  {
3397
- "name": "leading-icon-type",
3398
- "description": "Gets/sets the leading icon type of this option.",
3399
- "values": [{ "name": "ListDropdownIconType" }]
3330
+ "name": "three-line",
3331
+ "description": "Sets the list item height to support at least three lines of text.",
3332
+ "values": []
3400
3333
  },
3401
3334
  {
3402
- "name": "trailing-icon",
3403
- "description": "Gets/sets the trailing icon of this option.",
3335
+ "name": "wrap",
3336
+ "description": "Sets the list item to wrap its text content.",
3404
3337
  "values": []
3405
3338
  },
3406
3339
  {
3407
- "name": "trailing-icon-class",
3408
- "description": "Gets/sets the trailing icon class of this option.",
3340
+ "name": "noninteractive",
3341
+ "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
3409
3342
  "values": []
3410
3343
  },
3411
3344
  {
3412
- "name": "trailing-icon-type",
3413
- "description": "Gets/sets the trailing icon type of this option.",
3414
- "values": [{ "name": "ListDropdownIconType" }]
3345
+ "name": "focus-propagation",
3346
+ "description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
3347
+ "values": []
3415
3348
  }
3416
3349
  ],
3417
3350
  "references": []
@@ -3714,6 +3647,73 @@
3714
3647
  ],
3715
3648
  "references": []
3716
3649
  },
3650
+ {
3651
+ "name": "forge-option",
3652
+ "description": "Options represent individual selectable items within `<forge-select>` components.\n---\n",
3653
+ "attributes": [
3654
+ {
3655
+ "name": "value",
3656
+ "description": "Gets/sets the value of this option.",
3657
+ "values": []
3658
+ },
3659
+ {
3660
+ "name": "label",
3661
+ "description": "Gets/sets the label of this option.",
3662
+ "values": []
3663
+ },
3664
+ {
3665
+ "name": "secondary-label",
3666
+ "description": "Gets/sets the secondary label of this option.",
3667
+ "values": []
3668
+ },
3669
+ {
3670
+ "name": "disabled",
3671
+ "description": "Gets/sets the disabled status of this option.",
3672
+ "values": []
3673
+ },
3674
+ {
3675
+ "name": "divider",
3676
+ "description": "Gets/sets the whether this option is a divider.",
3677
+ "values": []
3678
+ },
3679
+ {
3680
+ "name": "option-class",
3681
+ "description": "Gets/sets the classes of this option.",
3682
+ "values": [{ "name": "string[]" }]
3683
+ },
3684
+ {
3685
+ "name": "leading-icon",
3686
+ "description": "Gets/sets the leading icon of this option.",
3687
+ "values": []
3688
+ },
3689
+ {
3690
+ "name": "leading-icon-class",
3691
+ "description": "Gets/sets the leading icon class of this option.",
3692
+ "values": []
3693
+ },
3694
+ {
3695
+ "name": "leading-icon-type",
3696
+ "description": "Gets/sets the leading icon type of this option.",
3697
+ "values": [{ "name": "ListDropdownIconType" }]
3698
+ },
3699
+ {
3700
+ "name": "trailing-icon",
3701
+ "description": "Gets/sets the trailing icon of this option.",
3702
+ "values": []
3703
+ },
3704
+ {
3705
+ "name": "trailing-icon-class",
3706
+ "description": "Gets/sets the trailing icon class of this option.",
3707
+ "values": []
3708
+ },
3709
+ {
3710
+ "name": "trailing-icon-type",
3711
+ "description": "Gets/sets the trailing icon type of this option.",
3712
+ "values": [{ "name": "ListDropdownIconType" }]
3713
+ }
3714
+ ],
3715
+ "references": []
3716
+ },
3717
3717
  {
3718
3718
  "name": "forge-split-view-panel",
3719
3719
  "description": "Individual panels within split views that can be resized and collapsed.\n---\n\n\n### **Events:**\n - **forge-split-view-panel-will-resize** - Emitted before the panel resizes.\n- **forge-split-view-panel-resize-start** - Emitted when the panel starts resizing.\n- **forge-split-view-panel-resize-end** - Emitted when the panel stops resizing.\n- **forge-split-view-panel-resize** - Emitted when the panel resizes.\n- **forge-split-view-panel-will-open** - Emitted before the panel opens.\n- **forge-split-view-panel-will-close** - Emitted before the panel closes.\n- **forge-split-view-panel-did-open** - Emitted after the panel opens.\n- **forge-split-view-panel-did-close** - Emitted after the panel closes.\n\n### **Methods:**\n - **getContentSize(): __** - Gets the size of content along the axis of orientation.\n- **getCollapsibleSize(): __** - Gets the amount that the content can shrink along the axis of orientation before reaching its\nmin size.\n- **setContentSize(size: _number_): _void_** - Sets the size of content along the axis of orientation.\n- **update(config: _ISplitViewUpdateConfig_): _void_** - Updates the provided characteristics.\n\n### **CSS Properties:**\n - **--forge-split-view-panel-size** - The size of the panel along the axis of orientation. _(default: undefined)_\n- **--forge-split-view-panel-cursor** - The cursor to display when hovering over the panel. _(default: undefined)_",
@@ -3871,158 +3871,158 @@
3871
3871
  "references": []
3872
3872
  },
3873
3873
  {
3874
- "name": "forge-tab",
3875
- "description": "Tab components represent a single tab inside a tab bar.\n---\n\n\n### **Events:**\n - **forge-tab-select** - Dispatched when the tab is selected. This event bubbles and it can be useful to capture it on the `<forge-tab-bar>` element.\n\n### **Slots:**\n - _default_ - The tab label.\n- **start** - Content before the label.\n- **end** - Content after the label.\n\n### **CSS Properties:**\n - **--forge-tab-active-color** - The primary color of the contents when active. _(default: undefined)_\n- **--forge-tab-inactive-color** - The primary color of the contents when inactive. _(default: undefined)_\n- **--forge-tab-height** - The height of the tab. _(default: undefined)_\n- **--forge-tab-stacked-height** - The height of the tab when stacked. _(default: undefined)_\n- **--forge-tab-padding-block** - The block space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-padding-inline** - The inline space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-disabled-opacity** - The opacity of the tab when disabled. _(default: undefined)_\n- **--forge-tab-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-height** - The height of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-shape** - The shape of the active tab indicator. _(default: undefined)_\n- **--forge-tab-vertical-indicator-shape** - The shape of the active tab indicator when vertical. _(default: undefined)_\n- **--forge-tab-inverted-indicator-shape** - The shape of the active tab indicator when inverted. _(default: undefined)_\n- **--forge-tab-vertical-inverted-indicator-shape** - The shape of the active tab indicator when vertical and inverted. _(default: undefined)_\n- **--forge-tab-container-color** - The color of the tab container. _(default: undefined)_\n- **--forge-tab-container-height** - The height of the tab container. _(default: undefined)_\n- **--forge-tab-container-shape** - The shape of the tab container. _(default: undefined)_\n- **--forge-tab-content-height** - The height of the tab content. _(default: undefined)_\n- **--forge-tab-content-spacing** - The spacing between tab contents. _(default: undefined)_\n- **--forge-tab-content-padding** - The padding value for both block and inline of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-block** - The block padding of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-inline** - The inline padding of the tab content. _(default: undefined)_\n- **--forge-tab-active-focus-icon-color** - The color of the icon when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-icon-color** - The color of the icon when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-icon-color** - The color of the icon when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-icon-color** - The color of the icon when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-tab-focus-icon-color** - The color of the icon when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-icon-color** - The color of the icon when the tab is hovered. _(default: undefined)_\n- **--forge-tab-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-tab-pressed-icon-color** - The color of the icon when the tab is pressed. _(default: undefined)_\n- **--forge-tab-active-focus-label-text-color** - The color of the label text when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-label-text-color** - The color of the label text when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-label-text-color** - The color of the label text when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-label-text-color** - The color of the label text when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-focus-label-text-color** - The color of the label text when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-label-text-color** - The color of the label text when the tab is hovered. _(default: undefined)_\n- **--forge-tab-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-tab-pressed-label-text-color** - The color of the label text when the tab is pressed. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The tab container.\n- **content** - The tab content container.\n- **label** - The tab label container.\n- **indicator** - The tab active indicator.",
3874
+ "name": "forge-tree",
3875
+ "description": "Trees are interactive lists that allow users to navigate through hierarchical data.\n---\n\n\n### **Events:**\n - **forge-tree-select-all** - Dispatched when the user selects all items.\n\n### **Slots:**\n - _default_ - The default slot for tree items.\n- **expand-icon** - A custom expand icon to show when an item is closed.\n- **collapse-icon** - A custom collapse icon to show when an item is open.\n\n### **CSS Parts:**\n - **root** - The root tree element.",
3876
3876
  "attributes": [
3877
3877
  {
3878
- "name": "disabled",
3879
- "description": "The disabled state of the tab.",
3878
+ "name": "accordion",
3879
+ "description": "Whether opening an item closes all other items.",
3880
3880
  "values": []
3881
3881
  },
3882
3882
  {
3883
- "name": "selected",
3884
- "description": "The selected state of the tab.",
3883
+ "name": "indentLines",
3884
+ "description": "Toggles the rendering of indent lines showing hierarchy.",
3885
3885
  "values": []
3886
3886
  },
3887
3887
  {
3888
- "name": "vertical",
3889
- "description": "Controls whether the tab is vertical or horizontal.",
3890
- "values": []
3888
+ "name": "mode",
3889
+ "description": "How selecting tree items is handled.",
3890
+ "values": [{ "name": "TreeMode" }]
3891
3891
  },
3892
3892
  {
3893
- "name": "stacked",
3894
- "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
3893
+ "name": "selectionFollowsFocus",
3894
+ "description": "Whether focusing an item also selects it. This takes no effect when in multiple mode.",
3895
3895
  "values": []
3896
3896
  },
3897
3897
  {
3898
- "name": "secondary",
3899
- "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
3898
+ "name": "disabled",
3899
+ "description": "Whether selecting items is disabled.",
3900
3900
  "values": []
3901
3901
  },
3902
3902
  {
3903
- "name": "inverted",
3904
- "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3905
- "values": []
3903
+ "name": "value",
3904
+ "description": "The value of all selected items.",
3905
+ "values": [{ "name": "unknown[]" }]
3906
3906
  }
3907
3907
  ],
3908
3908
  "references": []
3909
3909
  },
3910
3910
  {
3911
- "name": "forge-tab-bar",
3912
- "description": "Tab bars organize a set of tabs, holding selection state and enabling navigation between different views or sections of content.\n---\n\n\n### **Events:**\n - **forge-tab-bar-change** - Dispatches when the active tab changes.\n\n### **CSS Properties:**\n - **--forge-tab-bar-justify** - The `justify-content` value for the tab bar flex container. _(default: undefined)_\n- **--forge-tab-bar-stretch** - The `flex` value for the child `<forge-tab>` elements. _(default: undefined)_\n- **--forge-tab-bar-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-tab-bar-divider-thickness** - The thickness of the divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The container element.\n- **scroll-container** - The scroll container element.",
3911
+ "name": "forge-tree-item",
3912
+ "description": "\n---\n\n\n### **Events:**\n - **forge-tree-item-update**\n- **forge-tree-item-select** - Dispatched when the user selects a tree item.\n- **forge-tree-item-open** - Dispatched when the user opens a tree item.\n- **forge-tree-item-close** - Dispatched when the user closes a tree item.",
3913
3913
  "attributes": [
3914
3914
  {
3915
- "name": "disabled",
3916
- "description": "The disabled state of the tab bar.",
3917
- "values": []
3918
- },
3919
- {
3920
- "name": "active-tab",
3921
- "description": "The index of the active tab.",
3922
- "values": []
3923
- },
3924
- {
3925
- "name": "vertical",
3926
- "description": "Controls whether the tab bar is vertical or horizontal.",
3915
+ "name": "value",
3916
+ "description": "The value of the tree item.",
3927
3917
  "values": []
3928
3918
  },
3929
3919
  {
3930
- "name": "clustered",
3931
- "description": "Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.",
3920
+ "name": "selected",
3921
+ "description": "Whether the tree item is selected.",
3932
3922
  "values": []
3933
3923
  },
3934
3924
  {
3935
- "name": "stacked",
3936
- "description": "Controls whether the tabs are taller to allow for slotted leading/trailing elements.",
3925
+ "name": "open",
3926
+ "description": "Whether the tree item is expanded.",
3937
3927
  "values": []
3938
3928
  },
3939
3929
  {
3940
- "name": "secondary",
3941
- "description": "Deprecated. Controls whether the tabs are styled as secondary tab navigation.",
3930
+ "name": "lazy",
3931
+ "description": "Whether the tree item supports lazy loading.",
3942
3932
  "values": []
3943
3933
  },
3944
3934
  {
3945
- "name": "auto-activate",
3946
- "description": "Controls whether the tabs are automatically activated when receiving focus.",
3935
+ "name": "disabled",
3936
+ "description": "Whether the tree item is disabled.",
3947
3937
  "values": []
3948
3938
  },
3949
3939
  {
3950
- "name": "scroll-buttons",
3951
- "description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
3940
+ "name": "openDisabled",
3941
+ "description": "Whether opening the tree item is disabled.",
3952
3942
  "values": []
3953
3943
  }
3954
3944
  ],
3955
3945
  "references": []
3956
3946
  },
3957
3947
  {
3958
- "name": "forge-tree",
3959
- "description": "Trees are interactive lists that allow users to navigate through hierarchical data.\n---\n\n\n### **Events:**\n - **forge-tree-select-all** - Dispatched when the user selects all items.\n\n### **Slots:**\n - _default_ - The default slot for tree items.\n- **expand-icon** - A custom expand icon to show when an item is closed.\n- **collapse-icon** - A custom collapse icon to show when an item is open.\n\n### **CSS Parts:**\n - **root** - The root tree element.",
3948
+ "name": "forge-tab",
3949
+ "description": "Tab components represent a single tab inside a tab bar.\n---\n\n\n### **Events:**\n - **forge-tab-select** - Dispatched when the tab is selected. This event bubbles and it can be useful to capture it on the `<forge-tab-bar>` element.\n\n### **Slots:**\n - _default_ - The tab label.\n- **start** - Content before the label.\n- **end** - Content after the label.\n\n### **CSS Properties:**\n - **--forge-tab-active-color** - The primary color of the contents when active. _(default: undefined)_\n- **--forge-tab-inactive-color** - The primary color of the contents when inactive. _(default: undefined)_\n- **--forge-tab-height** - The height of the tab. _(default: undefined)_\n- **--forge-tab-stacked-height** - The height of the tab when stacked. _(default: undefined)_\n- **--forge-tab-padding-block** - The block space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-padding-inline** - The inline space between the tab contents and the bounds of the tab. _(default: undefined)_\n- **--forge-tab-disabled-opacity** - The opacity of the tab when disabled. _(default: undefined)_\n- **--forge-tab-indicator-color** - The color of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-height** - The height of the active tab indicator. _(default: undefined)_\n- **--forge-tab-indicator-shape** - The shape of the active tab indicator. _(default: undefined)_\n- **--forge-tab-vertical-indicator-shape** - The shape of the active tab indicator when vertical. _(default: undefined)_\n- **--forge-tab-inverted-indicator-shape** - The shape of the active tab indicator when inverted. _(default: undefined)_\n- **--forge-tab-vertical-inverted-indicator-shape** - The shape of the active tab indicator when vertical and inverted. _(default: undefined)_\n- **--forge-tab-container-color** - The color of the tab container. _(default: undefined)_\n- **--forge-tab-container-height** - The height of the tab container. _(default: undefined)_\n- **--forge-tab-container-shape** - The shape of the tab container. _(default: undefined)_\n- **--forge-tab-content-height** - The height of the tab content. _(default: undefined)_\n- **--forge-tab-content-spacing** - The spacing between tab contents. _(default: undefined)_\n- **--forge-tab-content-padding** - The padding value for both block and inline of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-block** - The block padding of the tab content. _(default: undefined)_\n- **--forge-tab-content-padding-inline** - The inline padding of the tab content. _(default: undefined)_\n- **--forge-tab-active-focus-icon-color** - The color of the icon when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-icon-color** - The color of the icon when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-icon-color** - The color of the icon when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-icon-color** - The color of the icon when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-tab-focus-icon-color** - The color of the icon when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-icon-color** - The color of the icon when the tab is hovered. _(default: undefined)_\n- **--forge-tab-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-tab-pressed-icon-color** - The color of the icon when the tab is pressed. _(default: undefined)_\n- **--forge-tab-active-focus-label-text-color** - The color of the label text when the tab is active and focused. _(default: undefined)_\n- **--forge-tab-active-hover-label-text-color** - The color of the label text when the tab is active and hovered. _(default: undefined)_\n- **--forge-tab-active-label-text-color** - The color of the label text when the tab is active. _(default: undefined)_\n- **--forge-tab-active-pressed-label-text-color** - The color of the label text when the tab is active and pressed. _(default: undefined)_\n- **--forge-tab-focus-label-text-color** - The color of the label text when the tab is focused. _(default: undefined)_\n- **--forge-tab-hover-label-text-color** - The color of the label text when the tab is hovered. _(default: undefined)_\n- **--forge-tab-label-text-color** - The color of the label text. _(default: undefined)_\n- **--forge-tab-pressed-label-text-color** - The color of the label text when the tab is pressed. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The tab container.\n- **content** - The tab content container.\n- **label** - The tab label container.\n- **indicator** - The tab active indicator.",
3960
3950
  "attributes": [
3961
3951
  {
3962
- "name": "accordion",
3963
- "description": "Whether opening an item closes all other items.",
3952
+ "name": "disabled",
3953
+ "description": "The disabled state of the tab.",
3964
3954
  "values": []
3965
3955
  },
3966
3956
  {
3967
- "name": "indentLines",
3968
- "description": "Toggles the rendering of indent lines showing hierarchy.",
3957
+ "name": "selected",
3958
+ "description": "The selected state of the tab.",
3969
3959
  "values": []
3970
3960
  },
3971
3961
  {
3972
- "name": "mode",
3973
- "description": "How selecting tree items is handled.",
3974
- "values": [{ "name": "TreeMode" }]
3962
+ "name": "vertical",
3963
+ "description": "Controls whether the tab is vertical or horizontal.",
3964
+ "values": []
3975
3965
  },
3976
3966
  {
3977
- "name": "selectionFollowsFocus",
3978
- "description": "Whether focusing an item also selects it. This takes no effect when in multiple mode.",
3967
+ "name": "stacked",
3968
+ "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
3979
3969
  "values": []
3980
3970
  },
3981
3971
  {
3982
- "name": "disabled",
3983
- "description": "Whether selecting items is disabled.",
3972
+ "name": "secondary",
3973
+ "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
3984
3974
  "values": []
3985
3975
  },
3986
3976
  {
3987
- "name": "value",
3988
- "description": "The value of all selected items.",
3989
- "values": [{ "name": "unknown[]" }]
3977
+ "name": "inverted",
3978
+ "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3979
+ "values": []
3990
3980
  }
3991
3981
  ],
3992
3982
  "references": []
3993
3983
  },
3994
3984
  {
3995
- "name": "forge-tree-item",
3996
- "description": "\n---\n\n\n### **Events:**\n - **forge-tree-item-update**\n- **forge-tree-item-select** - Dispatched when the user selects a tree item.\n- **forge-tree-item-open** - Dispatched when the user opens a tree item.\n- **forge-tree-item-close** - Dispatched when the user closes a tree item.",
3985
+ "name": "forge-tab-bar",
3986
+ "description": "Tab bars organize a set of tabs, holding selection state and enabling navigation between different views or sections of content.\n---\n\n\n### **Events:**\n - **forge-tab-bar-change** - Dispatches when the active tab changes.\n\n### **CSS Properties:**\n - **--forge-tab-bar-justify** - The `justify-content` value for the tab bar flex container. _(default: undefined)_\n- **--forge-tab-bar-stretch** - The `flex` value for the child `<forge-tab>` elements. _(default: undefined)_\n- **--forge-tab-bar-divider-color** - The color of the divider. _(default: undefined)_\n- **--forge-tab-bar-divider-thickness** - The thickness of the divider. _(default: undefined)_\n\n### **CSS Parts:**\n - **container** - The container element.\n- **scroll-container** - The scroll container element.",
3997
3987
  "attributes": [
3998
3988
  {
3999
- "name": "value",
4000
- "description": "The value of the tree item.",
3989
+ "name": "disabled",
3990
+ "description": "The disabled state of the tab bar.",
4001
3991
  "values": []
4002
3992
  },
4003
3993
  {
4004
- "name": "selected",
4005
- "description": "Whether the tree item is selected.",
3994
+ "name": "active-tab",
3995
+ "description": "The index of the active tab.",
4006
3996
  "values": []
4007
3997
  },
4008
3998
  {
4009
- "name": "open",
4010
- "description": "Whether the tree item is expanded.",
3999
+ "name": "vertical",
4000
+ "description": "Controls whether the tab bar is vertical or horizontal.",
4011
4001
  "values": []
4012
4002
  },
4013
4003
  {
4014
- "name": "lazy",
4015
- "description": "Whether the tree item supports lazy loading.",
4004
+ "name": "clustered",
4005
+ "description": "Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.",
4016
4006
  "values": []
4017
4007
  },
4018
4008
  {
4019
- "name": "disabled",
4020
- "description": "Whether the tree item is disabled.",
4009
+ "name": "stacked",
4010
+ "description": "Controls whether the tabs are taller to allow for slotted leading/trailing elements.",
4021
4011
  "values": []
4022
4012
  },
4023
4013
  {
4024
- "name": "openDisabled",
4025
- "description": "Whether opening the tree item is disabled.",
4014
+ "name": "secondary",
4015
+ "description": "Deprecated. Controls whether the tabs are styled as secondary tab navigation.",
4016
+ "values": []
4017
+ },
4018
+ {
4019
+ "name": "auto-activate",
4020
+ "description": "Controls whether the tabs are automatically activated when receiving focus.",
4021
+ "values": []
4022
+ },
4023
+ {
4024
+ "name": "scroll-buttons",
4025
+ "description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
4026
4026
  "values": []
4027
4027
  }
4028
4028
  ],