@esri/solutions-components 0.10.4 → 0.10.6

package/dist/components/calcite-navigation.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -153,12 +153,12 @@ const CalciteNavigation$1 = /*@__PURE__*/ proxyCustomElement(class CalciteNaviga
             this.primaryContentStartSlotHasElements ||
             this.navigationAction;
         const slotName = this.el.slot;
-        return (h(Host, { key: '90716066eddd9526387b8d776a33a3b49f442fcf' }, h("div", { key: '4570df059f3bd7f3db26da667133e1d3ff100d02', class: {
+        return (h(Host, { key: '1d1a6c7d7834d030dd2edd4002478779c7fddb87' }, h("div", { key: 'f9eaa72e8f5cd3f6efe29ef17362a8aa3b0fe249', class: {
                 [CSS.container]: true,
                 [CSS.secondary]: slotName === SLOTS.navSecondary,
                 [CSS.tertiary]: slotName === SLOTS.navTertiary,
                 [CSS.primary]: primaryLevelHasElements,
-            } }, h("div", { key: '684b0093d7c00584a0a73346b1bb62e58afbcf7a', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, h("slot", { key: 'df51feca5afcef936840a2f08d5af9ee4fe795b7', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), h("div", { key: 'a86993a2eaf582d3d275c79ea7cf4ea4fc338a61', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), h("div", { key: 'e3312b2bbb984efb48d0ba532e1324489562250f', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, h("slot", { key: '0b50f1f649d8468058ed0d6df50d56f06b29bd85', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), h("slot", { key: '05c9daeabb19445d08ca08ba801f10084a9bdab6', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), h("slot", { key: 'e60b6602e5b4acebd461d76aebeb057b794f496e', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), h("slot", { key: 'dce9a7f2fc213894f42938d56800db89753d4458', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), h("div", { key: 'd2600064d0c1ea9f4902b20b6b6bafd7777e4266', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, h("slot", { key: 'e2248fba8df0aa95513c03a8397c54bc019cf9fc', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), h(Fragment, { key: '7fb0e6fc939f64ab9cec1aad15e8d4d4d7b97ea7' }, h("slot", { key: '751dd61f066242c1b417633a1336676f090ca8f2', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), h("slot", { key: 'a28c91c88072438fdc2c018996c0819953a9e10e', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
+            } }, h("div", { key: 'f7ea3f229571b49762e2cd7ab0347e6b9ea7dd4a', class: { [CSS.hide]: !this.progressSlotHasElement, [SLOTS.progress]: true } }, h("slot", { key: '9a4ada6d080ade9fbba101fa2164a8b14eeec156', name: SLOTS.progress, onSlotchange: this.handleProgressSlotChange })), h("div", { key: '736eba5cdbc73132bf53104c6359ac4e9415e35e', class: { [CSS.containerContent]: true, [CSS.hasProgress]: this.progressSlotHasElement } }, this.renderMenuAction(), h("div", { key: 'dbea8e431f26edd7df09607a1485a28538ffd81e', class: { [CSS.hide]: !this.logoSlotHasElements, [SLOTS.logo]: true } }, h("slot", { key: '3780f30540e7de2a18a3158d7c4cd318010ca3d6', name: SLOTS.logo, onSlotchange: this.handleLogoSlotChange })), h("slot", { key: 'a8569142c3e56b1e3a6d0f632c4927bd5476c2d7', name: SLOTS.contentStart, onSlotchange: this.handleContentStartSlotChange }), h("slot", { key: '716d5715d9357cb470e116b4e11063c6ce80818a', name: SLOTS.contentCenter, onSlotchange: this.handleContentCenterSlotChange }), h("slot", { key: '9c18337874f70deb327e56a91b5fb77577bcf0ae', name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange }), h("div", { key: 'b500beed8e9dccc07583f9bdf7fc1c2eb87301b7', class: { [CSS.hide]: !this.userSlotHasElements, [SLOTS.user]: true } }, h("slot", { key: '0224aa4a9e9792530e17d9a1ef66c1708e439de1', name: SLOTS.user, onSlotchange: this.handleUserSlotChange })))), h(Fragment, { key: 'b2dff59e666924e8d97365fd9a998d87dea61fca' }, h("slot", { key: 'dd846a2b4cf68336fa35687e740e72e50f62d105', name: SLOTS.navSecondary, onSlotchange: this.handleSecondarySlotChange }), h("slot", { key: '1c13be322fce256254c82222f6d976e3ca4cf334', name: SLOTS.navTertiary, onSlotchange: this.handleTertiarySlotChange }))));
     }
     get el() { return this; }
     static get style() { return CalciteNavigationStyle0; }

package/dist/components/calcite-option-group.js

@@ -26,7 +26,7 @@ const OptionGroup = /*@__PURE__*/ proxyCustomElement(class OptionGroup extends H
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Fragment, { key: 'b4cd175214829ea1d1751ddae82e40559e477867' }, h("div", { key: '5342ad95ad2f3e7ba075bc5fb12e51b937f221af' }, this.label), h("slot", { key: '8cd0822a67680aec1dcebaba2b64a7c8389a1503' })));
+        return (h(Fragment, { key: '4b5a421516e7b2cc429067e3de6091cdf7308b54' }, h("div", { key: '7909374c7ea80ae0b7afaf593578db7f8c5a68b8' }, this.label), h("slot", { key: '8512342bd9840f9ec8a25e2bf51b00bd14b14549' })));
     }
     static get watchers() { return {
         "disabled": ["handlePropChange"],

package/dist/components/calcite-pick-list-group.js

@@ -7,11 +7,17 @@ import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/inte
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { a as getSlotted } from './dom.js';
 import { H as Heading, c as constrainHeadingLevel } from './Heading.js';
+import { l as logger } from './logger.js';
 import { C as CSS, S as SLOTS } from './resources6.js';
 
 const pickListGroupCss = ":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListGroupStyle0 = pickListGroupCss;
 
+logger.deprecated("component", {
+    name: "pick-list-group",
+    removalVersion: 3,
+    suggested: "list-item-group",
+});
 const PickListGroup = /*@__PURE__*/ proxyCustomElement(class PickListGroup extends HTMLElement {
     constructor() {
         super();
@@ -47,7 +53,7 @@ const PickListGroup = /*@__PURE__*/ proxyCustomElement(class PickListGroup exten
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (h(Fragment, { key: '6f435ddb455a5041cd5512e7571648eb0db1f36d' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: 'aed7d2f298984c4d2f7b9d413375ab8b58bf78d3', name: SLOTS.parentItem }), h("section", { key: '7ce79b5559814aa3ff89b76f4b20f218234be84c', class: sectionClasses }, h("slot", { key: '7ded64937b644e7e53fdd59cf6cbf8144dc93d0d' }))));
+        return (h(Fragment, { key: 'e3448a6990c7190dbadb73660a1fa56d810e5a1f' }, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { key: 'e09a4b57d513cbff0da4db7c3c88c64a40429018', name: SLOTS.parentItem }), h("section", { key: 'c52a6648a6c0e8d27e1200ecd72189da40a03868', class: sectionClasses }, h("slot", { key: '8860cde839658f69a3cd76b990ac1b3f6b74c064' }))));
     }
     get el() { return this; }
     static get style() { return CalcitePickListGroupStyle0; }

package/dist/components/calcite-pick-list.js

@@ -7,12 +7,18 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as createObserver } from './observers.js';
+import { l as logger } from './logger.js';
 import { I as ICON_TYPES } from './resources5.js';
 import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, i as initialize, c as initializeObserver, e as cleanUpObserver, f as handleInitialFilter, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render.js';
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListStyle0 = pickListCss;
 
+logger.deprecated("component", {
+    name: "pick-list",
+    removalVersion: 3,
+    suggested: "list",
+});
 const PickList = /*@__PURE__*/ proxyCustomElement(class PickList extends HTMLElement {
     constructor() {
         super();
@@ -129,7 +135,7 @@ const PickList = /*@__PURE__*/ proxyCustomElement(class PickList extends HTMLEle
         return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;
     }
     render() {
-        return h(List, { key: '9d1bd29bf2ced978448dce5615f7f8604aa04f54', onKeyDown: this.keyDownHandler, props: this });
+        return h(List, { key: '870f354277bb55abb2c867ae250d85a8569505ec', onKeyDown: this.keyDownHandler, props: this });
     }
     get el() { return this; }
     static get style() { return CalcitePickListStyle0; }

package/dist/components/calcite-radio-button-group.js

@@ -11,13 +11,13 @@ import { V as Validation } from './Validation.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     itemWrapper: "item-wrapper",
 };
 
-const radioButtonGroupCss = ":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{-moz-column-gap:1rem;column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{-moz-column-gap:1.25rem;column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{-moz-column-gap:1.5rem;column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const radioButtonGroupCss = ":host{display:flex;flex-direction:column}:host>.item-wrapper{display:flex;max-inline-size:100vw}:host([layout=horizontal])>.item-wrapper{flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s])>.item-wrapper{-moz-column-gap:1rem;column-gap:1rem}:host([layout=horizontal][scale=m])>.item-wrapper{-moz-column-gap:1.25rem;column-gap:1.25rem}:host([layout=horizontal][scale=l])>.item-wrapper{-moz-column-gap:1.5rem;column-gap:1.5rem}:host([layout=vertical])>.item-wrapper{flex-direction:column;inline-size:-moz-fit-content;inline-size:fit-content}:host([scale=s]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-xxs) * -1)}:host([scale=m]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-sm) * -1)}:host([scale=l]) calcite-input-message{--calcite-input-message-spacing-value:calc(var(--calcite-spacing-md) * -1)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteRadioButtonGroupStyle0 = radioButtonGroupCss;
 
 const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class RadioButtonGroup extends HTMLElement {
@@ -125,7 +125,7 @@ const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class RadioButtonGroup
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'cfabfbb738ebfe1576fc216e0be953fe52df42da', role: "radiogroup" }, h("div", { key: '3660764c8e05b913242d7582fa6b4560adf458dc', class: CSS.itemWrapper }, h("slot", { key: '8a327ac7cce2e99e41239a5448d296ded5440479' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (h(Host, { key: '8dadd7dd1426e90be2654558dac204efcf2254ae', role: "radiogroup" }, h("div", { key: '452083c2120b28f78fce28e3c7b8c18a44e3c48b', class: CSS.itemWrapper }, h("slot", { key: 'df22b8fc8e0ffa85fad6b0924cd7418f703c8f3a' })), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-rating.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$2 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { class: partial ? undefined : "icon",
     icon: full ? "star-f" : "star",
@@ -196,7 +196,7 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
         updateHostInteraction(this);
     }
     render() {
-        return (h(Host, { key: '1cdfcdebea3d3ed1ab27aecc103b80c3d9c6f8f2', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: '7967d681999450bf6d0a583dcc3b6eac892e6337', disabled: this.disabled }, h("span", { key: 'a4eede65a8bcba54970d208ad35f98c7f1c5f3e4', class: "wrapper" }, h("fieldset", { key: '65674e03084c4e8612168376965dda651f857d70', class: "fieldset", disabled: this.disabled }, h("legend", { key: '0d0ac44ef25a25f621ea58040e954c2ad7c0df8b', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (h(Host, { key: 'ee12a95edffb164da0311917e561aeec2caba6ad', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, h(InteractiveContainer, { key: '8bae6d4b7713a20a071c8fea79779a1993c43f2a', disabled: this.disabled }, h("span", { key: '3e010b43efdcad46e7d167760e70b10866e4b023', class: "wrapper" }, h("fieldset", { key: '6fb40f5688a7a092f6e3687bc616202d9d22b308', class: "fieldset", disabled: this.disabled }, h("legend", { key: '9ad0186739326cb80ffa2ea3bb86a2760f7b19c3', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (h("label", { class: {
                     star: true,
                     selected,
@@ -204,7 +204,7 @@ const Rating = /*@__PURE__*/ proxyCustomElement(class Rating extends HTMLElement
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), h(StarIcon, { full: selected || average, scale: this.scale }), partial && (h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, h(StarIcon, { full: true, partial: true, scale: this.scale }))), h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: 'cd5319562185a50f30aff46446c02de64710f46a', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && h("span", { class: "number--average" }, this.average.toString()), !!this.count && h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), h(HiddenFormInputSlot, { key: '353bd1c99bf548d5e214398a1e006a64a2027d5b', component: this })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-sheet.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as ensureId, g as getElementDir, k as focusFirstTabbable } from './dom.js';
+import { G as ensureId, g as getElementDir, k as focusFirstTabbable } from './dom.js';
 import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as createObserver } from './observers.js';
@@ -16,17 +16,17 @@ import { d as defineCustomElement$2 } from './scrim.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     scrim: "scrim",
     container: "container",
     containerOpen: "container--open",
     content: "content",
-    containerSlottedInShell: "container--slotted-in-shell",
+    containerEmbedded: "container--embedded",
 };
 
-const sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
+const sheetCss = ":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteSheetStyle0 = sheetCss;
 
 const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
@@ -80,6 +80,7 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
         };
         this.beforeClose = undefined;
         this.displayMode = "overlay";
+        this.embedded = false;
         this.escapeDisabled = false;
         this.heightScale = "m";
         this.focusTrapDisabled = false;
@@ -88,7 +89,6 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
         this.opened = false;
         this.outsideCloseDisabled = false;
         this.position = "inline-start";
-        this.slottedInShell = undefined;
         this.widthScale = "m";
     }
     handleFocusTrapDisabled(focusTrapDisabled) {
@@ -134,18 +134,18 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
         this.removeOverflowHiddenClass();
         this.mutationObserver?.disconnect();
         deactivateFocusTrap(this);
-        this.slottedInShell = false;
+        this.embedded = false;
     }
     render() {
         const dir = getElementDir(this.el);
-        return (h(Host, { key: '7a1ed7e069e9ee09b69dfe1280b383e26340c4fc', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: '67f710ed7e5fc3b6482f6cdf83872e069bd122f3', class: {
+        return (h(Host, { key: '28df157ec40bfb6614047f7d5d7aa9b52548c9dd', "aria-describedby": this.contentId, "aria-label": this.label, "aria-modal": "true", role: "dialog" }, h("div", { key: 'a6f864dce3b470bc88798e46990cf5a1bf97f41a', class: {
                 [CSS.container]: true,
                 [CSS.containerOpen]: this.opened,
-                [CSS.containerSlottedInShell]: this.slottedInShell,
+                [CSS.containerEmbedded]: this.embedded,
                 [CSS_UTILITY.rtl]: dir === "rtl",
-            } }, h("calcite-scrim", { key: '157435029505414017c3584920097750e4a61e03', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: '4f28851c36965f2556053356272ffe48586b6551', class: {
+            } }, h("calcite-scrim", { key: '96f8084c552b16875a32423dee461dc60d210164', class: CSS.scrim, onClick: this.handleOutsideClose }), h("div", { key: 'f012185dc7fd7ddffd8fe0dc5a2fa2f92d94db47', class: {
                 [CSS.content]: true,
-            }, ref: this.setTransitionEl }, h("slot", { key: '58a5bcb9a59a95033965dcbcf90785973d3d2738' })))));
+            }, ref: this.setTransitionEl }, h("slot", { key: '2e6add208eae71ea74156169e82026be1088f107' })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -199,7 +199,7 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
     openSheet() {
         this.el.addEventListener("calciteSheetOpen", this.openEnd);
         this.opened = true;
-        if (!this.slottedInShell) {
+        if (!this.embedded) {
             this.initialOverflowCSS = document.documentElement.style.overflow;
             // use an inline style instead of a utility class to avoid global class declarations.
             document.documentElement.style.setProperty("overflow", "hidden");
@@ -221,6 +221,7 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
 }, [1, "calcite-sheet", {
         "beforeClose": [16],
         "displayMode": [513, "display-mode"],
+        "embedded": [4],
         "escapeDisabled": [516, "escape-disabled"],
         "heightScale": [513, "height-scale"],
         "focusTrapDisabled": [516, "focus-trap-disabled"],
@@ -229,7 +230,6 @@ const Sheet = /*@__PURE__*/ proxyCustomElement(class Sheet extends HTMLElement {
         "opened": [1540],
         "outsideCloseDisabled": [516, "outside-close-disabled"],
         "position": [513],
-        "slottedInShell": [4, "slotted-in-shell"],
         "widthScale": [513, "width-scale"],
         "setFocus": [64],
         "updateFocusTrapElements": [64]

package/dist/components/calcite-shell-center-row.js

@@ -10,7 +10,7 @@ import { a as getSlotted } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     actionBarContainer: "action-bar-container",
@@ -50,14 +50,14 @@ const ShellCenterRow = /*@__PURE__*/ proxyCustomElement(class ShellCenterRow ext
     // --------------------------------------------------------------------------
     render() {
         const { el } = this;
-        const contentNode = (h("div", { key: '272dced8d569d7cbb822739dea81fc4e66e773f6', class: CSS.content }, h("slot", { key: '7eb60d427747c4c05a9c4c64465f8ee0519cf9c2' })));
+        const contentNode = (h("div", { key: '81509aabe59bf7baa749bebc9dfdd510d7116b0e', class: CSS.content }, h("slot", { key: '32508fde267a3158deb3e0f26a5119120924d701' })));
         const actionBar = getSlotted(el, SLOTS.actionBar);
         const actionBarNode = actionBar ? (h("div", { class: CSS.actionBarContainer, key: "action-bar" }, h("slot", { name: SLOTS.actionBar }))) : null;
         const children = [actionBarNode, contentNode];
         if (actionBar?.position === "end") {
             children.reverse();
         }
-        return h(Fragment, { key: 'eba71689b26127da5043ab43bbd746702e59b788' }, children);
+        return h(Fragment, { key: '78b0898056f601e151f4ba820dad03dbf0461b4b' }, children);
     }
     get el() { return this; }
     static get style() { return CalciteShellCenterRowStyle0; }

package/dist/components/calcite-sortable-list.js

@@ -12,7 +12,7 @@ import { f as focusElement } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     sortItem: "sort-item",
@@ -145,11 +145,11 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class SortableList extends
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (h(InteractiveContainer, { key: 'ebb128d801cf201dfdd2de2e50d287357bcc0fdb', disabled: disabled }, h("div", { key: '6d2e198ecfd8147e4d1818608a3b47dde8928647', class: {
+        return (h(InteractiveContainer, { key: 'da0db08fa91c3f943f358b79a36cb6c3eb8212bd', disabled: disabled }, h("div", { key: '65ca5e00f52d324f9240dc9d4ed9298cf2be4e11', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, h("slot", { key: 'be83ec4e3b23e021b9d9a55ef4c56952128a35e7' }))));
+            } }, h("slot", { key: '8a968a9509770248980a573ff7565ed78cc8389c' }))));
     }
     get el() { return this; }
     static get style() { return CalciteSortableListStyle0; }

package/dist/components/calcite-split-button.js

@@ -14,7 +14,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -97,7 +97,7 @@ const SplitButton = /*@__PURE__*/ proxyCustomElement(class SplitButton extends H
     }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (h(InteractiveContainer, { key: '9816cd5d0599d1c5f8028fdc8ae73e131a3d5cde', disabled: this.disabled }, h("div", { key: '5da8524d892c4c9cc10e38597e83a5384d79069f', class: CSS.container }, h("calcite-button", { key: '78768e3ea566183d6050e57cdd33b9d7f0094628', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: '0ba1be6e170e0ca37f137095408218e71c329f5f', class: CSS.dividerContainer }, h("div", { key: 'c74f972e11098664376b5d2111a0cb8c5c20bd18', class: CSS.divider })), h("calcite-dropdown", { key: 'cc63acc79dcbfa4d45de7de9cea7a45746a0f6c8', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: 'c01f813baed84a23a47d1efc7002c4ca028a125d', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'c8c326396544ed85f75e9b8a561dd16d3d84e39d' })))));
+        return (h(InteractiveContainer, { key: 'c597321974d489c72aece4cd04be6b2158608a07', disabled: this.disabled }, h("div", { key: '4f11a0ede545b7cc43f86eb5ee3acab7db8a70f9', class: CSS.container }, h("calcite-button", { key: 'f0260a19308889bde04aea38d74dbe03bde2dd4a', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), h("div", { key: '2ae9c4a58c5892b08ff50b856e96eaccda2af037', class: CSS.dividerContainer }, h("div", { key: '5417e3ba7fc8bb53eec5bcdfad9a2314fbea63f3', class: CSS.divider })), h("calcite-dropdown", { key: '3e578107aa654958138c2ac054db85e576cd9d4f', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, h("calcite-button", { key: '342f08d02e675be65317bbb55611e9fed07e1b0f', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), h("slot", { key: 'a57a2f5795d6bb0cd6778e0d5b58fd365161e9ed' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

package/dist/components/calcite-stepper-item.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -156,9 +156,9 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
         disconnectMessages(this);
     }
     render() {
-        return (h(Host, { key: 'e558570c1e2068daec381888b4bb1e7826ec062c', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '67b2df92e4af3cfe2d6e449ee7860890d3adfb94', disabled: this.disabled }, h("div", { key: '6de1885c996ff0dfd2dbfbaa0671edfff4a23934', class: CSS.container }, this.complete && (h("span", { key: '275d720e03765bee32b2cd4427513a468bf83280', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: 'ab6984c2b37de0bdf2a00be81456ddc325a1e010', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (h(Host, { key: '17ebab44105dcd47e20116d179f5672241f0e1a1', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: 'c95fdf5cfa8d240d70af4507fde14c8806084faf', disabled: this.disabled }, h("div", { key: '6e0d539011e6596f34dc9655d8096854e68c3f04', class: CSS.container }, this.complete && (h("span", { key: 'a71bfa945714f88399e031f7001aa097f757b5ad', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: 'a6763f5e38bdcb0bf61c11ca93a31f85320c19f9', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '250e4875c4e755a1c2182595cb2b40cf12900808', class: CSS.stepperItemHeaderText }, h("span", { key: 'd1644434c42dcc1388dda9caf09afca01bded9a5', class: CSS.stepperItemHeading }, this.heading), h("span", { key: 'b1173d636da796ebc10af029e017100344f904df', class: CSS.stepperItemDescription }, this.description))), h("div", { key: '35fe242f95bcf185aa860a0b655feb188d664c16', class: CSS.stepperItemContent }, h("slot", { key: 'd374807564e5f3c5970624fa51639727cb004a44' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: 'f1627f81198627f9e7647e003bc4f2bda066a42b', class: CSS.stepperItemHeaderText }, h("span", { key: '8e376729e35ae546e15db5d2bacd5222a61dc4d3', class: CSS.stepperItemHeading }, this.heading), h("span", { key: '37e3ca75a66b5af0b7b68cd9cc539bac4b809cdf', class: CSS.stepperItemDescription }, this.description))), h("div", { key: '4a91a00313a95a4846ddeee7faec8ab48d98bcd7', class: CSS.stepperItemContent }, h("slot", { key: '41f5c83db4618935e3fd533813e9116c68bfd5aa' }))))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-stepper.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS$1 = {
     actionIcon: "action-icon",
@@ -30,7 +30,7 @@ const CSS$1 = {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     stepBar: "step-bar",
@@ -148,7 +148,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '2be19afef4a5e085bfc4ea8f2f6cb65a6de83196', "aria-label": this.messages.label, role: "region" }, h("div", { key: 'e6bd09696b2dece88c200df2fcdf8b0ceadd5c8a', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: 'd42d90048b6a473b84f6b9385dd096f5b4f68d55', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: '86851a89f024c1da158d2fa49e1357b5710223e9', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'e635faa3273041dd35dcb4b737d2bdecf99ec639', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: 'ea25227b47dc61a547d2c5fb3535e1ccce5f5862', "aria-label": this.messages.label, role: "region" }, h("div", { key: 'f925b3603d84c942b4e1cf3ec4959cc58b75e790', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '0ddae709bda883a1cb2aba530516f8b2de04b724', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: '3add5e4c952233fab29a046277c14c84fe19d191', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'e9ced5b8d8f39452416b9f36134794085c749628', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-table-row.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$2 } from './table-header.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     lastVisibleRow: "last-visible-row",
@@ -239,7 +239,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         return this.rowType === "head" ? (h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (h(Host, { key: '46546bb443b09dd88942b3af3871369d3da6c395' }, h(InteractiveContainer, { key: 'bda62c531c3623c20628c9302f1d166717bd5ef8', disabled: this.disabled }, h("tr", { key: '2420e0131b56feb56d9dc08c3a6b4e641bfd2875', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'f4ae062ff757091ca7ea00580261ea6b7abc9282', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (h(Host, { key: '185bf9700be4b1095871b2504f25212df83561b0' }, h(InteractiveContainer, { key: 'd06ab2d2bd334c8eb6c87e788f6078bf2e6a0340', disabled: this.disabled }, h("tr", { key: 'e8d2091f1d498dfd8a618643d838d2978659057f', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), h("slot", { key: 'd7b53de55a8ee6cdd0a6289dea9a386bf977a565', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-table.js

@@ -7,7 +7,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n.js';
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
-import { g as getUserAgentString } from './interactive.js';
+import { g as getUserAgentString } from './browser.js';
 import { d as defineCustomElement$6 } from './button.js';
 import { d as defineCustomElement$5 } from './chip.js';
 import { d as defineCustomElement$4 } from './icon.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$2 } from './pagination.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     bordered: "bordered",
@@ -284,13 +284,13 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (h(Host, { key: '303db103a86b0ac3593876f7c1365d151de38949' }, h("div", { key: '46ad58071827847e9771d5aa4f0687bb0d504cbd', class: CSS.container }, this.selectionMode !== "none" &&
+        return (h(Host, { key: 'ed1c1bf45702d5d04e75267af35e2a69a61e1612' }, h("div", { key: '9f0bbb435c09d96a3157707d4df841c5575a7fc4', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), h("div", { key: 'ce6c9a94137aaf3116fe02e28e99f47c68f5874f', class: {
+            this.renderSelectionArea(), h("div", { key: '69897e8661edff6cdf1d7d8e88ff3daa6bb74a56', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, h("table", { key: '123286bcb3811bd6c4a71e5f8df15bb9a1ded395', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '6eda3a41c089f184b4f6c71f143ec4aaf18878a4', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, h("table", { key: 'deeea8be49db0e86489ddf471eff2e71e7d7c296', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, h("caption", { key: '80b23568dbffa67a58eb2eef5c93dcd63be19153', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/calcite-text-area.js

@@ -20,7 +20,7 @@ import { t as throttle } from './throttle.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     assistiveText: "assistive-text",
@@ -189,20 +189,20 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends HTMLEle
     }
     render() {
         const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-        return (h(Host, { key: '1cf8d8932cfc34863ec4f6954c05cab29be79e0a' }, h(InteractiveContainer, { key: '562df527b0a00e33a3f72c5dd1a5b921e4db48c4', disabled: this.disabled }, h("textarea", { key: '4044f82c8d7d86a83e2451350d7bb7d7f330485f', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
+        return (h(Host, { key: '47653fa89f4aab0847e03acbdfdb9acf9ca595d0' }, h(InteractiveContainer, { key: 'cd6c039609e5a01eb4a8d050268f6fc6f5994c30', disabled: this.disabled }, h("textarea", { key: 'd4081f6959073a7d2a94cb4634ad7c3adde41e77', "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.el.autofocus, class: {
                 [CSS.readOnly]: this.readOnly,
                 [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),
                 [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
                 [CSS.blockSizeFull]: !hasFooter,
                 [CSS.borderColor]: !hasFooter,
-            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: 'e23a55600d68239c78fc2fb98f289195f1d6a797', class: { [CSS.content]: true } }, h("slot", { key: '4ea0a5fe04210574843207e899d0ce16a1bb4c48', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '07072a422762ca26f0f30b8497503edb8d77e8bc', class: {
+            }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.setTextAreaEl, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap }), h("span", { key: '995e3424cd07b000ce133c22827e02b4ebf10e89', class: { [CSS.content]: true } }, h("slot", { key: 'd4ecd57bf814e2d28a791d6cdb91fc795d4561ec', onSlotchange: this.contentSlotChangeHandler })), h("footer", { key: '213c4a6ecaa8cac9fd66f70638378b47f84b9c67', class: {
                 [CSS.footer]: true,
                 [CSS.readOnly]: this.readOnly,
                 [CSS.hide]: !hasFooter,
-            }, ref: (el) => (this.footerEl = el) }, h("div", { key: '95c690b9ec35ebdd9ca008ac4213d49d57788e96', class: {
+            }, ref: (el) => (this.footerEl = el) }, h("div", { key: '292617d440aded7dc965bb6cd0b7fcf521d9045f', class: {
                 [CSS.container]: true,
                 [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-            } }, h("slot", { key: '65dbd9cef4d617c8bd9a6bbd610091f505188b0f', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: '8e05f35c0c130fcde292c98f35b584dbc189f840', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: '7e0b7f5c82fab77065d8f8ce2d3f6dc877515602', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '4ed6485bc07b81aa5ce3e865c54fda74a054d691', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+            } }, h("slot", { key: '770befb7baad233ba7870ee6044527cebbd290f2', name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { key: '03eb22b898055d5fe73718ae021f5910debf36b5', name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { key: '909a9f939b71898df6ac474d78bfb4fbeb5c315f', component: this }), this.isCharacterLimitExceeded() && (h("span", { key: '8d79f8e592b5539f5f848f8ecfe15462ea000650', "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages())), this.validationMessage && this.status === "invalid" ? (h(Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/calcite-tile-group.js

@@ -11,7 +11,7 @@ import { y as focusElementInGroup } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -163,7 +163,7 @@ const TileGroup = /*@__PURE__*/ proxyCustomElement(class TileGroup extends HTMLE
     //--------------------------------------------------------------------------
     render() {
         const role = this.selectionMode === "none" || this.selectionMode === "multiple" ? "group" : "radiogroup";
-        return (h(InteractiveContainer, { key: '7295e4d11cea10efc846dcbd44e29313f4e24ec1', disabled: this.disabled }, h("div", { key: 'a0f58d44165ed6fd430a9429a54f569acd366f5d', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: '6826c4b01ada7d2e63324ce7cc9cc0ccaa8d9739', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
+        return (h(InteractiveContainer, { key: '2d98e94f6ee27168b8b6780dbaf789b675ff7db2', disabled: this.disabled }, h("div", { key: '8ddbd00f075f711e4d497ab10b2c37bef2adb919', "aria-label": this.label, class: CSS.container, role: role }, h("slot", { key: '7b9920cbc7f9175a9377ade426601c60352f59e5', onSlotchange: this.updateTiles, ref: this.setSlotEl }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/calcite-tile-select-group.js

@@ -5,10 +5,16 @@
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive.js';
+import { l as logger } from './logger.js';
 
 const tileSelectGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteTileSelectGroupStyle0 = tileSelectGroupCss;
 
+logger.deprecated("component", {
+    name: "tile-select-group",
+    removalVersion: 4,
+    suggested: ["tile", "tile-group"],
+});
 const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class TileSelectGroup extends HTMLElement {
     constructor() {
         super();
@@ -32,7 +38,7 @@ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class TileSelectGroup e
         disconnectInteractive(this);
     }
     render() {
-        return (h(InteractiveContainer, { key: 'c2b3ea84b52caa807e718d047df4544496145dc6', disabled: this.disabled }, h("slot", { key: 'aad045941f8c7ea5f1c335b37d7a9dcb7ccd4a3f' })));
+        return (h(InteractiveContainer, { key: '83f267502fc22df5a3d3bcf540e65d3aa43413f1', disabled: this.disabled }, h("slot", { key: '0fe21889c961ab55e5b78a7be0faed720cc0d0e5' })));
     }
     get el() { return this; }
     static get style() { return CalciteTileSelectGroupStyle0; }