@esri/calcite-components 1.3.0-next.2 → 1.3.0-next.20

package/dist/types/components.d.ts

@@ -42,11 +42,14 @@ 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 { InputTimePickerMessages } from "./components/input-time-picker/assets/input-time-picker/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";
@@ -673,6 +676,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.
          */
@@ -681,10 +688,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.
          */
@@ -698,7 +713,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>;
         /**
@@ -706,6 +729,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`.
@@ -1056,6 +1109,10 @@ export namespace Components {
           * When `true`, activates the component's range mode to allow a start and end date.
          */
         "range": boolean;
+        /**
+          * When `true`, highlight styling for edge dates is applied.
+         */
+        "rangeEdge": "start" | "end" | undefined;
         /**
           * Date is being hovered and within the set range
          */
@@ -1552,6 +1609,11 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint": string;
+        /**
+          * When `type` is `"file"`, specifies the component's selected files.
+          * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
+         */
+        "files": FileList | undefined;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -1718,6 +1780,10 @@ export namespace Components {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements": EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -1741,7 +1807,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").
          */
@@ -2123,6 +2193,10 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -2130,7 +2204,11 @@ export namespace Components {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messagesOverrides": Partial<TimePickerMessages>;
+        "messageOverrides": Partial<InputTimePickerMessages & TimePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputTimePickerMessages;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -2303,6 +2381,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.
          */
@@ -2315,6 +2401,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`.
          */
@@ -2324,7 +2418,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;
         /**
@@ -3177,6 +3271,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.
          */
@@ -3476,6 +3574,7 @@ export namespace Components {
         "iconFlipRtl": boolean;
         "layout": Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
+        "numberingSystem": NumberingSystem;
         "scale": Scale;
         /**
           * When `true`, the component is selected.
@@ -4181,6 +4280,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;
@@ -4500,6 +4603,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: {
@@ -4996,6 +5105,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;
@@ -5635,6 +5745,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.
          */
@@ -5647,23 +5761,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`.
@@ -6495,6 +6651,11 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
          */
         "enterKeyHint"?: string;
+        /**
+          * When `type` is `"file"`, specifies the component's selected files.
+          * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
+         */
+        "files"?: FileList | undefined;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -6652,6 +6813,10 @@ declare namespace LocalJSX {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements"?: EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -6675,7 +6840,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").
          */
@@ -7050,6 +7215,10 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -7057,7 +7226,7 @@ declare namespace LocalJSX {
         /**
           * Use this property to override individual strings used by the component.
          */
-        "messagesOverrides"?: Partial<TimePickerMessages>;
+        "messageOverrides"?: Partial<InputTimePickerMessages & TimePickerMessages>;
         /**
           * Specifies the name of the component on form submission.
          */
@@ -7209,6 +7378,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.
          */
@@ -7221,10 +7398,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.
          */
@@ -7234,7 +7419,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;
         /**
@@ -8011,6 +8196,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.
          */
@@ -8882,6 +9071,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.
          */
@@ -8915,6 +9113,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;
@@ -9013,6 +9212,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/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";
+import { FocusTrap as _FocusTrap, Options as FocusTrapOptions } 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,34 +15,45 @@ 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.
+   *
+   * This should be implemented for components that allow user content and/or have conditionally-rendered focusable elements within the trap.
    */
-  updateFocusTrapElements: () => Promise<void>;
+  updateFocusTrapElements?: () => Promise<void>;
 }
 export type FocusTrap = _FocusTrap;
+interface ConnectFocusTrapOptions {
+  /**
+   * This option allows the focus trap to be created on a different element that's not the host (e.g., a supporting popup component).
+   */
+  focusTrapEl?: HTMLElement;
+  /**
+   * This allows specifying overrides to ConnectFocusTrap options.
+   */
+  focusTrapOptions?: Omit<FocusTrapOptions, "document" | "tabbableOptions" | "trapStack">;
+}
 /**
  * Helper to set up the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param options
  */
-export declare function connectFocusTrap(component: FocusTrapComponent): void;
+export declare function connectFocusTrap(component: FocusTrapComponent, options?: ConnectFocusTrapOptions): void;
 /**
  * Helper to activate the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param [options] The FocusTrap activate options.
  */
-export declare function activateFocusTrap(component: FocusTrapComponent): void;
+export declare function activateFocusTrap(component: FocusTrapComponent, options?: Parameters<_FocusTrap["activate"]>[0]): void;
 /**
  * Helper to deactivate the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param [options] The FocusTrap deactivate options.
  */
-export declare function deactivateFocusTrap(component: FocusTrapComponent): void;
+export declare function deactivateFocusTrap(component: FocusTrapComponent, options?: Parameters<_FocusTrap["deactivate"]>[0]): void;
 /**
  * Helper to update the element(s) that are used within the FocusTrap component.
  *
@@ -52,3 +67,4 @@ export declare function deactivateFocusTrap(component: FocusTrapComponent): void
  * requestAnimationFrame(() => input.setFocus());
  */
 export declare function updateFocusTrapElements(component: FocusTrapComponent): void;
+export {};

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

@@ -1,7 +1,7 @@
 type AttributeObject = {
   [k: string]: any;
 };
-type AllowedGlobalAttribute = "lang";
+type AllowedGlobalAttribute = "lang" | "role";
 /**
  * Watches global attributes of a component.
  *