@esri/calcite-components 1.3.0-next.0 → 1.3.0-next.10

package/dist/types/components/modal/modal.d.ts

@@ -78,7 +78,6 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   focusTrap: FocusTrap;
-  focusTrapEl: HTMLDivElement;
   closeButtonEl: HTMLButtonElement;
   contentId: string;
   cssWidth: string | number;
@@ -133,6 +132,7 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   /** Close the modal, first running the `beforeClose` method */
   close: () => Promise<void>;
   private removeOverflowHiddenClass;
+  private handleMutationObserver;
   private updateFooterVisibility;
   private updateSizeCssVars;
   private contentTopSlotChangeHandler;

package/dist/types/components/panel/panel.d.ts

@@ -7,6 +7,7 @@ import { T9nComponent } from "../../utils/t9n";
 import { PanelMessages } from "./assets/panel/t9n";
 /**
  * @slot - A slot for adding custom content.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.
  * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
  * @slot header-actions-end - A slot for adding actions or content to the end side of the header.
  * @slot header-content - A slot for adding custom content to the header.
@@ -68,6 +69,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   hasEndActions: boolean;
   hasMenuItems: boolean;
   hasHeaderContent: boolean;
+  hasActionBar: boolean;
   hasFooterContent: boolean;
   hasFooterActions: boolean;
   hasFab: boolean;
@@ -92,6 +94,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   handleHeaderActionsStartSlotChange: (event: Event) => void;
   handleHeaderActionsEndSlotChange: (event: Event) => void;
   handleHeaderMenuActionsSlotChange: (event: Event) => void;
+  handleActionBarSlotChange: (event: Event) => void;
   handleHeaderContentSlotChange: (event: Event) => void;
   handleFooterSlotChange: (event: Event) => void;
   handleFooterActionsSlotChange: (event: Event) => void;
@@ -113,6 +116,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;
   renderHeaderContent(): VNode;
+  renderActionBar(): VNode;
   /**
    * Allows user to override the entire header-content node.
    */

package/dist/types/components/panel/resources.d.ts

@@ -1,4 +1,5 @@
 export declare const CSS: {
+  actionBarContainer: string;
   backButton: string;
   container: string;
   header: string;
@@ -22,6 +23,7 @@ export declare const ICONS: {
   backRight: string;
 };
 export declare const SLOTS: {
+  actionBar: string;
   headerActionsStart: string;
   headerActionsEnd: string;
   headerMenuActions: string;

package/dist/types/components/popover/popover.d.ts

@@ -102,6 +102,7 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
    * This property can be set to `true` to manage when the component is open.
    */
   triggerDisabled: boolean;
+  mutationObserver: MutationObserver;
   filteredFlipPlacements: EffectivePlacement[];
   el: HTMLCalcitePopoverElement;
   effectiveLocale: string;
@@ -115,7 +116,6 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
   transitionEl: HTMLDivElement;
   hasLoaded: boolean;
   focusTrap: FocusTrap;
-  focusTrapEl: HTMLDivElement;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -100,8 +100,8 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    * @internal
    */
   calciteInternalRadioButtonFocus: EventEmitter<void>;
-  mouseenter(): void;
-  mouseleave(): void;
+  pointerEnterHandler(): void;
+  pointerLeaveHandler(): void;
   handleKeyDown: (event: KeyboardEvent) => void;
   private onContainerBlur;
   private onContainerFocus;

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -2,7 +2,7 @@ import { VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
-import { Position, Scale } from "../interfaces";
+import { Layout, Position, Scale } from "../interfaces";
 import { ShellPanelMessages } from "./assets/shell-panel/t9n";
 /**
  * @slot - A slot for adding custom content.
@@ -25,6 +25,11 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
    * Specifies the width of the component's content area.
    */
   widthScale: Scale;
+  /**
+   *  The direction of the component.
+   */
+  layout: Extract<"horizontal" | "vertical", Layout>;
+  layoutHandler(): void;
   /**
    * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
    */
@@ -50,14 +55,20 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   componentDidLoad(): void;
   el: HTMLCalciteShellPanelElement;
   contentWidth: number;
+  contentHeight: number;
   initialContentWidth: number;
+  initialContentHeight: number;
   initialClientX: number;
+  initialClientY: number;
   contentEl: HTMLDivElement;
   separatorEl: HTMLDivElement;
   contentWidthMax: number;
   contentWidthMin: number;
+  contentHeightMax: number;
+  contentHeightMin: number;
   step: number;
   stepMultiplier: number;
+  actionBars: HTMLCalciteActionBarElement[];
   defaultMessages: ShellPanelMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
@@ -65,13 +76,21 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   render(): VNode;
   setContentWidth(width: number): void;
   updateAriaValues(): void;
+  setContentHeight(height: number): void;
+  updateWidths(computedStyle: CSSStyleDeclaration): void;
+  updateHeights(computedStyle: CSSStyleDeclaration): void;
   storeContentEl: (contentEl: HTMLDivElement) => void;
-  getKeyAdjustedWidth: (event: KeyboardEvent) => number | null;
+  getKeyAdjustedSize: (event: KeyboardEvent) => number | null;
+  initialKeydownWidth: (event: KeyboardEvent) => void;
+  initialKeydownHeight: (event: KeyboardEvent) => void;
   separatorKeyDown: (event: KeyboardEvent) => void;
   separatorPointerMove: (event: PointerEvent) => void;
   separatorPointerUp: (event: PointerEvent) => void;
+  setInitialContentHeight: () => void;
   setInitialContentWidth: () => void;
   separatorPointerDown: (event: PointerEvent) => void;
   connectSeparator: (separatorEl: HTMLDivElement) => void;
   disconnectSeparator: () => void;
+  setActionBarsLayout: (actionBars: HTMLCalciteActionBarElement[]) => void;
+  handleActionBarSlotChange: (event: Event) => void;
 }

package/dist/types/components/tree-item/tree-item.d.ts

@@ -106,6 +106,12 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   private parentTreeItem?;
   hasEndActions: boolean;
   private updateParentIsExpanded;
+  /**
+   * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle
+   * and help check for item selection as items are initialized
+   *
+   * @private
+   */
   private updateAncestorTree;
   private actionsEndSlotChangeHandler;
 }

package/dist/types/components/value-list-item/value-list-item.d.ts

@@ -76,6 +76,15 @@ export declare class ValueListItem implements ConditionalSlotComponent, Interact
   toggleSelected(coerce?: boolean): Promise<void>;
   /** Set focus on the component. */
   setFocus(): Promise<void>;
+  /**
+   * Fires when the component is selected or unselected.
+   */
+  calciteListItemChange: EventEmitter<{
+    item: HTMLCalciteValueListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  }>;
   /**
    * Fires when the remove button is pressed.
    */

package/dist/types/components.d.ts

@@ -42,11 +42,13 @@ import { HandleNudge } from "./components/handle/interfaces";
 import { InlineEditableMessages } from "./components/inline-editable/assets/inline-editable/t9n";
 import { InputPlacement } from "./components/input/interfaces";
 import { InputMessages } from "./components/input/assets/input/t9n";
+import { InputDatePickerMessages } from "./components/input-date-picker/assets/input-date-picker/t9n";
 import { InputNumberMessages } from "./components/input-number/assets/input-number/t9n";
 import { InputTextMessages } from "./components/input-text/assets/input-text/t9n";
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
+import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
 import { ModalMessages } from "./components/modal/assets/modal/t9n";
 import { NoticeMessages } from "./components/notice/assets/notice/t9n";
 import { PaginationMessages } from "./components/pagination/assets/pagination/t9n";
@@ -240,6 +242,7 @@ export namespace Components {
         "expanded": boolean;
         /**
           * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
          */
         "layout": Layout;
         /**
@@ -672,6 +675,10 @@ export namespace Components {
           * When `true`, hides the component.
          */
         "closed": boolean;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
         /**
           * Specifies an icon to display.
          */
@@ -680,10 +687,18 @@ export namespace Components {
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
+        /**
+          * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit. This is set to `true` by a parent Chip Group component.
+         */
+        "interactive": boolean;
         /**
           * Specifies the kind of the component (will apply to border and background if applicable).
          */
         "kind": Extract<"brand" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -697,7 +712,15 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * When `closable` is `true`, sets focus on the component's "close" button (the first focusable item).
+          * When true, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * This internal property, managed by a containing `calcite-chip-group`, is conditionally set based on the `selectionMode` of the parent
+         */
+        "selectionMode": Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+        /**
+          * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -705,6 +728,36 @@ export namespace Components {
          */
         "value": any;
     }
+    interface CalciteChipGroup {
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteChipElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode": Extract<
+    "multiple" | "single" | "single-persist" | "none",
+    SelectionMode
+  >;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
     interface CalciteColorPicker {
         /**
           * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
@@ -1740,7 +1793,11 @@ export namespace Components {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messageOverrides": Partial<DatePickerMessages>;
+        "messageOverrides": Partial<InputDatePickerMessages & DatePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputDatePickerMessages;
         /**
           * Specifies the earliest allowed date ("yyyy-mm-dd").
          */
@@ -2302,6 +2359,14 @@ export namespace Components {
           * Sets the item as focusable. Only one item should be focusable within a list.
          */
         "active": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed": boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -2314,6 +2379,14 @@ export namespace Components {
           * The label text of the component. Displays above the description text.
          */
         "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ListItemMessages;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
@@ -2323,7 +2396,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * When `true`, the component is selected.
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -3176,6 +3249,10 @@ export namespace Components {
           * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale": Scale;
+        /**
+          * The direction of the component.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -4180,6 +4257,10 @@ export interface CalciteChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteChipElement;
 }
+export interface CalciteChipGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteChipGroupElement;
+}
 export interface CalciteColorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteColorPickerElement;
@@ -4499,6 +4580,12 @@ declare global {
         prototype: HTMLCalciteChipElement;
         new (): HTMLCalciteChipElement;
     };
+    interface HTMLCalciteChipGroupElement extends Components.CalciteChipGroup, HTMLStencilElement {
+    }
+    var HTMLCalciteChipGroupElement: {
+        prototype: HTMLCalciteChipGroupElement;
+        new (): HTMLCalciteChipGroupElement;
+    };
     interface HTMLCalciteColorPickerElement extends Components.CalciteColorPicker, HTMLStencilElement {
     }
     var HTMLCalciteColorPickerElement: {
@@ -4995,6 +5082,7 @@ declare global {
         "calcite-card": HTMLCalciteCardElement;
         "calcite-checkbox": HTMLCalciteCheckboxElement;
         "calcite-chip": HTMLCalciteChipElement;
+        "calcite-chip-group": HTMLCalciteChipGroupElement;
         "calcite-color-picker": HTMLCalciteColorPickerElement;
         "calcite-color-picker-hex-input": HTMLCalciteColorPickerHexInputElement;
         "calcite-color-picker-swatch": HTMLCalciteColorPickerSwatchElement;
@@ -5229,6 +5317,7 @@ declare namespace LocalJSX {
         "expanded"?: boolean;
         /**
           * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
          */
         "layout"?: Layout;
         /**
@@ -5633,6 +5722,10 @@ declare namespace LocalJSX {
           * When `true`, hides the component.
          */
         "closed"?: boolean;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
         /**
           * Specifies an icon to display.
          */
@@ -5645,23 +5738,65 @@ declare namespace LocalJSX {
           * Specifies the kind of the component (will apply to border and background if applicable).
          */
         "kind"?: Extract<"brand" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
         /**
           * Use this property to override individual strings used by the component.
          */
         "messageOverrides"?: Partial<ChipMessages>;
         /**
-          * Fires when the close button is clicked.
+          * Fires when the component's close button is selected.
          */
         "onCalciteChipClose"?: (event: CalciteChipCustomEvent<void>) => void;
+        /**
+          * Fires when the selected state of the component changes.
+         */
+        "onCalciteChipSelect"?: (event: CalciteChipCustomEvent<void>) => void;
         /**
           * Specifies the size of the component.
          */
         "scale"?: Scale;
+        /**
+          * When true, the component is selected.
+         */
+        "selected"?: boolean;
         /**
           * The component's value.
          */
         "value": any;
     }
+    interface CalciteChipGroup {
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Emits when the component's selection changes.
+         */
+        "onCalciteChipGroupSelect"?: (event: CalciteChipGroupCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteChipElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode"?: Extract<
+    "multiple" | "single" | "single-persist" | "none",
+    SelectionMode
+  >;
+    }
     interface CalciteColorPicker {
         /**
           * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
@@ -6673,7 +6808,7 @@ declare namespace LocalJSX {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messageOverrides"?: Partial<DatePickerMessages>;
+        "messageOverrides"?: Partial<InputDatePickerMessages & DatePickerMessages>;
         /**
           * Specifies the earliest allowed date ("yyyy-mm-dd").
          */
@@ -7207,6 +7342,14 @@ declare namespace LocalJSX {
         "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
     }
     interface CalciteListItem {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed"?: boolean;
         /**
           * A description for the component. Displays below the label text.
          */
@@ -7219,10 +7362,18 @@ declare namespace LocalJSX {
           * The label text of the component. Displays above the description text.
          */
         "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ListItemMessages>;
         /**
           * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
          */
         "metadata"?: Record<string, unknown>;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalciteListItemClose"?: (event: CalciteListItemCustomEvent<void>) => void;
         /**
           * Emits when the item's content is selected.
          */
@@ -7232,7 +7383,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * When `true`, the component is selected.
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"` or `"multiple"`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -8009,6 +8160,10 @@ declare namespace LocalJSX {
           * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * The direction of the component.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
         /**
           * Use this property to override individual strings used by the component.
          */
@@ -8880,6 +9035,15 @@ declare namespace LocalJSX {
           * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
+        /**
+          * Fires when the component is selected or unselected.
+         */
+        "onCalciteListItemChange"?: (event: CalciteValueListItemCustomEvent<{
+    item: HTMLCalciteValueListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  }>) => void;
         /**
           * Fires when the remove button is pressed.
          */
@@ -8913,6 +9077,7 @@ declare namespace LocalJSX {
         "calcite-card": CalciteCard;
         "calcite-checkbox": CalciteCheckbox;
         "calcite-chip": CalciteChip;
+        "calcite-chip-group": CalciteChipGroup;
         "calcite-color-picker": CalciteColorPicker;
         "calcite-color-picker-hex-input": CalciteColorPickerHexInput;
         "calcite-color-picker-swatch": CalciteColorPickerSwatch;
@@ -9011,6 +9176,7 @@ declare module "@stencil/core" {
             "calcite-card": LocalJSX.CalciteCard & JSXBase.HTMLAttributes<HTMLCalciteCardElement>;
             "calcite-checkbox": LocalJSX.CalciteCheckbox & JSXBase.HTMLAttributes<HTMLCalciteCheckboxElement>;
             "calcite-chip": LocalJSX.CalciteChip & JSXBase.HTMLAttributes<HTMLCalciteChipElement>;
+            "calcite-chip-group": LocalJSX.CalciteChipGroup & JSXBase.HTMLAttributes<HTMLCalciteChipGroupElement>;
             "calcite-color-picker": LocalJSX.CalciteColorPicker & JSXBase.HTMLAttributes<HTMLCalciteColorPickerElement>;
             "calcite-color-picker-hex-input": LocalJSX.CalciteColorPickerHexInput & JSXBase.HTMLAttributes<HTMLCalciteColorPickerHexInputElement>;
             "calcite-color-picker-swatch": LocalJSX.CalciteColorPickerSwatch & JSXBase.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { getAssetPath } from "./stencil-public-runtime";

package/dist/types/preact.d.ts

@@ -63,8 +63,14 @@ declare module "preact/src/jsx" {
         "oncalciteInternalCheckboxFocus"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-chip": Omit<JSX.CalciteChip, "onCalciteChipClose"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
+      "calcite-chip": Omit<JSX.CalciteChip, "onCalciteChipClose" | "onCalciteChipSelect" | "onCalciteInternalChipKeyEvent"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
         "oncalciteChipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteChipSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalChipKeyEvent"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-chip-group": Omit<JSX.CalciteChipGroup, "onCalciteChipGroupSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteChipGroupElement> & {
+        "oncalciteChipGroupSelect"?: (event: CustomEvent<any>) => void;
       }
 
       "calcite-color-picker": Omit<JSX.CalciteColorPicker, "onCalciteColorPickerChange" | "onCalciteColorPickerInput"> & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerElement> & {
@@ -207,8 +213,9 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteListItemClose" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
         "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemClose"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;
@@ -407,7 +414,8 @@ declare module "preact/src/jsx" {
         "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemRemove" | "onCalciteValueListItemDragHandleBlur"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
+      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteValueListItemDragHandleBlur"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
+        "oncalciteListItemChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
         "oncalciteValueListItemDragHandleBlur"?: (event: CustomEvent<any>) => void;
       };

package/dist/types/utils/floating-ui.d.ts

@@ -136,12 +136,4 @@ export declare function disconnectFloatingUI(component: FloatingUIComponent, ref
  * @default 6
  */
 export declare const defaultOffsetDistance: number;
-/**
- * This utils applies floating element styles to avoid affecting layout when closed.
- *
- * This should be called when the closing transition will start.
- *
- * @param floatingEl
- */
-export declare function updateAfterClose(floatingEl: HTMLElement): void;
 export {};

package/dist/types/utils/focusTrapComponent.d.ts

@@ -1,8 +1,12 @@
 import { FocusTrap as _FocusTrap } from "focus-trap";
 /**
- * Defines interface for components with a focus trap.
+ * Defines interface for components with a focus trap. Focusable content is required for components implementing focus trapping with this interface.
  */
 export interface FocusTrapComponent {
+  /**
+   * The focus trap element.
+   */
+  el: HTMLElement;
   /**
    * When `true`, prevents focus trapping.
    */
@@ -11,10 +15,6 @@ export interface FocusTrapComponent {
    * The focus trap instance.
    */
   focusTrap: FocusTrap;
-  /**
-   * The focus trap element.
-   */
-  focusTrapEl: HTMLElement;
   /**
    * Method to update the element(s) that are used within the FocusTrap component.
    */

package/dist/types/utils/observers.d.ts

@@ -4,7 +4,7 @@ export interface ExtendedMutationObserver extends MutationObserver {
 }
 type ObserverType = "mutation" | "intersection" | "resize";
 type ObserverCallbackType<T extends ObserverType> = T extends "mutation" ? MutationCallback : T extends "intersection" ? IntersectionObserverCallback : T extends "resize" ? ResizeObserverCallback : never;
-type ObserverOptions<T extends ObserverType> = T extends "mutation" ? MutationObserverInit : T extends "intersection" ? IntersectionObserverInit : T extends "resize" ? never : never;
+type ObserverOptions<T extends ObserverType> = T extends "intersection" ? IntersectionObserverInit : never;
 type ObserverInstanceType<T extends ObserverType> = T extends "mutation" ? ExtendedMutationObserver : T extends "intersection" ? IntersectionObserver : T extends "resize" ? ResizeObserver : never;
 /**
  * This utility ensures observers are created only for browser contexts.