@esri/calcite-components 3.3.0-next.99 → 3.3.0

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "3.3.0-next.99",
+  "version": "3.3.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -109,7 +109,7 @@
         },
         {
           "name": "calcite-accordion-item",
-          "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
+          "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n- **content-end** - A slot for adding non-actionable elements after the component's header text.\n- **content-start** - A slot for adding non-actionable elements before the component's header text.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
           "attributes": [
             {
               "name": "description",
@@ -185,6 +185,14 @@
             {
               "name": "actions-start",
               "description": "A slot for adding `calcite-action`s or content to the start side of the component's header."
+            },
+            {
+              "name": "content-end",
+              "description": "A slot for adding non-actionable elements after the component's header text."
+            },
+            {
+              "name": "content-start",
+              "description": "A slot for adding non-actionable elements before the component's header text."
             }
           ],
           "events": [
@@ -3561,7 +3569,7 @@
             },
             {
               "name": "autoplay",
-              "description": "When `true`, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
+              "description": "When present, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
               "default": "false",
               "value": {
                 "type": [
@@ -3573,7 +3581,7 @@
             },
             {
               "name": "autoplay-duration",
-              "description": "When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.",
+              "description": "When `autoplay` is present, specifies in milliseconds the length of time to display each Carousel Item.",
               "default": "6000",
               "value": {
                 "type": "number"
@@ -3645,12 +3653,12 @@
               },
               {
                 "name": "autoplay",
-                "description": "When `true`, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
+                "description": "When present, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
                 "type": "\"\" | \"paused\" | boolean"
               },
               {
                 "name": "autoplayDuration",
-                "description": "When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.",
+                "description": "When `autoplay` is present, specifies in milliseconds the length of time to display each Carousel Item.",
                 "type": "number"
               },
               {
@@ -4242,7 +4250,7 @@
         },
         {
           "name": "calcite-color-picker",
-          "description": "### Events\n- **calciteColorPickerChange** - Fires when the color value has changed.\n- **calciteColorPickerInput** - Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.",
+          "description": "### Events\n- **calciteColorPickerChange** - Fires when the color value has changed.\n- **calciteColorPickerInput** - Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### CSS Properties\n- **--calcite-color-picker-background-color** - Specifies the component's background color. \n- **--calcite-color-picker-border-color** - Specifies the component's border color. \n- **--calcite-color-picker-corner-radius** - Specifies the component's corner radius. \n- **--calcite-color-picker-shadow** - Specifies the component's shadow. \n- **--calcite-color-picker-text-color** - Specifies the component's text color. \n- **--calcite-color-picker-input-background-color** - Specifies the component's input background color. \n- **--calcite-color-picker-input-border-color** - Specifies the component's input border color. \n- **--calcite-color-picker-input-text-color** - Specifies the component's input text color. \n- **--calcite-color-picker-input-prefix-background-color** - When `hexDisabled` is not `true`, specifies the component's input prefix background color. \n- **--calcite-color-picker-input-prefix-text-color** - When `hexDisabled` is not `true`, specifies the component's input prefix text color. \n- **--calcite-color-picker-input-suffix-background-color** - When `alphaChannel` is `true`, specifies the component's input suffix background color. \n- **--calcite-color-picker-input-suffix-text-color** - When `alphaChannel` is `true`, specifies the component's input suffix text color. \n- **--calcite-color-picker-tab-border-color** - Specifies the component's tab border color. \n- **--calcite-color-picker-tab-text-color** - Specifies the component's tab text color. \n- **--calcite-color-picker-tab-accent-color-press** - Specifies the component's tab accent color when selected or active. \n- **--calcite-color-picker-swatch-corner-radius** - Specifies the component's swatch corner radius. \n- **--calcite-color-picker-action-text-color-press** - Specifies the component's `savedColors` action text color when pressed. \n- **--calcite-color-picker-action-text-color-hover** - Specifies the component's `savedColors` action text color when hovered. \n- **--calcite-color-picker-action-text-color** - Specifies the component's `savedColors` action text color. ",
           "attributes": [
             {
               "name": "allow-empty",
@@ -4335,7 +4343,7 @@
             },
             {
               "name": "saved-disabled",
-              "description": "When `true`, hides the saved colors section.",
+              "description": "When present, hides the saved colors section.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -4434,7 +4442,7 @@
               },
               {
                 "name": "savedDisabled",
-                "description": "When `true`, hides the saved colors section.",
+                "description": "When present, hides the saved colors section.",
                 "type": "boolean"
               },
               {
@@ -9683,7 +9691,7 @@
         },
         {
           "name": "calcite-input-time-picker",
-          "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is modified by the user.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.",
+          "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is modified by the user.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-input-time-picker-background-color** - Specifies the component's background color. \n- **--calcite-input-time-picker-border-color** - Specifies the component's border color. \n- **--calcite-input-time-picker-icon-color** - Specifies the component's icon color. \n- **--calcite-input-time-picker-icon-color-hover** - Specifies the component's icon color when hovered. \n- **--calcite-input-time-picker-shadow** - Specifies the component's shadow. \n- **--calcite-input-time-picker-corner-radius** - Specifies the component's border radius. \n- **--calcite-input-time-picker-input-background-color** - Specifies the component's input background color. \n- **--calcite-input-time-picker-input-text-color** - Specifies the component's input text color. \n- **--calcite-input-time-picker-input-shadow** - Specifies the component's input shadow. \n- **--calcite-input-time-picker-input-corner-radius** - Specifies the component's input border radius. \n- **--calcite-input-time-picker-input-border-color** - Specifies the component's input border color. \n- **--calcite-input-time-picker-digit-text-color** - Specifies the component's digit text color. \n- **--calcite-input-time-picker-digit-icon-color** - Specifies the component's digit icon color. \n- **--calcite-input-time-picker-digit-border-color-press** - Specifies the component's digit border color when pressed. \n- **--calcite-input-time-picker-digit-border-color-hover** - Specifies the component's digit border color when hovered. \n- **--calcite-input-time-picker-action-background-color-hover** - Specifies the background color of the component's actions when hovered or focused. \n- **--calcite-input-time-picker-action-background-color-press** - Specifies the background color of the component's actions when active. ",
           "attributes": [
             {
               "name": "disabled",
@@ -13853,7 +13861,7 @@
             },
             {
               "name": "layout",
-              "description": "Defines the layout of the component.",
+              "description": "Defines the layout of the component. [Deprecated] The `\"grid\"` value is deprecated, use `\"horizontal\"` instead.",
               "default": "\"horizontal\"",
               "value": {
                 "type": [
@@ -13951,7 +13959,7 @@
               },
               {
                 "name": "layout",
-                "description": "Defines the layout of the component.",
+                "description": "Defines the layout of the component. [Deprecated] The `\"grid\"` value is deprecated, use `\"horizontal\"` instead.",
                 "type": "\"grid\" | \"horizontal\" | \"vertical\""
               },
               {
@@ -16048,7 +16056,7 @@
           "attributes": [
             {
               "name": "disabled",
-              "description": "When true, disabled prevents interaction. This state shows items with lower opacity/grayed.",
+              "description": "When present, disabled prevents interaction. This state shows items with lower opacity/grayed.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -16090,7 +16098,7 @@
             },
             {
               "name": "loading",
-              "description": "When true, content is waiting to be loaded. This state shows a busy indicator.",
+              "description": "When present, content is waiting to be loaded. This state shows a busy indicator.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -16124,7 +16132,7 @@
               },
               {
                 "name": "disabled",
-                "description": "When true, disabled prevents interaction. This state shows items with lower opacity/grayed.",
+                "description": "When present, disabled prevents interaction. This state shows items with lower opacity/grayed.",
                 "type": "boolean"
               },
               {
@@ -16149,7 +16157,7 @@
               },
               {
                 "name": "loading",
-                "description": "When true, content is waiting to be loaded. This state shows a busy indicator.",
+                "description": "When present, content is waiting to be loaded. This state shows a busy indicator.",
                 "type": "boolean"
               }
             ],
@@ -16164,7 +16172,7 @@
         },
         {
           "name": "calcite-split-button",
-          "description": "### Events\n- **calciteSplitButtonPrimaryClick** - Fires when the primary button is clicked.\n- **calciteSplitButtonSecondaryClick** - Fires when the dropdown menu is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-dropdown` content.",
+          "description": "### Events\n- **calciteSplitButtonPrimaryClick** - Fires when the primary button is clicked.\n- **calciteSplitButtonSecondaryClick** - Fires when the dropdown menu is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-dropdown` content.\n\n### CSS Properties\n- **--calcite-split-button-background-color** - Specifies the component's background color. \n- **--calcite-split-button-border-color** - Specifies the component's border color. \n- **--calcite-split-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-split-button-icon-color** - Specifies the component's `iconStart` and \n- **--calcite-split-button-loader-color** - Specifies the component's loader color. \n- **--calcite-split-button-text-color** - Specifies the component's text color. \n- **--calcite-split-button-shadow** - Specifies the component's shadow. \n- **--calcite-split-button-divider-border-color** - Specifies the component's divider border color. \n- **--calcite-split-button-divider-color** - Specifies the component's divider color. \n- **--calcite-split-button-dropdown-width** - Specifies the width of the component's dropdown. \n- **--calcite-split-button-dropdown-background-color** - Specifies the component's dropdown background color.\n* ",
           "attributes": [
             {
               "name": "appearance",
@@ -17308,7 +17316,7 @@
             },
             {
               "name": "selected",
-              "description": "When `true`, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
+              "description": "When present, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
               "default": "false",
               "value": {
                 "type": "boolean"
@@ -17384,7 +17392,7 @@
               },
               {
                 "name": "selected",
-                "description": "When `true`, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
+                "description": "When present, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
                 "type": "boolean"
               },
               {
@@ -17477,7 +17485,7 @@
             },
             {
               "name": "page-size",
-              "description": "Specifies the page size of the component. When `true`, renders `calcite-pagination`.",
+              "description": "Specifies the page size of the component. When present, renders `calcite-pagination`.",
               "default": "0",
               "value": {
                 "type": "number"
@@ -17601,7 +17609,7 @@
               },
               {
                 "name": "pageSize",
-                "description": "Specifies the page size of the component. When `true`, renders `calcite-pagination`.",
+                "description": "Specifies the page size of the component. When present, renders `calcite-pagination`.",
                 "type": "number"
               },
               {
@@ -19201,7 +19209,7 @@
         },
         {
           "name": "calcite-tooltip",
-          "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. \n- **--calcite-tooltip-z-index** - Specifies the z-index value for the component. ",
+          "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-max-size-x** - Specifies the component's maximum width. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. \n- **--calcite-tooltip-z-index** - Specifies the z-index value for the component. ",
           "attributes": [
             {
               "name": "close-on-click",
@@ -20191,6 +20199,82 @@
           "name": "--calcite-chip-text-color",
           "description": "Specifies the component's text color."
         },
+        {
+          "name": "--calcite-color-picker-background-color",
+          "description": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-color-picker-border-color",
+          "description": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-color-picker-corner-radius",
+          "description": "Specifies the component's corner radius."
+        },
+        {
+          "name": "--calcite-color-picker-shadow",
+          "description": "Specifies the component's shadow."
+        },
+        {
+          "name": "--calcite-color-picker-text-color",
+          "description": "Specifies the component's text color."
+        },
+        {
+          "name": "--calcite-color-picker-input-background-color",
+          "description": "Specifies the component's input background color."
+        },
+        {
+          "name": "--calcite-color-picker-input-border-color",
+          "description": "Specifies the component's input border color."
+        },
+        {
+          "name": "--calcite-color-picker-input-text-color",
+          "description": "Specifies the component's input text color."
+        },
+        {
+          "name": "--calcite-color-picker-input-prefix-background-color",
+          "description": "When `hexDisabled` is not `true`, specifies the component's input prefix background color."
+        },
+        {
+          "name": "--calcite-color-picker-input-prefix-text-color",
+          "description": "When `hexDisabled` is not `true`, specifies the component's input prefix text color."
+        },
+        {
+          "name": "--calcite-color-picker-input-suffix-background-color",
+          "description": "When `alphaChannel` is `true`, specifies the component's input suffix background color."
+        },
+        {
+          "name": "--calcite-color-picker-input-suffix-text-color",
+          "description": "When `alphaChannel` is `true`, specifies the component's input suffix text color."
+        },
+        {
+          "name": "--calcite-color-picker-tab-border-color",
+          "description": "Specifies the component's tab border color."
+        },
+        {
+          "name": "--calcite-color-picker-tab-text-color",
+          "description": "Specifies the component's tab text color."
+        },
+        {
+          "name": "--calcite-color-picker-tab-accent-color-press",
+          "description": "Specifies the component's tab accent color when selected or active."
+        },
+        {
+          "name": "--calcite-color-picker-swatch-corner-radius",
+          "description": "Specifies the component's swatch corner radius."
+        },
+        {
+          "name": "--calcite-color-picker-action-text-color-press",
+          "description": "Specifies the component's `savedColors` action text color when pressed."
+        },
+        {
+          "name": "--calcite-color-picker-action-text-color-hover",
+          "description": "Specifies the component's `savedColors` action text color when hovered."
+        },
+        {
+          "name": "--calcite-color-picker-action-text-color",
+          "description": "Specifies the component's `savedColors` action text color."
+        },
         {
           "name": "--calcite-combobox-divider-color",
           "description": "Specifies the component's divider color."
@@ -21183,6 +21267,74 @@
           "name": "--calcite-input-text-text-color-focus",
           "description": "Specifies the component's text color when focused."
         },
+        {
+          "name": "--calcite-input-time-picker-background-color",
+          "description": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-input-time-picker-border-color",
+          "description": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-input-time-picker-icon-color",
+          "description": "Specifies the component's icon color."
+        },
+        {
+          "name": "--calcite-input-time-picker-icon-color-hover",
+          "description": "Specifies the component's icon color when hovered."
+        },
+        {
+          "name": "--calcite-input-time-picker-shadow",
+          "description": "Specifies the component's shadow."
+        },
+        {
+          "name": "--calcite-input-time-picker-corner-radius",
+          "description": "Specifies the component's border radius."
+        },
+        {
+          "name": "--calcite-input-time-picker-input-background-color",
+          "description": "Specifies the component's input background color."
+        },
+        {
+          "name": "--calcite-input-time-picker-input-text-color",
+          "description": "Specifies the component's input text color."
+        },
+        {
+          "name": "--calcite-input-time-picker-input-shadow",
+          "description": "Specifies the component's input shadow."
+        },
+        {
+          "name": "--calcite-input-time-picker-input-corner-radius",
+          "description": "Specifies the component's input border radius."
+        },
+        {
+          "name": "--calcite-input-time-picker-input-border-color",
+          "description": "Specifies the component's input border color."
+        },
+        {
+          "name": "--calcite-input-time-picker-digit-text-color",
+          "description": "Specifies the component's digit text color."
+        },
+        {
+          "name": "--calcite-input-time-picker-digit-icon-color",
+          "description": "Specifies the component's digit icon color."
+        },
+        {
+          "name": "--calcite-input-time-picker-digit-border-color-press",
+          "description": "Specifies the component's digit border color when pressed."
+        },
+        {
+          "name": "--calcite-input-time-picker-digit-border-color-hover",
+          "description": "Specifies the component's digit border color when hovered."
+        },
+        {
+          "name": "--calcite-input-time-picker-action-background-color-hover",
+          "description": "Specifies the background color of the component's actions when hovered or focused."
+        },
+        {
+          "name": "--calcite-input-time-picker-action-background-color-press",
+          "description": "Specifies the background color of the component's actions when active."
+        },
         {
           "name": "--calcite-label-margin-bottom",
           "description": "Specifies the component's bottom spacing."
@@ -21863,6 +22015,50 @@
           "name": "--calcite-slider-graph-color",
           "description": "Specifies the component's graph color."
         },
+        {
+          "name": "--calcite-split-button-background-color",
+          "description": "Specifies the component's background color."
+        },
+        {
+          "name": "--calcite-split-button-border-color",
+          "description": "Specifies the component's border color."
+        },
+        {
+          "name": "--calcite-split-button-corner-radius",
+          "description": "Specifies the component's corner radius."
+        },
+        {
+          "name": "--calcite-split-button-icon-color",
+          "description": "Specifies the component's `iconStart` and"
+        },
+        {
+          "name": "--calcite-split-button-loader-color",
+          "description": "Specifies the component's loader color."
+        },
+        {
+          "name": "--calcite-split-button-text-color",
+          "description": "Specifies the component's text color."
+        },
+        {
+          "name": "--calcite-split-button-shadow",
+          "description": "Specifies the component's shadow."
+        },
+        {
+          "name": "--calcite-split-button-divider-border-color",
+          "description": "Specifies the component's divider border color."
+        },
+        {
+          "name": "--calcite-split-button-divider-color",
+          "description": "Specifies the component's divider color."
+        },
+        {
+          "name": "--calcite-split-button-dropdown-width",
+          "description": "Specifies the width of the component's dropdown."
+        },
+        {
+          "name": "--calcite-split-button-dropdown-background-color",
+          "description": "Specifies the component's dropdown background color.\n*"
+        },
         {
           "name": "--calcite-stack-padding-inline",
           "description": "Specifies the inline padding of the component's content."
@@ -22439,6 +22635,10 @@
           "name": "--calcite-tooltip-corner-radius",
           "description": "Specifies the component's corner radius."
         },
+        {
+          "name": "--calcite-tooltip-max-size-x",
+          "description": "Specifies the component's maximum width."
+        },
         {
           "name": "--calcite-tooltip-text-color",
           "description": "Specifies the component's text color."

package/dist/extras/vscode-data.json

@@ -80,7 +80,7 @@
     },
     {
       "name": "calcite-accordion-item",
-      "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
+      "description": "### Events\n- **calciteAccordionItemCollapse** - Fires when the component's content area is collapsed.\n- **calciteAccordionItemExpand** - Fires when the component's content area is expanded.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- _default_ - A slot for adding custom content, including nested `calcite-accordion-item`s.\n- **actions-end** - A slot for adding `calcite-action`s or content to the end side of the component's header.\n- **actions-start** - A slot for adding `calcite-action`s or content to the start side of the component's header.\n- **content-end** - A slot for adding non-actionable elements after the component's header text.\n- **content-start** - A slot for adding non-actionable elements before the component's header text.\n\n### CSS Properties\n- **--calcite-accordion-border-color** - Specifies the component's border color. \n- **--calcite-accordion-background-color** - Specifies the component's background color. \n- **--calcite-accordion-text-color** - Specifies the component's text color. \n- **--calcite-accordion-text-color-hover** - Specifies the component's main text color on hover. \n- **--calcite-accordion-text-color-press** - Specifies the component's main text color when pressed. \n- **--calcite-accordion-item-background-color** - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color. \n- **--calcite-accordion-item-border-color** - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color. \n- **--calcite-accordion-item-content-space** - Specifies the component's padding. \n- **--calcite-accordion-item-end-icon-color** - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-expand-icon-color** - Specifies the component's expand icon color. \n- **--calcite-accordion-item-header-background-color** - Specifies the component's `heading` background color. \n- **--calcite-accordion-item-header-background-color-hover** - Specifies the component's `heading` background color when hovered. \n- **--calcite-accordion-item-header-background-color-press** - Specifies the component's `heading` background color when pressed. \n- **--calcite-accordion-item-heading-text-color** - Specifies the component's `heading` text color. \n- **--calcite-accordion-item-icon-color** - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color. \n- **--calcite-accordion-item-start-icon-color** - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color. \n- **--calcite-accordion-item-text-color** - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color. \n- **--calcite-accordion-item-text-color-hover** - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover. \n- **--calcite-accordion-item-text-color-press** - [Deprecated] Use `--calcite-accordion-text-color-press`. Specifies the component's text color on press. ",
       "attributes": [
         {
           "name": "description",
@@ -1833,7 +1833,7 @@
         },
         {
           "name": "autoplay",
-          "description": "When `true`, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
+          "description": "When present, the carousel will autoplay and controls will be displayed. When \"paused\" at time of initialization, the carousel will not autoplay, but controls will be displayed.",
           "values": [
             {
               "name": "paused"
@@ -1842,7 +1842,7 @@
         },
         {
           "name": "autoplay-duration",
-          "description": "When `autoplay` is `true`, specifies in milliseconds the length of time to display each Carousel Item.",
+          "description": "When `autoplay` is present, specifies in milliseconds the length of time to display each Carousel Item.",
           "values": []
         },
         {
@@ -2111,7 +2111,7 @@
     },
     {
       "name": "calcite-color-picker",
-      "description": "### Events\n- **calciteColorPickerChange** - Fires when the color value has changed.\n- **calciteColorPickerInput** - Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.",
+      "description": "### Events\n- **calciteColorPickerChange** - Fires when the color value has changed.\n- **calciteColorPickerInput** - Fires as the color value changes.\n\nSimilar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### CSS Properties\n- **--calcite-color-picker-background-color** - Specifies the component's background color. \n- **--calcite-color-picker-border-color** - Specifies the component's border color. \n- **--calcite-color-picker-corner-radius** - Specifies the component's corner radius. \n- **--calcite-color-picker-shadow** - Specifies the component's shadow. \n- **--calcite-color-picker-text-color** - Specifies the component's text color. \n- **--calcite-color-picker-input-background-color** - Specifies the component's input background color. \n- **--calcite-color-picker-input-border-color** - Specifies the component's input border color. \n- **--calcite-color-picker-input-text-color** - Specifies the component's input text color. \n- **--calcite-color-picker-input-prefix-background-color** - When `hexDisabled` is not `true`, specifies the component's input prefix background color. \n- **--calcite-color-picker-input-prefix-text-color** - When `hexDisabled` is not `true`, specifies the component's input prefix text color. \n- **--calcite-color-picker-input-suffix-background-color** - When `alphaChannel` is `true`, specifies the component's input suffix background color. \n- **--calcite-color-picker-input-suffix-text-color** - When `alphaChannel` is `true`, specifies the component's input suffix text color. \n- **--calcite-color-picker-tab-border-color** - Specifies the component's tab border color. \n- **--calcite-color-picker-tab-text-color** - Specifies the component's tab text color. \n- **--calcite-color-picker-tab-accent-color-press** - Specifies the component's tab accent color when selected or active. \n- **--calcite-color-picker-swatch-corner-radius** - Specifies the component's swatch corner radius. \n- **--calcite-color-picker-action-text-color-press** - Specifies the component's `savedColors` action text color when pressed. \n- **--calcite-color-picker-action-text-color-hover** - Specifies the component's `savedColors` action text color when hovered. \n- **--calcite-color-picker-action-text-color** - Specifies the component's `savedColors` action text color. ",
       "attributes": [
         {
           "name": "allow-empty",
@@ -2210,7 +2210,7 @@
         },
         {
           "name": "saved-disabled",
-          "description": "When `true`, hides the saved colors section.",
+          "description": "When present, hides the saved colors section.",
           "values": []
         },
         {
@@ -4655,7 +4655,7 @@
     },
     {
       "name": "calcite-input-time-picker",
-      "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is modified by the user.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.",
+      "description": "### Events\n- **calciteInputTimePickerBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteInputTimePickerBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteInputTimePickerChange** - Fires when the component's `value` is modified by the user.\n- **calciteInputTimePickerClose** - Fires when the component is closed and animation is complete.\n- **calciteInputTimePickerOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component.\n\n### Slots\n- **label-content** - A slot for rendering content next to the component's `labelText`.\n\n### CSS Properties\n- **--calcite-input-time-picker-background-color** - Specifies the component's background color. \n- **--calcite-input-time-picker-border-color** - Specifies the component's border color. \n- **--calcite-input-time-picker-icon-color** - Specifies the component's icon color. \n- **--calcite-input-time-picker-icon-color-hover** - Specifies the component's icon color when hovered. \n- **--calcite-input-time-picker-shadow** - Specifies the component's shadow. \n- **--calcite-input-time-picker-corner-radius** - Specifies the component's border radius. \n- **--calcite-input-time-picker-input-background-color** - Specifies the component's input background color. \n- **--calcite-input-time-picker-input-text-color** - Specifies the component's input text color. \n- **--calcite-input-time-picker-input-shadow** - Specifies the component's input shadow. \n- **--calcite-input-time-picker-input-corner-radius** - Specifies the component's input border radius. \n- **--calcite-input-time-picker-input-border-color** - Specifies the component's input border color. \n- **--calcite-input-time-picker-digit-text-color** - Specifies the component's digit text color. \n- **--calcite-input-time-picker-digit-icon-color** - Specifies the component's digit icon color. \n- **--calcite-input-time-picker-digit-border-color-press** - Specifies the component's digit border color when pressed. \n- **--calcite-input-time-picker-digit-border-color-hover** - Specifies the component's digit border color when hovered. \n- **--calcite-input-time-picker-action-background-color-hover** - Specifies the background color of the component's actions when hovered or focused. \n- **--calcite-input-time-picker-action-background-color-press** - Specifies the background color of the component's actions when active. ",
       "attributes": [
         {
           "name": "disabled",
@@ -6623,7 +6623,7 @@
         },
         {
           "name": "layout",
-          "description": "Defines the layout of the component.",
+          "description": "Defines the layout of the component. [Deprecated] The `\"grid\"` value is deprecated, use `\"horizontal\"` instead.",
           "values": [
             {
               "name": "grid"
@@ -7634,7 +7634,7 @@
       "attributes": [
         {
           "name": "disabled",
-          "description": "When true, disabled prevents interaction. This state shows items with lower opacity/grayed.",
+          "description": "When present, disabled prevents interaction. This state shows items with lower opacity/grayed.",
           "values": []
         },
         {
@@ -7669,7 +7669,7 @@
         },
         {
           "name": "loading",
-          "description": "When true, content is waiting to be loaded. This state shows a busy indicator.",
+          "description": "When present, content is waiting to be loaded. This state shows a busy indicator.",
           "values": []
         }
       ],
@@ -7677,7 +7677,7 @@
     },
     {
       "name": "calcite-split-button",
-      "description": "### Events\n- **calciteSplitButtonPrimaryClick** - Fires when the primary button is clicked.\n- **calciteSplitButtonSecondaryClick** - Fires when the dropdown menu is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-dropdown` content.",
+      "description": "### Events\n- **calciteSplitButtonPrimaryClick** - Fires when the primary button is clicked.\n- **calciteSplitButtonSecondaryClick** - Fires when the dropdown menu is clicked.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(options?: FocusOptions): Promise<void>` - Sets focus on the component's first focusable element.\n\n### Slots\n- _default_ - A slot for adding `calcite-dropdown` content.\n\n### CSS Properties\n- **--calcite-split-button-background-color** - Specifies the component's background color. \n- **--calcite-split-button-border-color** - Specifies the component's border color. \n- **--calcite-split-button-corner-radius** - Specifies the component's corner radius. \n- **--calcite-split-button-icon-color** - Specifies the component's `iconStart` and \n- **--calcite-split-button-loader-color** - Specifies the component's loader color. \n- **--calcite-split-button-text-color** - Specifies the component's text color. \n- **--calcite-split-button-shadow** - Specifies the component's shadow. \n- **--calcite-split-button-divider-border-color** - Specifies the component's divider border color. \n- **--calcite-split-button-divider-color** - Specifies the component's divider color. \n- **--calcite-split-button-dropdown-width** - Specifies the width of the component's dropdown. \n- **--calcite-split-button-dropdown-background-color** - Specifies the component's dropdown background color.\n* ",
       "attributes": [
         {
           "name": "appearance",
@@ -8251,7 +8251,7 @@
         },
         {
           "name": "selected",
-          "description": "When `true`, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
+          "description": "When present, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent.",
           "values": []
         },
         {
@@ -8327,7 +8327,7 @@
         },
         {
           "name": "page-size",
-          "description": "Specifies the page size of the component. When `true`, renders `calcite-pagination`.",
+          "description": "Specifies the page size of the component. When present, renders `calcite-pagination`.",
           "values": []
         },
         {
@@ -9149,7 +9149,7 @@
     },
     {
       "name": "calcite-tooltip",
-      "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. \n- **--calcite-tooltip-z-index** - Specifies the z-index value for the component. ",
+      "description": "### Events\n- **calciteTooltipBeforeClose** - Fires when the component is requested to be closed and before the closing transition begins.\n- **calciteTooltipBeforeOpen** - Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n- **calciteTooltipClose** - Fires when the component is closed and animation is complete.\n- **calciteTooltipOpen** - Fires when the component is open and animation is complete.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `reposition(delayed?: boolean): Promise<void>` - Updates the position of the component.\n\n### Slots\n- _default_ - A slot for adding text.\n\n### CSS Properties\n- **--calcite-tooltip-background-color** - Specifies the component's background color. \n- **--calcite-tooltip-border-color** - Specifies the component's border color. \n- **--calcite-tooltip-corner-radius** - Specifies the component's corner radius. \n- **--calcite-tooltip-max-size-x** - Specifies the component's maximum width. \n- **--calcite-tooltip-text-color** - Specifies the component's text color. \n- **--calcite-tooltip-z-index** - Specifies the z-index value for the component. ",
       "attributes": [
         {
           "name": "close-on-click",

package/dist/index.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.3.0-next.99 */
+v3.3.0 */
 import { s as setAssetPath$1 } from "./chunks/runtime.js";
 import { g } from "./chunks/runtime.js";
 let assetPathChanged = false;

package/dist/loader.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.3.0-next.99 */
+v3.3.0 */
 import { r as runtime } from "./chunks/runtime.js";
 import { makeDefineCustomElements } from "@arcgis/lumina";
 const defineCustomElements = makeDefineCustomElements(runtime, {

package/dist/utils/observers.d.ts

@@ -14,4 +14,16 @@ type ObserverInstanceType<T extends ObserverType> = T extends "mutation" ? Exten
  * @param options - the observer options
  */
 export declare function createObserver<T extends ObserverType>(type: T, callback: ObserverCallbackType<T>, options?: ObserverOptions<T>): ObserverInstanceType<T> | undefined;
+/**
+ * This utility helps to safely update observers within a ref callback
+ * by unobserving the old target and observing the new target.
+ *
+ * Note: this should be called before the ref is updated
+ *
+ * @param observer
+ * @param oldTarget
+ * @param target
+ * @param options
+ */
+export declare function updateRefObserver<T extends ObserverType>(observer: ObserverInstanceType<T> | undefined, oldTarget: Element | undefined, target: Element | undefined, options?: ObserverOptions<T>): void;
 export {};