@tylertech/forge 3.10.5 → 3.11.0

package/esm/menu/menu.d.ts

@@ -38,6 +38,8 @@ declare global {
 /**
  * @tag forge-menu
  *
+ * @summary Menus display a list of options or actions that users can select from a dropdown.
+ *
  * @dependency forge-popover
  * @dependency forge-list
  */

package/esm/menu/menu.js

@@ -19,6 +19,8 @@ const styles = ':host{display:inline-flex}:host([hidden]){display:none}';
 /**
  * @tag forge-menu
  *
+ * @summary Menus display a list of options or actions that users can select from a dropdown.
+ *
  * @dependency forge-popover
  * @dependency forge-list
  */

package/esm/page-state/page-state.d.ts

@@ -12,9 +12,10 @@ declare global {
     }
 }
 /**
- *
  * @tag forge-page-state
  *
+ * @summary Page states display full-page messages for empty states, errors, or loading scenarios.
+ *
  * @cssproperty --forge-page-state-width - The width of the page state.
  * @cssproperty --forge-page-state-height - The height of the page state.
  * @cssproperty --forge-page-state-spacing - The spacing of the page state.

package/esm/page-state/page-state.js

@@ -10,9 +10,10 @@ import { PAGE_STATE_CONSTANTS } from './page-state-constants';
 const template = '<template><div class=\"forge-page-state\" part=\"root\"><div class=\"graphic\" part=\"graphic-container\"><slot name=\"graphic\"></slot></div><div class=\"title\" part=\"title-container\"><slot name=\"title\"></slot></div><div class=\"message\" part=\"message-container\"><slot name=\"message\"></slot></div><div class=\"actions\" part=\"actions-container\"><slot name=\"action\"></slot></div></div></template>';
 const styles = ':host{--_page-state-width:var(--forge-page-state-width, 576px);--_page-state-height:var(--forge-page-state-height, auto);--_page-state-spacing:var(--forge-page-state-spacing, var(--forge-spacing-xxxlarge, 56px));--_page-state-mobile-width:var(--forge-page-state-mobile-width, 70%);--_page-state-graphic-height:var(--forge-page-state-graphic-height, 296px);--_page-state-graphic-spacing:var(--forge-page-state-graphic-spacing, var(--forge-spacing-xxxlarge, 56px));--_page-state-mobile-graphic-height:var(--forge-page-state-mobile-graphic-height, auto);--_page-state-title-color:var(--forge-page-state-title-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_page-state-title-spacing:var(--forge-page-state-title-spacing, var(--forge-spacing-xxxlarge, 56px));--_page-state-title-spacing-mobile:var(--forge-page-state-title-spacing-mobile, var(--forge-spacing-large, 24px));--_page-state-message-color:var(--forge-page-state-message-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_page-state-message-spacing:var(--forge-page-state-message-spacing, var(--forge-spacing-xxxlarge, 56px));--_page-state-message-spacing-mobile:var(--forge-page-state-message-spacing-mobile, var(--forge-spacing-large, 24px));--_page-state-actions-spacing:var(--forge-page-state-actions-spacing, 16px)}:host{display:flex;justify-content:center;align-items:center;width:100%;container-type:inline-size}:host([hidden]){display:none}.forge-page-state{width:var(--_page-state-width);margin-block:var(--_page-state-spacing);text-align:center}.forge-page-state .graphic{display:flex;justify-content:center;align-items:center;height:var(--_page-state-graphic-height);width:100%;margin-block-end:var(--_page-state-graphic-spacing)}.forge-page-state .graphic ::slotted([slot=graphic]){height:100%;width:100%}.forge-page-state .title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading8-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-heading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-heading8-font-weight,500);line-height:var(--forge-typography-heading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-heading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-heading8-text-transform,inherit);text-decoration:var(--forge-typography-heading8-text-decoration,inherit);--_page-state-title-spacing:var(--_page-state-title-spacing-mobile);color:var(--_page-state-title-color);margin-block:var(--_page-state-title-spacing)}.forge-page-state .message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body4-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.25)));font-weight:var(--forge-typography-body4-font-weight,400);line-height:var(--forge-typography-body4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-body4-letter-spacing, .005em);text-transform:var(--forge-typography-body4-text-transform,inherit);text-decoration:var(--forge-typography-body4-text-decoration,inherit);--_page-state-message-spacing:var(--_page-state-message-spacing-mobile);color:var(--_page-state-message-color);margin-block-end:var(--_page-state-message-spacing)}.forge-page-state .actions{display:grid;justify-content:center;grid-auto-flow:column;gap:var(--_page-state-actions-spacing)}@container (max-width:599px){.forge-page-state{--_page-state-width:var(--_page-state-mobile-width)}.forge-page-state .graphic{--_page-state-graphic-height:var(--_page-state-mobile-graphic-height);--_page-state-graphic-spacing:var(--forge-page-state-graphic-spacing, 0)}.forge-page-state .title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading5-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-heading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-heading5-font-weight,500);line-height:var(--forge-typography-heading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-heading5-letter-spacing, 0);text-transform:var(--forge-typography-heading5-text-transform,inherit);text-decoration:var(--forge-typography-heading5-text-decoration,inherit)}.forge-page-state .message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-page-state .actions{grid-auto-flow:row}}';
 /**
- *
  * @tag forge-page-state
  *
+ * @summary Page states display full-page messages for empty states, errors, or loading scenarios.
+ *
  * @cssproperty --forge-page-state-width - The width of the page state.
  * @cssproperty --forge-page-state-height - The height of the page state.
  * @cssproperty --forge-page-state-spacing - The spacing of the page state.

package/esm/paginator/paginator.d.ts

@@ -29,6 +29,8 @@ declare global {
 /**
  * @tag forge-paginator
  *
+ * @summary Paginators provide navigation controls for dividing content across multiple pages.
+ *
  * @slot label - Overrides the label text when in the default variant.
  * @slot range-label - Overrides the default range label with a custom label when in the default variant.
  * @slot alternative-range-label - Overrides the default range label with a custom label when in the `alternative` variant.

package/esm/paginator/paginator.js

@@ -19,6 +19,8 @@ const styles = ':host{display:block}:host([hidden]){display:none}.forge-paginato
 /**
  * @tag forge-paginator
  *
+ * @summary Paginators provide navigation controls for dividing content across multiple pages.
+ *
  * @slot label - Overrides the label text when in the default variant.
  * @slot range-label - Overrides the default range label with a custom label when in the default variant.
  * @slot alternative-range-label - Overrides the default range label with a custom label when in the `alternative` variant.

package/esm/popover/popover.js

@@ -13,7 +13,7 @@ import { OverlayAware } from '../overlay/base/overlay-aware';
 import { coerceStringToArray } from '../core/utils/utils';
 import { tryDismiss } from '../core/utils/dismissible-stack';
 const template = '<template><forge-overlay exportparts=\"root:overlay\"><div class=\"forge-popover\" part=\"surface\"><slot></slot></div></forge-overlay></template>';
-const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes zoomout{from{transform:scale(1)}to{transform:scale(.8)}}@keyframes slidein{from{transform:translateX(var(--_popover-slidein-x)) translateY(var(--_popover-slidein-y))}to{transform:translateX(0) translateY(0)}}@keyframes slideout{from{transform:translateX(0) translateY(0)}to{transform:translateX(var(--_popover-slidein-x)) translateY(var(--_popover-slidein-y))}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@layer base,animation,preset,reduced-motion; @layer base{:host{display:contents;--forge-theme-surface:var(--forge-theme-surface-bright, #ffffff)}:host([hidden]){display:none}forge-overlay{--_popover-width:var(--forge-popover-width, auto);--_popover-height:var(--forge-popover-height, auto);--_popover-min-width:var(--forge-popover-min-width, none);--_popover-max-width:var(--forge-popover-max-width, none);--_popover-min-height:var(--forge-popover-min-height, none);--_popover-max-height:var(--forge-popover-max-height, none);--_popover-background:var(--forge-popover-background, var(--forge-theme-surface-bright, #ffffff));--_popover-border-radius:var(--forge-popover-border-radius, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_popover-box-shadow:var(--forge-popover-box-shadow, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_popover-border-width:var(--forge-popover-border-width, 0);--_popover-border-style:var(--forge-popover-border-style, solid);--_popover-border-color:var(--forge-popover-border-color, var(--forge-theme-outline, #e0e0e0));--_popover-overflow:var(--forge-popover-overflow, initial);--_popover-arrow-size:var(--forge-popover-arrow-size, 12px);--_popover-arrow-height:var(--forge-popover-arrow-height, var(--_popover-arrow-size));--_popover-arrow-width:var(--forge-popover-arrow-width, var(--_popover-arrow-size));--_popover-arrow-background-color:var(--forge-popover-arrow-background-color, var(--_popover-background));--_popover-arrow-top-rotation:var(--forge-popover-arrow-top-rotation, 135deg);--_popover-arrow-right-rotation:var(--forge-popover-arrow-right-rotation, 225deg);--_popover-arrow-bottom-rotation:var(--forge-popover-arrow-bottom-rotation, 315deg);--_popover-arrow-left-rotation:var(--forge-popover-arrow-left-rotation, 45deg);--_popover-arrow-border-width:var(--forge-popover-arrow-border-width, var(--forge-border-thin, 1px));--_popover-animation-enter-duration:var(--forge-popover-animation-enter-duration, var(--forge-animation-duration-short3, 150ms));--_popover-animation-enter-timing:var(--forge-popover-animation-enter-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_popover-animation-exit-duration:var(--forge-popover-animation-exit-duration, var(--forge-animation-duration-short2, 100ms));--_popover-animation-exit-timing:var(--forge-popover-animation-exit-timing, var(--forge-animation-easing-accelerate, cubic-bezier(0.3, 0, 1, 1)));--_popover-zoom-enter-duration:var(--forge-popover-zoom-enter-duration, var(--_popover-animation-enter-duration));--_popover-zoom-enter-timing:var(--forge-popover-zoom-enter-timing, var(--_popover-animation-enter-timing));--_popover-zoom-exit-duration:var(--forge-popover-zoom-exit-duration, var(--_popover-animation-exit-duration));--_popover-zoom-exit-timing:var(--forge-popover-zoom-exit-timing, var(--_popover-animation-exit-timing));--_popover-slide-enter-duration:var(--forge-popover-slide-enter-duration, var(--_popover-animation-enter-duration));--_popover-slide-enter-timing:var(--forge-popover-slide-enter-timing, var(--_popover-animation-enter-timing));--_popover-slide-exit-duration:var(--forge-popover-slide-exit-duration, var(--_popover-animation-exit-duration));--_popover-slide-exit-timing:var(--forge-popover-slide-exit-timing, var(--_popover-animation-exit-timing));--_popover-slide-offset:var(--forge-popover-slide-offset, 24px);--_popover-fade-enter-duration:var(--forge-popover-fade-enter-duration, var(--forge-animation-duration-medium2, 300ms));--_popover-fade-enter-timing:var(--forge-popover-fade-enter-timing, var(--_popover-animation-enter-timing));--_popover-fade-exit-duration:var(--forge-popover-fade-exit-duration, var(--_popover-animation-exit-duration));--_popover-fade-exit-timing:var(--forge-popover-fade-exit-timing, var(--_popover-animation-exit-timing));--_popover-position-inline-start:var(--forge-popover-position-inline-start, auto);--_popover-position-inline-end:var(--forge-popover-position-inline-end, auto);--_popover-position-block-start:var(--forge-popover-position-block-start, auto);--_popover-position-block-end:var(--forge-popover-position-block-end, auto);--_popover-preset-dropdown-max-height:var(--forge-popover-preset-dropdown-max-height, 256px);--_popover-preset-dropdown-overflow:var(--forge-popover-preset-dropdown-overflow, auto visible);--_popover-preset-dropdown-padding-block:var(--forge-popover-preset-dropdown-padding-block, var(--forge-spacing-xsmall, 8px));--_popover-preset-list-padding-block:var(--forge-popover-preset-list-padding-block, var(--forge-spacing-xsmall, 8px))}.forge-popover{--_popover-arrow-translate-x:0;--_popover-arrow-translate-y:0;--_popover-arrow-rotation:0;--_popover-slidein-x:0;--_popover-slidein-y:0;--_popover-zoomin-origin:50% 50% 0;--_popover-arrow-clip-path:polygon(calc(var(--_popover-border-width) * -1) calc(var(--_popover-border-width) * -1), calc(100% + var(--_popover-border-width)) calc(var(--_popover-border-width) * -1), calc(100% + var(--_popover-border-width)) calc(100% + var(--_popover-border-width)))}.forge-popover{position:relative;overflow:var(--_popover-overflow);box-sizing:border-box;background:var(--_popover-background);border-radius:var(--_popover-border-radius);box-shadow:var(--_popover-box-shadow);border-width:var(--_popover-border-width);border-style:var(--_popover-border-style);border-color:var(--_popover-border-color);width:var(--_popover-width);height:var(--_popover-height);min-width:var(--_popover-min-width);max-width:var(--_popover-max-width);min-height:var(--_popover-min-height);max-height:var(--_popover-max-height)}.forge-popover::-webkit-scrollbar{height:var(--forge-scrollbar-height,16px);width:var(--forge-scrollbar-width,16px)}.forge-popover::-webkit-scrollbar-track{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-track:hover{background-color:var(--forge-scrollbar-track-container-hover,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-corner{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-thumb{height:var(--forge-scrollbar-thumb-min-height,32px);width:var(--forge-scrollbar-thumb-min-width,32px);border-radius:var(--forge-scrollbar-border-radius,calc(var(--forge-shape-full,9999px) * var(--forge-shape-factor,1)));border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-color:var(--forge-scrollbar-thumb-container,var(--forge-theme-surface-container-medium,#c2c2c2));background-clip:content-box}.forge-popover::-webkit-scrollbar-thumb:hover{background-color:var(--forge-scrollbar-thumb-container-hover,var(--forge-theme-surface-container-high,#9e9e9e))}:host([open][no-anchor]) forge-overlay{--forge-overlay-position-inline-start:var(--_popover-position-inline-start);--forge-overlay-position-inline-end:var(--_popover-position-inline-end);--forge-overlay-position-block-start:var(--_popover-position-block-start);--forge-overlay-position-block-end:var(--_popover-position-block-end)}:host([arrow]) .forge-popover{--_popover-border-width:var(--_popover-arrow-border-width)}:host([arrow]) .arrow{position:absolute;background-color:var(--_popover-arrow-background-color);height:var(--_popover-arrow-height);width:var(--_popover-arrow-width);box-shadow:var(--_popover-box-shadow);border-width:var(--_popover-border-width);border-style:var(--_popover-border-style);border-color:var(--_popover-border-color);transform:translate(var(--_popover-arrow-translate-x),var(--_popover-arrow-translate-y)) rotate(var(--_popover-arrow-rotation));clip-path:var(--_popover-arrow-clip-path)}:host([arrow]) forge-overlay[position-placement^=top] .arrow{--_popover-arrow-translate-y:var(--forge-popover-arrow-translate-y, calc(var(--_popover-border-width) * -1));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-top-rotation))}:host([arrow]) forge-overlay[position-placement^=right] .arrow{--_popover-arrow-translate-x:var(--forge-popover-arrow-translate-x, var(--_popover-border-width));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-right-rotation))}:host([arrow]) forge-overlay[position-placement^=bottom] .arrow{--_popover-arrow-translate-y:var(--forge-popover-arrow-translate-y, var(--_popover-border-width));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-bottom-rotation))}:host([arrow]) forge-overlay[position-placement^=left] .arrow{--_popover-arrow-translate-x:var(--forge-popover-arrow-translate-x, calc(var(--_popover-border-width) * -1));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-left-rotation))}}@layer preset{:host([preset=dropdown]) .forge-popover{--_popover-max-height:var(--_popover-preset-dropdown-max-height);--_popover-overflow:var(--_popover-preset-dropdown-overflow);padding-block:var(--_popover-preset-dropdown-padding-block)}:host([preset=list]) .forge-popover{padding-block:var(--_popover-preset-list-padding-block)}:host([constrain-viewport-width]) .forge-popover{--_popover-max-width:var(--forge-popover-max-width, 100vw)}}@layer animation{:host(:not([animation-type])) .forge-popover,:host([animation-type=zoom]) .forge-popover{animation-duration:var(--_popover-zoom-enter-duration);animation-timing-function:var(--_popover-zoom-enter-timing);animation-name:fadein,zoomin;transform-origin:var(--_popover-zoomin-origin)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom left)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom right)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left top)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left bottom)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top left)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top right)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right top)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right bottom)}:host(:not([animation-type])) forge-overlay[open] .forge-popover.exiting,:host([animation-type=zoom]) forge-overlay[open] .forge-popover.exiting{animation-duration:var(--_popover-zoom-exit-duration);animation-timing-function:var(--_popover-zoom-exit-timing);animation-name:fadeout,zoomout}:host([animation-type=slide]) .forge-popover{animation-duration:var(--_popover-slide-enter-duration);animation-timing-function:var(--_popover-slide-enter-timing);animation-name:fadein,slidein}:host([animation-type=slide]) forge-overlay[open][position-placement^=top] .forge-popover{--_popover-slidein-y:var(--forge-popover-slidein-y, var(--_popover-slide-offset))}:host([animation-type=slide]) forge-overlay[open][position-placement^=right] .forge-popover{--_popover-slidein-x:var(--forge-popover-slidein-x, calc(var(--_popover-slide-offset) * -1))}:host([animation-type=slide]) forge-overlay[open][position-placement^=bottom] .forge-popover{--_popover-slidein-y:var(--forge-popover-slidein-y, calc(var(--_popover-slide-offset) * -1))}:host([animation-type=slide]) forge-overlay[open][position-placement^=left] .forge-popover{--_popover-slidein-x:var(--forge-popover-slidein-x, var(--_popover-slide-offset))}:host([animation-type=slide]) forge-overlay[open] .forge-popover.exiting{animation-duration:var(--_popover-slide-exit-duration);animation-timing-function:var(--_popover-slide-exit-timing);animation-name:fadeout,slideout}:host([animation-type=fade]) .forge-popover{animation-duration:var(--_popover-fade-enter-duration);animation-timing-function:var(--_popover-fade-enter-timing);animation-name:fadein}:host([animation-type=fade]) .forge-popover.exiting{animation-duration:var(--_popover-fade-exit-duration);animation-timing-function:var(--_popover-fade-exit-timing);animation-name:fadeout}}forge-overlay[clipped-x] .forge-popover{width:auto;min-width:0;max-width:100vw;overflow-x:auto}forge-overlay[clipped-y] .forge-popover{height:auto;min-height:0;overflow-y:auto}@layer reduced-motion{@media (prefers-reduced-motion:reduce){.forge-popover{animation:none}.forge-popover.exiting{animation:none}}}';
+const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes zoomout{from{transform:scale(1)}to{transform:scale(.8)}}@keyframes slidein{from{transform:translateX(var(--_popover-slidein-x)) translateY(var(--_popover-slidein-y))}to{transform:translateX(0) translateY(0)}}@keyframes slideout{from{transform:translateX(0) translateY(0)}to{transform:translateX(var(--_popover-slidein-x)) translateY(var(--_popover-slidein-y))}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@layer base,animation,preset,reduced-motion; @layer base{:host{display:contents;--forge-theme-surface:var(--forge-theme-surface-bright, #ffffff)}:host([hidden]){display:none}forge-overlay{--_popover-width:var(--forge-popover-width, auto);--_popover-height:var(--forge-popover-height, auto);--_popover-min-width:var(--forge-popover-min-width, none);--_popover-max-width:var(--forge-popover-max-width, none);--_popover-min-height:var(--forge-popover-min-height, none);--_popover-max-height:var(--forge-popover-max-height, none);--_popover-background:var(--forge-popover-background, var(--forge-theme-surface-bright, #ffffff));--_popover-border-radius:var(--forge-popover-border-radius, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_popover-box-shadow:var(--forge-popover-box-shadow, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_popover-border-width:var(--forge-popover-border-width, 0);--_popover-border-style:var(--forge-popover-border-style, solid);--_popover-border-color:var(--forge-popover-border-color, var(--forge-theme-outline, #e0e0e0));--_popover-overflow:var(--forge-popover-overflow, initial);--_popover-arrow-size:var(--forge-popover-arrow-size, 12px);--_popover-arrow-height:var(--forge-popover-arrow-height, var(--_popover-arrow-size));--_popover-arrow-width:var(--forge-popover-arrow-width, var(--_popover-arrow-size));--_popover-arrow-background-color:var(--forge-popover-arrow-background-color, var(--_popover-background));--_popover-arrow-top-rotation:var(--forge-popover-arrow-top-rotation, 135deg);--_popover-arrow-right-rotation:var(--forge-popover-arrow-right-rotation, 225deg);--_popover-arrow-bottom-rotation:var(--forge-popover-arrow-bottom-rotation, 315deg);--_popover-arrow-left-rotation:var(--forge-popover-arrow-left-rotation, 45deg);--_popover-arrow-border-width:var(--forge-popover-arrow-border-width, var(--forge-border-thin, 1px));--_popover-animation-enter-duration:var(--forge-popover-animation-enter-duration, var(--forge-animation-duration-short3, 150ms));--_popover-animation-enter-timing:var(--forge-popover-animation-enter-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_popover-animation-exit-duration:var(--forge-popover-animation-exit-duration, var(--forge-animation-duration-short2, 100ms));--_popover-animation-exit-timing:var(--forge-popover-animation-exit-timing, var(--forge-animation-easing-accelerate, cubic-bezier(0.3, 0, 1, 1)));--_popover-zoom-enter-duration:var(--forge-popover-zoom-enter-duration, var(--_popover-animation-enter-duration));--_popover-zoom-enter-timing:var(--forge-popover-zoom-enter-timing, var(--_popover-animation-enter-timing));--_popover-zoom-exit-duration:var(--forge-popover-zoom-exit-duration, var(--_popover-animation-exit-duration));--_popover-zoom-exit-timing:var(--forge-popover-zoom-exit-timing, var(--_popover-animation-exit-timing));--_popover-slide-enter-duration:var(--forge-popover-slide-enter-duration, var(--_popover-animation-enter-duration));--_popover-slide-enter-timing:var(--forge-popover-slide-enter-timing, var(--_popover-animation-enter-timing));--_popover-slide-exit-duration:var(--forge-popover-slide-exit-duration, var(--_popover-animation-exit-duration));--_popover-slide-exit-timing:var(--forge-popover-slide-exit-timing, var(--_popover-animation-exit-timing));--_popover-slide-offset:var(--forge-popover-slide-offset, 24px);--_popover-fade-enter-duration:var(--forge-popover-fade-enter-duration, var(--forge-animation-duration-medium2, 300ms));--_popover-fade-enter-timing:var(--forge-popover-fade-enter-timing, var(--_popover-animation-enter-timing));--_popover-fade-exit-duration:var(--forge-popover-fade-exit-duration, var(--_popover-animation-exit-duration));--_popover-fade-exit-timing:var(--forge-popover-fade-exit-timing, var(--_popover-animation-exit-timing));--_popover-position-inline-start:var(--forge-popover-position-inline-start, auto);--_popover-position-inline-end:var(--forge-popover-position-inline-end, auto);--_popover-position-block-start:var(--forge-popover-position-block-start, auto);--_popover-position-block-end:var(--forge-popover-position-block-end, auto);--_popover-preset-dropdown-max-height:var(--forge-popover-preset-dropdown-max-height, 256px);--_popover-preset-dropdown-overflow:var(--forge-popover-preset-dropdown-overflow, auto visible);--_popover-preset-dropdown-padding-block:var(--forge-popover-preset-dropdown-padding-block, var(--forge-spacing-xsmall, 8px));--_popover-preset-list-padding-block:var(--forge-popover-preset-list-padding-block, var(--forge-spacing-xsmall, 8px))}.forge-popover{--_popover-arrow-translate-x:0;--_popover-arrow-translate-y:0;--_popover-arrow-rotation:0;--_popover-slidein-x:0;--_popover-slidein-y:0;--_popover-zoomin-origin:50% 50% 0;--_popover-arrow-clip-path:polygon(calc(var(--_popover-border-width) * -1) calc(var(--_popover-border-width) * -1), calc(100% + var(--_popover-border-width)) calc(var(--_popover-border-width) * -1), calc(100% + var(--_popover-border-width)) calc(100% + var(--_popover-border-width)))}.forge-popover::-webkit-scrollbar{height:var(--forge-scrollbar-height,16px);width:var(--forge-scrollbar-width,16px)}.forge-popover::-webkit-scrollbar-track{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-track:hover{background-color:var(--forge-scrollbar-track-container-hover,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-corner{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-popover::-webkit-scrollbar-thumb{height:var(--forge-scrollbar-thumb-min-height,32px);width:var(--forge-scrollbar-thumb-min-width,32px);border-radius:var(--forge-scrollbar-border-radius,calc(var(--forge-shape-full,9999px) * var(--forge-shape-factor,1)));border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-color:var(--forge-scrollbar-thumb-container,var(--forge-theme-surface-container-medium,#c2c2c2));background-clip:content-box}.forge-popover::-webkit-scrollbar-thumb:hover{background-color:var(--forge-scrollbar-thumb-container-hover,var(--forge-theme-surface-container-high,#9e9e9e))}.forge-popover{position:relative;overflow:var(--_popover-overflow);box-sizing:border-box;background:var(--_popover-background);border-radius:var(--_popover-border-radius);box-shadow:var(--_popover-box-shadow);border-width:var(--_popover-border-width);border-style:var(--_popover-border-style);border-color:var(--_popover-border-color);width:var(--_popover-width);height:var(--_popover-height);min-width:var(--_popover-min-width);max-width:var(--_popover-max-width);min-height:var(--_popover-min-height);max-height:var(--_popover-max-height)}:host([open][no-anchor]) forge-overlay{--forge-overlay-position-inline-start:var(--_popover-position-inline-start);--forge-overlay-position-inline-end:var(--_popover-position-inline-end);--forge-overlay-position-block-start:var(--_popover-position-block-start);--forge-overlay-position-block-end:var(--_popover-position-block-end)}:host([arrow]) .forge-popover{--_popover-border-width:var(--_popover-arrow-border-width)}:host([arrow]) .arrow{position:absolute;background-color:var(--_popover-arrow-background-color);height:var(--_popover-arrow-height);width:var(--_popover-arrow-width);box-shadow:var(--_popover-box-shadow);border-width:var(--_popover-border-width);border-style:var(--_popover-border-style);border-color:var(--_popover-border-color);transform:translate(var(--_popover-arrow-translate-x),var(--_popover-arrow-translate-y)) rotate(var(--_popover-arrow-rotation));clip-path:var(--_popover-arrow-clip-path)}:host([arrow]) forge-overlay[position-placement^=top] .arrow{--_popover-arrow-translate-y:var(--forge-popover-arrow-translate-y, calc(var(--_popover-border-width) * -1));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-top-rotation))}:host([arrow]) forge-overlay[position-placement^=right] .arrow{--_popover-arrow-translate-x:var(--forge-popover-arrow-translate-x, var(--_popover-border-width));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-right-rotation))}:host([arrow]) forge-overlay[position-placement^=bottom] .arrow{--_popover-arrow-translate-y:var(--forge-popover-arrow-translate-y, var(--_popover-border-width));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-bottom-rotation))}:host([arrow]) forge-overlay[position-placement^=left] .arrow{--_popover-arrow-translate-x:var(--forge-popover-arrow-translate-x, calc(var(--_popover-border-width) * -1));--_popover-arrow-rotation:var(--forge-popover-arrow-rotation, var(--_popover-arrow-left-rotation))}}@layer preset{:host([preset=dropdown]) .forge-popover{--_popover-max-height:var(--_popover-preset-dropdown-max-height);--_popover-overflow:var(--_popover-preset-dropdown-overflow);padding-block:var(--_popover-preset-dropdown-padding-block)}:host([preset=list]) .forge-popover{padding-block:var(--_popover-preset-list-padding-block)}:host([constrain-viewport-width]) .forge-popover{--_popover-max-width:var(--forge-popover-max-width, 100vw)}}@layer animation{:host(:not([animation-type])) .forge-popover,:host([animation-type=zoom]) .forge-popover{animation-duration:var(--_popover-zoom-enter-duration);animation-timing-function:var(--_popover-zoom-enter-timing);animation-name:fadein,zoomin;transform-origin:var(--_popover-zoomin-origin)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom left)}:host(:not([animation-type])) forge-overlay[open][position-placement^=top][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=top][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, bottom right)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left top)}:host(:not([animation-type])) forge-overlay[open][position-placement^=right][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=right][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, left bottom)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top left)}:host(:not([animation-type])) forge-overlay[open][position-placement^=bottom][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=bottom][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, top right)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left]:not([position-placement*=\"-\"]) .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left]:not([position-placement*=\"-\"]) .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right center)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left][position-placement$=-start] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left][position-placement$=-start] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right top)}:host(:not([animation-type])) forge-overlay[open][position-placement^=left][position-placement$=-end] .forge-popover,:host([animation-type=zoom]) forge-overlay[open][position-placement^=left][position-placement$=-end] .forge-popover{--_popover-zoomin-origin:var(--forge-popover-zoomin-origin, right bottom)}:host(:not([animation-type])) forge-overlay[open] .forge-popover.exiting,:host([animation-type=zoom]) forge-overlay[open] .forge-popover.exiting{animation-duration:var(--_popover-zoom-exit-duration);animation-timing-function:var(--_popover-zoom-exit-timing);animation-name:fadeout,zoomout}:host([animation-type=slide]) .forge-popover{animation-duration:var(--_popover-slide-enter-duration);animation-timing-function:var(--_popover-slide-enter-timing);animation-name:fadein,slidein}:host([animation-type=slide]) forge-overlay[open][position-placement^=top] .forge-popover{--_popover-slidein-y:var(--forge-popover-slidein-y, var(--_popover-slide-offset))}:host([animation-type=slide]) forge-overlay[open][position-placement^=right] .forge-popover{--_popover-slidein-x:var(--forge-popover-slidein-x, calc(var(--_popover-slide-offset) * -1))}:host([animation-type=slide]) forge-overlay[open][position-placement^=bottom] .forge-popover{--_popover-slidein-y:var(--forge-popover-slidein-y, calc(var(--_popover-slide-offset) * -1))}:host([animation-type=slide]) forge-overlay[open][position-placement^=left] .forge-popover{--_popover-slidein-x:var(--forge-popover-slidein-x, var(--_popover-slide-offset))}:host([animation-type=slide]) forge-overlay[open] .forge-popover.exiting{animation-duration:var(--_popover-slide-exit-duration);animation-timing-function:var(--_popover-slide-exit-timing);animation-name:fadeout,slideout}:host([animation-type=fade]) .forge-popover{animation-duration:var(--_popover-fade-enter-duration);animation-timing-function:var(--_popover-fade-enter-timing);animation-name:fadein}:host([animation-type=fade]) .forge-popover.exiting{animation-duration:var(--_popover-fade-exit-duration);animation-timing-function:var(--_popover-fade-exit-timing);animation-name:fadeout}}forge-overlay[clipped-x] .forge-popover{width:auto;min-width:0;max-width:100vw;overflow-x:auto}forge-overlay[clipped-y] .forge-popover{height:auto;min-height:0;overflow-y:auto}@layer reduced-motion{@media (prefers-reduced-motion:reduce){.forge-popover{animation:none}.forge-popover.exiting{animation:none}}}';
 /**
  * @tag forge-popover
  *

package/esm/profile-card/profile-card.d.ts

@@ -27,6 +27,8 @@ declare global {
 }
 /**
  * @tag forge-profile-card
+ *
+ * @summary Profile cards display user information and actions in a structured card format.
  */
 export declare class ProfileCardComponent extends BaseComponent implements IProfileCardComponent {
     static get observedAttributes(): string[];

package/esm/profile-card/profile-card.js

@@ -17,6 +17,8 @@ const template = '<template><div class=\"forge-profile-card\" part=\"root\"><div
 const styles = ':host{display:block}:host([hidden]){display:none}.forge-profile-card{--_profile-card-min-width:var(--forge-profile-card-min-width, 360px);--_profile-card-shape:var(--forge-profile-card-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_profile-card-avatar-size:var(--forge-profile-card-avatar-size, 56px)}.forge-profile-card{min-width:var(--_profile-card-min-width);border-radius:var(--_profile-card-shape)}@media (max-width:399px){.forge-profile-card{width:100vw;min-width:unset;overflow:auto}}.forge-profile-card .info-container{display:flex;align-items:center;padding-block:var(--forge-spacing-xsmall,8px);padding-inline:var(--forge-spacing-medium,16px)}.forge-profile-card .avatar{display:flex;align-items:center;padding:var(--forge-spacing-xsmall,8px);margin-inline-end:var(--forge-spacing-medium,16px);--forge-avatar-size:var(--_profile-card-avatar-size)}.forge-profile-card .text{display:flex;flex-direction:column}.forge-profile-card .full-name{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-heading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-font-size-scale, 1)));font-weight:var(--forge-typography-heading2-font-weight,500);line-height:var(--forge-typography-heading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-heading2-letter-spacing, .0125em);text-transform:var(--forge-typography-heading2-text-transform,inherit);text-decoration:var(--forge-typography-heading2-text-decoration,inherit)}.forge-profile-card .email{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-subheading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-font-size-scale, .875)));font-weight:var(--forge-typography-subheading1-font-weight,400);line-height:var(--forge-typography-subheading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-subheading1-letter-spacing, normal);text-transform:var(--forge-typography-subheading1-text-transform,inherit);text-decoration:var(--forge-typography-subheading1-text-decoration,inherit);color:var(--forge-theme-text-medium,rgba(0,0,0,.6))}#action-toolbar{--forge-toolbar-padding:8px}#action-toolbar forge-button:not(:last-of-type){margin-inline-end:8px}';
 /**
  * @tag forge-profile-card
+ *
+ * @summary Profile cards display user information and actions in a structured card format.
  */
 let ProfileCardComponent = class ProfileCardComponent extends BaseComponent {
     static get observedAttributes() {

package/esm/select/core/base-select-constants.d.ts

@@ -39,3 +39,7 @@ export declare const BASE_SELECT_CONSTANTS: {
         CHANGE: string;
     };
 };
+export interface SelectSelectAllEventData {
+    isAllSelected: boolean;
+    value: IListDropdownOption[];
+}

package/esm/select/core/base-select-core.d.ts

@@ -17,6 +17,7 @@ export interface IBaseSelectCore extends IListDropdownAwareCore {
     optionBuilder: SelectOptionBuilder;
     selectedTextBuilder: SelectSelectedTextBuilder;
     beforeValueChange: SelectBeforeValueChangeCallback<any>;
+    selectAllLabel: string;
     appendOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
     selectAll(): void;
     deselectAll(): void;
@@ -30,6 +31,8 @@ export declare abstract class BaseSelectCore<T extends IBaseSelectAdapter> exten
     protected _value: any;
     protected _multiple: boolean;
     protected _open: boolean;
+    protected _showSelectAll: boolean;
+    protected _selectAllLabel: string;
     protected _optionBuilder: SelectOptionBuilder;
     protected _selectedTextBuilder: SelectSelectedTextBuilder;
     protected _selectedValues: string[];
@@ -53,6 +56,9 @@ export declare abstract class BaseSelectCore<T extends IBaseSelectAdapter> exten
     constructor(_adapter: T);
     protected abstract _onDropdownScrollEnd(): void;
     protected _onFocus(evt: Event): void;
+    protected _onSelectAll(): void;
+    /** Updates the select all checkbox state based on current selections */
+    private _updateSelectAllState;
     initialize(): void;
     initializeTarget(): void;
     destroy(): void;
@@ -61,6 +67,10 @@ export declare abstract class BaseSelectCore<T extends IBaseSelectAdapter> exten
     deselectAll(): void;
     protected get _flatOptions(): ISelectOption[];
     private get _nonDividerOptions();
+    /** Adjusts an index from list-dropdown coordinate system to select coordinate system */
+    private _adjustIndexFromDropdown;
+    /** Adjusts an index from select coordinate system to list-dropdown coordinate system */
+    private _adjustIndexToDropdown;
     protected _initializeValue(): void;
     protected _onClick(evt: MouseEvent): void;
     protected _onBlur(evt: FocusEvent): void;
@@ -87,8 +97,12 @@ export declare abstract class BaseSelectCore<T extends IBaseSelectAdapter> exten
     protected _getSelectedText(): string;
     private _onKeydown;
     private _getFirstSelectedOptionIndex;
-    private _getPreviousHighlightableOptionIndex;
-    private _getNextHighlightableOptionIndex;
+    /** Navigation methods that work in dropdown coordinate system (includes select all when enabled) */
+    private _getPreviousHighlightableDropdownIndex;
+    private _getNextHighlightableDropdownIndex;
+    private _getFirstHighlightableDropdownIndex;
+    private _getLastHighlightableDropdownIndex;
+    private _isDropdownOptionDisabled;
     private _filter;
     private _onOptionsChanged;
     private _onActiveOptionChanged;
@@ -126,4 +140,10 @@ export declare abstract class BaseSelectCore<T extends IBaseSelectAdapter> exten
     /** Sets the callback to be executed when the user selects a value. */
     get beforeValueChange(): SelectBeforeValueChangeCallback<any>;
     set beforeValueChange(value: SelectBeforeValueChangeCallback<any>);
+    /** Gets/sets whether to show the select all option when in multiple mode. */
+    get showSelectAll(): boolean;
+    set showSelectAll(value: boolean);
+    /** Gets/sets the label for the select all option. */
+    get selectAllLabel(): string;
+    set selectAllLabel(value: string);
 }

package/esm/select/core/base-select-core.js

@@ -6,6 +6,7 @@
 import { isDefined, isDeepEqual, randomChars } from '@tylertech/forge-core';
 import { BASE_SELECT_CONSTANTS } from './base-select-constants';
 import { isSelectOptionType, SelectOptionType } from './select-utils';
+import { LIST_DROPDOWN_CONSTANTS } from '../../list-dropdown/list-dropdown-constants';
 import { ListDropdownAwareCore } from '../../list-dropdown/list-dropdown-aware-core';
 export class BaseSelectCore extends ListDropdownAwareCore {
     constructor(_adapter) {
@@ -15,6 +16,7 @@ export class BaseSelectCore extends ListDropdownAwareCore {
         this._value = [];
         this._multiple = false;
         this._open = false;
+        this._showSelectAll = false;
         this._selectedValues = [];
         this._selectedLabels = [];
         this._selectedIndexes = [];
@@ -30,6 +32,51 @@ export class BaseSelectCore extends ListDropdownAwareCore {
         this._identifier = randomChars();
     }
     _onFocus(evt) { }
+    _onSelectAll() {
+        if (!this._multiple) {
+            return;
+        }
+        const currentlyAllSelected = this._selectedValues.length === this._nonDividerOptions.length;
+        const willSelectAll = !currentlyAllSelected;
+        // Emit the select all event
+        const newValue = willSelectAll ? this._nonDividerOptions.map(o => o.value) : [];
+        const cancelled = !this._adapter.emitHostEvent('forge-select-all', {
+            value: newValue,
+            isAllSelected: willSelectAll
+        }, true, true);
+        if (!cancelled) {
+            if (willSelectAll) {
+                this.selectAll();
+            }
+            else {
+                this.deselectAll();
+            }
+            // Emit the standard change event
+            const changeData = this._multiple ? [...this._selectedValues] : this._selectedValues[0];
+            this._adapter.emitHostEvent(BASE_SELECT_CONSTANTS.events.CHANGE, changeData, true, true);
+            // Update the dropdown to reflect the new selection state
+            if (this._open) {
+                // Preserve the currently active option index before updating selections
+                const activeOptionIndex = this._adapter.getActiveOptionIndex();
+                this._adapter.patchSelectedValues(this._selectedValues);
+                // Update the select all checkbox to reflect its new state
+                this._updateSelectAllState();
+                // Restore the active option to preserve highlighting
+                if (activeOptionIndex >= 0) {
+                    this._adapter.highlightActiveOption(activeOptionIndex);
+                }
+            }
+        }
+    }
+    /** Updates the select all checkbox state based on current selections */
+    _updateSelectAllState() {
+        if (!this._showSelectAll || !this._multiple || !this._open) {
+            return;
+        }
+        const allSelected = this._selectedValues.length === this._nonDividerOptions.length;
+        // The select all option is always at dropdown index 0
+        this._adapter.toggleOptionMultiple(0, allSelected);
+    }
     initialize() {
         if (this._optionListenerDestructor) {
             this._optionListenerDestructor();
@@ -80,6 +127,23 @@ export class BaseSelectCore extends ListDropdownAwareCore {
     get _nonDividerOptions() {
         return this._flatOptions.filter(o => !o.divider);
     }
+    /** Adjusts an index from list-dropdown coordinate system to select coordinate system */
+    _adjustIndexFromDropdown(dropdownIndex) {
+        // If select all is shown and enabled, the first option (index 0) in the dropdown is select all
+        // So we need to subtract 1 from the dropdown index to get the actual option index
+        if (this._showSelectAll && this._multiple && dropdownIndex > 0) {
+            return dropdownIndex - 1;
+        }
+        return dropdownIndex;
+    }
+    /** Adjusts an index from select coordinate system to list-dropdown coordinate system */
+    _adjustIndexToDropdown(selectIndex) {
+        // If select all is shown and enabled, we need to add 1 to account for the select all option
+        if (this._showSelectAll && this._multiple) {
+            return selectIndex + 1;
+        }
+        return selectIndex;
+    }
     _initializeValue() {
         const options = (this._options.length && this._options) || this._adapter.getOptions();
         if (isDefined(this._value) && options.length) {
@@ -136,8 +200,15 @@ export class BaseSelectCore extends ListDropdownAwareCore {
             optionLimit: this._optionLimit,
             headerBuilder: this._popupHeaderBuilder,
             footerBuilder: this._popupFooterBuilder,
+            showSelectAll: this._showSelectAll && this._multiple,
+            selectAllLabel: this._selectAllLabel,
             closeCallback: () => this._closeDropdown(),
             selectCallback: (value) => {
+                // Handle select all option
+                if (value === LIST_DROPDOWN_CONSTANTS.selectAllOption.VALUE) {
+                    this._onSelectAll();
+                    return;
+                }
                 const flatOptions = this._flatOptions;
                 const option = flatOptions.find(o => o.value === value);
                 if (option) {
@@ -148,6 +219,8 @@ export class BaseSelectCore extends ListDropdownAwareCore {
         };
         this._adapter.open(config);
         this._adapter.setDismissListener(this._dismissListener);
+        // Ensure select all state is synchronized after opening dropdown
+        this._updateSelectAllState();
     }
     /**
      * Closes the dropdown.
@@ -208,7 +281,18 @@ export class BaseSelectCore extends ListDropdownAwareCore {
             // If we're in multiselect mode, we need to toggle the selected option
             if (this._multiple) {
                 const isSelected = this._selectedIndexes.includes(optionIndex);
-                this._adapter.toggleOptionMultiple(optionIndex, isSelected);
+                const dropdownIndex = this._adjustIndexToDropdown(optionIndex);
+                this._adapter.toggleOptionMultiple(dropdownIndex, isSelected);
+                // Update select all checkbox state if it's visible
+                if (this._showSelectAll && this._open) {
+                    // Preserve the currently active option index before updating select all state
+                    const activeOptionIndex = this._adapter.getActiveOptionIndex();
+                    this._updateSelectAllState();
+                    // Restore the active option to preserve highlighting
+                    if (activeOptionIndex >= 0) {
+                        this._adapter.highlightActiveOption(activeOptionIndex);
+                    }
+                }
             }
             this._applySelection();
         };
@@ -240,9 +324,17 @@ export class BaseSelectCore extends ListDropdownAwareCore {
         return !cancelled;
     }
     _selectActiveOption() {
-        const activeOptionIndex = this._adapter.getActiveOptionIndex();
-        if (activeOptionIndex >= 0 && this._nonDividerOptions[activeOptionIndex]) {
-            this._onSelect(this._nonDividerOptions[activeOptionIndex], activeOptionIndex);
+        const activeDropdownIndex = this._adapter.getActiveOptionIndex();
+        if (activeDropdownIndex >= 0) {
+            // Check if the active option is the select all option
+            if (this._showSelectAll && this._multiple && activeDropdownIndex === 0) {
+                this._onSelectAll();
+                return;
+            }
+            const adjustedIndex = this._adjustIndexFromDropdown(activeDropdownIndex);
+            if (this._nonDividerOptions[adjustedIndex]) {
+                this._onSelect(this._nonDividerOptions[adjustedIndex], adjustedIndex);
+            }
         }
     }
     _tryUpdateDropdownPosition() {
@@ -366,39 +458,49 @@ export class BaseSelectCore extends ListDropdownAwareCore {
             if (this._flatOptions.length === 0) {
                 return;
             }
-            let optionIndex = 0;
+            let dropdownIndex = 0;
             if (this._open) {
-                optionIndex = this._adapter.getActiveOptionIndex();
-                if (optionIndex === -1) {
-                    optionIndex = this._getFirstSelectedOptionIndex();
+                dropdownIndex = this._adapter.getActiveOptionIndex();
+                if (dropdownIndex === -1) {
+                    // No option is currently active, so activate the first/last highlightable option based on direction
+                    if (isArrowUp) {
+                        dropdownIndex = this._getLastHighlightableDropdownIndex();
+                    }
+                    else {
+                        dropdownIndex = this._getFirstHighlightableDropdownIndex();
+                    }
+                }
+                else {
+                    // An option is already active, move to the previous/next one
+                    if (isArrowUp) {
+                        dropdownIndex = this._getPreviousHighlightableDropdownIndex(dropdownIndex);
+                    }
+                    else {
+                        dropdownIndex = this._getNextHighlightableDropdownIndex(dropdownIndex);
+                    }
                 }
             }
             else {
-                optionIndex = this._getFirstSelectedOptionIndex();
-            }
-            if (isArrowUp) {
-                optionIndex = this._getPreviousHighlightableOptionIndex(optionIndex, this._nonDividerOptions);
-            }
-            else {
-                optionIndex = this._getNextHighlightableOptionIndex(optionIndex, this._nonDividerOptions);
+                const firstSelectedIndex = this._getFirstSelectedOptionIndex();
+                dropdownIndex = firstSelectedIndex >= 0 ? this._adjustIndexToDropdown(firstSelectedIndex) : 0;
             }
-            this._adapter.highlightActiveOption(optionIndex);
+            this._adapter.highlightActiveOption(dropdownIndex);
         }
         else if (isHomeKey) {
             if (this._open) {
                 evt.preventDefault();
-                this._adapter.highlightActiveOption(this._nonDividerOptions.findIndex(o => !o.disabled));
+                const firstDropdownIndex = this._getFirstHighlightableDropdownIndex();
+                if (firstDropdownIndex >= 0) {
+                    this._adapter.highlightActiveOption(firstDropdownIndex);
+                }
             }
         }
         else if (isEndKey) {
             if (this._open) {
                 evt.preventDefault();
-                const options = this._nonDividerOptions;
-                for (let i = options.length - 1; i >= 0; i--) {
-                    if (!options[i].disabled) {
-                        this._adapter.highlightActiveOption(i);
-                        break;
-                    }
+                const lastDropdownIndex = this._getLastHighlightableDropdownIndex();
+                if (lastDropdownIndex >= 0) {
+                    this._adapter.highlightActiveOption(lastDropdownIndex);
                 }
             }
         }
@@ -409,31 +511,92 @@ export class BaseSelectCore extends ListDropdownAwareCore {
     _getFirstSelectedOptionIndex() {
         return this._nonDividerOptions.findIndex(option => this._selectedValues.includes(option.value));
     }
-    _getPreviousHighlightableOptionIndex(startIndex, options) {
+    /** Navigation methods that work in dropdown coordinate system (includes select all when enabled) */
+    _getPreviousHighlightableDropdownIndex(startIndex) {
+        if (!this._adapter.popupElement) {
+            return startIndex;
+        }
+        const listItems = this._adapter.popupElement.querySelectorAll('forge-list-item');
+        const totalItems = listItems.length;
+        if (totalItems === 0) {
+            return startIndex;
+        }
         let index = startIndex;
-        if (index <= 0) {
-            index = options.length - 1;
+        do {
+            if (index <= 0) {
+                index = totalItems - 1;
+            }
+            else {
+                index--;
+            }
+            const listItem = listItems[index];
+            if (listItem && !this._isDropdownOptionDisabled(listItem)) {
+                return index;
+            }
+        } while (index !== startIndex);
+        return startIndex;
+    }
+    _getNextHighlightableDropdownIndex(startIndex) {
+        if (!this._adapter.popupElement) {
+            return startIndex;
         }
-        else {
-            index--;
+        const listItems = this._adapter.popupElement.querySelectorAll('forge-list-item');
+        const totalItems = listItems.length;
+        if (totalItems === 0) {
+            return startIndex;
         }
-        if (options[index].disabled) {
-            return this._getPreviousHighlightableOptionIndex(index, options);
+        let index = startIndex;
+        do {
+            if (index === totalItems - 1) {
+                index = 0;
+            }
+            else {
+                index++;
+            }
+            const listItem = listItems[index];
+            if (listItem && !this._isDropdownOptionDisabled(listItem)) {
+                return index;
+            }
+        } while (index !== startIndex);
+        return startIndex;
+    }
+    _getFirstHighlightableDropdownIndex() {
+        if (!this._adapter.popupElement) {
+            return 0;
+        }
+        const listItems = this._adapter.popupElement.querySelectorAll('forge-list-item');
+        for (let i = 0; i < listItems.length; i++) {
+            const listItem = listItems[i];
+            if (listItem && !this._isDropdownOptionDisabled(listItem)) {
+                return i;
+            }
         }
-        return index;
+        return 0;
     }
-    _getNextHighlightableOptionIndex(startIndex, options) {
-        let index = startIndex;
-        if (index === options.length - 1) {
-            index = 0;
+    _getLastHighlightableDropdownIndex() {
+        if (!this._adapter.popupElement) {
+            return 0;
         }
-        else {
-            index++;
+        const listItems = this._adapter.popupElement.querySelectorAll('forge-list-item');
+        for (let i = listItems.length - 1; i >= 0; i--) {
+            const listItem = listItems[i];
+            if (listItem && !this._isDropdownOptionDisabled(listItem)) {
+                return i;
+            }
+        }
+        return 0;
+    }
+    _isDropdownOptionDisabled(listItem) {
+        // Check if it's a divider (dividers are not selectable)
+        if (listItem.querySelector && listItem.querySelector('forge-divider')) {
+            return true;
         }
-        if (options[index].disabled) {
-            return this._getNextHighlightableOptionIndex(index, options);
+        // Check if the button inside is disabled
+        const button = listItem.querySelector('button');
+        if (button && button.disabled) {
+            return true;
         }
-        return index;
+        return false;
     }
     _filter(key) {
         // This allows for typing numbers and/or characters while the select is focused to auto-select the closest match
@@ -603,4 +766,18 @@ export class BaseSelectCore extends ListDropdownAwareCore {
     set beforeValueChange(value) {
         this._beforeValueChange = value;
     }
+    /** Gets/sets whether to show the select all option when in multiple mode. */
+    get showSelectAll() {
+        return this._showSelectAll;
+    }
+    set showSelectAll(value) {
+        this._showSelectAll = value;
+    }
+    /** Gets/sets the label for the select all option. */
+    get selectAllLabel() {
+        return this._selectAllLabel;
+    }
+    set selectAllLabel(value) {
+        this._selectAllLabel = value;
+    }
 }

package/esm/select/option/option.d.ts

@@ -15,6 +15,8 @@ declare global {
 }
 /**
  * @tag forge-option
+ *
+ * @summary Options represent individual selectable items within select components and menus.
  */
 export declare class OptionComponent extends BaseComponent implements IOptionComponent {
     static get observedAttributes(): string[];

package/esm/select/option/option.js

@@ -11,6 +11,8 @@ import { OPTION_CONSTANTS } from './option-constants';
 import { OptionCore } from './option-core';
 /**
  * @tag forge-option
+ *
+ * @summary Options represent individual selectable items within select components and menus.
  */
 let OptionComponent = class OptionComponent extends BaseComponent {
     static get observedAttributes() {

package/esm/select/option-group/option-group.d.ts

@@ -16,6 +16,8 @@ declare global {
 }
 /**
  * @tag forge-option-group
+ *
+ * @summary Groups related options together with an optional label within select components.
  */
 export declare class OptionGroupComponent extends BaseComponent implements IOptionGroupComponent {
     static get observedAttributes(): string[];

package/esm/select/option-group/option-group.js

@@ -9,6 +9,8 @@ import { BaseComponent } from '../../core/base/base-component';
 import { OPTION_GROUP_CONSTANTS } from './option-group-constants';
 /**
  * @tag forge-option-group
+ *
+ * @summary Groups related options together with an optional label within select components.
  */
 let OptionGroupComponent = class OptionGroupComponent extends BaseComponent {
     static get observedAttributes() {