@esri/calcite-components 3.2.0-next.8 → 3.2.0

package/dist/components/calcite-tip-manager/customElement.d.ts

@@ -6,36 +6,36 @@ import { Tip } from '../calcite-tip/customElement.js';
 
 /**
  * @deprecated Use the `calcite-carousel` and `calcite-carousel-item` components instead.
- * @slot - A slot for adding `calcite-tip`s.
+ * @slot  - A slot for adding `calcite-tip`s.
  */
 export declare class TipManager extends LitElement {
     /**
-     * Made into a prop for testing purposes only
+     * When `true`, does not display or position the component.
      *
-     * @private
-     */ private messages: Partial<{
+     * @default false
+     */
+    closed: boolean;
+    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
+    headingLevel: HeadingLevel;
+    /** Use this property to override individual strings used by the component. */
+    messageOverrides?: typeof this.messages._overrides;
+    /** Selects the next `calcite-tip` to display. */
+    nextTip(): Promise<void>;
+    /** Selects the previous `calcite-tip` to display. */
+    previousTip(): Promise<void>;
+    /** Emits when the component has been closed. */
+    readonly calciteTipManagerClose: TargetedEvent<this, void>;
+    private messages: Partial<{
         defaultGroupTitle: string;
         defaultPaginationLabel: string;
         close: string;
         previous: string;
         next: string;
-    }> & import('@arcgis/components-controllers').T9nMeta<{
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
         defaultGroupTitle: string;
         defaultPaginationLabel: string;
         close: string;
         previous: string;
         next: string;
     }>;
-    /** When `true`, does not display or position the component. */
-    closed: boolean;
-    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /** Selects the next `calcite-tip` to display. */
-    nextTip(): Promise<void>;
-    /** Selects the previous `calcite-tip` to display. */
-    previousTip(): Promise<void>;
-    /** Emits when the component has been closed. */
-    readonly calciteTipManagerClose: TargetedEvent<this, undefined>;
 }

package/dist/components/calcite-tip-manager/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.8 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit-html/directives/ref.js";
 import { keyed } from "lit-html/directives/keyed.js";
@@ -40,27 +40,21 @@ class TipManager extends LitElement {
     this.calciteTipManagerClose = createEvent({ cancelable: false });
   }
   static {
-    this.properties = { direction: [16, { state: true }], groupTitle: [16, { state: true }], selectedIndex: [16, { state: true }], tips: [16, { state: true }], total: [16, { state: true }], closed: [7, { reflect: true, type: Boolean }], headingLevel: [11, { type: Number, reflect: true }], messageOverrides: [0, { attribute: false }] };
+    this.properties = { direction: [16, {}, { state: true }], groupTitle: [16, {}, { state: true }], selectedIndex: [16, {}, { state: true }], tips: [16, {}, { state: true }], total: [16, {}, { state: true }], closed: [7, {}, { reflect: true, type: Boolean }], headingLevel: [11, {}, { type: Number, reflect: true }], messageOverrides: [0, {}, { attribute: false }] };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Public Methods
-  /** Selects the next `calcite-tip` to display. */
   async nextTip() {
     this.direction = "advancing";
     const nextIndex = this.selectedIndex + 1;
     this.selectedIndex = (nextIndex + this.total) % this.total;
   }
-  /** Selects the previous `calcite-tip` to display. */
   async previousTip() {
     this.direction = "retreating";
     const previousIndex = this.selectedIndex - 1;
     this.selectedIndex = (previousIndex + this.total) % this.total;
   }
-  // #endregion
-  // #region Lifecycle
   connectedCallback() {
     super.connectedCallback();
     this.setUpTips();
@@ -91,8 +85,6 @@ class TipManager extends LitElement {
     super.disconnectedCallback();
     this.mutationObserver?.disconnect();
   }
-  // #endregion
-  // #region Private Methods
   selectedChangeHandler() {
     this.showSelectedTip();
     this.updateGroupTitle();
@@ -161,8 +153,6 @@ class TipManager extends LitElement {
   storeContainerRef(el) {
     this.container = el;
   }
-  // #endregion
-  // #region Rendering
   renderPagination() {
     const dir = getElementDir(this.el);
     const { selectedIndex, tips, total, messages } = this;

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

@@ -4,9 +4,13 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
 import { FloatingLayout, FloatingUIComponent, LogicalPlacement, OverlayPositioning, ReferenceElement } from '../../utils/floating-ui';
 import { OpenCloseComponent } from '../../utils/openCloseComponent';
 
-/** @slot - A slot for adding text. */
+/** @slot  - A slot for adding text. */
 export declare class Tooltip extends LitElement {
-    /** Closes the component when the `referenceElement` is clicked. */
+    /**
+     * Closes the component when the `referenceElement` is clicked.
+     *
+     * @default false
+     */
     closeOnClick: boolean;
     /**
      * Accessible name for the component.
@@ -20,9 +24,17 @@ export declare class Tooltip extends LitElement {
      * @default 6
      */
     offsetDistance: number;
-    /** Offset the position of the component along the `referenceElement`. */
+    /**
+     * Offset the position of the component along the `referenceElement`.
+     *
+     * @default 0
+     */
     offsetSkidding: number;
-    /** When `true`, the component is open. */
+    /**
+     * When `true`, the component is open.
+     *
+     * @default false
+     */
     open: boolean;
     /**
      * Determines the type of positioning to use for the overlaid content.
@@ -30,9 +42,15 @@ export declare class Tooltip extends LitElement {
      * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
      *
      * The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+     *
+     * @default "absolute"
      */
     overlayPositioning: OverlayPositioning;
-    /** Determines where the component will be positioned relative to the `referenceElement`. */
+    /**
+     * Determines where the component will be positioned relative to the `referenceElement`.
+     *
+     * @default "auto"
+     */
     placement: LogicalPlacement;
     /**
      * The `referenceElement` to position the component according to its `"placement"` value.
@@ -49,11 +67,11 @@ export declare class Tooltip extends LitElement {
      */
     reposition(delayed?: boolean): Promise<void>;
     /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calciteTooltipBeforeClose: TargetedEvent<this, undefined>;
+    readonly calciteTooltipBeforeClose: TargetedEvent<this, void>;
     /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteTooltipBeforeOpen: TargetedEvent<this, undefined>;
+    readonly calciteTooltipBeforeOpen: TargetedEvent<this, void>;
     /** Fires when the component is closed and animation is complete. */
-    readonly calciteTooltipClose: TargetedEvent<this, undefined>;
+    readonly calciteTooltipClose: TargetedEvent<this, void>;
     /** Fires when the component is open and animation is complete. */
-    readonly calciteTooltipOpen: TargetedEvent<this, undefined>;
+    readonly calciteTooltipOpen: TargetedEvent<this, void>;
 }

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

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.8 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit-html/directives/ref.js";
 import { html } from "lit";
@@ -279,18 +279,11 @@ class Tooltip extends LitElement {
     this.calciteTooltipOpen = createEvent({ cancelable: false });
   }
   static {
-    this.properties = { floatingLayout: [16, { state: true }], referenceEl: [16, { state: true }], closeOnClick: [7, { reflect: true, type: Boolean }], label: 1, offsetDistance: [11, { type: Number, reflect: true }], offsetSkidding: [11, { reflect: true, type: Number }], open: [7, { reflect: true, type: Boolean }], overlayPositioning: [3, { reflect: true }], placement: [3, { reflect: true }], referenceElement: 1 };
+    this.properties = { floatingLayout: [16, {}, { state: true }], referenceEl: [16, {}, { state: true }], closeOnClick: [7, {}, { reflect: true, type: Boolean }], label: 1, offsetDistance: [11, {}, { type: Number, reflect: true }], offsetSkidding: [11, {}, { reflect: true, type: Number }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], placement: [3, {}, { reflect: true }], referenceElement: 1 };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Public Methods
-  /**
-   * Updates the position of the component.
-   *
-   * @param delayed
-   */
   async reposition(delayed = false) {
     const { referenceEl, placement, overlayPositioning, offsetDistance, offsetSkidding, arrowEl, floatingEl } = this;
     return reposition(this, {
@@ -304,8 +297,6 @@ class Tooltip extends LitElement {
       type: "tooltip"
     }, delayed);
   }
-  // #endregion
-  // #region Lifecycle
   connectedCallback() {
     super.connectedCallback();
     this.setUpReferenceElement(true);
@@ -331,8 +322,6 @@ class Tooltip extends LitElement {
     this.removeReferences();
     disconnectFloatingUI(this);
   }
-  // #endregion
-  // #region Private Methods
   openHandler() {
     onToggleOpenCloseComponent(this);
     this.reposition(true);
@@ -398,8 +387,6 @@ class Tooltip extends LitElement {
     }
     manager.unregisterElement(referenceEl);
   }
-  // #endregion
-  // #region Rendering
   render() {
     const { referenceEl, label, open, floatingLayout } = this;
     const displayed = referenceEl && open;

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

@@ -4,17 +4,21 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
 import { Scale, SelectionMode } from '../interfaces';
 import { TreeItem } from '../calcite-tree-item/customElement.js';
 
-/** @slot - A slot for `calcite-tree-item` elements. */
+/** @slot  - A slot for `calcite-tree-item` elements. */
 export declare class Tree extends LitElement {
-    /** When `true`, displays indentation guide lines. */
+    /**
+     * When `true`, displays indentation guide lines.
+     *
+     * @default false
+     */
     lines: boolean;
-    /** Specifies the size of the component. */
-    scale: Scale;
     /**
-     * Specifies the component's selected items.
+     * Specifies the size of the component.
      *
-     * @readonly
+     * @default "m"
      */
+    scale: Scale;
+    /** Specifies the component's selected items. */
     readonly selectedItems: HTMLCalciteTreeItemElement[];
     /**
      * Specifies the selection mode of the component, where:
@@ -37,5 +41,5 @@ export declare class Tree extends LitElement {
      */
     selectionMode: SelectionMode;
     /** Fires when the user selects/deselects `calcite-tree-items`. */
-    readonly calciteTreeSelect: TargetedEvent<this, undefined>;
+    readonly calciteTreeSelect: TargetedEvent<this, void>;
 }

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

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.8 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { html } from "lit";
 import { LitElement, createEvent, setAttribute } from "@arcgis/lumina";
@@ -27,8 +27,6 @@ function getTraversableItems(root) {
 }
 const styles = css`:host{display:block}:host(:focus){outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}`;
 class Tree extends LitElement {
-  // #endregion
-  // #region Lifecycle
   constructor() {
     super();
     this.items = [];
@@ -45,7 +43,7 @@ class Tree extends LitElement {
     this.listen("keydown", this.keyDownHandler);
   }
   static {
-    this.properties = { child: [7, { reflect: true, type: Boolean }], lines: [7, { reflect: true, type: Boolean }], parentExpanded: [5, { type: Boolean }], scale: [3, { reflect: true }], selectedItems: [0, { attribute: false }], selectionMode: [3, { reflect: true }] };
+    this.properties = { child: [7, {}, { reflect: true, type: Boolean }], lines: [7, {}, { reflect: true, type: Boolean }], parentExpanded: [5, {}, { type: Boolean }], scale: [3, {}, { reflect: true }], selectedItems: [0, {}, { attribute: false }], selectionMode: [3, {}, { reflect: true }] };
   }
   static {
     this.styles = styles;
@@ -60,8 +58,6 @@ class Tree extends LitElement {
     this.selectionMode = parent ? parent.selectionMode : this.selectionMode;
     this.child = !!parent;
   }
-  // #endregion
-  // #region Private Methods
   onFocus() {
     if (!this.child) {
       const focusTarget = this.el.querySelector("calcite-tree-item[selected]:not([disabled])") || this.el.querySelector("calcite-tree-item:not([disabled])");
@@ -284,8 +280,6 @@ class Tree extends LitElement {
   getRootTabIndex() {
     return !this.child ? 0 : -1;
   }
-  // #endregion
-  // #region Rendering
   render() {
     this.el.ariaMultiSelectable = this.child ? void 0 : toAriaBoolean(this.selectionMode === "multiple" || this.selectionMode === "multichildren");
     this.el.role = !this.child ? "tree" : void 0;

package/dist/components/calcite-tree-item/customElement.d.ts

@@ -7,14 +7,22 @@ import { IconNameOrString } from '../calcite-icon/interfaces';
 import { TreeItemSelectDetail } from './interfaces';
 
 /**
- * @slot - A slot for adding text.
- * @slot children - A slot for adding nested `calcite-tree` elements.
- * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
+ * @slot  - A slot for adding text.
+ * @slot [children] - A slot for adding nested `calcite-tree` elements.
+ * @slot [actions-end] - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
  */
 export declare class TreeItem extends LitElement {
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     *
+     * @default false
+     */
     disabled: boolean;
-    /** When `true`, the component is expanded. */
+    /**
+     * When `true`, the component is expanded.
+     *
+     * @default false
+     */
     expanded: boolean;
     /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
     iconFlipRtl: FlipContext;
@@ -22,6 +30,10 @@ export declare class TreeItem extends LitElement {
     iconStart: IconNameOrString;
     /** Accessible name for the component. */
     label: string;
-    /** When `true`, the component is selected. */
+    /**
+     * When `true`, the component is selected.
+     *
+     * @default false
+     */
     selected: boolean;
 }

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

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.8 */
+v3.2.0 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit-html/directives/keyed.js";
 import { html, nothing } from "lit";
@@ -39,8 +39,6 @@ const ICONS = {
 };
 const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-internal-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;max-inline-size:100%;cursor:pointer}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding)}.node-actions-container{display:flex;color:var(--calcite-tree-text-color, var(--calcite-color-text-3))}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;block-size:100%;inset-inline-start:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-border-input))}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-tree-text-color-selected, var(--calcite-color-text-1))}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([selected]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-tree-selected-icon-color, var(--calcite-color-brand))}:host([hidden]){display:none}[hidden]{display:none}`;
 class TreeItem extends LitElement {
-  // #endregion
-  // #region Lifecycle
   constructor() {
     super();
     this.actionSlotWrapper = createRef();
@@ -58,12 +56,11 @@ class TreeItem extends LitElement {
     this.listen("keydown", this.keyDownHandler);
   }
   static {
-    this.properties = { hasEndActions: [16, { state: true }], updateAfterInitialRender: [16, { state: true }], depth: [11, { reflect: true, type: Number }], disabled: [7, { reflect: true, type: Boolean }], expanded: [7, { reflect: true, type: Boolean }], hasChildren: [39, { reflect: true, readOnly: true, type: Boolean }], iconFlipRtl: [3, { reflect: true }], iconStart: [3, { reflect: true }], indeterminate: [7, { reflect: true, type: Boolean }], label: 1, lines: [7, { reflect: true, type: Boolean }], parentExpanded: [5, { type: Boolean }], scale: [3, { reflect: true }], selected: [7, { reflect: true, type: Boolean }], selectionMode: [3, { reflect: true }] };
+    this.properties = { hasEndActions: [16, {}, { state: true }], updateAfterInitialRender: [16, {}, { state: true }], depth: [11, {}, { reflect: true, type: Number }], disabled: [7, {}, { reflect: true, type: Boolean }], expanded: [7, {}, { reflect: true, type: Boolean }], hasChildren: [39, {}, { reflect: true, readOnly: true, type: Boolean }], iconFlipRtl: [3, {}, { reflect: true }], iconStart: [3, {}, { reflect: true }], indeterminate: [7, {}, { reflect: true, type: Boolean }], label: 1, lines: [7, {}, { reflect: true, type: Boolean }], parentExpanded: [5, {}, { type: Boolean }], scale: [3, {}, { reflect: true }], selected: [7, {}, { reflect: true, type: Boolean }], selectionMode: [3, {}, { reflect: true }] };
   }
   static {
     this.styles = styles;
   }
-  /** @private */
   get hasChildren() {
     return !!this.childTree;
   }
@@ -92,8 +89,6 @@ class TreeItem extends LitElement {
   loaded() {
     this.updateAncestorTree();
   }
-  // #endregion
-  // #region Private Methods
   handleSelectedChange(value) {
     if (this.selectionMode === "ancestors" && !this.userChangedValue) {
       if (value) {
@@ -176,12 +171,6 @@ class TreeItem extends LitElement {
     const composedPath = event.composedPath();
     return composedPath.includes(this.actionSlotWrapper.value);
   }
-  /**
-   * 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
-   */
   updateAncestorTree() {
     const parentItem = this.parentTreeItem;
     if (this.selectionMode !== "ancestors" || !parentItem) {
@@ -230,8 +219,6 @@ class TreeItem extends LitElement {
       }
     }
   }
-  // #endregion
-  // #region Rendering
   render() {
     const rtl = getElementDir(this.el) === "rtl";
     const showBulletPoint = this.selectionMode === "single" || this.selectionMode === "children" || this.selectionMode === "single-persist";

package/dist/components/functional/Validation.d.ts

@@ -2,15 +2,16 @@ import { TemplateResult } from 'lit-html';
 import { LuminaJsx } from '@arcgis/lumina';
 import { Scale, Status } from '../interfaces';
 import { IconNameOrString } from '../calcite-icon/interfaces';
-interface ValidationProps extends LuminaJsx.HTMLAttributes {
+interface ValidationProps extends LuminaJsx.CustomAttributes {
     scale: Scale;
     status: Status;
     icon?: IconNameOrString | boolean;
     id?: string;
     message: string;
+    ref?: (el: HTMLDivElement) => void;
 }
 export declare const CSS: {
     validationContainer: string;
 };
-export declare const Validation: ({ scale, status, id, icon, message, }: ValidationProps) => TemplateResult;
+export declare const Validation: ({ scale, status, id, icon, message, ref, }: ValidationProps) => TemplateResult;
 export {};

package/dist/controllers/time/time.d.ts

@@ -0,0 +1,160 @@
+import { PropertyValues } from 'lit';
+import { GenericController, T9nMeta } from '@arcgis/lumina/controllers';
+import { GenericT9nStrings } from '@arcgis/components-utils';
+import { LitElement } from '@arcgis/lumina';
+import { EffectiveHourFormat, HourFormat, Meridiem } from '../../utils/time';
+import { NumberingSystem, SupportedLocale } from '../../utils/locale';
+export interface TimeComponent extends LitElement {
+    /**
+     * Specifies the component's hour format, where:
+     *
+     * `"user"` displays the user's locale format,
+     * `"12"` displays a 12-hour format, and
+     * `"24"` displays a 24-hour format.
+     *
+     * @default "user"
+     */
+    hourFormat: HourFormat;
+    /**
+     * Translated messages and locale information
+     *
+     * @internal
+     */
+    messages: Partial<GenericT9nStrings> | T9nMeta<GenericT9nStrings>;
+    /**
+     * Specifies the Unicode numeral system used by the component for localization.
+     */
+    numberingSystem: NumberingSystem;
+    /**
+     * Specifies the granularity the component's `value` must adhere to (in seconds).
+     */
+    step: number;
+    /**
+     * The component's time value in ISO (24-hour) format.
+     */
+    value: string;
+}
+type TimeProperties = {
+    /**
+     * Change event that fires when the value is committed on Enter keypress or blur
+     */
+    calciteTimeChange: CustomEvent;
+    /**
+     * The fractional second portion of the time value.
+     */
+    fractionalSecond: string;
+    /**
+     * The hour portion of the time value (in ISO 24-hour format).
+     */
+    hour: string;
+    /**
+     * The effective hour format, calculated based on the component's hour-format property.
+     * The component's hour-format of "user" will resolve to the locale's default hour format.
+     *
+     * `"12"` displays a 12-hour format, and
+     * `"24"` displays a 24-hour format.
+     */
+    hourFormat: EffectiveHourFormat;
+    /**
+     * The language and region code to localize the time value.
+     */
+    locale: SupportedLocale;
+    /**
+     * The decimal separator used by the locale.
+     */
+    localizedDecimalSeparator: string;
+    /**
+     * The decimal separator used by the locale.
+     */
+    localizedFractionalSecond: string;
+    /**
+     * The localized fractional second portion of the time value.
+     */
+    localizedHour: string;
+    /**
+     * The hour suffix used by the locale.
+     */
+    localizedHourSuffix: string;
+    /**
+     * The localized meridiem portion of the time value, when hourFormat resolves to 12.
+     */
+    localizedMeridiem: string;
+    /**
+     * The localized minute portion of the time value.
+     */
+    localizedMinute: string;
+    /**
+     * The localized minute suffix used by the locale.
+     */
+    localizedMinuteSuffix: string;
+    /**
+     * The localized second portion of the time value.
+     */
+    localizedSecond: string;
+    /**
+     * The localized second suffix used by the locale.
+     */
+    localizedSecondSuffix: string;
+    /**
+     * The effective meridiem of the time value, when hourFormat resolves to 12.
+     *
+     * `"AM"` for hours between 0 and 12
+     * `"PM"` for hours between 12 and 23
+     */
+    meridiem: Meridiem;
+    /**
+     * An integer representing the order in which the meridiem appears for the locale within an array of values returned by Intl.DateTimeFormat.
+     */
+    meridiemOrder: number;
+    /**
+     * The minute portion of the time value.
+     */
+    minute: string;
+    /**
+     * The second portion of the time value.
+     */
+    second: string;
+};
+export declare class TimeController extends GenericController<TimeProperties, TimeComponent> {
+    fractionalSecond: string;
+    hour: string;
+    hourFormat: EffectiveHourFormat;
+    locale: SupportedLocale;
+    localizedDecimalSeparator: string;
+    localizedFractionalSecond: string;
+    localizedHour: string;
+    localizedHourSuffix: string;
+    localizedMeridiem: string;
+    localizedMinute: string;
+    localizedMinuteSuffix: string;
+    localizedSecond: string;
+    localizedSecondSuffix: string;
+    meridiem: Meridiem;
+    meridiemOrder: number;
+    minute: string;
+    second: string;
+    userChangedValue: boolean;
+    handleHourKeyDownEvent: (event: KeyboardEvent) => void;
+    handleMinuteKeyDownEvent: (event: KeyboardEvent) => void;
+    handleSecondKeyDownEvent: (event: KeyboardEvent) => void;
+    handleFractionalSecondKeyDownEvent: (event: KeyboardEvent) => void;
+    handleMeridiemKeyDownEvent: (event: KeyboardEvent) => void;
+    calciteTimeChange: import('@arcgis/lumina').EventEmitter<string>;
+    hostConnected(): void;
+    hostUpdate(changes: PropertyValues): void;
+    private decrementHour;
+    private decrementMinute;
+    private decrementMinuteOrSecond;
+    private decrementSecond;
+    private incrementHour;
+    private incrementMinute;
+    private incrementMinuteOrSecond;
+    private incrementSecond;
+    private nudgeFractionalSecond;
+    private setHourFormat;
+    private setMeridiemOrder;
+    private toggleMeridiem;
+    setValue(value: string, userChangedValue?: boolean): void;
+    setValuePart(key: "hour" | "minute" | "second" | "fractionalSecond" | "meridiem", value?: number | string | Meridiem): void;
+}
+export {};

package/dist/controllers/useFocusTrap.d.ts

@@ -1,4 +1,4 @@
-import { makeGenericController } from '@arcgis/components-controllers';
+import { makeGenericController } from '@arcgis/lumina/controllers';
 import { FocusTrap, Options as Options } from 'focus-trap';
 import { LitElement } from '@arcgis/lumina';
 export interface UseFocusTrap {

package/dist/controllers/usePreventDocumentScroll.d.ts

@@ -0,0 +1,22 @@
+import { makeGenericController } from '@arcgis/lumina/controllers';
+import { LitElement } from '@arcgis/lumina';
+/**
+ * Interface representing a component that can prevent document scrolling.
+ */
+export interface PreventDocumentScrollComponent extends LitElement {
+    /**
+     * Indicates whether the component is currently opened.
+     */
+    opened: boolean;
+    /**
+     * Indicates whether the component should prevent document scrolling when opened.
+     */
+    preventDocumentScroll: boolean;
+}
+/**
+ * Creates a controller to manage document scroll prevention for a component.
+ *
+ * This controller tracks the number of components requesting scroll prevention
+ * and ensures that the document's scroll behavior is only modified when necessary.
+ */
+export declare const usePreventDocumentScroll: () => ReturnType<typeof makeGenericController<void, PreventDocumentScrollComponent>>;

package/dist/controllers/useT9n.d.ts

@@ -1 +1 @@
-export declare const useT9n: import('@arcgis/components-controllers').UseT9n;
+export declare const useT9n: import('@arcgis/lumina/controllers').UseT9n;

package/dist/custom-theme/block.d.ts

@@ -5,5 +5,8 @@ export declare const blockTokens: {
     calciteBlockTextColor: string;
     calciteBlockHeadingTextColor: string;
     calciteBlockHeadingTextColorPress: string;
+    calciteBlockDescriptionTextColor: string;
+    calciteBlockIconColor: string;
+    calciteBlockIconColorHover: string;
 };
 export declare const block: string;