@esri/calcite-components 5.2.0-next.50 → 5.2.0-next.51

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement, LuminaJsx } from "@arcgis/lumina";
-import type { Alignment, Appearance, AriaAttributesCamelCased, Scale } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { Alignment, Appearance, AriaAttributesCamelCased, Scale } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-action-background-color-hover] - Specifies the component's background color when hovered.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout, Position, Scale, SelectionAppearance } from "../interfaces.js";
+import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
 
 /**

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

@@ -1,9 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout, Scale, SelectionMode } from "../interfaces.js";
+import type { Layout, Scale, SelectionMode } from "../types.js";
 import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
 import type { Action } from "../calcite-action/customElement.js";
-import type { Columns } from "./interfaces.js";
+import type { Columns } from "./types.js";
 
 /**
  * @cssproperty [--calcite-action-background-color] - Specifies the component's background color.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
-import type { Appearance, Scale } from "../interfaces.js";
+import type { Appearance, Scale } from "../types.js";
 import type { Action } from "../calcite-action/customElement.js";
 
 /**

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Layout, Position, Scale, SelectionAppearance } from "../interfaces.js";
+import type { Layout, Position, Scale, SelectionAppearance } from "../types.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
 
 /**

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

@@ -2,9 +2,9 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { MenuPlacement } from "../../utils/floating-ui.js";
 import type { NumberingSystem } from "../../utils/locale.js";
-import type { Kind, Scale } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { AlertDuration, AlertQueue } from "./interfaces.js";
+import type { Kind, Scale } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { AlertDuration, AlertQueue } from "./types.js";
 
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned

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

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipPlacement, MenuPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
-import type { Alignment, Scale, Status } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { Alignment, Scale, Status } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-autocomplete-background-color] - Specifies the component's background color.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { FlipContext } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { FlipContext } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-autocomplete-background-color] - Specifies the component's background color.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 
 /**
  * @cssproperty [--calcite-avatar-corner-radius] - Specifies the component's corner radius.

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

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { HeadingLevel } from "../functional/Heading.js";
-import type { FlipContext, Scale, Status } from "../interfaces.js";
+import type { FlipContext, Scale, Status } from "../types.js";
 import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { BlockToggleDisplay } from "./interface.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { BlockToggleDisplay } from "./types.js";
 
 /**
  * @cssproperty [--calcite-block-border-color] - Specifies the component's border color.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale, SelectionMode } from "../interfaces.js";
-import type { BlockDragDetail } from "./interfaces.js";
+import type { Scale, SelectionMode } from "../types.js";
+import type { BlockDragDetail } from "./types.js";
 
 /** @slot  - A slot for adding `calcite-block` elements. */
 export abstract class BlockGroup extends LitElement {

package/dist/components/calcite-block-section/customElement.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { FlipContext, Scale, Status } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { BlockSectionToggleDisplay } from "./interfaces.js";
+import type { FlipContext, Scale, Status } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { BlockSectionToggleDisplay } from "./types.js";
 
 /**
  * @deprecated in v5.2.0, removal target v7.0.0 - Use the `calcite-block` component instead.

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

@@ -1,8 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { ButtonAlignment } from "./interfaces.js";
+import type { Appearance, FlipContext, Kind, Scale, Width } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { ButtonAlignment } from "./types.js";
 
 /**
  * Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { LogicalFlowPosition, Scale } from "../interfaces.js";
+import type { LogicalFlowPosition, Scale } from "../types.js";
 
 /**
  * @cssproperty [--calcite-card-accent-color-selected] - Specifies the component's accent color when `selected`.

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

@@ -56,7 +56,6 @@ class Card extends LitElement {
     this.selectionMode = "none";
     this.thumbnailPosition = "block-start";
     this.calciteCardSelect = createEvent({ cancelable: false });
-    this.calciteInternalCardKeyEvent = createEvent({ cancelable: false });
   }
   static {
     this.properties = { hasContent: [16, {}, { state: true }], hasDescription: [16, {}, { state: true }], hasFooterEnd: [16, {}, { state: true }], hasFooterStart: [16, {}, { state: true }], hasHeading: [16, {}, { state: true }], hasThumbnail: [16, {}, { state: true }], disabled: [7, {}, { reflect: true, type: Boolean }], label: 1, loading: [7, {}, { reflect: true, type: Boolean }], messageOverrides: [0, {}, { attribute: false }], scale: [3, {}, { reflect: true }], selectable: [7, {}, { reflect: true, type: Boolean }], selected: [7, {}, { reflect: true, type: Boolean }], selectionMode: 1, thumbnailPosition: [3, {}, { reflect: true }] };
@@ -90,16 +89,6 @@ class Card extends LitElement {
       if (isActivationKey(event.key) && this.selectionMode !== "none") {
         this.calciteCardSelect.emit();
         event.preventDefault();
-      } else {
-        switch (event.key) {
-          case "ArrowRight":
-          case "ArrowLeft":
-          case "Home":
-          case "End":
-            this.calciteInternalCardKeyEvent.emit(event);
-            event.preventDefault();
-            break;
-        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale, SelectionMode } from "../interfaces.js";
+import type { Scale, SelectionMode } from "../types.js";
 import type { Card } from "../calcite-card/customElement.js";
 
 /**

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

@@ -22,7 +22,7 @@ class CardGroup extends LitElement {
     this.selectedItems = [];
     this.selectionMode = "none";
     this.calciteCardGroupSelect = createEvent({ cancelable: false });
-    this.listen("calciteInternalCardKeyEvent", this.calciteInternalCardKeyEventListener);
+    this.listen("keydown", this.keyDownHandler);
     this.listen("calciteCardSelect", this.calciteCardSelectListener);
   }
   static {
@@ -45,23 +45,32 @@ class CardGroup extends LitElement {
   loaded() {
     this.updateSelectedItems();
   }
-  calciteInternalCardKeyEventListener(event) {
-    if (event.composedPath().includes(this.el)) {
-      const interactiveItems = this.items.filter((el) => !el.disabled);
-      switch (event.detail["key"]) {
-        case "ArrowRight":
-          focusElementInGroup(interactiveItems, event.target, "next", true, false);
-          break;
-        case "ArrowLeft":
-          focusElementInGroup(interactiveItems, event.target, "previous", true, false);
-          break;
-        case "Home":
-          focusElementInGroup(interactiveItems, event.target, "first", true, false);
-          break;
-        case "End":
-          focusElementInGroup(interactiveItems, event.target, "last", true, false);
-          break;
-      }
+  keyDownHandler(event) {
+    if (event.defaultPrevented || this.disabled || !event.composedPath().includes(this.el)) {
+      return;
+    }
+    const card = this.items.find((item) => item === event.target);
+    if (!card || card.disabled || card.selectable) {
+      return;
+    }
+    const interactiveItems = this.items.filter((el) => !el.disabled);
+    switch (event.key) {
+      case "ArrowRight":
+        focusElementInGroup(interactiveItems, card, "next", true, false);
+        event.preventDefault();
+        break;
+      case "ArrowLeft":
+        focusElementInGroup(interactiveItems, card, "previous", true, false);
+        event.preventDefault();
+        break;
+      case "Home":
+        focusElementInGroup(interactiveItems, card, "first", true, false);
+        event.preventDefault();
+        break;
+      case "End":
+        focusElementInGroup(interactiveItems, card, "last", true, false);
+        event.preventDefault();
+        break;
     }
   }
   calciteCardSelectListener(event) {

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { CarouselItem } from "../calcite-carousel-item/customElement.js";
-import type { ArrowType, AutoplayType, PaginationPosition } from "./interfaces.js";
+import type { ArrowType, AutoplayType, PaginationPosition } from "./types.js";
 
 /**
  * @cssproperty [--calcite-carousel-pagination-background-color] - Specifies the background color of the component's pagination items, navigation arrows, and autoplay controls.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale, Status } from "../interfaces.js";
+import type { Scale, Status } from "../types.js";
 
 /**
  * @cssproperty [--calcite-checkbox-size] - Specifies the component's height and width.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Appearance, Kind, Scale } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { Appearance, Kind, Scale } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-chip-background-color] - Specifies the component's background color.

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

@@ -34,7 +34,6 @@ class Chip extends LitElement {
     this.selectionMode = "none";
     this.calciteChipClose = createEvent({ cancelable: false });
     this.calciteChipSelect = createEvent({ cancelable: false });
-    this.calciteInternalChipKeyEvent = createEvent({ cancelable: false });
     this.calciteInternalChipSelect = createEvent({ cancelable: false });
     this.calciteInternalSyncSelectedChips = createEvent({ cancelable: false });
     this.listen("keydown", this.keyDownHandler);
@@ -92,13 +91,6 @@ class Chip extends LitElement {
             this.close();
           }
           break;
-        case "ArrowRight":
-        case "ArrowLeft":
-        case "Home":
-        case "End":
-          this.calciteInternalChipKeyEvent.emit(event);
-          event.preventDefault();
-          break;
       }
     }
   }

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale, SelectionMode } from "../interfaces.js";
+import type { Scale, SelectionMode } from "../types.js";
 import type { Chip } from "../calcite-chip/customElement.js";
 
 /** @slot  - A slot for adding one or more `calcite-chip`s. */

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

@@ -6,6 +6,7 @@ import { LitElement, createEvent } from "@arcgis/lumina";
 import { d as focusElementInGroup, a as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
+import { i as isChip } from "../../chunks/resources6.js";
 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{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:.25rem}:host([scale=l]) .container{gap:.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class ChipGroup extends LitElement {
   constructor() {
@@ -19,7 +20,7 @@ class ChipGroup extends LitElement {
     this.selectedItems = [];
     this.selectionMode = "none";
     this.calciteChipGroupSelect = createEvent({ cancelable: false });
-    this.listen("calciteInternalChipKeyEvent", this.calciteInternalChipKeyEventListener);
+    this.listen("keydown", this.keyDownHandler);
     this.listen("calciteChipClose", this.calciteChipCloseListener);
     this.listen("calciteChipSelect", this.calciteChipSelectListener);
     this.listen("calciteInternalChipSelect", this.calciteInternalChipSelectListener);
@@ -39,21 +40,23 @@ class ChipGroup extends LitElement {
       this.updateItems();
     }
   }
-  calciteInternalChipKeyEventListener(event) {
-    if (event.composedPath().includes(this.el)) {
-      const destinationFromKey = {
-        ArrowRight: "next",
-        ArrowLeft: "previous",
-        Home: "first",
-        End: "last"
-      };
-      const destination = destinationFromKey[event.detail.key];
-      if (destination) {
-        const interactiveItems = this.items?.filter((el) => !el.disabled);
-        focusElementInGroup(interactiveItems, event.detail.target, destination, true, true, true);
-      }
+  keyDownHandler(event) {
+    const destinationFromKey = {
+      ArrowRight: "next",
+      ArrowLeft: "previous",
+      Home: "first",
+      End: "last"
+    };
+    const destination = destinationFromKey[event.key];
+    if (event.defaultPrevented || !destination) {
+      return;
     }
-    event.stopPropagation();
+    const chip = event.composedPath().find(isChip);
+    if (!chip || !this.items.includes(chip)) {
+      return;
+    }
+    const interactiveItems = this.items.filter((el) => !el.disabled);
+    focusElementInGroup(interactiveItems, chip, destination, true, true, true);
   }
   calciteChipCloseListener(event) {
     const item = event.target;
@@ -66,7 +69,7 @@ class ChipGroup extends LitElement {
         focusElementInGroup(this.items, item, "first", false, false);
       }
     }
-    this.items = this.items?.filter((el) => el !== item);
+    this.items = this.items.filter((el) => el !== item);
     event.stopPropagation();
   }
   calciteChipSelectListener(event) {
@@ -91,7 +94,7 @@ class ChipGroup extends LitElement {
     event.stopPropagation();
   }
   updateItems(event) {
-    const itemsFromSlot = this.slotRef.value?.assignedElements({ flatten: true }).filter((el) => el?.matches("calcite-chip")) || [];
+    const itemsFromSlot = this.slotRef.value?.assignedElements({ flatten: true }).filter(isChip) || [];
     this.items = !event ? itemsFromSlot : slotChangeGetAssignedElements(event);
     if (this.items?.length < 1) {
       return;
@@ -105,7 +108,7 @@ class ChipGroup extends LitElement {
     this.setSelectedItems(false);
   }
   updateSelectedItems() {
-    this.selectedItems = this.items?.filter((el) => el.selected);
+    this.selectedItems = this.items.filter((el) => el.selected);
   }
   setSelectedItems(emit, elToMatch) {
     if (elToMatch) {

package/dist/components/calcite-color-picker/customElement.d.ts

@@ -1,9 +1,9 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 import type { NumberingSystem } from "../../utils/locale.js";
 import type { Format } from "./utils.js";
-import type { ColorValue } from "./interfaces.js";
+import type { ColorValue } from "./types.js";
 
 /**
  * @cssproperty [--calcite-color-picker-background-color] - Specifies the component's background color.
@@ -120,7 +120,7 @@ export abstract class ColorPicker extends LitElement {
    * The type will be preserved as the color is updated.
    *
    * @see [MDN - CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color),
-   * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/dev/packages/components/src/components/color-picker/interfaces.ts#L10).
+   * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/dev/packages/components/src/components/color-picker/types.ts#L10).
    */
   accessor value: ColorValue | null | undefined;
   /**

package/dist/components/calcite-color-picker-hex-input/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 import type { NumberingSystem } from "../../utils/locale.js";
 
 export abstract class ColorPickerHexInput extends LitElement {

package/dist/components/calcite-color-picker-swatch/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 
 /** @deprecated Use the `calcite-swatch-group` and `calcite-swatch` components instead. */
 export abstract class ColorPickerSwatch extends LitElement {

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

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipPlacement, LogicalPlacement, OverlayPositioning } from "../../utils/floating-ui.js";
-import type { Scale, SelectionAppearance, SelectionMode, Status } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { Scale, SelectionAppearance, SelectionMode, Status } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 import type { ComboboxItem as HTMLCalciteComboboxItemElement } from "../calcite-combobox-item/customElement.js";
-import type { SelectionDisplay } from "./interfaces.js";
+import type { SelectionDisplay } from "./types.js";
 
 /**
  * @cssproperty [--calcite-combobox-divider-color] - Specifies the component's divider color.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ComboboxChildElement } from "../calcite-combobox/interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { ComboboxChildElement } from "../calcite-combobox/types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-combobox-item-border-color] - [Deprecated] in v3.3.0, removal target v6.0.0 - Specifies the component's border color.

package/dist/components/calcite-combobox-item-group/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ComboboxChildElement } from "../calcite-combobox/interfaces.js";
+import type { ComboboxChildElement } from "../calcite-combobox/types.js";
 
 /**
  * @cssproperty [--calcite-combobox-item-group-text-color] - Specifies the component's text color.

package/dist/components/calcite-date-picker-day/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 
 export abstract class DatePickerDay extends LitElement {
   /**

package/dist/components/calcite-date-picker-month/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { HoverRange } from "../../utils/date.js";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 import type { HeadingLevel } from "../functional/Heading.js";
 
 export abstract class DatePickerMonth extends LitElement {

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

@@ -1,11 +1,11 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Kind, Scale, Width } from "../interfaces.js";
+import type { Kind, Scale, Width } from "../types.js";
 import type { HeadingLevel } from "../functional/Heading.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
 import type { FocusTrapOptions } from "../../controllers/useFocusTrap.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
-import type { DialogPlacement } from "./interfaces.js";
+import type { IconName } from "../calcite-icon/types.js";
+import type { DialogPlacement } from "./types.js";
 
 /**
  * @cssproperty [--calcite-dialog-scrim-background-color] - Specifies the background color of the component's scrim.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlipPlacement, LogicalPlacement, OverlayPositioning, ReferenceElement } from "../../utils/floating-ui.js";
-import type { Scale, Width } from "../interfaces.js";
+import type { Scale, Width } from "../types.js";
 import type { DropdownItem } from "../calcite-dropdown-item/customElement.js";
 
 /**

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { SelectionMode } from "../interfaces.js";
+import type { SelectionMode } from "../types.js";
 
 /**
  * @cssproperty [--calcite-dropdown-group-border-color] - Specifies the component's border color.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { FlipContext } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { FlipContext } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-dropdown-item-background-color-hover] - Specifies the component's background color when hovered.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Appearance, Kind, Scale } from "../interfaces.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { Appearance, Kind, Scale } from "../types.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-fab-background-color] - Specifies the component's background color.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { Scale } from "../interfaces.js";
+import type { Scale } from "../types.js";
 
 /**
  * @cssproperty [--calcite-filter-content-space] - Specifies the padding of the component's content.

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

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FlowItem } from "../calcite-flow-item/customElement.js";
-import type { FlowItemLikeElement } from "./interfaces.js";
+import type { FlowItemLikeElement } from "./types.js";
 
 /**
  * @cssproperty [--calcite-flow-background-color] - Specifies the component's background color.

package/dist/components/calcite-flow/types/index.d.ts

@@ -1,2 +1,2 @@
-export { type FlowItemLike } from "../interfaces.js";
+export { type FlowItemLike } from "../types.js";
 

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

@@ -2,9 +2,9 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { HeadingLevel } from "../functional/Heading.js";
 import type { OverlayPositioning } from "../../utils/floating-ui.js";
-import type { CollapseDirection, Scale } from "../interfaces.js";
+import type { CollapseDirection, Scale } from "../types.js";
 import type { Panel } from "../calcite-panel/customElement.js";
-import type { IconName } from "../calcite-icon/interfaces.js";
+import type { IconName } from "../calcite-icon/types.js";
 
 /**
  * @cssproperty [--calcite-flow-item-footer-padding] - [Deprecated] in v3.0.0, removal target v6.0.0 - Use `--calcite-flow-footer-space` instead. Specifies the padding of the component's footer.

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

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ColorStop, DataSeries } from "./interfaces.js";
+import type { ColorStop, DataSeries } from "./types.js";
 
 /** @cssproperty [--calcite-graph-highlight-fill-color] - Specifies the fill color of the `highlight` element, when present. */
 export abstract class Graph extends LitElement {

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

@@ -50,7 +50,7 @@ function range(data) {
   );
 }
 function area({ data, min, max, t }) {
-  if (data.length === 0) {
+  if (data.length < 3) {
     return "";
   }
   const [startX, startY] = t(data[0]);