@esri/calcite-components 5.0.0-next.25 → 5.0.0-next.27

package/dist/chunks/logger.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { d as getConfig } from "./runtime.js";
 const loggedDeprecations = /* @__PURE__ */ new Set();
 const logLevels = {

package/dist/chunks/math.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
 const decimalPlaces = (value) => {

package/dist/chunks/observers.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { isServer } from "lit";
 function createObserver(type, callback, options) {
   if (isServer) {

package/dist/chunks/openCloseComponent.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { w as whenTransitionDone } from "./dom.js";
 function isOpen(component) {
   return component[component.openProp || "open"];

package/dist/chunks/resources.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const CSS = {
   container: "container",
   actionsStart: "actions-start",

package/dist/chunks/resources2.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const CSS = {
   menu: "menu",
   defaultTrigger: "default-trigger"

package/dist/chunks/resources3.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const CSS = {
   actionBarContainer: "action-bar-container",
   container: "container",

package/dist/chunks/resources4.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const KindIcons = {
   brand: "lightbulb",
   danger: "exclamationMarkTriangle",

package/dist/chunks/resources5.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const CSS = {
   actionsEnd: "actions-end",
   actionsStart: "actions-start",

package/dist/chunks/resources6.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
 const AllComboboxChildrenSelector = `${ComboboxItemSelector}, ${ComboboxItemGroupSelector}`;

package/dist/chunks/resources7.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const CSS = {
   container: "container",
   containerNone: "container--none-selection",

package/dist/chunks/resources8.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 const SLOTS = {
   menuActions: "menu-actions",
   menuTooltip: "menu-tooltip"

package/dist/chunks/responsive.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { d as calciteContainerSizeWidthXxs, e as calciteContainerSizeWidthXs, f as calciteContainerSizeWidthSm, g as calciteContainerSizeWidthMd } from "./global.js";
 const breakpoints = {
   width: {

package/dist/chunks/runtime.js

@@ -1,7 +1,7 @@
 import "../cdn/main.css";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeRuntime } from "@arcgis/lumina";
 import { isServer } from "lit";
 import "lit-html/is-server.js";
@@ -63,9 +63,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.0.0-next.25";
-const buildDate = "2025-12-11";
-const revision = "7eb4a973d";
+const version = "5.0.0-next.27";
+const buildDate = "2025-12-15";
+const revision = "2f5965714";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -88,7 +88,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.0.0-next.25/dist/calcite/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.0.0-next.27/dist/calcite/", hydratedAttribute: "calcite-hydrated" });
 const { customElement, getAssetPath, setAssetPath } = runtime;
 export {
   CSS_UTILITY as C,

package/dist/chunks/sortable.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { css } from "lit";
 const styles = css`:host(.calcite-sortable--chosen),:host(.calcite-sortable--drag),:host(.calcite-sortable--fallback),:host(.calcite-sortable--ghost){position:relative;overflow:hidden}:host(.calcite-sortable--ghost):before{content:"";position:absolute;inset-block:0px;inset-inline-start:0px;inset-inline-end:0px;z-index:var(--calcite-z-index);box-sizing:border-box;border-width:1px;border-style:dashed;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-2)}:host(.calcite-sortable--drag){--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}`;
 export {

package/dist/chunks/sortableComponent.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import Sortable from "sortablejs";
 const sortableComponentSet = /* @__PURE__ */ new Set();
 const CSS = {

package/dist/chunks/text.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { html } from "lit";
 import { safeClassMap } from "@arcgis/lumina";
 const CSS = {

package/dist/chunks/useCancelable.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 const useCancelable = () => {
   return makeGenericController((_, controller) => {

package/dist/chunks/useFocusTrap.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 import { createFocusTrap } from "focus-trap";
 import { r as tabbableOptions, b as focusElement } from "./dom.js";

package/dist/chunks/useInteractive.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 import { safeClassMap } from "@arcgis/lumina";
 import { html } from "lit-html";

package/dist/chunks/usePreventDocumentScroll.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 let openedComponentCount = 0;
 let initialDocumentOverflowStyle = "";

package/dist/chunks/useSetFocus.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeGenericController } from "@arcgis/lumina/controllers";
 import { c as componentFocusable } from "./component.js";
 import { m as getRootNode, b as focusElement } from "./dom.js";

package/dist/chunks/useT9n.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { makeT9nController } from "@arcgis/lumina/controllers";
 import { g as getAssetPath } from "./runtime.js";
 const useT9n = makeT9nController(getAssetPath);

package/dist/chunks/useTime.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { toFunction, GenericController } from "@arcgis/lumina/controllers";
 import { createEvent } from "@arcgis/lumina";
 import { l as localizedTwentyFourHourMeridiems, i as isValidNumber, n as numberStringFormatter, g as getDateTimeFormat, a as getSupportedNumberingSystem } from "./locale.js";

package/dist/chunks/utils.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import Color from "color";
 import { c as calciteSpacingFixedXl, a as calciteSpacingFixedMd, b as calciteSpacingFixedSm } from "./global.js";
 const CSS = {

package/dist/chunks/utils2.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { isServer } from "lit";
 const listSelector = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";

package/dist/chunks/utils3.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { defaultLocale, normalizeLocale, supportedLocales } from "@arcgis/toolkit/intl";
 import { a as dateFromISO } from "./date.js";
 import { g as getAssetPath } from "./runtime.js";

package/dist/chunks/utils4.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { isServer } from "lit";
 import { n as nodeListToArray } from "./dom.js";
 import { A as AllComboboxChildrenSelector, C as ComboboxItemSelector, a as ComboboxItemGroupSelector } from "./resources6.js";

package/dist/components/calcite-accordion/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-accordion-item/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";

package/dist/components/calcite-action/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, JsxNode, LuminaJsx, TargetedEvent } from '@arcgis/lumina';
 import { Alignment, Appearance, AriaAttributesCamelCased, Scale, SelectionAppearance, Width } from '../interfaces';
 import { IconName } from '../calcite-icon/interfaces';
 import { FormOwner } from '../../utils/form';
@@ -11,7 +11,7 @@ export declare class Action extends LitElement {
      *
      * @internal
      */
-    aria?: Partial<Pick<AriaAttributesCamelCased, "controlsElements" | "describedByElements" | "expanded" | "hasPopup" | "labelledByElements" | "ownsElements" | "pressed">>;
+    aria?: Partial<Pick<AriaAttributesCamelCased, "controlsElements" | "describedByElements" | "expanded" | "hasPopup" | "labelledByElements" | "ownsElements" | "pressed" | "checked"> & Pick<LuminaJsx.HTMLAttributes, "role">>;
     /**
      * When `true`, the component is highlighted.
      *

package/dist/components/calcite-action/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";
@@ -127,7 +127,7 @@ class Action extends LitElement {
     if (this.dragHandle) {
       return html`<span .ariaBusy=${loading} .ariaControlsElements=${ariaControlsElements} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabel=${ariaLabel} .ariaLabelledByElements=${this.aria?.labelledByElements} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${safeClassMap(buttonClasses)} id=${buttonId ?? nothing} role=button tabindex=${(this.disabled ? null : 0) ?? nothing} ${ref(this.buttonRef)}>${buttonContent}</span>`;
     }
-    return html`<button .ariaBusy=${loading} .ariaControlsElements=${ariaControlsElements} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabel=${ariaLabel} .ariaLabelledByElements=${this.aria?.labelledByElements} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${safeClassMap(buttonClasses)} .disabled=${disabled} id=${buttonId ?? nothing} @click=${this.handleClick} ${ref(this.buttonRef)}>${buttonContent}</button>`;
+    return html`<button .ariaBusy=${loading} .ariaChecked=${this.aria?.checked} .ariaControlsElements=${ariaControlsElements} .ariaDescribedByElements=${this.aria?.describedByElements} .ariaExpanded=${this.aria?.expanded} .ariaHasPopup=${this.aria?.hasPopup} .ariaLabel=${ariaLabel} .ariaLabelledByElements=${this.aria?.labelledByElements} .ariaOwnsElements=${this.aria?.ownsElements} .ariaPressed=${this.aria?.pressed} class=${safeClassMap(buttonClasses)} .disabled=${disabled} id=${buttonId ?? nothing} @click=${this.handleClick} .role=${this.aria?.role} ${ref(this.buttonRef)}>${buttonContent}</button>`;
   }
   render() {
     return this.interactiveContainer({ disabled: this.disabled, children: html`${this.renderButton()}${this.renderIndicatorText()}` });

package/dist/components/calcite-action-bar/customElement.js

@@ -1,14 +1,14 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
 import { debounce } from "es-toolkit";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { k as getStylePixelValue, a as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { k as getStylePixelValue, a as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, d as focusElementInGroup } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
-import { o as overflowActions, q as queryActions, t as toggleChildActionText, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
+import { o as overflowActions, q as queryActions, t as toggleChildActionText, i as isAction, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useCancelable } from "../../chunks/useCancelable.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
@@ -120,6 +120,7 @@ class ActionBar extends LitElement {
     this.calciteActionBarExpand = createEvent({ cancelable: false });
     this.calciteActionBarToggle = createEvent({ cancelable: false });
     this.listen("calciteActionMenuOpen", this.actionMenuOpenHandler);
+    this.listen("keydown", this.handleKeyDown);
   }
   static {
     this.properties = { expandTooltip: [16, {}, { state: true }], hasActionsEnd: [16, {}, { state: true }], actionsEndGroupLabel: 1, floating: [7, {}, { reflect: true, type: Boolean }], expandDisabled: [7, {}, { reflect: true, type: Boolean }], expanded: [7, {}, { reflect: true, type: Boolean }], layout: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], overflowActionsDisabled: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], position: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], selectionAppearance: [3, {}, { reflect: true }] };
@@ -242,13 +243,49 @@ class ActionBar extends LitElement {
   queryAndStoreActions() {
     this.actions = Array.from(this.el.querySelectorAll("calcite-action"));
   }
+  handleKeyDown(event) {
+    this.queryAndStoreActions();
+    const actions = this.actions.filter((action) => !action.disabled);
+    const current = document.activeElement;
+    if (!isAction(current)) {
+      return;
+    }
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        focusElementInGroup(actions, current, "next", true);
+        event.preventDefault();
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        focusElementInGroup(actions, current, "previous", true);
+        event.preventDefault();
+        break;
+      case "Home":
+        focusElementInGroup(actions, current, "first", true);
+        event.preventDefault();
+        break;
+      case "End":
+        focusElementInGroup(actions, current, "last", true);
+        event.preventDefault();
+        break;
+      case "Tab":
+        this.setActionTabIndexes(current);
+        break;
+    }
+  }
+  setActionTabIndexes(active) {
+    this.actions.forEach((action) => {
+      action.tabIndex = !action.disabled && action === active ? 0 : -1;
+    });
+  }
   renderBottomActionGroup() {
     const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages, actionsEndGroupLabel, overlayPositioning } = this;
     const expandToggleNode = !expandDisabled ? ExpandToggle({ collapseLabel: messages.collapseLabel, collapseText: messages.collapse, el, expandLabel: messages.expandLabel, expandText: messages.expand, expanded, position, ref: this.setExpandToggleEl, scale, toggle: toggleExpand, tooltip: this.expandTooltip }) : null;
     return html`<calcite-action-group class=${safeClassMap(CSS.actionGroupEnd)} .hidden=${this.expandDisabled && !this.hasActionsEnd} .label=${actionsEndGroupLabel} .layout=${layout} .overlayPositioning=${overlayPositioning} .scale=${scale}><slot name=${SLOTS.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot><slot name=${SLOTS.expandTooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${expandToggleNode}</calcite-action-group>`;
   }
   render() {
-    return html`<div class=${safeClassMap(CSS.container)} ${ref(this.containerRef)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`;
+    return html`<div .ariaOrientation=${this.layout === "horizontal" ? "horizontal" : "vertical"} class=${safeClassMap(CSS.container)} role=toolbar ${ref(this.containerRef)}><slot @slotchange=${this.handleDefaultSlotChange}></slot>${this.renderBottomActionGroup()}</div>`;
   }
 }
 customElement("calcite-action-bar", ActionBar);

package/dist/components/calcite-action-bar/utils.d.ts

@@ -6,3 +6,4 @@ export declare const overflowActions: ({ actionGroups, expanded, overflowCount,
     expanded: boolean;
     overflowCount: number;
 }) => void;
+export declare function isAction(el: Element | null): el is HTMLCalciteActionElement;

package/dist/components/calcite-action-group/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Layout, Scale } from '../interfaces';
+import { Layout, Scale, SelectionMode } from '../interfaces';
 import { FlipPlacement, LogicalPlacement, OverlayPositioning } from '../../utils/floating-ui';
 import { Columns } from './interfaces';
 
@@ -55,6 +55,20 @@ export declare class ActionGroup extends LitElement {
      * @default "m"
      */
     scale: Scale;
+    /**
+     * Specifies the selection mode of the component, where:
+     *
+     * `"multiple"` allows any number of selections,
+     *
+     * `"single"` allows only one selection, and
+     *
+     * `"single-persist"` allows one selection and prevents de-selection.
+     *
+     * `"none"` disables selection (default).
+     *
+     * @default "none"
+     */
+    selectionMode: Extract<"single" | "single-persist" | "multiple" | "none", SelectionMode>;
     /**
      * Sets focus on the component's first focusable element.
      *

package/dist/components/calcite-action-group/customElement.js

@@ -1,18 +1,28 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
+import { queryAssignedElements } from "lit/decorators.js";
 import { S as SLOTS } from "../../chunks/resources2.js";
 import { a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { I as ICONS, S as SLOTS$1, C as CSS } from "../../chunks/resources8.js";
 const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([scale=s]){--calcite-internal-action-group-gap: var(--calcite-spacing-xxs)}:host([scale=m]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm)}:host([scale=l]){--calcite-internal-action-group-gap: var(--calcite-spacing-sm-plus)}:host{display:flex;flex-direction:column;padding:0;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0;gap:var(--calcite-internal-action-group-gap)}.container{display:flex;flex-grow:1;flex-direction:column;gap:inherit}:host([columns="1"]){--calcite-internal-action-group-columns: 1}:host([columns="2"]){--calcite-internal-action-group-columns: 2}:host([columns="3"]){--calcite-internal-action-group-columns: 3}:host([columns="4"]){--calcite-internal-action-group-columns: 4}:host([columns="5"]){--calcite-internal-action-group-columns: 5}:host([columns="6"]){--calcite-internal-action-group-columns: 6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;gap:var(--calcite-action-group-gap, var(--calcite-internal-action-group-gap));grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)),auto);padding:var(--calcite-action-group-gap, 1px)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-inline-end:var(--calcite-size-px)}:host([hidden]){display:none}[hidden]{display:none}`;
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
 class ActionGroup extends LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.messages = useT9n();
     this.focusSetter = useSetFocus()(this);
     this.hasMenuActions = false;
@@ -21,11 +31,14 @@ class ActionGroup extends LitElement {
     this.menuOpen = false;
     this.overlayPositioning = "absolute";
     this.scale = "m";
+    this.selectionMode = "none";
     this.calciteActionGroupCollapse = createEvent({ cancelable: false });
     this.calciteActionGroupExpand = createEvent({ cancelable: false });
+    this.listen("click", this.handleActionClick);
+    this.setRoleOnActions();
   }
   static {
-    this.properties = { hasMenuActions: [16, {}, { state: true }], columns: [11, {}, { type: Number, reflect: true }], expanded: [7, {}, { reflect: true, type: Boolean }], label: 1, layout: [3, {}, { reflect: true }], menuFlipPlacements: [0, {}, { attribute: false }], menuOpen: [7, {}, { reflect: true, type: Boolean }], menuPlacement: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], overlayPositioning: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }] };
+    this.properties = { hasMenuActions: [16, {}, { state: true }], columns: [11, {}, { type: Number, reflect: true }], expanded: [7, {}, { reflect: true, type: Boolean }], label: 1, layout: [3, {}, { reflect: true }], menuFlipPlacements: [0, {}, { attribute: false }], menuOpen: [7, {}, { reflect: true, type: Boolean }], menuPlacement: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], overlayPositioning: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], selectionMode: [3, {}, { reflect: true }] };
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: true };
@@ -37,6 +50,9 @@ class ActionGroup extends LitElement {
     return this.focusSetter(() => this.el, options);
   }
   willUpdate(changes) {
+    if (this.hasUpdated || changes.has("selectionMode")) {
+      this.setRoleOnActions();
+    }
     if (changes.has("expanded")) {
       if (this.hasUpdated || this.expanded !== false) {
         this.menuOpen = false;
@@ -50,20 +66,72 @@ class ActionGroup extends LitElement {
       }
     }
   }
+  setActiveAction(index, active) {
+    if (this.selectionMode === "multiple") {
+      active.active = !active.active;
+      this.setActionAriaChecked(active, active.active);
+      return;
+    }
+    if (this.selectionMode === "single") {
+      this.actions.forEach((action, i) => {
+        action.active = i === index && !action.active;
+        this.setActionAriaChecked(action, action.active);
+      });
+      return;
+    }
+    if (this.selectionMode === "single-persist") {
+      if (!this.actions[index].active) {
+        this.actions.forEach((action, i) => {
+          action.active = i === index;
+          this.setActionAriaChecked(action, action.active);
+        });
+      }
+      return;
+    }
+  }
   setMenuOpen(event) {
     this.menuOpen = !!event.currentTarget.open;
   }
   handleMenuActionsSlotChange(event) {
     this.hasMenuActions = slotChangeHasAssignedElement(event);
   }
+  handleActionClick(event) {
+    const target = event.target;
+    if (!target) {
+      return;
+    }
+    const index = this.actions.indexOf(target);
+    if (index === -1 || this.selectionMode === "none") {
+      return;
+    }
+    this.setActiveAction(index, target);
+  }
+  setRoleOnActions() {
+    this.actions?.forEach((action) => {
+      action.aria = {
+        ...action.aria,
+        role: this.selectionMode === "single" || this.selectionMode === "single-persist" ? "radio" : "checkbox"
+      };
+      this.setActionAriaChecked(action, action.active);
+    });
+  }
+  setActionAriaChecked(action, checked) {
+    action.aria = {
+      ...action.aria,
+      checked: checked ? "true" : "false"
+    };
+  }
   renderMenu() {
     const { expanded, menuOpen, scale, layout, messages, overlayPositioning, hasMenuActions, menuFlipPlacements, menuPlacement } = this;
     return html`<calcite-action-menu .expanded=${expanded} .flipPlacements=${menuFlipPlacements ?? (layout === "horizontal" ? ["top", "bottom"] : ["left", "right"])} .hidden=${!hasMenuActions} .label=${messages.more} @calciteActionMenuOpen=${this.setMenuOpen} .open=${menuOpen} .overlayPositioning=${overlayPositioning} .placement=${menuPlacement ?? (layout === "horizontal" ? "bottom-start" : "leading-start")} .scale=${scale}><calcite-action .aria=${{ expanded }} .icon=${ICONS.menu} .scale=${scale} slot=${SLOTS.trigger} .text=${messages.more} .textEnabled=${expanded}></calcite-action><slot name=${SLOTS$1.menuActions} @slotchange=${this.handleMenuActionsSlotChange}></slot><slot name=${SLOTS$1.menuTooltip} slot=${SLOTS.tooltip}></slot></calcite-action-menu>`;
   }
   render() {
-    return html`<div .ariaLabel=${this.label} class=${safeClassMap(CSS.container)} role=group><slot></slot>${this.renderMenu()}</div>`;
+    return html`<div .ariaLabel=${this.label} class=${safeClassMap(CSS.container)} .role=${this.selectionMode === "multiple" || this.selectionMode === "none" ? "group" : "radiogroup"}><slot></slot>${this.renderMenu()}</div>`;
   }
 }
+__decorateClass([
+  queryAssignedElements({ selector: "calcite-action" })
+], ActionGroup.prototype, "actions");
 customElement("calcite-action-group", ActionGroup);
 export {
   ActionGroup

package/dist/components/calcite-action-menu/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.25 */
+v5.0.0-next.27 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit/directives/ref.js";
 import { css, html, nothing } from "lit";