@tylertech/forge 3.14.0-dev.5 → 3.14.1

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,6 +2,18 @@
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-accordion",
7
+ "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.",
8
+ "attributes": [
9
+ {
10
+ "name": "panel-selector",
11
+ "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.",
12
+ "values": []
13
+ }
14
+ ],
15
+ "references": []
16
+ },
5
17
  {
6
18
  "name": "forge-autocomplete",
7
19
  "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.",
@@ -146,6 +158,29 @@
146
158
  ],
147
159
  "references": []
148
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": [
165
+ {
166
+ "name": "visible",
167
+ "description": "Whether the backdrop is visible.",
168
+ "values": []
169
+ },
170
+ {
171
+ "name": "fixed",
172
+ "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
173
+ "values": []
174
+ }
175
+ ],
176
+ "references": []
177
+ },
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
+ },
149
184
  {
150
185
  "name": "forge-banner",
151
186
  "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)_",
@@ -169,12 +204,27 @@
169
204
  "references": []
170
205
  },
171
206
  {
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.",
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.",
174
209
  "attributes": [
175
210
  {
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.",
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.",
178
228
  "values": []
179
229
  }
180
230
  ],
@@ -254,56 +304,6 @@
254
304
  ],
255
305
  "references": []
256
306
  },
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-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.",
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.",
1170
1170
  "attributes": [
1171
1171
  {
1172
- "name": "type",
1173
- "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1174
- "values": [{ "name": "ButtonType" }]
1172
+ "name": "name",
1173
+ "description": "The name of the icon to render.",
1174
+ "values": []
1175
1175
  },
1176
1176
  {
1177
- "name": "disabled",
1178
- "description": "Disables the button.",
1177
+ "name": "src",
1178
+ "description": "Provides the ability to set the SVG string content directly.",
1179
1179
  "values": []
1180
1180
  },
1181
1181
  {
1182
- "name": "popover-icon",
1183
- "description": "Shows a popover icon on the button.",
1182
+ "name": "lazy",
1183
+ "description": "Controls whether the icon will be loaded dynamically when it comes into view.",
1184
1184
  "values": []
1185
1185
  },
1186
1186
  {
1187
- "name": "dense",
1188
- "description": "Sets the density of the button.",
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.",
1189
1189
  "values": []
1190
1190
  },
1191
1191
  {
1192
- "name": "name",
1193
- "description": "The name of the button.",
1192
+ "name": "externalType",
1193
+ "description": "**(Deprecated)** The type of icon to load externally. Possible values: \"all\" (default), \"standard\", \"extended\", \"custom\".",
1194
1194
  "values": []
1195
1195
  },
1196
1196
  {
1197
- "name": "value",
1198
- "description": "The value of the button.",
1197
+ "name": "viewbox",
1198
+ "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1199
1199
  "values": []
1200
+ },
1201
+ {
1202
+ "name": "theme",
1203
+ "description": "The theme to apply to the icon.",
1204
+ "values": [{ "name": "IconTheme" }]
1200
1205
  }
1201
1206
  ],
1202
1207
  "references": []
1203
1208
  },
1204
1209
  {
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.",
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.",
1207
1212
  "attributes": [
1208
1213
  {
1209
- "name": "name",
1210
- "description": "The name of the icon to render.",
1211
- "values": []
1214
+ "name": "type",
1215
+ "description": "Sets the type of the button. Possible values are `button`, `submit`, and `reset`.",
1216
+ "values": [{ "name": "ButtonType" }]
1212
1217
  },
1213
1218
  {
1214
- "name": "src",
1215
- "description": "Provides the ability to set the SVG string content directly.",
1219
+ "name": "disabled",
1220
+ "description": "Disables the button.",
1216
1221
  "values": []
1217
1222
  },
1218
1223
  {
1219
- "name": "lazy",
1220
- "description": "Controls whether the icon will be loaded dynamically when it comes into view.",
1224
+ "name": "popover-icon",
1225
+ "description": "Shows a popover icon on the button.",
1221
1226
  "values": []
1222
1227
  },
1223
1228
  {
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.",
1229
+ "name": "dense",
1230
+ "description": "Sets the density of the button.",
1226
1231
  "values": []
1227
1232
  },
1228
1233
  {
1229
- "name": "externalType",
1230
- "description": "**(Deprecated)** The type of icon to load externally. Possible values: \"all\" (default), \"standard\", \"extended\", \"custom\".",
1234
+ "name": "name",
1235
+ "description": "The name of the button.",
1231
1236
  "values": []
1232
1237
  },
1233
1238
  {
1234
- "name": "viewbox",
1235
- "description": "A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.",
1239
+ "name": "value",
1240
+ "description": "The value of the button.",
1236
1241
  "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,6 +1586,63 @@
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
+ },
1589
1646
  {
1590
1647
  "name": "forge-popover",
1591
1648
  "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.",
@@ -1704,75 +1761,70 @@
1704
1761
  "references": []
1705
1762
  },
1706
1763
  {
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.",
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
+ "references": []
1768
+ },
1769
+ {
1770
+ "name": "forge-scaffold",
1771
+ "description": "The scaffold provides a generic layout structure for your content using common named areas. Use scaffolds for full page layouts or smaller sections within other elements where you want positioned content areas and scrollable body content.\n---\n\n\n### **Slots:**\n - **header** - Places content in the header.\n- **body** - Places content in the body.\n- **footer** - Places content in the footer.\n- **left** - Places content to the left of all content.\n- **right** - Places content to the right of all content.\n- **body-header** - Places content in the header of the body.\n- **body-footer** - Places content in the footer of the body.\n- **body-left** - Places content to the left of the body content.\n- **body-right** - Places content to the right of the body content.\n\n### **CSS Properties:**\n - **--forge-scaffold-height** - The `height` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-width** - The `width` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-overflow** - The `overflow` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-body-position** - The `position` of the scaffold body. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **header** - The header of the scaffold.\n- **body** - The body of the scaffold.",
1709
1772
  "attributes": [
1710
1773
  {
1711
- "name": "page-index",
1712
- "description": "The zero-based page index.",
1774
+ "name": "viewport",
1775
+ "description": "Whether the scaffold should be full viewport height.",
1713
1776
  "values": []
1714
- },
1777
+ }
1778
+ ],
1779
+ "references": []
1780
+ },
1781
+ {
1782
+ "name": "forge-secret",
1783
+ "description": "A component that conceals content with a blur or dot mask, revealing it on user interaction.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the secret opens or closes.\n\n### **Slots:**\n - _default_ - Default slot for the secret content.\n- **close-icon** - An icon that is shown when the secret is open, indicating it can be closed.\n- **open-icon** - An icon that is shown when the secret is closed, indicating it can be opened.\n- **label** - Text content that appears in the tooltip attached to the button or as the button text when set to block.\n\n### **CSS Properties:**\n - **--forge-secret-blur** - The radius of the blur effect. _(default: undefined)_\n- **--forge-secret-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-secret-button-color** - The text and icon color of the button. _(default: undefined)_\n- **--forge-secret-button-shape** - The button's border radius. _(default: undefined)_\n- **--forge-secret-button-padding** - The inline padding around the button or inline and block padding around the text button. _(default: undefined)_\n- **--forge-secret-icon-size** - The icon's size. _(default: undefined)_\n- **--forge-secret-text-button-shape** - The text button's border radius. _(default: undefined)_\n- **--forge-secret-text-decoration-line** - The decoration line applied to open inline content. _(default: undefined)_\n- **--forge-secret-text-decoration-style** - The style of the text decoration line. _(default: undefined)_\n- **--forge-secret-text-decoration-color** - The color of the text decoration line. _(default: undefined)_\n- **--forge-secret-text-underline-offset** - The spacing between the inline content and the text decoration line. _(default: undefined)_\n- **--forge-secret-transition-duration** - The duration of transitions. _(default: undefined)_\n- **--forge-secret-transition-easing** - The timing function of transitions. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container.\n- **content** - The content container.\n- **button** - The toggle button element.\n- **text-button** - The toggle button element when the secret is set to block.",
1784
+ "attributes": [
1715
1785
  {
1716
- "name": "page-size",
1717
- "description": "Number of items to display on a page.",
1786
+ "name": "open",
1787
+ "description": "Whether the secret content is visible.",
1718
1788
  "values": []
1719
1789
  },
1720
1790
  {
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": []
1791
+ "name": "variant",
1792
+ "description": "The style applied to hidden content when the secret is set to inline. Possible values are blur, masked, and noise.",
1793
+ "values": [{ "name": "SecretVariant" }]
1724
1794
  },
1725
1795
  {
1726
- "name": "total",
1727
- "description": "The total number of items to be paginated.",
1796
+ "name": "mask",
1797
+ "description": "The mask pattern to use with the masked variant. When empty the slotted text content is used as the mask.",
1728
1798
  "values": []
1729
1799
  },
1730
1800
  {
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.",
1801
+ "name": "mask-character",
1802
+ "description": "The character to replace characters with in the masked variant.",
1738
1803
  "values": []
1739
1804
  },
1740
1805
  {
1741
- "name": "first-last",
1742
- "description": "Whether to show the first page and last page buttons.",
1806
+ "name": "unmasked-characters",
1807
+ "description": "Characters that will not be replaced by the mask character in the masked variant.",
1743
1808
  "values": []
1744
1809
  },
1745
1810
  {
1746
- "name": "first",
1747
- "description": "Whether to show the first page button. Default is false.",
1811
+ "name": "block",
1812
+ "description": "Whether the secret content should be displayed as a block element instead of inline with text.",
1748
1813
  "values": []
1749
1814
  },
1750
1815
  {
1751
- "name": "disabled",
1752
- "description": "Whether the paginator is disabled.",
1753
- "values": []
1816
+ "name": "button-position",
1817
+ "description": "The position of the button when the secret is set to inline. Possible values are start and end.",
1818
+ "values": [{ "name": "SecretButtonPosition" }]
1754
1819
  },
1755
1820
  {
1756
- "name": "alternative",
1757
- "description": "Whether to use the alternative range label slot.",
1821
+ "name": "show-on-hover",
1822
+ "description": "Whether to reveal content on hover/focus in addition to clicks.",
1758
1823
  "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
- "references": []
1768
- },
1769
- {
1770
- "name": "forge-scaffold",
1771
- "description": "The scaffold provides a generic layout structure for your content using common named areas. Use scaffolds for full page layouts or smaller sections within other elements where you want positioned content areas and scrollable body content.\n---\n\n\n### **Slots:**\n - **header** - Places content in the header.\n- **body** - Places content in the body.\n- **footer** - Places content in the footer.\n- **left** - Places content to the left of all content.\n- **right** - Places content to the right of all content.\n- **body-header** - Places content in the header of the body.\n- **body-footer** - Places content in the footer of the body.\n- **body-left** - Places content to the left of the body content.\n- **body-right** - Places content to the right of the body content.\n\n### **CSS Properties:**\n - **--forge-scaffold-height** - The `height` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-width** - The `width` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-overflow** - The `overflow` of the scaffold. _(default: undefined)_\n- **--forge-scaffold-body-position** - The `position` of the scaffold body. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **header** - The header of the scaffold.\n- **body** - The body of the scaffold.",
1772
- "attributes": [
1824
+ },
1773
1825
  {
1774
- "name": "viewport",
1775
- "description": "Whether the scaffold should be full viewport height.",
1826
+ "name": "name",
1827
+ "description": "When set, secrets with the same name will close when another secret with that name is opened.",
1776
1828
  "values": []
1777
1829
  }
1778
1830
  ],
@@ -2296,136 +2348,6 @@
2296
2348
  ],
2297
2349
  "references": []
2298
2350
  },
2299
- {
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
- "attributes": [
2303
- { "name": "open", "description": "The open state.", "values": [] },
2304
- {
2305
- "name": "duration",
2306
- "description": "The duration in milliseconds that the toast is displayed.",
2307
- "values": []
2308
- },
2309
- {
2310
- "name": "placement",
2311
- "description": "The placement of the toast.",
2312
- "values": [{ "name": "ToastPlacement" }]
2313
- },
2314
- {
2315
- "name": "action-text",
2316
- "description": "The text for the action button. This controls the visibility of the action button.",
2317
- "values": []
2318
- },
2319
- {
2320
- "name": "dismissible",
2321
- "description": "Whether the toast is dismissible (displays a close button).",
2322
- "values": []
2323
- },
2324
- {
2325
- "name": "dismiss-label",
2326
- "description": "The accessible label for the dismiss button.",
2327
- "values": []
2328
- },
2329
- {
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": [
2341
- {
2342
- "name": "inverted",
2343
- "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2344
- "values": []
2345
- },
2346
- {
2347
- "name": "no-divider",
2348
- "description": "Hides the internal divider.",
2349
- "values": []
2350
- },
2351
- {
2352
- "name": "no-border",
2353
- "description": "Deprecated. Use `no-divider` instead.",
2354
- "values": []
2355
- },
2356
- {
2357
- "name": "no-padding",
2358
- "description": "Sets the internal padding style to 0.",
2359
- "values": []
2360
- },
2361
- {
2362
- "name": "auto-height",
2363
- "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2364
- "values": []
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": [
2373
- {
2374
- "name": "open",
2375
- "description": "Whether or not the tooltip is open.",
2376
- "values": []
2377
- },
2378
- {
2379
- "name": "type",
2380
- "description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
2381
- "values": [{ "name": "TooltipType" }]
2382
- },
2383
- {
2384
- "name": "anchor",
2385
- "description": "The id of the element that the tooltip is anchored to.",
2386
- "values": []
2387
- },
2388
- {
2389
- "name": "placement",
2390
- "description": "The placement of the tooltip relative to the anchor element.",
2391
- "values": [{ "name": "TooltipPlacement" }]
2392
- },
2393
- {
2394
- "name": "delay",
2395
- "description": "The delay in milliseconds before the tooltip is shown.",
2396
- "values": []
2397
- },
2398
- {
2399
- "name": "offset",
2400
- "description": "The offset in pixels between the tooltip and the anchor element.",
2401
- "values": []
2402
- },
2403
- {
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" }]
2407
- },
2408
- {
2409
- "name": "boundary",
2410
- "description": "The id of the element that the tooltip should be constrained to.",
2411
- "values": []
2412
- },
2413
- {
2414
- "name": "fallback-placements",
2415
- "description": "The fallback placements of the tooltip relative to the anchor element.",
2416
- "values": [{ "name": "PositionPlacement[]" }]
2417
- },
2418
- {
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
2351
  {
2430
2352
  "name": "forge-time-picker",
2431
2353
  "description": "A time input component with integrated dropdown for selecting time values with support for various formats, masking, and validation options.\n---\n",
@@ -2559,87 +2481,217 @@
2559
2481
  "references": []
2560
2482
  },
2561
2483
  {
2562
- "name": "forge-view-switcher",
2563
- "description": "A container component that manages switching between multiple child `<forge-view>` elements with configurable animations and programmatic navigation controls.\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.\n\n### **CSS Properties:**\n - **--forge-view-switcher-height** - The `height` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-width** - The `width` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-animation-duration** - The duration of view switching animations. _(default: undefined)_\n- **--forge-view-switcher-animation-easing** - The timing function of view switching animations. _(default: undefined)_",
2564
- "attributes": [
2565
- {
2566
- "name": "index",
2567
- "description": "Gets/sets the currently visible view index.",
2568
- "values": []
2569
- },
2570
- {
2571
- "name": "animation-type",
2572
- "description": "Gets/sets the animation type.",
2573
- "values": [
2574
- { "name": "`${ViewSwitcherAnimationType}`" },
2575
- { "name": "ViewSwitcherAnimation" }
2576
- ]
2577
- }
2578
- ],
2579
- "references": []
2580
- },
2581
- {
2582
- "name": "forge-app-bar",
2583
- "description": "App bars are headers used to display branding, navigation, and actions at the top of an application. They typically contain a logo, title, and various action items.\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
2484
+ "name": "forge-toast",
2485
+ "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.",
2584
2486
  "attributes": [
2487
+ { "name": "open", "description": "The open state.", "values": [] },
2585
2488
  {
2586
- "name": "title-text",
2587
- "description": "The text to display in the title.",
2489
+ "name": "duration",
2490
+ "description": "The duration in milliseconds that the toast is displayed.",
2588
2491
  "values": []
2589
2492
  },
2590
2493
  {
2591
- "name": "elevation",
2592
- "description": "The elevation of the app bar.",
2593
- "values": [{ "name": "AppBarElevation" }]
2494
+ "name": "placement",
2495
+ "description": "The placement of the toast.",
2496
+ "values": [{ "name": "ToastPlacement" }]
2594
2497
  },
2595
2498
  {
2596
- "name": "theme",
2597
- "description": "The theme of the app bar.",
2598
- "values": [{ "name": "AppBarTheme" }]
2499
+ "name": "action-text",
2500
+ "description": "The text for the action button. This controls the visibility of the action button.",
2501
+ "values": []
2599
2502
  },
2600
2503
  {
2601
- "name": "href",
2602
- "description": "The href that will be used to make the logo and title area a clickable link.",
2504
+ "name": "dismissible",
2505
+ "description": "Whether the toast is dismissible (displays a close button).",
2603
2506
  "values": []
2604
2507
  },
2605
2508
  {
2606
- "name": "target",
2607
- "description": "The `<a>` target of the logo + title area link when `href` is set.",
2509
+ "name": "dismiss-label",
2510
+ "description": "The accessible label for the dismiss button.",
2608
2511
  "values": []
2609
2512
  },
2610
2513
  {
2611
- "name": "theme-mode",
2612
- "description": "Controls how the theme is applied. `inherit` will apply the global theme to the app bar and all child components. `scoped` will only apply the theme to the app bar and not set any global tokens.",
2613
- "values": [{ "name": "AppBarThemeMode" }]
2514
+ "name": "theme",
2515
+ "description": "The theme of the toast.",
2516
+ "values": [{ "name": "ToastTheme" }]
2614
2517
  }
2615
2518
  ],
2616
2519
  "references": []
2617
2520
  },
2618
2521
  {
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",
2522
+ "name": "forge-toolbar",
2523
+ "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.",
2621
2524
  "attributes": [
2622
2525
  {
2623
- "name": "icon",
2624
- "description": "The name of an alternative icon to display.",
2526
+ "name": "inverted",
2527
+ "description": "Controls whether a bottom divider (default) or top divider (true) is used.",
2625
2528
  "values": []
2626
2529
  },
2627
2530
  {
2628
- "name": "aria-label",
2629
- "description": "The aria-label to apply to the button.",
2531
+ "name": "no-divider",
2532
+ "description": "Hides the internal divider.",
2630
2533
  "values": []
2631
2534
  },
2632
2535
  {
2633
- "name": "aria-labelledby",
2634
- "description": "The id of an element to use as the aria-labelledby attribute.",
2536
+ "name": "no-border",
2537
+ "description": "Deprecated. Use `no-divider` instead.",
2538
+ "values": []
2539
+ },
2540
+ {
2541
+ "name": "no-padding",
2542
+ "description": "Sets the internal padding style to 0.",
2543
+ "values": []
2544
+ },
2545
+ {
2546
+ "name": "auto-height",
2547
+ "description": "Forces the internal container to use `height: auto` for dynamic content that doesn't fit the static height.",
2635
2548
  "values": []
2636
2549
  }
2637
2550
  ],
2638
2551
  "references": []
2639
2552
  },
2640
2553
  {
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.",
2554
+ "name": "forge-tooltip",
2555
+ "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.",
2556
+ "attributes": [
2557
+ {
2558
+ "name": "open",
2559
+ "description": "Whether or not the tooltip is open.",
2560
+ "values": []
2561
+ },
2562
+ {
2563
+ "name": "type",
2564
+ "description": "The type of tooltip. Valid values are `presentation` (default), `label`, and `description`.",
2565
+ "values": [{ "name": "TooltipType" }]
2566
+ },
2567
+ {
2568
+ "name": "anchor",
2569
+ "description": "The id of the element that the tooltip is anchored to.",
2570
+ "values": []
2571
+ },
2572
+ {
2573
+ "name": "placement",
2574
+ "description": "The placement of the tooltip relative to the anchor element.",
2575
+ "values": [{ "name": "TooltipPlacement" }]
2576
+ },
2577
+ {
2578
+ "name": "delay",
2579
+ "description": "The delay in milliseconds before the tooltip is shown.",
2580
+ "values": []
2581
+ },
2582
+ {
2583
+ "name": "offset",
2584
+ "description": "The offset in pixels between the tooltip and the anchor element.",
2585
+ "values": []
2586
+ },
2587
+ {
2588
+ "name": "flip",
2589
+ "description": "How the tooltip should place itself if there is not enough space at the desired placement.",
2590
+ "values": [{ "name": "OverlayFlipState" }]
2591
+ },
2592
+ {
2593
+ "name": "boundary",
2594
+ "description": "The id of the element that the tooltip should be constrained to.",
2595
+ "values": []
2596
+ },
2597
+ {
2598
+ "name": "fallback-placements",
2599
+ "description": "The fallback placements of the tooltip relative to the anchor element.",
2600
+ "values": [{ "name": "PositionPlacement[]" }]
2601
+ },
2602
+ {
2603
+ "name": "trigger-type",
2604
+ "description": "The trigger type(s) that will open the tooltip. Valid values are `hover` (default), `longpress`, and `focus`.",
2605
+ "values": [
2606
+ { "name": "TooltipTriggerType" },
2607
+ { "name": "TooltipTriggerType[]" }
2608
+ ]
2609
+ }
2610
+ ],
2611
+ "references": []
2612
+ },
2613
+ {
2614
+ "name": "forge-view-switcher",
2615
+ "description": "A container component that manages switching between multiple child `<forge-view>` elements with configurable animations and programmatic navigation controls.\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.\n\n### **CSS Properties:**\n - **--forge-view-switcher-height** - The `height` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-width** - The `width` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-animation-duration** - The duration of view switching animations. _(default: undefined)_\n- **--forge-view-switcher-animation-easing** - The timing function of view switching animations. _(default: undefined)_",
2616
+ "attributes": [
2617
+ {
2618
+ "name": "index",
2619
+ "description": "Gets/sets the currently visible view index.",
2620
+ "values": []
2621
+ },
2622
+ {
2623
+ "name": "animation-type",
2624
+ "description": "Gets/sets the animation type.",
2625
+ "values": [
2626
+ { "name": "`${ViewSwitcherAnimationType}`" },
2627
+ { "name": "ViewSwitcherAnimation" }
2628
+ ]
2629
+ }
2630
+ ],
2631
+ "references": []
2632
+ },
2633
+ {
2634
+ "name": "forge-app-bar",
2635
+ "description": "App bars are headers used to display branding, navigation, and actions at the top of an application. They typically contain a logo, title, and various action items.\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
2636
+ "attributes": [
2637
+ {
2638
+ "name": "title-text",
2639
+ "description": "The text to display in the title.",
2640
+ "values": []
2641
+ },
2642
+ {
2643
+ "name": "elevation",
2644
+ "description": "The elevation of the app bar.",
2645
+ "values": [{ "name": "AppBarElevation" }]
2646
+ },
2647
+ {
2648
+ "name": "theme",
2649
+ "description": "The theme of the app bar.",
2650
+ "values": [{ "name": "AppBarTheme" }]
2651
+ },
2652
+ {
2653
+ "name": "href",
2654
+ "description": "The href that will be used to make the logo and title area a clickable link.",
2655
+ "values": []
2656
+ },
2657
+ {
2658
+ "name": "target",
2659
+ "description": "The `<a>` target of the logo + title area link when `href` is set.",
2660
+ "values": []
2661
+ },
2662
+ {
2663
+ "name": "theme-mode",
2664
+ "description": "Controls how the theme is applied. `inherit` will apply the global theme to the app bar and all child components. `scoped` will only apply the theme to the app bar and not set any global tokens.",
2665
+ "values": [{ "name": "AppBarThemeMode" }]
2666
+ }
2667
+ ],
2668
+ "references": []
2669
+ },
2670
+ {
2671
+ "name": "forge-app-bar-help-button",
2672
+ "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.",
2673
+ "attributes": [
2674
+ {
2675
+ "name": "icon",
2676
+ "description": "The name of an alternative icon to display.",
2677
+ "values": []
2678
+ },
2679
+ {
2680
+ "name": "aria-label",
2681
+ "description": "The aria-label to apply to the button.",
2682
+ "values": []
2683
+ },
2684
+ {
2685
+ "name": "aria-labelledby",
2686
+ "description": "The id of an element to use as the aria-labelledby attribute.",
2687
+ "values": []
2688
+ }
2689
+ ],
2690
+ "references": []
2691
+ },
2692
+ {
2693
+ "name": "forge-app-bar-menu-button",
2694
+ "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",
2643
2695
  "attributes": [
2644
2696
  {
2645
2697
  "name": "icon",
@@ -2787,6 +2839,33 @@
2787
2839
  ],
2788
2840
  "references": []
2789
2841
  },
2842
+ {
2843
+ "name": "forge-button-toggle",
2844
+ "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.",
2845
+ "attributes": [
2846
+ {
2847
+ "name": "value",
2848
+ "description": "The value of the button toggle.",
2849
+ "values": []
2850
+ },
2851
+ {
2852
+ "name": "selected",
2853
+ "description": "Whether or not the button is selected.",
2854
+ "values": []
2855
+ },
2856
+ {
2857
+ "name": "disabled",
2858
+ "description": "Whether or not the button is disabled.",
2859
+ "values": []
2860
+ },
2861
+ {
2862
+ "name": "readonly",
2863
+ "description": "Whether or not the button is readonly.",
2864
+ "values": []
2865
+ }
2866
+ ],
2867
+ "references": []
2868
+ },
2790
2869
  {
2791
2870
  "name": "forge-button-toggle-group",
2792
2871
  "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.",
@@ -2844,33 +2923,6 @@
2844
2923
  ],
2845
2924
  "references": []
2846
2925
  },
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
2926
  {
2875
2927
  "name": "forge-chip",
2876
2928
  "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 +3024,14 @@
2972
3024
  "references": []
2973
3025
  },
2974
3026
  {
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**",
3027
+ "name": "forge-deprecated-button",
3028
+ "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
2977
3029
  "attributes": [],
2978
3030
  "references": []
2979
3031
  },
2980
3032
  {
2981
- "name": "forge-deprecated-button",
2982
- "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
3033
+ "name": "forge-deprecated-icon-button",
3034
+ "description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
2983
3035
  "attributes": [],
2984
3036
  "references": []
2985
3037
  },
@@ -3109,6 +3161,63 @@
3109
3161
  ],
3110
3162
  "references": []
3111
3163
  },
3164
+ {
3165
+ "name": "forge-list-item",
3166
+ "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.",
3167
+ "attributes": [
3168
+ {
3169
+ "name": "selected",
3170
+ "description": "Applies the selected state to the list item.",
3171
+ "values": []
3172
+ },
3173
+ {
3174
+ "name": "active",
3175
+ "description": "Applies the active state to the list item by emulating its focused state.",
3176
+ "values": []
3177
+ },
3178
+ {
3179
+ "name": "value",
3180
+ "description": "The unique value of the list item.",
3181
+ "values": []
3182
+ },
3183
+ {
3184
+ "name": "dense",
3185
+ "description": "Applies the dense state to the list item.",
3186
+ "values": []
3187
+ },
3188
+ {
3189
+ "name": "indented",
3190
+ "description": "Applies the indented state by adding margin to the start of the list item.",
3191
+ "values": []
3192
+ },
3193
+ {
3194
+ "name": "two-line",
3195
+ "description": "Sets the list item height to support at least two lines of text.",
3196
+ "values": []
3197
+ },
3198
+ {
3199
+ "name": "three-line",
3200
+ "description": "Sets the list item height to support at least three lines of text.",
3201
+ "values": []
3202
+ },
3203
+ {
3204
+ "name": "wrap",
3205
+ "description": "Sets the list item to wrap its text content.",
3206
+ "values": []
3207
+ },
3208
+ {
3209
+ "name": "noninteractive",
3210
+ "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
3211
+ "values": []
3212
+ },
3213
+ {
3214
+ "name": "focus-propagation",
3215
+ "description": "Controls whether the interactive element will receive focus if a non-interactive element is clicked within the list item.",
3216
+ "values": []
3217
+ }
3218
+ ],
3219
+ "references": []
3220
+ },
3112
3221
  {
3113
3222
  "name": "forge-meter",
3114
3223
  "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.",
@@ -3293,58 +3402,68 @@
3293
3402
  "references": []
3294
3403
  },
3295
3404
  {
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.",
3405
+ "name": "forge-option",
3406
+ "description": "Options represent individual selectable items within `<forge-select>` components.\n---\n",
3298
3407
  "attributes": [
3299
3408
  {
3300
- "name": "selected",
3301
- "description": "Applies the selected state to the list item.",
3409
+ "name": "value",
3410
+ "description": "Gets/sets the value of this option.",
3302
3411
  "values": []
3303
3412
  },
3304
3413
  {
3305
- "name": "active",
3306
- "description": "Applies the active state to the list item by emulating its focused state.",
3414
+ "name": "label",
3415
+ "description": "Gets/sets the label of this option.",
3307
3416
  "values": []
3308
3417
  },
3309
3418
  {
3310
- "name": "value",
3311
- "description": "The unique value of the list item.",
3419
+ "name": "secondary-label",
3420
+ "description": "Gets/sets the secondary label of this option.",
3312
3421
  "values": []
3313
3422
  },
3314
3423
  {
3315
- "name": "dense",
3316
- "description": "Applies the dense state to the list item.",
3424
+ "name": "disabled",
3425
+ "description": "Gets/sets the disabled status of this option.",
3317
3426
  "values": []
3318
3427
  },
3319
3428
  {
3320
- "name": "indented",
3321
- "description": "Applies the indented state by adding margin to the start of the list item.",
3429
+ "name": "divider",
3430
+ "description": "Gets/sets the whether this option is a divider.",
3322
3431
  "values": []
3323
3432
  },
3324
3433
  {
3325
- "name": "two-line",
3326
- "description": "Sets the list item height to support at least two lines of text.",
3327
- "values": []
3434
+ "name": "option-class",
3435
+ "description": "Gets/sets the classes of this option.",
3436
+ "values": [{ "name": "string[]" }]
3328
3437
  },
3329
3438
  {
3330
- "name": "three-line",
3331
- "description": "Sets the list item height to support at least three lines of text.",
3439
+ "name": "leading-icon",
3440
+ "description": "Gets/sets the leading icon of this option.",
3332
3441
  "values": []
3333
3442
  },
3334
3443
  {
3335
- "name": "wrap",
3336
- "description": "Sets the list item to wrap its text content.",
3444
+ "name": "leading-icon-class",
3445
+ "description": "Gets/sets the leading icon class of this option.",
3337
3446
  "values": []
3338
3447
  },
3339
3448
  {
3340
- "name": "noninteractive",
3341
- "description": "Controls whether the list item will automatically attach itself to interactive slotted elements or not.",
3449
+ "name": "leading-icon-type",
3450
+ "description": "Gets/sets the leading icon type of this option.",
3451
+ "values": [{ "name": "ListDropdownIconType" }]
3452
+ },
3453
+ {
3454
+ "name": "trailing-icon",
3455
+ "description": "Gets/sets the trailing icon of this option.",
3342
3456
  "values": []
3343
3457
  },
3344
3458
  {
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.",
3459
+ "name": "trailing-icon-class",
3460
+ "description": "Gets/sets the trailing icon class of this option.",
3347
3461
  "values": []
3462
+ },
3463
+ {
3464
+ "name": "trailing-icon-type",
3465
+ "description": "Gets/sets the trailing icon type of this option.",
3466
+ "values": [{ "name": "ListDropdownIconType" }]
3348
3467
  }
3349
3468
  ],
3350
3469
  "references": []
@@ -3647,73 +3766,6 @@
3647
3766
  ],
3648
3767
  "references": []
3649
3768
  },
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
3769
  {
3718
3770
  "name": "forge-split-view-panel",
3719
3771
  "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 +3923,158 @@
3871
3923
  "references": []
3872
3924
  },
3873
3925
  {
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.",
3926
+ "name": "forge-tab",
3927
+ "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.",
3876
3928
  "attributes": [
3877
3929
  {
3878
- "name": "accordion",
3879
- "description": "Whether opening an item closes all other items.",
3930
+ "name": "disabled",
3931
+ "description": "The disabled state of the tab.",
3880
3932
  "values": []
3881
3933
  },
3882
3934
  {
3883
- "name": "indentLines",
3884
- "description": "Toggles the rendering of indent lines showing hierarchy.",
3935
+ "name": "selected",
3936
+ "description": "The selected state of the tab.",
3885
3937
  "values": []
3886
3938
  },
3887
3939
  {
3888
- "name": "mode",
3889
- "description": "How selecting tree items is handled.",
3890
- "values": [{ "name": "TreeMode" }]
3940
+ "name": "vertical",
3941
+ "description": "Controls whether the tab is vertical or horizontal.",
3942
+ "values": []
3891
3943
  },
3892
3944
  {
3893
- "name": "selectionFollowsFocus",
3894
- "description": "Whether focusing an item also selects it. This takes no effect when in multiple mode.",
3945
+ "name": "stacked",
3946
+ "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
3895
3947
  "values": []
3896
3948
  },
3897
3949
  {
3898
- "name": "disabled",
3899
- "description": "Whether selecting items is disabled.",
3950
+ "name": "secondary",
3951
+ "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
3900
3952
  "values": []
3901
3953
  },
3902
3954
  {
3903
- "name": "value",
3904
- "description": "The value of all selected items.",
3905
- "values": [{ "name": "unknown[]" }]
3955
+ "name": "inverted",
3956
+ "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3957
+ "values": []
3906
3958
  }
3907
3959
  ],
3908
3960
  "references": []
3909
3961
  },
3910
3962
  {
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.",
3963
+ "name": "forge-tab-bar",
3964
+ "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.",
3913
3965
  "attributes": [
3914
3966
  {
3915
- "name": "value",
3916
- "description": "The value of the tree item.",
3967
+ "name": "disabled",
3968
+ "description": "The disabled state of the tab bar.",
3917
3969
  "values": []
3918
3970
  },
3919
3971
  {
3920
- "name": "selected",
3921
- "description": "Whether the tree item is selected.",
3972
+ "name": "active-tab",
3973
+ "description": "The index of the active tab.",
3922
3974
  "values": []
3923
3975
  },
3924
3976
  {
3925
- "name": "open",
3926
- "description": "Whether the tree item is expanded.",
3977
+ "name": "vertical",
3978
+ "description": "Controls whether the tab bar is vertical or horizontal.",
3927
3979
  "values": []
3928
3980
  },
3929
3981
  {
3930
- "name": "lazy",
3931
- "description": "Whether the tree item supports lazy loading.",
3982
+ "name": "clustered",
3983
+ "description": "Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.",
3932
3984
  "values": []
3933
3985
  },
3934
3986
  {
3935
- "name": "disabled",
3936
- "description": "Whether the tree item is disabled.",
3987
+ "name": "stacked",
3988
+ "description": "Controls whether the tabs are taller to allow for slotted leading/trailing elements.",
3937
3989
  "values": []
3938
3990
  },
3939
3991
  {
3940
- "name": "openDisabled",
3941
- "description": "Whether opening the tree item is disabled.",
3992
+ "name": "secondary",
3993
+ "description": "Deprecated. Controls whether the tabs are styled as secondary tab navigation.",
3994
+ "values": []
3995
+ },
3996
+ {
3997
+ "name": "auto-activate",
3998
+ "description": "Controls whether the tabs are automatically activated when receiving focus.",
3999
+ "values": []
4000
+ },
4001
+ {
4002
+ "name": "scroll-buttons",
4003
+ "description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
3942
4004
  "values": []
3943
4005
  }
3944
4006
  ],
3945
4007
  "references": []
3946
4008
  },
3947
4009
  {
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.",
4010
+ "name": "forge-tree",
4011
+ "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.",
3950
4012
  "attributes": [
3951
4013
  {
3952
- "name": "disabled",
3953
- "description": "The disabled state of the tab.",
4014
+ "name": "accordion",
4015
+ "description": "Whether opening an item closes all other items.",
3954
4016
  "values": []
3955
4017
  },
3956
4018
  {
3957
- "name": "selected",
3958
- "description": "The selected state of the tab.",
4019
+ "name": "indentLines",
4020
+ "description": "Toggles the rendering of indent lines showing hierarchy.",
3959
4021
  "values": []
3960
4022
  },
3961
4023
  {
3962
- "name": "vertical",
3963
- "description": "Controls whether the tab is vertical or horizontal.",
3964
- "values": []
4024
+ "name": "mode",
4025
+ "description": "How selecting tree items is handled.",
4026
+ "values": [{ "name": "TreeMode" }]
3965
4027
  },
3966
4028
  {
3967
- "name": "stacked",
3968
- "description": "Controls whether the tab is taller to allow for slotted leading/trailing elements.",
4029
+ "name": "selectionFollowsFocus",
4030
+ "description": "Whether focusing an item also selects it. This takes no effect when in multiple mode.",
3969
4031
  "values": []
3970
4032
  },
3971
4033
  {
3972
- "name": "secondary",
3973
- "description": "Deprecated. Controls whether the tab is styled as secondary tab navigation.",
4034
+ "name": "disabled",
4035
+ "description": "Whether selecting items is disabled.",
3974
4036
  "values": []
3975
4037
  },
3976
4038
  {
3977
- "name": "inverted",
3978
- "description": "Controls whether the tab indicator is rendered on the opposite side of the tab.",
3979
- "values": []
4039
+ "name": "value",
4040
+ "description": "The value of all selected items.",
4041
+ "values": [{ "name": "unknown[]" }]
3980
4042
  }
3981
4043
  ],
3982
4044
  "references": []
3983
4045
  },
3984
4046
  {
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.",
4047
+ "name": "forge-tree-item",
4048
+ "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.",
3987
4049
  "attributes": [
3988
4050
  {
3989
- "name": "disabled",
3990
- "description": "The disabled state of the tab bar.",
3991
- "values": []
3992
- },
3993
- {
3994
- "name": "active-tab",
3995
- "description": "The index of the active tab.",
3996
- "values": []
3997
- },
3998
- {
3999
- "name": "vertical",
4000
- "description": "Controls whether the tab bar is vertical or horizontal.",
4051
+ "name": "value",
4052
+ "description": "The value of the tree item.",
4001
4053
  "values": []
4002
4054
  },
4003
4055
  {
4004
- "name": "clustered",
4005
- "description": "Controls whether the tabs stretch the full width of their container or cluster together at their minimum width.",
4056
+ "name": "selected",
4057
+ "description": "Whether the tree item is selected.",
4006
4058
  "values": []
4007
4059
  },
4008
4060
  {
4009
- "name": "stacked",
4010
- "description": "Controls whether the tabs are taller to allow for slotted leading/trailing elements.",
4061
+ "name": "open",
4062
+ "description": "Whether the tree item is expanded.",
4011
4063
  "values": []
4012
4064
  },
4013
4065
  {
4014
- "name": "secondary",
4015
- "description": "Deprecated. Controls whether the tabs are styled as secondary tab navigation.",
4066
+ "name": "lazy",
4067
+ "description": "Whether the tree item supports lazy loading.",
4016
4068
  "values": []
4017
4069
  },
4018
4070
  {
4019
- "name": "auto-activate",
4020
- "description": "Controls whether the tabs are automatically activated when receiving focus.",
4071
+ "name": "disabled",
4072
+ "description": "Whether the tree item is disabled.",
4021
4073
  "values": []
4022
4074
  },
4023
4075
  {
4024
- "name": "scroll-buttons",
4025
- "description": "Controls whether scroll buttons are displayed when the tabs overflow their container.",
4076
+ "name": "openDisabled",
4077
+ "description": "Whether opening the tree item is disabled.",
4026
4078
  "values": []
4027
4079
  }
4028
4080
  ],