@arcgis/map-components 5.0.0-next.50 → 5.0.0-next.51

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-11-10T04:36:16",
+  "timestamp": "2025-11-11T04:40:35",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.50",
+    "version": "5.0.0-next.51",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -53911,6 +53911,185 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/support/color-select/color-select.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "ArcgisColorSelect",
+          "tagName": "arcgis-color-select",
+          "description": "Labeled swatch which opens a color picker popover to select a color.",
+          "demos": [
+            {
+              "description": "Docs",
+              "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-color-select/"
+            },
+            {
+              "description": "Color Select",
+              "url": "https://developers.arcgis.com/javascript/latest/storybook/map-components/?path=/story/arcgis-color-select--demo&singleStory=true"
+            }
+          ],
+          "docsTags": [
+            {
+              "name": "internal"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "@arcgis/lumina"
+          },
+          "pascalCaseName": "ArcgisColorSelect",
+          "importPath": "components/arcgis-color-select",
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "description": "The current color value.",
+              "type": {
+                "text": "Array<number> | RGBA | string",
+                "references": [
+                  {
+                    "name": "Array",
+                    "package": "typescript",
+                    "module": "lib/lib.es5.d.ts",
+                    "start": 0,
+                    "end": 5
+                  },
+                  {
+                    "name": "RGBA",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "start": 16,
+                    "end": 20
+                  }
+                ],
+                "values": [
+                  {
+                    "type": "Array<number>"
+                  },
+                  {
+                    "type": "RGBA"
+                  },
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "color"
+            },
+            {
+              "kind": "method",
+              "name": "componentOnReady",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "module": "lib/lib.es5.d.ts",
+                      "name": "Promise",
+                      "package": "typescript",
+                      "start": 0,
+                      "end": 7
+                    }
+                  ]
+                }
+              },
+              "description": "Create a promise that resolves once component is fully loaded.",
+              "signature": "(): Promise<void>",
+              "async": true,
+              "inheritedFrom": {
+                "name": "LitElement",
+                "package": "@arcgis/lumina"
+              },
+              "docsTags": [
+                {
+                  "name": "example",
+                  "text": "```js\nconst arcgisColorSelect = document.querySelector(\"arcgis-color-select\");\ndocument.body.append(arcgisColorSelect);\nawait arcgisColorSelect.componentOnReady();\nconsole.log(\"arcgis-color-select is ready to go!\");\n```"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "The label for the component.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "description": "The current color value.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "color"
+            },
+            {
+              "name": "label",
+              "description": "The label for the component.",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              },
+              "fieldName": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisColorChanged",
+              "description": "Emitted when the color value changes.",
+              "type": {
+                "text": "Color",
+                "references": [
+                  {
+                    "name": "Color",
+                    "package": "@arcgis/core",
+                    "module": "interfaces.d.ts",
+                    "viewUrl": "https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html",
+                    "start": 0,
+                    "end": 5
+                  }
+                ]
+              },
+              "docsTags": [
+                {
+                  "name": "internal"
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "arcgis-color-select",
+          "declaration": {
+            "name": "ArcgisColorSelect",
+            "module": "src/components/support/color-select/color-select.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swipe/swipe.tsx",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-11-10T04:36:16",
+  "timestamp": "2025-11-11T04:40:35",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.50",
+    "version": "5.0.0-next.51",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -46557,6 +46557,152 @@
       "parts": [],
       "listeners": []
     },
+    {
+      "filePath": "src/components/support/color-select/color-select.tsx",
+      "tag": "arcgis-color-select",
+      "overview": "",
+      "readme": "",
+      "usage": {},
+      "docs": "Labeled swatch which opens a color picker popover to select a color.",
+      "docsTags": [
+        {
+          "name": "internal"
+        },
+        {
+          "name": "superclass",
+          "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+        }
+      ],
+      "encapsulation": "shadow",
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "Array<number> | RGBA | string",
+          "complexType": {
+            "original": "Array<number> | RGBA | string",
+            "resolved": "Array<number> | RGBA | string",
+            "references": {
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              },
+              "RGBA": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "The current color value.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Array<number>"
+            },
+            {
+              "type": "RGBA"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The label for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "componentOnReady",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(): Promise<void>",
+            "parameters": [],
+            "return": "Promise<void>",
+            "references": {
+              "Promise": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "signature": "componentOnReady(): Promise<void>",
+          "parameters": [],
+          "docs": "Create a promise that resolves once component is fully loaded.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```js\nconst arcgisColorSelect = document.querySelector(\"arcgis-color-select\");\ndocument.body.append(arcgisColorSelect);\nawait arcgisColorSelect.componentOnReady();\nconsole.log(\"arcgis-color-select is ready to go!\");\n```"
+            },
+            {
+              "name": "inheritedFrom",
+              "text": "{\"name\":\"LitElement\",\"package\":\"@arcgis/lumina\"}"
+            }
+          ]
+        }
+      ],
+      "events": [
+        {
+          "event": "arcgisColorChanged",
+          "detail": "Color",
+          "bubbles": true,
+          "complexType": {
+            "original": "Color",
+            "resolved": "Color",
+            "references": {
+              "Color": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the color value changes.",
+          "docsTags": [
+            {
+              "name": "internal"
+            }
+          ]
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "listeners": []
+    },
     {
       "filePath": "src/components/swipe/swipe.tsx",
       "tag": "arcgis-swipe",

package/dist/docs/vscode.html-custom-data.json

@@ -7505,6 +7505,32 @@
         }
       ]
     },
+    {
+      "name": "arcgis-color-select",
+      "description": "Labeled swatch which opens a color picker popover to select a color.\n--\n\n### Events\n- **arcgisColorChanged** - Emitted when the color value changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "attributes": [
+        {
+          "name": "color",
+          "description": "The current color value.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label for the component.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-color-select/"
+        },
+        {
+          "name": "Color Select",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/map-components/?path=/story/arcgis-color-select--demo&singleStory=true"
+        }
+      ]
+    },
     {
       "name": "arcgis-swipe",
       "description": "The Swipe component provides a tool to show a portion of a layer or layers\non top of a map. Layers can be swiped vertically or horizontally to easily\ncompare two layers or see what is underneath a layer.\n\nTo use the Swipe component, set the `leadingLayers` and `trailingLayers`\nproperties to determine what will be compared on either side of the component. If one of these properties\nis not set, then the Swipe component will overlay the existing map.\n\n**Known limitations**\n\n- This component is not currently supported within a Scene component.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisSwipeChange** - Fires when the swipe position changes and the drag handle is released on the component.\n\n**Note:** To constantly listen to changes while dragging, use the `arcgisSwipeInput` event instead.\n- **arcgisSwipeInput** - Fires when the swipe position is updated.\nThis event is fired continuously while dragging the handle.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/map-components",
-  "version": "5.0.0-next.50",
+  "version": "5.0.0-next.51",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15402,6 +15402,55 @@
             ]
           }
         },
+        {
+          "name": "arcgis-color-select",
+          "description": "Labeled swatch which opens a color picker popover to select a color.\n--\n\n### Events\n- **arcgisColorChanged** - Emitted when the color value changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-color-select/",
+          "attributes": [
+            {
+              "name": "color",
+              "description": "The current color value.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The label for the component.",
+              "value": {
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisColorChanged",
+              "type": "Color",
+              "description": "Emitted when the color value changes."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "color",
+                "description": "The current color value.",
+                "type": "Array<number> | RGBA | string"
+              },
+              {
+                "name": "label",
+                "description": "The label for the component.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisColorChanged",
+                "type": "Color",
+                "description": "Emitted when the color value changes."
+              }
+            ]
+          }
+        },
         {
           "name": "arcgis-swipe",
           "description": "The Swipe component provides a tool to show a portion of a layer or layers\non top of a map. Layers can be swiped vertically or horizontally to easily\ncompare two layers or see what is underneath a layer.\n\nTo use the Swipe component, set the `leadingLayers` and `trailingLayers`\nproperties to determine what will be compared on either side of the component. If one of these properties\nis not set, then the Swipe component will overlay the existing map.\n\n**Known limitations**\n\n- This component is not currently supported within a Scene component.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisSwipeChange** - Fires when the swipe position changes and the drag handle is released on the component.\n\n**Note:** To constantly listen to changes while dragging, use the `arcgisSwipeInput` event instead.\n- **arcgisSwipeInput** - Fires when the swipe position is updated.\nThis event is fired continuously while dragging the handle.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/index.d.ts

@@ -48,6 +48,7 @@ import type { ArcgisSearchResultRenderer } from "./components/arcgis-search-resu
 import type { ArcgisShadowCast } from "./components/arcgis-shadow-cast";
 import type { ArcgisSketch } from "./components/arcgis-sketch";
 import type { ArcgisSlice } from "./components/arcgis-slice";
+import type { ArcgisColorSelect } from "./components/arcgis-color-select";
 import type { ArcgisSwipe } from "./components/arcgis-swipe";
 import type { ArcgisTableList } from "./components/arcgis-table-list";
 import type { ArcgisTimeSlider } from "./components/arcgis-time-slider";
@@ -332,6 +333,11 @@ export interface ArcgisSliceCustomEvent<T> extends CustomEvent<T> {
   target: HTMLArcgisSliceElement;
   currentTarget: HTMLArcgisSliceElement;
 }
+export interface ArcgisColorSelectCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLArcgisColorSelectElement;
+  currentTarget: HTMLArcgisColorSelectElement;
+}
 export interface ArcgisSwipeCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLArcgisSwipeElement;
@@ -487,6 +493,7 @@ declare global {
     "arcgis-shadow-cast": HTMLArcgisShadowCastElement;
     "arcgis-sketch": HTMLArcgisSketchElement;
     "arcgis-slice": HTMLArcgisSliceElement;
+    "arcgis-color-select": HTMLArcgisColorSelectElement;
     "arcgis-swipe": HTMLArcgisSwipeElement;
     "arcgis-table-list": HTMLArcgisTableListElement;
     "arcgis-time-slider": HTMLArcgisTimeSliderElement;
@@ -1265,6 +1272,18 @@ declare global {
     removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
+  interface HTMLArcgisColorSelectElementEventMap {
+    "arcgisColorChanged": ArcgisColorSelect["arcgisColorChanged"]["detail"];
+  }
+
+  interface HTMLArcgisColorSelectElement extends ArcgisColorSelect {
+    addEventListener<K extends keyof HTMLArcgisColorSelectElementEventMap>(type: K, listener: (this: HTMLArcgisColorSelectElement, ev: ArcgisColorSelectCustomEvent<HTMLArcgisColorSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLArcgisColorSelectElementEventMap>(type: K, listener: (this: HTMLArcgisColorSelectElement, ev: ArcgisColorSelectCustomEvent<HTMLArcgisColorSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+  }
   interface HTMLArcgisSwipeElementEventMap {
     "arcgisPropertyChange": ArcgisSwipe["arcgisPropertyChange"]["detail"];
     "arcgisReady": ArcgisSwipe["arcgisReady"]["detail"];

package/dist/index.js

@@ -1,7 +1,7 @@
 import { s, g as t } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.50 */
+v5.0.0-next.51 */
 const a = s, A = t;
 export {
   A as getArcgisAssetPath,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.50 */
+v5.0.0-next.51 */
 const o = t(e, {
   "arcgis-area-measurement-2d": [() => import("./components/arcgis-area-measurement-2d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:,view:;clear,destroy,start"],
   "arcgis-area-measurement-3d": [() => import("./components/arcgis-area-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:,view:;clear,destroy,start"],
@@ -99,6 +99,7 @@ const o = t(e, {
   "arcgis-sketch": [() => import("./components/arcgis-sketch/customElement.js"), "activeTool,autoDestroyDisabled,availableCreateTools:,createGraphic:,creationMode,defaultCreateOptions:,defaultGraphicsLayerDisabled,defaultUpdateOptions:,hideCreateToolsCircle,hideCreateToolsMultipoint,hideCreateToolsPoint,hideCreateToolsPolygon,hideCreateToolsPolyline,hideCreateToolsRectangle,hideDeleteButton,hideDuplicateButton,hideLabelsToggle,hideSelectionCountLabel,hideSelectionToolsLassoSelection,hideSelectionToolsRectangleSelection,hideSettingsMenu,hideSnappingControls,hideSnappingControlsElementsEnabledToggle,hideSnappingControlsElementsFeatureEnabledToggle,hideSnappingControlsElementsLayerList,hideSnappingControlsElementsSelfEnabledToggle,hideTooltipsToggle,hideUndoRedoMenu,icon,label,labelOptions:,layer:,layout,pointSymbol:,polygonSymbol:,polylineSymbol:,position,referenceElement,scale,showCreateToolsFreehandPolygon,showCreateToolsFreehandPolyline,showSnappingControlsElementsHeader,snappingOptions:,state,toolbarKind,tooltipOptions:,updateGraphics:,view:;cancel,complete,create,delete,destroy,duplicate,redo,triggerUpdate,undo"],
   "arcgis-slice": [() => import("./components/arcgis-slice/customElement.js"), "analysis:,autoDestroyDisabled,excludedLayers:,excludeGroundSurface,headingLevel,icon,label,messageOverrides:,position,referenceElement,shape:,state,tiltEnabled,view:;clear,destroy,start"],
   "arcgis-spinner": [() => import("./components/arcgis-spinner/customElement.js"), "autoDestroyDisabled,label,location:,screenLocation:,trackLocation,view:;destroy"],
+  "arcgis-color-select": [() => import("./components/arcgis-color-select/customElement.js"), "color,label"],
   "arcgis-labeled-switch": [() => import("./components/arcgis-labeled-switch/customElement.js"), "checked,disabled,hint,hintIcon,hintKind,label;destroy"],
   "arcgis-measurement-content": [() => import("./components/arcgis-measurement-content/customElement.js"), "hintLabel,items:,layout,state,unsupportedLabel"],
   "arcgis-utility-network-association-list": [() => import("./components/arcgis-utility-network-association-list/customElement.js"), "associatedFeatureCount:,associationViewModels:,currentFeaturePage,featuresPerPage,maxFeatureCount,messages:,parentFeatureViewModel:,selectedLayer:,showAllEnabled,state,tooltipReferenceMap:"],

package/dist/types/lumina.d.ts

@@ -49,6 +49,7 @@ import type { ArcgisSearchResultRenderer } from "../components/arcgis-search-res
 import type { ArcgisShadowCast } from "../components/arcgis-shadow-cast";
 import type { ArcgisSketch } from "../components/arcgis-sketch";
 import type { ArcgisSlice } from "../components/arcgis-slice";
+import type { ArcgisColorSelect } from "../components/arcgis-color-select";
 import type { ArcgisSwipe } from "../components/arcgis-swipe";
 import type { ArcgisTableList } from "../components/arcgis-table-list";
 import type { ArcgisTimeSlider } from "../components/arcgis-time-slider";
@@ -435,6 +436,10 @@ interface LuminaArcgisSlice extends Partial<Pick<ArcgisSlice, 'analysis' | 'auto
   onarcgisReady?: EventHandler<HTMLArcgisSliceElement["arcgisReady"]>;
 }
 
+interface LuminaArcgisColorSelect extends Partial<Pick<ArcgisColorSelect, 'color' | 'label'>>, h.JSX.HTMLAttributes<HTMLArcgisColorSelectElement> {
+  onarcgisColorChanged?: EventHandler<HTMLArcgisColorSelectElement["arcgisColorChanged"]>;
+}
+
 interface LuminaArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers' | 'view'>>, h.JSX.HTMLAttributes<HTMLArcgisSwipeElement> {
   onarcgisPropertyChange?: EventHandler<HTMLArcgisSwipeElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisSwipeElement["arcgisReady"]>;
@@ -611,6 +616,7 @@ declare module "@arcgis/lumina" {
       "arcgis-shadow-cast": LuminaArcgisShadowCast;
       "arcgis-sketch": LuminaArcgisSketch;
       "arcgis-slice": LuminaArcgisSlice;
+      "arcgis-color-select": LuminaArcgisColorSelect;
       "arcgis-swipe": LuminaArcgisSwipe;
       "arcgis-table-list": LuminaArcgisTableList;
       "arcgis-time-slider": LuminaArcgisTimeSlider;

package/dist/types/preact.d.ts

@@ -49,6 +49,7 @@ import type { ArcgisSearchResultRenderer } from "../components/arcgis-search-res
 import type { ArcgisShadowCast } from "../components/arcgis-shadow-cast";
 import type { ArcgisSketch } from "../components/arcgis-sketch";
 import type { ArcgisSlice } from "../components/arcgis-slice";
+import type { ArcgisColorSelect } from "../components/arcgis-color-select";
 import type { ArcgisSwipe } from "../components/arcgis-swipe";
 import type { ArcgisTableList } from "../components/arcgis-table-list";
 import type { ArcgisTimeSlider } from "../components/arcgis-time-slider";
@@ -436,6 +437,10 @@ interface PreactArcgisSlice extends Partial<Pick<ArcgisSlice, 'analysis' | 'auto
   onarcgisReady?: EventHandler<HTMLArcgisSliceElement["arcgisReady"]>;
 }
 
+interface PreactArcgisColorSelect extends Partial<Pick<ArcgisColorSelect, 'color' | 'label'>>, HTMLAttributes<HTMLArcgisColorSelectElement> {
+  onarcgisColorChanged?: EventHandler<HTMLArcgisColorSelectElement["arcgisColorChanged"]>;
+}
+
 interface PreactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers' | 'view'>>, HTMLAttributes<HTMLArcgisSwipeElement> {
   onarcgisPropertyChange?: EventHandler<HTMLArcgisSwipeElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisSwipeElement["arcgisReady"]>;
@@ -612,6 +617,7 @@ declare module 'preact' {
       "arcgis-shadow-cast": PreactArcgisShadowCast;
       "arcgis-sketch": PreactArcgisSketch;
       "arcgis-slice": PreactArcgisSlice;
+      "arcgis-color-select": PreactArcgisColorSelect;
       "arcgis-swipe": PreactArcgisSwipe;
       "arcgis-table-list": PreactArcgisTableList;
       "arcgis-time-slider": PreactArcgisTimeSlider;
@@ -688,6 +694,7 @@ declare module 'preact' {
       "arcgis-shadow-cast": PreactArcgisShadowCast;
       "arcgis-sketch": PreactArcgisSketch;
       "arcgis-slice": PreactArcgisSlice;
+      "arcgis-color-select": PreactArcgisColorSelect;
       "arcgis-swipe": PreactArcgisSwipe;
       "arcgis-table-list": PreactArcgisTableList;
       "arcgis-time-slider": PreactArcgisTimeSlider;

package/dist/types/preact10.d.ts

@@ -49,6 +49,7 @@ import type { ArcgisSearchResultRenderer } from "../components/arcgis-search-res
 import type { ArcgisShadowCast } from "../components/arcgis-shadow-cast";
 import type { ArcgisSketch } from "../components/arcgis-sketch";
 import type { ArcgisSlice } from "../components/arcgis-slice";
+import type { ArcgisColorSelect } from "../components/arcgis-color-select";
 import type { ArcgisSwipe } from "../components/arcgis-swipe";
 import type { ArcgisTableList } from "../components/arcgis-table-list";
 import type { ArcgisTimeSlider } from "../components/arcgis-time-slider";
@@ -486,6 +487,11 @@ interface PreactArcgisSlice extends Partial<Pick<ArcgisSlice, 'analysis' | 'auto
   onarcgisReady?: EventHandler<HTMLArcgisSliceElement["arcgisReady"]>;
 }
 
+/** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
+interface PreactArcgisColorSelect extends Partial<Pick<ArcgisColorSelect, 'color' | 'label'>>, PreactJsx.HTMLAttributes<HTMLArcgisColorSelectElement> {
+  onarcgisColorChanged?: EventHandler<HTMLArcgisColorSelectElement["arcgisColorChanged"]>;
+}
+
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactArcgisSwipe extends Partial<Pick<ArcgisSwipe, 'autoDestroyDisabled' | 'direction' | 'disabled' | 'hideDivider' | 'hideHandle' | 'icon' | 'label' | 'leadingLayers' | 'messageOverrides' | 'position' | 'referenceElement' | 'swipePosition' | 'trailingLayers' | 'view'>>, PreactJsx.HTMLAttributes<HTMLArcgisSwipeElement> {
   onarcgisPropertyChange?: EventHandler<HTMLArcgisSwipeElement["arcgisPropertyChange"]>;
@@ -684,6 +690,7 @@ declare module 'preact' {
       "arcgis-shadow-cast": PreactArcgisShadowCast;
       "arcgis-sketch": PreactArcgisSketch;
       "arcgis-slice": PreactArcgisSlice;
+      "arcgis-color-select": PreactArcgisColorSelect;
       "arcgis-swipe": PreactArcgisSwipe;
       "arcgis-table-list": PreactArcgisTableList;
       "arcgis-time-slider": PreactArcgisTimeSlider;
@@ -760,6 +767,7 @@ declare module 'preact' {
       "arcgis-shadow-cast": PreactArcgisShadowCast;
       "arcgis-sketch": PreactArcgisSketch;
       "arcgis-slice": PreactArcgisSlice;
+      "arcgis-color-select": PreactArcgisColorSelect;
       "arcgis-swipe": PreactArcgisSwipe;
       "arcgis-table-list": PreactArcgisTableList;
       "arcgis-time-slider": PreactArcgisTimeSlider;