@esri/calcite-components 1.0.0-next.596 → 1.0.0-next.598

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { Alignment, Appearance, Columns, DeprecatedEventPayload, FlipContext, La
 import { ItemKeyEvent, RegistryEntry, RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 import { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui";
 import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./components/alert/interfaces";
+import { NumberingSystem } from "./utils/locale";
 import { HeadingLevel } from "./components/functional/Heading";
 import { BlockSectionToggleDisplay } from "./components/block-section/interfaces";
 import { ButtonAlignment, ButtonAppearance, ButtonColor, DropdownIconType } from "./components/button/interfaces";
@@ -57,14 +58,14 @@ export namespace Components {
          */
         "scale": Scale;
         /**
-          * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
+          * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
          */
         "selectionMode": "multi" | "single" | "single-persist";
     }
     interface CalciteAccordionItem {
         /**
-          * When true, the component is active.
-          * @deprecated use expanded instead
+          * When `true`, the component is active.
+          * @deprecated use `expanded` instead.
          */
         "active": boolean;
         /**
@@ -72,7 +73,7 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, item is expanded
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -80,16 +81,16 @@ export namespace Components {
          */
         "heading"?: string;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
-          * @deprecated use `iconStart` or `iconEnd` properties instead
+          * Specifies an icon to display.
+          * @deprecated use `iconStart` or `iconEnd` instead.
          */
         "icon"?: string;
         /**
-          * Specified an icon to display at the end - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * Specified an icon to display at the start - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -105,7 +106,7 @@ export namespace Components {
     }
     interface CalciteAction {
         /**
-          * When true, the component is highlighted.
+          * When `true`, the component is highlighted.
          */
         "active": boolean;
         /**
@@ -117,19 +118,19 @@ export namespace Components {
          */
         "appearance": Extract<"solid" | "clear", Appearance>;
         /**
-          * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+          * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
          */
         "compact": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * Specifies an icon to display.
          */
         "icon"?: string;
         /**
-          * When true, indicates unread changes.
+          * When `true`, indicates unread changes.
          */
         "indicator": boolean;
         /**
@@ -142,7 +143,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
@@ -164,11 +165,11 @@ export namespace Components {
     }
     interface CalciteActionBar {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -211,7 +212,7 @@ export namespace Components {
          */
         "columns"?: Columns;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -223,7 +224,7 @@ export namespace Components {
          */
         "layout": Layout;
         /**
-          * When true, the `calcite-action-menu` is open.
+          * When `true`, the `calcite-action-menu` is open.
          */
         "menuOpen": boolean;
         /**
@@ -233,7 +234,7 @@ export namespace Components {
     }
     interface CalciteActionMenu {
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -245,11 +246,11 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -268,11 +269,11 @@ export namespace Components {
     }
     interface CalciteActionPad {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled": boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         /**
@@ -303,12 +304,12 @@ export namespace Components {
     }
     interface CalciteAlert {
         /**
-          * When true, opens the combobox
-          * @deprecated use open instead
+          * When `true`, displays and positions the component.
+          * @deprecated use `open` instead.
          */
         "active": boolean;
         /**
-          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss": boolean;
         /**
@@ -320,7 +321,7 @@ export namespace Components {
          */
         "color": StatusColor;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
@@ -333,7 +334,11 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, opens the dropdown
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
@@ -492,15 +497,15 @@ export namespace Components {
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -613,7 +618,7 @@ export namespace Components {
          */
         "name": any;
         /**
-          * When true, makes the component required for form-submission.
+          * When true, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -657,11 +662,11 @@ export namespace Components {
          */
         "dismissible": boolean;
         /**
-          * optionally pass an icon to display - accepts Calcite UI icon names
+          * Specifies an icon to display.
          */
         "icon"?: string;
         /**
-          * flip the icon in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -807,9 +812,9 @@ export namespace Components {
          */
         "intlValue": string;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * The scale of the color picker.
          */
@@ -846,9 +851,9 @@ export namespace Components {
          */
         "intlNoColor": string;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * The component's scale.
          */
@@ -917,7 +922,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -933,7 +938,7 @@ export namespace Components {
          */
         "reposition": () => Promise<void>;
         /**
-          * When true, makes the component required for form-submission.
+          * When true, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -1046,7 +1051,7 @@ export namespace Components {
          */
         "intlYear"?: string;
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
@@ -1259,7 +1264,7 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -1314,15 +1319,15 @@ export namespace Components {
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of an item - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of an item - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -1360,7 +1365,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+          * Specifies an icon to display.
           * @default "plus"
          */
         "icon"?: string;
@@ -1488,7 +1493,8 @@ export namespace Components {
          */
         "menuOpen": boolean;
         /**
-          * Scrolls the component's content to a specified set of coordinates.  ```   myCalciteFlowItem.scrollContentTo({     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).   }); ```
+          * Scrolls the component's content to a specified set of coordinates.
+          * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
           * @param options
          */
         "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
@@ -1608,52 +1614,52 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus": boolean;
         /**
-          * When true, a clear button is displayed when the component has a value. The clear button shows by default for "search", "time", and "date" types, and will not display for the "textarea" type.
+          * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
          */
         "clearable": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled": boolean;
         "editingEnabled": boolean;
         /**
-          * When true, number values are displayed with the locale's group separator.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden": boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
-          * A text label that will appear on the clear button for screen readers.
+          * Accessible name for the component's clear button.
          */
         "intlClear"?: string;
         /**
-          * Accessible name that will appear while loading.
+          * Accessible name when the component is loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * Accessible name for the component's button or hyperlink.
+          * Accessible name for the component.
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
@@ -1663,7 +1669,7 @@ export namespace Components {
          */
         "locale": string;
         /**
-          * Toggles locale formatting for numbers.
+          * When `true`, uses locale formatting for numbers.
          */
         "localeFormat": boolean;
         /**
@@ -1678,11 +1684,11 @@ export namespace Components {
         "maxLength"?: number;
         /**
           * Specifies the maximum length of text for the component's value.
-          * @deprecated use maxLength instead
+          * @deprecated use `maxLength` instead.
          */
         "maxlength"?: number;
         /**
-          * Specifies the minimum value for type "number".
+          * Specifies the minimum value for `type="number"`.
           * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
         "min"?: number;
@@ -1692,19 +1698,18 @@ export namespace Components {
          */
         "minLength"?: number;
         /**
-          * Specifies the name of the component.
+          * Specifies the name of the component on form submission.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
          */
         "name": string;
         /**
-          * Specifies the placement of the buttons for type "number".
+          * Specifies the placement of the buttons for `type="number"`.
          */
         "numberButtonType"?: InputPlacement;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -1715,12 +1720,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -1740,7 +1745,7 @@ export namespace Components {
          */
         "status": Status;
         /**
-          * Specifies the granularity that the component's value must adhere to.
+          * Specifies the granularity the component's value must adhere to.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
         "step"?: number | "any";
@@ -1749,7 +1754,7 @@ export namespace Components {
          */
         "suffixText"?: string;
         /**
-          * Specifies the component type.  Note that the following types add type-specific icons by default: "date", "email", "password", "search", "tel", "time".
+          * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
          */
         "type": | "color"
     | "date"
@@ -1774,22 +1779,22 @@ export namespace Components {
     }
     interface CalciteInputDatePicker {
         /**
-          * Expand or collapse when calendar does not have input
-          * @deprecated use open instead
+          * When true, the component is active.
+          * @deprecated use `open` instead.
          */
         "active": boolean;
         /**
-          * When false, the component won't be interactive.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Selected end date
-          * @deprecated use value instead
+          * The component's end date.
+          * @deprecated use `value` instead.
          */
         "end"?: string;
         /**
-          * Selected end date as full date object
-          * @deprecated use valueAsDate instead
+          * The component's end date as a full date object.
+          * @deprecated use `valueAsDate` instead.
          */
         "endAsDate"?: Date;
         /**
@@ -1797,77 +1802,77 @@ export namespace Components {
          */
         "flipPlacements"?: EffectivePlacement[];
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel": HeadingLevel;
         /**
-          * Localized string for "next month" (used for aria label)
+          * Accessible name for the component's next month button.
           * @default "Next month"
          */
         "intlNextMonth"?: string;
         /**
-          * Localized string for "previous month" (used for aria label)
+          * Accessible name for the component's previous month button.
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
         /**
-          * Localized string for "year" (used for aria label)
+          * Accessible name for the component's year input.
           * @default "Year"
          */
         "intlYear"?: string;
         /**
-          * Layout
+          * Defines the layout of the component.
          */
         "layout": "horizontal" | "vertical";
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
         "locale"?: string;
         /**
-          * Latest allowed date ("yyyy-mm-dd")
+          * Specifies the latest allowed date ("yyyy-mm-dd").
          */
         "max"?: string;
         /**
-          * Latest allowed date as full date object
+          * Specifies the latest allowed date as a full date object.
          */
         "maxAsDate"?: Date;
         /**
-          * Earliest allowed date ("yyyy-mm-dd")
+          * Specifies the earliest allowed date ("yyyy-mm-dd").
          */
         "min"?: string;
         /**
-          * Earliest allowed date as full date object
+          * Specifies the earliest allowed date as a full date object.
          */
         "minAsDate"?: Date;
         /**
-          * The picker's name. Gets submitted with the form.
+          * Specifies the name of the component on form submission.
          */
         "name": string;
         /**
-          * Expand or collapse when calendar does not have input
+          * When true, displays the `calcite-date-picker` component.
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
-          * Determines where the date-picker component will be positioned relative to the input.
+          * Specifies the placement of the `calcite-date-picker` relative to the component.
           * @default "bottom-start"
          */
         "placement": MenuPlacement;
         /**
-          * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
+          * When true, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
          */
         "proximitySelectionDisabled": boolean;
         /**
-          * Range mode activation
+          * When true, activates a range for the component.
          */
         "range": boolean;
         /**
-          * When true, still focusable but controls are gone and the value cannot be modified.
+          * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
@@ -1876,56 +1881,56 @@ export namespace Components {
          */
         "reposition": () => Promise<void>;
         /**
-          * When true, makes the component required for form-submission.
+          * When true, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
-          * specify the scale of the date picker
+          * Specifies the size of the component.
          */
         "scale": "s" | "m" | "l";
         /**
-          * Updates the position of the component.
+          * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
         /**
-          * Selected start date
-          * @deprecated use value instead
+          * The component's start date.
+          * @deprecated use `value` instead.
          */
         "start"?: string;
         /**
-          * Selected start date as full date object
-          * @deprecated use valueAsDate instead
+          * The component's start date as a full date object.
+          * @deprecated use `valueAsDate` instead.
          */
         "startAsDate"?: Date;
         /**
-          * Selected date
+          * The component's value.
          */
         "value": string | string[];
         /**
-          * Selected date as full date object
+          * The component's value as a full date object.
          */
         "valueAsDate"?: Date | Date[];
     }
     interface CalciteInputMessage {
         /**
-          * Indicates whether the message is displayed.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
-          * when used as a boolean set to true, show a default icon based on status. You can also pass a calcite-ui-icon name to this prop to display a custom icon
+          * Specifies an icon to display.
          */
         "icon": boolean | string;
         /**
-          * specify the scale of the input, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * specify the status of the input field, determines message and icons
+          * Specifies the status of the input field, which determines message and icons.
          */
         "status": Status;
         /**
-          * specify the appearance of any slotted message - default (displayed under input), or floating (positioned absolutely under input)
-          * @deprecated "floating" type is no longer supported
+          * Specifies the appearance of a slotted message - `"default"` (displayed under the component), or `"floating"` (positioned absolutely under the component).
+          * @deprecated The `"floating"` type is no longer supported.
          */
         "type": "default";
     }
@@ -1935,35 +1940,35 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus": boolean;
         /**
-          * When true, a clear button is displayed when the component has a value.
+          * When `true`, a clear button is displayed when the component has a value.
          */
         "clearable": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled": boolean;
         "editingEnabled": boolean;
         /**
-          * When true, number values are displayed with the locale's group separator.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden": boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -1980,7 +1985,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading": boolean;
         /**
@@ -2024,9 +2029,8 @@ export namespace Components {
         "numberButtonType"?: InputPlacement1;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -2037,12 +2041,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -2081,31 +2085,31 @@ export namespace Components {
          */
         "alignment": Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus": boolean;
         /**
-          * When true, a clear button is displayed when the component has a value.
+          * When `true`, a clear button is displayed when the component has a value.
          */
         "clearable": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled": boolean;
         "editingEnabled": boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden": boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
@@ -2122,7 +2126,7 @@ export namespace Components {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading": boolean;
         /**
@@ -2150,12 +2154,12 @@ export namespace Components {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -2185,78 +2189,82 @@ export namespace Components {
     }
     interface CalciteInputTimePicker {
         /**
-          * The active state of the time input
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active": boolean;
         /**
-          * The disabled state of the time input
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * aria-label for the hour input
+          * Accessible name for the component's hour input.
          */
         "intlHour"?: string;
         /**
-          * aria-label for the hour down button
+          * Accessible name for the component's hour down button.
          */
         "intlHourDown"?: string;
         /**
-          * aria-label for the hour up button
+          * Accessible name for the component's hour up button.
          */
         "intlHourUp"?: string;
         /**
-          * aria-label for the meridiem (am/pm) input
+          * Accessible name for the component's meridiem (am/pm) input.
          */
         "intlMeridiem"?: string;
         /**
-          * aria-label for the meridiem (am/pm) down button
+          * Accessible name for the component's meridiem (am/pm) down button.
          */
         "intlMeridiemDown"?: string;
         /**
-          * aria-label for the meridiem (am/pm) up button
+          * Accessible name for the component's meridiem (am/pm) up button.
          */
         "intlMeridiemUp"?: string;
         /**
-          * aria-label for the minute input
+          * Accessible name for the component's minute input.
          */
         "intlMinute"?: string;
         /**
-          * aria-label for the minute down button
+          * Accessible name for the component's minute down button.
          */
         "intlMinuteDown"?: string;
         /**
-          * aria-label for the minute up button
+          * Accessible name for the component's minute up button.
          */
         "intlMinuteUp"?: string;
         /**
-          * aria-label for the second input
+          * Accessible name for the component's second input.
          */
         "intlSecond"?: string;
         /**
-          * aria-label for the second down button
+          * Accessible name for the component's second down button.
          */
         "intlSecondDown"?: string;
         /**
-          * aria-label for the second up button
+          * Accessible name for the component's second up button.
          */
         "intlSecondUp"?: string;
         /**
-          * BCP 47 language tag for desired language and country format
+          * BCP 47 language tag for desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
         "locale": string;
         /**
-          * The name of the time input
+          * Specifies the name of the component on form submission.
          */
         "name": string;
         /**
-          * When true, displays the `calcite-time-picker` component.
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * When `true`, displays the `calcite-time-picker` component.
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -2265,7 +2273,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * When true, still focusable but controls are gone and the value cannot be modified.
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly": boolean;
@@ -2274,11 +2282,11 @@ export namespace Components {
          */
         "reposition": () => Promise<void>;
         /**
-          * When true, makes the component required for form-submission.
+          * When true, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
-          * The scale (size) of the time input
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
@@ -2286,74 +2294,74 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * number (seconds) that specifies the granularity that the value must adhere to
+          * Specifies the granularity the component's `value` must adhere to (in seconds).
          */
         "step": number;
         /**
-          * The selected time in UTC (always 24-hour format)
+          * The component's value in UTC (always 24-hour format).
          */
         "value": string;
     }
     interface CalciteLabel {
         /**
-          * specify the text alignment of the label
+          * Specifies the text alignment of the component.
          */
         "alignment": Alignment;
         /**
-          * eliminates any space around the label
-          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+          * When `true`, disables the component's spacing.
+          * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
          */
         "disableSpacing": boolean;
         /**
-          * is the label disabled
-          * @deprecated use the `disabled` property on the interactive components instead
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @deprecated Use the `disabled` property on the component the label is bound to instead.
          */
         "disabled": boolean;
         /**
-          * The id of the input associated with the label
+          * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
          */
         "for": string;
         /**
-          * is the wrapped element positioned inline with the label slotted text
+          * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
          */
         "layout": "inline" | "inline-space-between" | "default";
         /**
-          * specify the scale of the label, defaults to m
+          * Specifies the size of the component.
          */
         "scale": Scale;
         /**
-          * specify the status of the label and any child input / input messages
-          * @deprecated set directly on child element instead
+          * Specifies the status of the component and any child input, or input messages.
+          * @deprecated Set directly on the component the label is bound to instead.
          */
         "status": Status;
     }
     interface CalciteLink {
         /**
-          * is the link disabled
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
+          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
          */
         "download": string | boolean;
         /**
-          * optionally pass a href - used to determine if the component should render as a link or an anchor
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
-          * The rel attribute to apply to the hyperlink
+          * Specifies the relationship to the linked document defined in `href`.
          */
         "rel"?: string;
         /**
@@ -2361,13 +2369,13 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The target attribute to apply to the hyperlink
+          * Specifies the frame or window to open the linked document.
          */
         "target"?: string;
     }
     interface CalciteList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2385,7 +2393,7 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2393,7 +2401,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive": boolean;
         /**
@@ -2413,11 +2421,11 @@ export namespace Components {
     }
     interface CalciteLoader {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
-          * When true, displays smaller and appears to the left of the text.
+          * When `true`, displays smaller and appears to the left of the text.
          */
         "inline": boolean;
         /**
@@ -2438,18 +2446,18 @@ export namespace Components {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
-          * The component's value. Valid only for determinate indicators. Percent complete of 100.
+          * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
          */
         "value": number;
     }
     interface CalciteModal {
         /**
-          * When true, the `calcite-modal` is active.
-          * @deprecated use open instead
+          * When `true`, the component is active.
+          * @deprecated use `open` instead.
          */
         "active": boolean;
         /**
@@ -2457,7 +2465,7 @@ export namespace Components {
          */
         "backgroundColor": ModalBackgroundColor;
         /**
-          * Passes a function to run before the `calcite-modal` closes.
+          * Passes a function to run before the component closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -2465,19 +2473,19 @@ export namespace Components {
          */
         "color"?: "red" | "blue";
         /**
-          * When true, disables the component's close button.
+          * When `true`, disables the component's close button.
          */
         "disableCloseButton": boolean;
         /**
-          * When true, disables the default close on escape behavior.
+          * When `true`, disables the default close on escape behavior.
          */
         "disableEscape": boolean;
         /**
-          * When true, disables the closing of the component when clicked outside.
+          * When `true`, disables the closing of the component when clicked outside.
          */
         "disableOutsideClose": boolean;
         /**
-          * When true, prevents the component from expanding to the entire screen on mobile devices.
+          * When `true`, prevents the component from expanding to the entire screen on mobile devices.
          */
         "docked": boolean;
         /**
@@ -2487,7 +2495,7 @@ export namespace Components {
          */
         "focusElement": (el?: HTMLElement) => Promise<void>;
         /**
-          * Sets the component to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides `width`).
          */
         "fullscreen": boolean;
         /**
@@ -2495,12 +2503,12 @@ export namespace Components {
          */
         "intlClose": string;
         /**
-          * When true, disables spacing to the content area slot.
+          * When `true`, disables spacing to the content area slot.
           * @deprecated Use `--calcite-modal-padding` CSS variable instead.
          */
         "noPadding": boolean;
         /**
-          * When true,`calcite-modal`  opens
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
@@ -2525,12 +2533,12 @@ export namespace Components {
     }
     interface CalciteNotice {
         /**
-          * When true, the component is active.
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active": boolean;
         /**
-          * When true, displays a button user can click to dismiss the `calcite-notice`
+          * When `true`, a close button is added to the component.
          */
         "closable"?: boolean;
         /**
@@ -2538,12 +2546,12 @@ export namespace Components {
          */
         "color": StatusColor;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
-          * When present, shows a default recommended icon. You can also pass a calcite-ui-icon name to display a requested icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon": string | boolean;
         /**
@@ -2552,7 +2560,7 @@ export namespace Components {
          */
         "intlClose": string;
         /**
-          * When true, the component is visible
+          * When `true`, the component is visible.
          */
         "open": boolean;
         /**
@@ -2570,7 +2578,7 @@ export namespace Components {
     }
     interface CalciteOption {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2578,7 +2586,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -2588,7 +2596,7 @@ export namespace Components {
     }
     interface CalciteOptionGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -2598,7 +2606,7 @@ export namespace Components {
     }
     interface CalcitePagination {
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
@@ -2611,9 +2619,8 @@ export namespace Components {
         "num": number;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Go to the previous page of results.
          */
@@ -2648,11 +2655,11 @@ export namespace Components {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, displays a close button in the trailing side of the header
+          * When `true`, displays a close button in the trailing side of the header.
          */
         "closable": boolean;
         /**
-          * When true, panel will be hidden
+          * When `true`, the component will be hidden.
          */
         "closed": boolean;
         /**
@@ -2660,17 +2667,17 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, hides the component.
-          * @deprecated use closed instead
+          * When `true`, hides the component.
+          * @deprecated use `closed` instead.
          */
         "dismissed": boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead
          */
         "dismissible": boolean;
         /**
@@ -2686,12 +2693,12 @@ export namespace Components {
          */
         "heightScale"?: Scale;
         /**
-          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
           * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
-          * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
+          * Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.
          */
         "intlClose"?: string;
         /**
@@ -2699,15 +2706,16 @@ export namespace Components {
          */
         "intlOptions"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * When true, the action menu items in the `header-menu-actions` slot are open.
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen": boolean;
         /**
-          * Scrolls the component's content to a specified set of coordinates.  ```   myCalcitePanel.scrollContentTo({     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).   }); ```
+          * Scrolls the component's content to a specified set of coordinates.
+          * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
           * @param options
          */
         "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
@@ -2717,13 +2725,13 @@ export namespace Components {
          */
         "setFocus": (focusId?: "back-button" | "dismiss-button") => Promise<void>;
         /**
-          * When true, displays a back button in the header.
+          * When `true`, displays a back button in the header.
           * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton": boolean;
         /**
           * Summary text. A description displayed underneath the heading.
-          * @deprecated use description instead
+          * @deprecated use `description` instead.
          */
         "summary"?: string;
         /**
@@ -2733,11 +2741,11 @@ export namespace Components {
     }
     interface CalcitePickList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
          */
         "filterEnabled": boolean;
         /**
@@ -2753,15 +2761,15 @@ export namespace Components {
          */
         "headingLevel": HeadingLevel;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-pick-list-item`s at a time. When false, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
         "multiple": boolean;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
          */
         "selectionFollowsFocus": boolean;
         /**
@@ -2786,20 +2794,20 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When false, the component cannot be deselected by user interaction.
+          * When `false`, the component cannot be deselected by user interaction.
          */
         "disableDeselect": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Accessible name for the component's remove button. Only applicable if removable is "true".
+          * When `removable` is `true`, the accessible name for the component's remove button.
           * @default "Remove"
          */
         "intlRemove": string;
@@ -2813,11 +2821,11 @@ export namespace Components {
         "metadata"?: Record<string, unknown>;
         "nonInteractive": boolean;
         /**
-          * When true, displays a remove action that removes the item from the list.
+          * When `true`, displays a remove action that removes the item from the list.
          */
         "removable"?: boolean;
         /**
-          * When true, selects an item. Toggles when an item is checked/unchecked.
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected": boolean;
         /**
@@ -2840,25 +2848,25 @@ export namespace Components {
          */
         "autoClose": boolean;
         /**
-          * When true, display a close button within the Popover
+          * When `true`, display a close button within the component.
          */
         "closable": boolean;
         /**
-          * When true, a close button is added to the component.
+          * When `true`, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton": boolean;
         /**
-          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip": boolean;
         /**
-          * When true, removes the caret pointer.
+          * When `true`, removes the caret pointer.
          */
         "disablePointer": boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible": boolean;
         /**
@@ -2883,20 +2891,20 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Offsets the position of the popover away from the `referenceElement`.
+          * Offsets the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance": number;
         /**
-          * Offsets the position of the popover along the `referenceElement`.
+          * Offsets the position of the component along the `referenceElement`.
          */
         "offsetSkidding": number;
         /**
-          * When true, displays and positions the component.
+          * When `true`, displays and positions the component.
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -2905,7 +2913,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * The `referenceElement` used to position the component according to its "placement" value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
+          * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
          */
         "referenceElement": ReferenceElement | string;
         /**
@@ -2923,7 +2931,7 @@ export namespace Components {
          */
         "toggle": (value?: boolean) => Promise<void>;
         /**
-          * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
          */
         "triggerDisabled": boolean;
     }
@@ -2944,7 +2952,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * When true and for indeterminate progress bars, reverses the animation direction.
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
          */
         "reversed": boolean;
         /**
@@ -2952,7 +2960,7 @@ export namespace Components {
          */
         "text": string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type": "indeterminate" | "determinate";
         /**
@@ -2962,11 +2970,11 @@ export namespace Components {
     }
     interface CalciteRadioButton {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "emitCheckedChange": () => Promise<void>;
@@ -2975,11 +2983,11 @@ export namespace Components {
          */
         "focused": boolean;
         /**
-          * The id attribute of the component. When omitted, a globally unique identifier is used.
+          * The `id` of the component. When omitted, a globally unique identifier is used.
          */
         "guid": string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -2995,7 +3003,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value selected from the `calcite-radio-button-group` on form submission.
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3013,11 +3021,11 @@ export namespace Components {
     }
     interface CalciteRadioButtonGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -3029,7 +3037,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3043,7 +3051,7 @@ export namespace Components {
          */
         "appearance": RadioAppearance;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3055,7 +3063,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3072,7 +3080,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The component's "selectedItem" value.
+          * The component's `selectedItem` value.
          */
         "value": string;
         /**
@@ -3082,29 +3090,29 @@ export namespace Components {
     }
     interface CalciteRadioGroupItem {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
-          * Optionally pass an icon to display - accepts Calcite UI icon names
-          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+          * Specifies an icon to display.
+          * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
          */
         "icon"?: string;
         /**
-          * Optionally pass an icon to display at the end - accepts Calcite UI icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
         /**
-          * Optionally used with icon, select where to position the icon
-          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+          * Specifies the placement of the icon.
+          * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
          */
         "iconPosition"?: Position;
         /**
-          * Optionally pass an icon to display at the start - accepts Calcite UI icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -3122,7 +3130,7 @@ export namespace Components {
          */
         "count"?: number;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3140,11 +3148,11 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
          */
         "readOnly": boolean;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3156,7 +3164,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`.
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
          */
         "showChip": boolean;
         /**
@@ -3171,13 +3179,13 @@ export namespace Components {
          */
         "intlLoading"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
     }
     interface CalciteSelect {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3189,7 +3197,7 @@ export namespace Components {
          */
         "name": string;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3206,7 +3214,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The component's "selectedOption" value.
+          * The component's `selectedOption` value.
          */
         "value": string;
         /**
@@ -3222,7 +3230,7 @@ export namespace Components {
     }
     interface CalciteShellCenterRow {
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached": boolean;
         /**
@@ -3230,21 +3238,21 @@ export namespace Components {
          */
         "heightScale": Scale;
         /**
-          * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "position": Position;
     }
     interface CalciteShellPanel {
         /**
-          * When true, hides the component's content area.
+          * When `true`, hides the component's content area.
          */
         "collapsed": boolean;
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached": boolean;
         /**
-          * When "detached", specifies the maximum height of the component.
+          * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale": Scale;
         /**
@@ -3253,11 +3261,11 @@ export namespace Components {
          */
         "intlResize": string;
         /**
-          * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "position": Position;
         /**
-          * When true and not "detached", the component's content area is resizable.
+          * When `true` and not `detached`, the component's content area is resizable.
          */
         "resizable": boolean;
         /**
@@ -3267,19 +3275,19 @@ export namespace Components {
     }
     interface CalciteSlider {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator": boolean;
         /**
-          * When true, indicates a histogram is present.
+          * When `true`, indicates a histogram is present.
          */
         "hasHistogram": boolean;
         /**
-          * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
           * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
@@ -3288,11 +3296,11 @@ export namespace Components {
          */
         "histogramStops": ColorStop[];
         /**
-          * When true, displays label handles with their numeric value.
+          * When `true`, displays label handles with their numeric value.
          */
         "labelHandles": boolean;
         /**
-          * When true and "ticks" is specified, displays label tick marks with their numeric value.
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
          */
         "labelTicks": boolean;
         /**
@@ -3300,7 +3308,7 @@ export namespace Components {
          */
         "max": number;
         /**
-          * For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound".
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
          */
         "maxLabel"?: string;
         /**
@@ -3312,7 +3320,7 @@ export namespace Components {
          */
         "min": number;
         /**
-          * Accessible name for first (or only) handle, such as "Temperature, lower bound".
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
          */
         "minLabel": string;
         /**
@@ -3320,7 +3328,7 @@ export namespace Components {
          */
         "minValue"?: number;
         /**
-          * When true, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
          */
         "mirrored": boolean;
         /**
@@ -3329,19 +3337,18 @@ export namespace Components {
         "name": string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies the interval to move with the page up, or page down keys.
          */
         "pageStep"?: number;
         /**
-          * When true, sets a finer point for handles.
+          * When `true`, sets a finer point for handles.
          */
         "precise": boolean;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required": boolean;
         /**
@@ -3353,7 +3360,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, enables snap selection in coordination with "step" via a mouse.
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
          */
         "snap": boolean;
         /**
@@ -3397,7 +3404,7 @@ export namespace Components {
     }
     interface CalciteSplitButton {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
@@ -3409,7 +3416,7 @@ export namespace Components {
          */
         "color": ButtonColor;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3421,23 +3428,23 @@ export namespace Components {
          */
         "dropdownLabel"?: string;
         /**
-          * When true, a busy indicator is displayed on the primary button.
+          * When `true`, a busy indicator is displayed on the primary button.
          */
         "loading": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
-          * Specifies an icon to display at the end of the primary button - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the primary button.
          */
         "primaryIconEnd"?: string;
         /**
-          * When true, the primary button icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "primaryIconFlipRtl"?: FlipContext;
         /**
-          * Specifies an icon to display at the start of the primary button - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the primary button.
          */
         "primaryIconStart"?: string;
         /**
@@ -3468,7 +3475,7 @@ export namespace Components {
          */
         "goToStep": (step: number) => Promise<void>;
         /**
-          * When true, displays a status icon in the `calcite-stepper-item` heading.
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
          */
         "icon": boolean;
         /**
@@ -3480,9 +3487,13 @@ export namespace Components {
          */
         "nextStep": () => Promise<void>;
         /**
-          * When true, displays the step number in the `calcite-stepper-item` heading.
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
          */
         "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Set the previous `calcite-stepper-item` as active.
          */
@@ -3498,12 +3509,12 @@ export namespace Components {
     }
     interface CalciteStepperItem {
         /**
-          * is the step active
-          * @deprecated Use selected instead.
+          * When `true`, the component is selected.
+          * @deprecated Use `selected` instead.
          */
         "active": boolean;
         /**
-          * has the step been completed
+          * When `true`, the step has been completed.
          */
         "complete": boolean;
         /**
@@ -3511,11 +3522,11 @@ export namespace Components {
          */
         "description": string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, the component contains an error that requires resolution from the user.
+          * When `true`, the component contains an error that requires resolution from the user.
          */
         "error": boolean;
         /**
@@ -3525,30 +3536,30 @@ export namespace Components {
         "icon": boolean;
         /**
           * A description for the component. Displays below the header text.
-          * @deprecated use "description" instead.
+          * @deprecated use `description` instead.
          */
         "itemSubtitle"?: string;
         /**
           * The component header text.
-          * @deprecated use "heading" instead.
+          * @deprecated use `heading` instead.
          */
         "itemTitle"?: string;
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
         /**
-          * When true, step is selected
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         "setFocus": () => Promise<void>;
     }
     interface CalciteSwitch {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3568,8 +3579,8 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * When true, the component is checked.
-          * @deprecated use "checked" instead.
+          * When `true`, the component is checked.
+          * @deprecated use `checked` instead.
          */
         "switched": boolean;
         /**
@@ -3579,8 +3590,8 @@ export namespace Components {
     }
     interface CalciteTab {
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use "selected" instead.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * @deprecated Use `selected` instead.
          */
         "active": boolean;
         /**
@@ -3589,7 +3600,7 @@ export namespace Components {
         "getTabIndex": () => Promise<number>;
         "scale": Scale;
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected": boolean;
         /**
@@ -3620,13 +3631,13 @@ export namespace Components {
     }
     interface CalciteTabTitle {
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use "selected" instead.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * @deprecated Use `selected` instead.
          */
         "active": boolean;
         "bordered": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "getTabIdentifier": () => Promise<TabID>;
@@ -3635,22 +3646,22 @@ export namespace Components {
          */
         "getTabIndex": () => Promise<number>;
         /**
-          * Specifies an icon to display at the end of the component - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * Specifies an icon to display at the start of the component - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         "layout": TabLayout;
         "position": TabPosition;
         "scale": Scale;
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected": boolean;
         /**
@@ -3665,15 +3676,15 @@ export namespace Components {
     }
     interface CalciteTabs {
         /**
-          * When true and layout is set to "inline", the component will display with a folder style menu.
+          * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
          */
         "bordered": boolean;
         /**
-          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
          */
         "layout": TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
          */
         "position": TabPosition;
         /**
@@ -3683,7 +3694,7 @@ export namespace Components {
     }
     interface CalciteTile {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active": boolean;
         /**
@@ -3691,11 +3702,11 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * The component's embed mode.  When true, renders without a border and padding for use by other components.
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
          */
         "embed": boolean;
         /**
@@ -3707,11 +3718,11 @@ export namespace Components {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable.
+          * When `true`, the component is not displayed and is not focusable.
          */
         "hidden": boolean;
         /**
-          * When embed is "false", the url for the component.
+          * When embed is `"false"`, the URL for the component.
          */
         "href"?: string;
         /**
@@ -3721,7 +3732,7 @@ export namespace Components {
     }
     interface CalciteTileSelect {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked": boolean;
         /**
@@ -3729,7 +3740,7 @@ export namespace Components {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -3737,7 +3748,7 @@ export namespace Components {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden": boolean;
         /**
@@ -3745,11 +3756,11 @@ export namespace Components {
          */
         "icon"?: string;
         /**
-          * When inputEnabled is true, the placement of the interactive input on the component.
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
         "inputAlignment": Extract<"end" | "start", Alignment>;
         /**
-          * When true, displays an interactive input based on the "type" property.
+          * When `true`, displays an interactive input based on the `type` property.
          */
         "inputEnabled": boolean;
         /**
@@ -3775,11 +3786,11 @@ export namespace Components {
     }
     interface CalciteTileSelectGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * Defines the layout of the component.  Use "horizontal" for rows, and "vertical" for a single column.
+          * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
          */
         "layout"?: TileSelectGroupLayout;
     }
@@ -3850,6 +3861,10 @@ export namespace Components {
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
         "locale": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies the size of the component.
          */
@@ -3860,7 +3875,7 @@ export namespace Components {
          */
         "setFocus": (target: TimePart) => Promise<void>;
         /**
-          * Specifies the granularity the "value" must adhere to (in seconds).
+          * Specifies the granularity the `value` must adhere to (in seconds).
          */
         "step": number;
         /**
@@ -3870,7 +3885,7 @@ export namespace Components {
     }
     interface CalciteTip {
         /**
-          * When true, the component does not display.
+          * When `true`, the component does not display.
          */
         "dismissed": boolean;
         /**
@@ -3886,7 +3901,7 @@ export namespace Components {
          */
         "intlClose"?: string;
         /**
-          * When true, the close button is not present on the component.
+          * When `true`, the close button is not present on the component.
          */
         "nonDismissible": boolean;
         /**
@@ -3902,7 +3917,7 @@ export namespace Components {
     }
     interface CalciteTipManager {
         /**
-          * When true, does not display or position the component.
+          * When `true`, does not display or position the component.
          */
         "closed": boolean;
         /**
@@ -3957,11 +3972,11 @@ export namespace Components {
          */
         "offsetSkidding": number;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open": boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning": OverlayPositioning;
         /**
@@ -3970,7 +3985,7 @@ export namespace Components {
          */
         "placement": LogicalPlacement;
         /**
-          * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
+          * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
          */
         "referenceElement": ReferenceElement | string;
         /**
@@ -3989,7 +4004,7 @@ export namespace Components {
         "child": boolean;
         /**
           * Display input
-          * @deprecated Use "ancestors" selection-mode for checkbox input.
+          * @deprecated Use `selectionMode="ancestors"` for checkbox input.
          */
         "inputEnabled": boolean;
         /**
@@ -4010,7 +4025,11 @@ export namespace Components {
     interface CalciteTreeItem {
         "depth": number;
         /**
-          * When true, the component is expanded.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, the component is expanded.
          */
         "expanded": boolean;
         "hasChildren": boolean;
@@ -4020,29 +4039,29 @@ export namespace Components {
         "indeterminate": boolean;
         /**
           * Displays checkboxes (set on parent).
-          * @deprecated Use "ancestors" selection-mode on parent for checkbox input.
+          * @deprecated Use `selectionMode="ancestors"` for checkbox input.
          */
         "inputEnabled": boolean;
         "lines": boolean;
         "parentExpanded": boolean;
         "scale": Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         "selectionMode": TreeSelectionMode;
     }
     interface CalciteValueList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
-          * When true, `calcite-value-list-item`s are sortable via a draggable button.
+          * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
          */
         "dragEnabled": boolean;
         /**
-          * When true, an input appears at the top of the component that can be used by end users to filter list items.
+          * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
          */
         "filterEnabled": boolean;
         /**
@@ -4058,31 +4077,31 @@ export namespace Components {
          */
         "group"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the component.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the component.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleActive"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s new position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleChange"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s current position after commit.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleCommit"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s initial position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleIdle"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading": boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-value-list-item`s at a time. When false, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
         "multiple": boolean;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus": boolean;
         /**
@@ -4098,7 +4117,7 @@ export namespace Components {
         "description"?: string;
         "disableDeselect": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         "handleActivated"?: boolean;
@@ -4116,15 +4135,15 @@ export namespace Components {
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive": boolean;
         /**
-          * When true, adds an action to remove the component.
+          * When `true`, adds an action to remove the component.
          */
         "removable": boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -5080,14 +5099,14 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item), or "single-persist" (allow and require one open item).
+          * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
          */
         "selectionMode"?: "multi" | "single" | "single-persist";
     }
     interface CalciteAccordionItem {
         /**
-          * When true, the component is active.
-          * @deprecated use expanded instead
+          * When `true`, the component is active.
+          * @deprecated use `expanded` instead.
          */
         "active"?: boolean;
         /**
@@ -5095,7 +5114,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, item is expanded
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5103,16 +5122,16 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
-          * @deprecated use `iconStart` or `iconEnd` properties instead
+          * Specifies an icon to display.
+          * @deprecated use `iconStart` or `iconEnd` instead.
          */
         "icon"?: string;
         /**
-          * Specified an icon to display at the end - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * Specified an icon to display at the start - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -5128,7 +5147,7 @@ declare namespace LocalJSX {
     }
     interface CalciteAction {
         /**
-          * When true, the component is highlighted.
+          * When `true`, the component is highlighted.
          */
         "active"?: boolean;
         /**
@@ -5140,19 +5159,19 @@ declare namespace LocalJSX {
          */
         "appearance"?: Extract<"solid" | "clear", Appearance>;
         /**
-          * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+          * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
          */
         "compact"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * Specifies an icon to display.
          */
         "icon"?: string;
         /**
-          * When true, indicates unread changes.
+          * When `true`, indicates unread changes.
          */
         "indicator"?: boolean;
         /**
@@ -5165,12 +5184,12 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
           * Emits when the component has been clicked.
-          * @deprecated use onClick instead.
+          * @deprecated use `onClick` instead.
          */
         "onCalciteActionClick"?: (event: CalciteActionCustomEvent<void>) => void;
         /**
@@ -5188,11 +5207,11 @@ declare namespace LocalJSX {
     }
     interface CalciteActionBar {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5230,7 +5249,7 @@ declare namespace LocalJSX {
          */
         "columns"?: Columns;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5242,7 +5261,7 @@ declare namespace LocalJSX {
          */
         "layout"?: Layout;
         /**
-          * When true, the `calcite-action-menu` is open.
+          * When `true`, the `calcite-action-menu` is open.
          */
         "menuOpen"?: boolean;
         /**
@@ -5252,7 +5271,7 @@ declare namespace LocalJSX {
     }
     interface CalciteActionMenu {
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5268,11 +5287,11 @@ declare namespace LocalJSX {
          */
         "onCalciteActionMenuOpenChange"?: (event: CalciteActionMenuCustomEvent<DeprecatedEventPayload>) => void;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -5287,11 +5306,11 @@ declare namespace LocalJSX {
     }
     interface CalciteActionPad {
         /**
-          * When true, the expand-toggling behavior is disabled.
+          * When `true`, the expand-toggling behavior is disabled.
          */
         "expandDisabled"?: boolean;
         /**
-          * When true, the component is expanded.
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
@@ -5321,12 +5340,12 @@ declare namespace LocalJSX {
     }
     interface CalciteAlert {
         /**
-          * When true, opens the combobox
-          * @deprecated use open instead
+          * When `true`, displays and positions the component.
+          * @deprecated use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When true, the component closes automatically (recommended for passive, non-blocking alerts).
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
          */
         "autoDismiss"?: boolean;
         /**
@@ -5338,7 +5357,7 @@ declare namespace LocalJSX {
          */
         "color"?: StatusColor;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
@@ -5350,6 +5369,10 @@ declare namespace LocalJSX {
           * Specifies an accessible name for the component.
          */
         "label": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the component is requested to be closed and before the closing transition begins.
          */
@@ -5367,7 +5390,7 @@ declare namespace LocalJSX {
          */
         "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
         /**
-          * When true, opens the dropdown
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
@@ -5530,15 +5553,15 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -5683,15 +5706,15 @@ declare namespace LocalJSX {
          */
         "dismissible"?: boolean;
         /**
-          * optionally pass an icon to display - accepts Calcite UI icon names
+          * Specifies an icon to display.
          */
         "icon"?: string;
         /**
-          * flip the icon in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
-          * Emitted when the dismiss button is clicked  **Note:**: The `el` event payload props is deprecated, please use the event's target/currentTarget instead
+          * Emitted when the dismiss button is clicked  **Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead
          */
         "onCalciteChipDismiss"?: (event: CalciteChipCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -5829,9 +5852,9 @@ declare namespace LocalJSX {
          */
         "intlValue"?: string;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the color value has changed.
          */
@@ -5872,9 +5895,9 @@ declare namespace LocalJSX {
          */
         "intlNoColor"?: string;
         /**
-          * standard UniCode numeral system tag for localization
+          * Specifies the Unicode numeral system used by the component for localization.
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Emitted when the hex value changes.
          */
@@ -5981,7 +6004,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -6036,7 +6059,7 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Emitted whenever the item is selected or unselected.  **Note:**: The event's payload is deprecated, please use the event's target/currentTarget instead
+          * Emitted whenever the item is selected or unselected.  **Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead
          */
         "onCalciteComboboxItemChange"?: (event: CalciteComboboxItemCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -6097,7 +6120,7 @@ declare namespace LocalJSX {
          */
         "intlYear"?: string;
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
@@ -6351,7 +6374,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -6402,15 +6425,15 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of an item - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of an item - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -6444,7 +6467,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+          * Specifies an icon to display.
           * @default "plus"
          */
         "icon"?: string;
@@ -6613,7 +6636,7 @@ declare namespace LocalJSX {
     }
     interface CalciteHandle {
         /**
-          * Emitted when the handle is activated and the up or down arrow key is pressed.  **Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead
+          * Emitted when the handle is activated and the up or down arrow key is pressed.  **Note:**: The `handle` event payload prop is deprecated, please use the event's `target`/`currentTarget` instead
          */
         "onCalciteHandleNudge"?: (event: CalciteHandleCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -6694,51 +6717,51 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus"?: boolean;
         /**
-          * When true, a clear button is displayed when the component has a value. The clear button shows by default for "search", "time", and "date" types, and will not display for the "textarea" type.
+          * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
          */
         "clearable"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled"?: boolean;
         /**
-          * When true, number values are displayed with the locale's group separator.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden"?: boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
-          * A text label that will appear on the clear button for screen readers.
+          * Accessible name for the component's clear button.
          */
         "intlClear"?: string;
         /**
-          * Accessible name that will appear while loading.
+          * Accessible name when the component is loading.
           * @default "Loading"
          */
         "intlLoading"?: string;
         /**
-          * Accessible name for the component's button or hyperlink.
+          * Accessible name for the component.
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
@@ -6759,11 +6782,11 @@ declare namespace LocalJSX {
         "maxLength"?: number;
         /**
           * Specifies the maximum length of text for the component's value.
-          * @deprecated use maxLength instead
+          * @deprecated use `maxLength` instead.
          */
         "maxlength"?: number;
         /**
-          * Specifies the minimum value for type "number".
+          * Specifies the minimum value for `type="number"`.
           * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
          */
         "min"?: number;
@@ -6773,25 +6796,24 @@ declare namespace LocalJSX {
          */
         "minLength"?: number;
         /**
-          * Specifies the name of the component.
+          * Specifies the name of the component on form submission.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
          */
         "name"?: string;
         /**
-          * Specifies the placement of the buttons for type "number".
+          * Specifies the placement of the buttons for `type="number"`.
          */
         "numberButtonType"?: InputPlacement;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
-          * Fires each time a new value is typed and committed.
+          * Fires each time a new `value` is typed and committed.
          */
         "onCalciteInputChange"?: (event: CalciteInputCustomEvent<void>) => void;
         /**
-          * Fires each time a new value is typed.  **Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead
+          * Fires each time a new `value` is typed.  **Note:**: The `el` and `value` event payload properties are deprecated, use the event's `target`/`currentTarget` instead.
          */
         "onCalciteInputInput"?: (event: CalciteInputCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -6804,12 +6826,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -6821,7 +6843,7 @@ declare namespace LocalJSX {
          */
         "status"?: Status;
         /**
-          * Specifies the granularity that the component's value must adhere to.
+          * Specifies the granularity the component's value must adhere to.
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
          */
         "step"?: number | "any";
@@ -6830,7 +6852,7 @@ declare namespace LocalJSX {
          */
         "suffixText"?: string;
         /**
-          * Specifies the component type.  Note that the following types add type-specific icons by default: "date", "email", "password", "search", "tel", "time".
+          * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
          */
         "type"?: | "color"
     | "date"
@@ -6855,22 +6877,22 @@ declare namespace LocalJSX {
     }
     interface CalciteInputDatePicker {
         /**
-          * Expand or collapse when calendar does not have input
-          * @deprecated use open instead
+          * When true, the component is active.
+          * @deprecated use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When false, the component won't be interactive.
+          * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Selected end date
-          * @deprecated use value instead
+          * The component's end date.
+          * @deprecated use `value` instead.
          */
         "end"?: string;
         /**
-          * Selected end date as full date object
-          * @deprecated use valueAsDate instead
+          * The component's end date as a full date object.
+          * @deprecated use `valueAsDate` instead.
          */
         "endAsDate"?: Date;
         /**
@@ -6878,62 +6900,62 @@ declare namespace LocalJSX {
          */
         "flipPlacements"?: EffectivePlacement[];
         /**
-          * Number at which section headings should start for this component.
+          * Specifies the number at which section headings should start.
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * Localized string for "next month" (used for aria label)
+          * Accessible name for the component's next month button.
           * @default "Next month"
          */
         "intlNextMonth"?: string;
         /**
-          * Localized string for "previous month" (used for aria label)
+          * Accessible name for the component's previous month button.
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
         /**
-          * Localized string for "year" (used for aria label)
+          * Accessible name for the component's year input.
           * @default "Year"
          */
         "intlYear"?: string;
         /**
-          * Layout
+          * Defines the layout of the component.
          */
         "layout"?: "horizontal" | "vertical";
         /**
-          * BCP 47 language tag for desired language and country format
+          * Specifies the BCP 47 language tag for the desired language and country format.
           * @deprecated set the global `lang` attribute on the element instead.
           * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
          */
         "locale"?: string;
         /**
-          * Latest allowed date ("yyyy-mm-dd")
+          * Specifies the latest allowed date ("yyyy-mm-dd").
          */
         "max"?: string;
         /**
-          * Latest allowed date as full date object
+          * Specifies the latest allowed date as a full date object.
          */
         "maxAsDate"?: Date;
         /**
-          * Earliest allowed date ("yyyy-mm-dd")
+          * Specifies the earliest allowed date ("yyyy-mm-dd").
          */
         "min"?: string;
         /**
-          * Earliest allowed date as full date object
+          * Specifies the earliest allowed date as a full date object.
          */
         "minAsDate"?: Date;
         /**
-          * The picker's name. Gets submitted with the form.
+          * Specifies the name of the component on form submission.
          */
         "name"?: string;
         /**
-          * Trigger calcite date change when a user changes the date.
+          * Fires when a user changes the date.
           * @deprecated use `calciteInputDatePickerChange` instead.
          */
         "onCalciteDatePickerChange"?: (event: CalciteInputDatePickerCustomEvent<Date>) => void;
         /**
-          * Trigger calcite date change when a user changes the date range.
-          * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)
+          * Fires when a user changes the date range.
+          * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
           * @deprecated use `calciteInputDatePickerChange` instead.
          */
         "onCalciteDatePickerRangeChange"?: (event: CalciteInputDatePickerCustomEvent<DateRangeChange>) => void;
@@ -6946,7 +6968,7 @@ declare namespace LocalJSX {
          */
         "onCalciteInputDatePickerBeforeOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
         /**
-          * This event fires when the input date picker value changes.
+          * Fires when the component's value changes.
          */
         "onCalciteInputDatePickerChange"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
         /**
@@ -6958,74 +6980,74 @@ declare namespace LocalJSX {
          */
         "onCalciteInputDatePickerOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
         /**
-          * Expand or collapse when calendar does not have input
+          * When true, displays the `calcite-date-picker` component.
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
-          * Determines where the date-picker component will be positioned relative to the input.
+          * Specifies the placement of the `calcite-date-picker` relative to the component.
           * @default "bottom-start"
          */
         "placement"?: MenuPlacement;
         /**
-          * Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range.
+          * When true, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
          */
         "proximitySelectionDisabled"?: boolean;
         /**
-          * Range mode activation
+          * When true, activates a range for the component.
          */
         "range"?: boolean;
         /**
-          * When true, still focusable but controls are gone and the value cannot be modified.
+          * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * specify the scale of the date picker
+          * Specifies the size of the component.
          */
         "scale"?: "s" | "m" | "l";
         /**
-          * Selected start date
-          * @deprecated use value instead
+          * The component's start date.
+          * @deprecated use `value` instead.
          */
         "start"?: string;
         /**
-          * Selected start date as full date object
-          * @deprecated use valueAsDate instead
+          * The component's start date as a full date object.
+          * @deprecated use `valueAsDate` instead.
          */
         "startAsDate"?: Date;
         /**
-          * Selected date
+          * The component's value.
          */
         "value"?: string | string[];
         /**
-          * Selected date as full date object
+          * The component's value as a full date object.
          */
         "valueAsDate"?: Date | Date[];
     }
     interface CalciteInputMessage {
         /**
-          * Indicates whether the message is displayed.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
-          * when used as a boolean set to true, show a default icon based on status. You can also pass a calcite-ui-icon name to this prop to display a custom icon
+          * Specifies an icon to display.
          */
         "icon"?: boolean | string;
         /**
-          * specify the scale of the input, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * specify the status of the input field, determines message and icons
+          * Specifies the status of the input field, which determines message and icons.
          */
         "status"?: Status;
         /**
-          * specify the appearance of any slotted message - default (displayed under input), or floating (positioned absolutely under input)
-          * @deprecated "floating" type is no longer supported
+          * Specifies the appearance of a slotted message - `"default"` (displayed under the component), or `"floating"` (positioned absolutely under the component).
+          * @deprecated The `"floating"` type is no longer supported.
          */
         "type"?: "default";
     }
@@ -7035,34 +7057,34 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus"?: boolean;
         /**
-          * When true, a clear button is displayed when the component has a value.
+          * When `true`, a clear button is displayed when the component has a value.
          */
         "clearable"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled"?: boolean;
         /**
-          * When true, number values are displayed with the locale's group separator.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden"?: boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -7079,7 +7101,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading"?: boolean;
         /**
@@ -7119,15 +7141,14 @@ declare namespace LocalJSX {
         "numberButtonType"?: InputPlacement1;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires each time a new value is typed and committed.
          */
         "onCalciteInputNumberChange"?: (event: CalciteInputNumberCustomEvent<void>) => void;
         /**
-          * Fires each time a new value is typed.  **Note:**: The `el` and `value` event payload props are deprecated, please use the event's target/currentTarget instead
+          * Fires each time a new value is typed.  **Note:**: The `el` and `value` event payload props are deprecated, please use the event's `target`/`currentTarget` instead
          */
         "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -7140,12 +7161,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -7176,30 +7197,30 @@ declare namespace LocalJSX {
          */
         "alignment"?: Position;
         /**
-          * When true, the component is focused on page load.
+          * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
          */
         "autofocus"?: boolean;
         /**
-          * When true, a clear button is displayed when the component has a value.
+          * When `true`, a clear button is displayed when the component has a value.
          */
         "clearable"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
           * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
          */
         "disabled"?: boolean;
         /**
-          * When true, the component will not be visible.
+          * When `true`, the component will not be visible.
           * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
          */
         "hidden"?: boolean;
         /**
-          * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
-          * When true, the icon is flipped in RTL.
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
@@ -7216,7 +7237,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is in the loading state and `calcite-progress` is displayed.
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
          */
         "loading"?: boolean;
         /**
@@ -7256,12 +7277,12 @@ declare namespace LocalJSX {
          */
         "prefixText"?: string;
         /**
-          * When true, the value cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * When true, the component must have a value in order for the form to submit.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -7283,76 +7304,80 @@ declare namespace LocalJSX {
     }
     interface CalciteInputTimePicker {
         /**
-          * The active state of the time input
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active"?: boolean;
         /**
-          * The disabled state of the time input
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * aria-label for the hour input
+          * Accessible name for the component's hour input.
          */
         "intlHour"?: string;
         /**
-          * aria-label for the hour down button
+          * Accessible name for the component's hour down button.
          */
         "intlHourDown"?: string;
         /**
-          * aria-label for the hour up button
+          * Accessible name for the component's hour up button.
          */
         "intlHourUp"?: string;
         /**
-          * aria-label for the meridiem (am/pm) input
+          * Accessible name for the component's meridiem (am/pm) input.
          */
         "intlMeridiem"?: string;
         /**
-          * aria-label for the meridiem (am/pm) down button
+          * Accessible name for the component's meridiem (am/pm) down button.
          */
         "intlMeridiemDown"?: string;
         /**
-          * aria-label for the meridiem (am/pm) up button
+          * Accessible name for the component's meridiem (am/pm) up button.
          */
         "intlMeridiemUp"?: string;
         /**
-          * aria-label for the minute input
+          * Accessible name for the component's minute input.
          */
         "intlMinute"?: string;
         /**
-          * aria-label for the minute down button
+          * Accessible name for the component's minute down button.
          */
         "intlMinuteDown"?: string;
         /**
-          * aria-label for the minute up button
+          * Accessible name for the component's minute up button.
          */
         "intlMinuteUp"?: string;
         /**
-          * aria-label for the second input
+          * Accessible name for the component's second input.
          */
         "intlSecond"?: string;
         /**
-          * aria-label for the second down button
+          * Accessible name for the component's second down button.
          */
         "intlSecondDown"?: string;
         /**
-          * aria-label for the second up button
+          * Accessible name for the component's second up button.
          */
         "intlSecondUp"?: string;
         /**
-          * The name of the time input
+          * Specifies the name of the component on form submission.
          */
         "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the time value is changed as a result of user input.
          */
         "onCalciteInputTimePickerChange"?: (event: CalciteInputTimePickerCustomEvent<string>) => void;
         /**
-          * When true, displays the `calcite-time-picker` component.
+          * When `true`, displays the `calcite-time-picker` component.
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -7361,93 +7386,93 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * When true, still focusable but controls are gone and the value cannot be modified.
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
           * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
          */
         "readOnly"?: boolean;
         /**
-          * The scale (size) of the time input
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * number (seconds) that specifies the granularity that the value must adhere to
+          * Specifies the granularity the component's `value` must adhere to (in seconds).
          */
         "step"?: number;
         /**
-          * The selected time in UTC (always 24-hour format)
+          * The component's value in UTC (always 24-hour format).
          */
         "value"?: string;
     }
     interface CalciteLabel {
         /**
-          * specify the text alignment of the label
+          * Specifies the text alignment of the component.
          */
         "alignment"?: Alignment;
         /**
-          * eliminates any space around the label
-          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+          * When `true`, disables the component's spacing.
+          * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
          */
         "disableSpacing"?: boolean;
         /**
-          * is the label disabled
-          * @deprecated use the `disabled` property on the interactive components instead
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @deprecated Use the `disabled` property on the component the label is bound to instead.
          */
         "disabled"?: boolean;
         /**
-          * The id of the input associated with the label
+          * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
          */
         "for"?: string;
         /**
-          * is the wrapped element positioned inline with the label slotted text
+          * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
          */
         "layout"?: "inline" | "inline-space-between" | "default";
         /**
-          * specify the scale of the label, defaults to m
+          * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * specify the status of the label and any child input / input messages
-          * @deprecated set directly on child element instead
+          * Specifies the status of the component and any child input, or input messages.
+          * @deprecated Set directly on the component the label is bound to instead.
          */
         "status"?: Status;
     }
     interface CalciteLink {
         /**
-          * is the link disabled
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
+          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
          */
         "download"?: string | boolean;
         /**
-          * optionally pass a href - used to determine if the component should render as a link or an anchor
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
          */
         "href"?: string;
         /**
-          * optionally pass an icon to display at the end of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * flip the icon(s) in rtl
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * optionally pass an icon to display at the start of a button - accepts calcite ui icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
-          * The rel attribute to apply to the hyperlink
+          * Specifies the relationship to the linked document defined in `href`.
          */
         "rel"?: string;
         /**
-          * The target attribute to apply to the hyperlink
+          * Specifies the frame or window to open the linked document.
          */
         "target"?: string;
     }
     interface CalciteList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7461,7 +7486,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7469,7 +7494,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
     }
@@ -7485,11 +7510,11 @@ declare namespace LocalJSX {
     }
     interface CalciteLoader {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
-          * When true, displays smaller and appears to the left of the text.
+          * When `true`, displays smaller and appears to the left of the text.
          */
         "inline"?: boolean;
         /**
@@ -7510,18 +7535,18 @@ declare namespace LocalJSX {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
-          * The component's value. Valid only for determinate indicators. Percent complete of 100.
+          * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
          */
         "value"?: number;
     }
     interface CalciteModal {
         /**
-          * When true, the `calcite-modal` is active.
-          * @deprecated use open instead
+          * When `true`, the component is active.
+          * @deprecated use `open` instead.
          */
         "active"?: boolean;
         /**
@@ -7529,7 +7554,7 @@ declare namespace LocalJSX {
          */
         "backgroundColor"?: ModalBackgroundColor;
         /**
-          * Passes a function to run before the `calcite-modal` closes.
+          * Passes a function to run before the component closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -7537,23 +7562,23 @@ declare namespace LocalJSX {
          */
         "color"?: "red" | "blue";
         /**
-          * When true, disables the component's close button.
+          * When `true`, disables the component's close button.
          */
         "disableCloseButton"?: boolean;
         /**
-          * When true, disables the default close on escape behavior.
+          * When `true`, disables the default close on escape behavior.
          */
         "disableEscape"?: boolean;
         /**
-          * When true, disables the closing of the component when clicked outside.
+          * When `true`, disables the closing of the component when clicked outside.
          */
         "disableOutsideClose"?: boolean;
         /**
-          * When true, prevents the component from expanding to the entire screen on mobile devices.
+          * When `true`, prevents the component from expanding to the entire screen on mobile devices.
          */
         "docked"?: boolean;
         /**
-          * Sets the component to always be fullscreen (overrides width).
+          * Sets the component to always be fullscreen (overrides `width`).
          */
         "fullscreen"?: boolean;
         /**
@@ -7561,7 +7586,7 @@ declare namespace LocalJSX {
          */
         "intlClose"?: string;
         /**
-          * When true, disables spacing to the content area slot.
+          * When `true`, disables spacing to the content area slot.
           * @deprecated Use `--calcite-modal-padding` CSS variable instead.
          */
         "noPadding"?: boolean;
@@ -7582,7 +7607,7 @@ declare namespace LocalJSX {
          */
         "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<void>) => void;
         /**
-          * When true,`calcite-modal`  opens
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
@@ -7596,12 +7621,12 @@ declare namespace LocalJSX {
     }
     interface CalciteNotice {
         /**
-          * When true, the component is active.
-          * @deprecated Use open instead.
+          * When `true`, the component is active.
+          * @deprecated Use `open` instead.
          */
         "active"?: boolean;
         /**
-          * When true, displays a button user can click to dismiss the `calcite-notice`
+          * When `true`, a close button is added to the component.
          */
         "closable"?: boolean;
         /**
@@ -7609,12 +7634,12 @@ declare namespace LocalJSX {
          */
         "color"?: StatusColor;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
-          * When present, shows a default recommended icon. You can also pass a calcite-ui-icon name to display a requested icon.
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
          */
         "icon"?: string | boolean;
         /**
@@ -7631,7 +7656,7 @@ declare namespace LocalJSX {
          */
         "onCalciteNoticeOpen"?: (event: CalciteNoticeCustomEvent<void>) => void;
         /**
-          * When true, the component is visible
+          * When `true`, the component is visible.
          */
         "open"?: boolean;
         /**
@@ -7645,7 +7670,7 @@ declare namespace LocalJSX {
     }
     interface CalciteOption {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7653,7 +7678,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -7663,7 +7688,7 @@ declare namespace LocalJSX {
     }
     interface CalciteOptionGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -7673,7 +7698,7 @@ declare namespace LocalJSX {
     }
     interface CalcitePagination {
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
@@ -7682,9 +7707,8 @@ declare namespace LocalJSX {
         "num"?: number;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
           * Emits when the selected page changes.
           * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/pagination.tsx#L23)
@@ -7725,11 +7749,11 @@ declare namespace LocalJSX {
          */
         "beforeBack"?: () => Promise<void>;
         /**
-          * When true, displays a close button in the trailing side of the header
+          * When `true`, displays a close button in the trailing side of the header.
          */
         "closable"?: boolean;
         /**
-          * When true, panel will be hidden
+          * When `true`, the component will be hidden.
          */
         "closed"?: boolean;
         /**
@@ -7737,17 +7761,17 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, hides the component.
-          * @deprecated use closed instead
+          * When `true`, hides the component.
+          * @deprecated use `closed` instead.
          */
         "dismissed"?: boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead
          */
         "dismissible"?: boolean;
         /**
@@ -7763,12 +7787,12 @@ declare namespace LocalJSX {
          */
         "heightScale"?: Scale;
         /**
-          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * Accessible name for the component's back button. The back button will only be shown when `showBackButton` is `true`.
           * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
-          * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
+          * Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.
          */
         "intlClose"?: string;
         /**
@@ -7776,11 +7800,11 @@ declare namespace LocalJSX {
          */
         "intlOptions"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * When true, the action menu items in the `header-menu-actions` slot are open.
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
          */
         "menuOpen"?: boolean;
         /**
@@ -7794,12 +7818,12 @@ declare namespace LocalJSX {
         "onCalcitePanelClose"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when the close button is clicked.
-          * @deprecated use calcitePanelClose instead.
+          * @deprecated use `calcitePanelClose` instead.
          */
         "onCalcitePanelDismiss"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * Fires when there is a change to the `dismissed` property value .
-          * @deprecated use calcitePanelClose instead.
+          * @deprecated use `calcitePanelClose` instead.
          */
         "onCalcitePanelDismissedChange"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
@@ -7807,13 +7831,13 @@ declare namespace LocalJSX {
          */
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
-          * When true, displays a back button in the header.
+          * When `true`, displays a back button in the header.
           * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton"?: boolean;
         /**
           * Summary text. A description displayed underneath the heading.
-          * @deprecated use description instead
+          * @deprecated use `description` instead.
          */
         "summary"?: string;
         /**
@@ -7823,11 +7847,11 @@ declare namespace LocalJSX {
     }
     interface CalcitePickList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
          */
         "filterEnabled"?: boolean;
         /**
@@ -7839,11 +7863,11 @@ declare namespace LocalJSX {
          */
         "headingLevel"?: HeadingLevel;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-pick-list-item`s at a time. When false, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
         "multiple"?: boolean;
         /**
@@ -7851,7 +7875,7 @@ declare namespace LocalJSX {
          */
         "onCalciteListChange"?: (event: CalcitePickListCustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
          */
         "selectionFollowsFocus"?: boolean;
     }
@@ -7871,20 +7895,20 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When false, the component cannot be deselected by user interaction.
+          * When `false`, the component cannot be deselected by user interaction.
          */
         "disableDeselect"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
           * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
          */
         "icon"?: ICON_TYPES | null;
         /**
-          * Accessible name for the component's remove button. Only applicable if removable is "true".
+          * When `removable` is `true`, the accessible name for the component's remove button.
           * @default "Remove"
          */
         "intlRemove"?: string;
@@ -7910,11 +7934,11 @@ declare namespace LocalJSX {
          */
         "onCalciteListItemRemove"?: (event: CalcitePickListItemCustomEvent<void>) => void;
         /**
-          * When true, displays a remove action that removes the item from the list.
+          * When `true`, displays a remove action that removes the item from the list.
          */
         "removable"?: boolean;
         /**
-          * When true, selects an item. Toggles when an item is checked/unchecked.
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
          */
         "selected"?: boolean;
         /**
@@ -7928,25 +7952,25 @@ declare namespace LocalJSX {
          */
         "autoClose"?: boolean;
         /**
-          * When true, display a close button within the Popover
+          * When `true`, display a close button within the component.
          */
         "closable"?: boolean;
         /**
-          * When true, a close button is added to the component.
+          * When `true`, a close button is added to the component.
           * @deprecated use dismissible instead.
          */
         "closeButton"?: boolean;
         /**
-          * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
          */
         "disableFlip"?: boolean;
         /**
-          * When true, removes the caret pointer.
+          * When `true`, removes the caret pointer.
          */
         "disablePointer"?: boolean;
         /**
-          * When true, a close button is added to the component.
-          * @deprecated use closable instead
+          * When `true`, a close button is added to the component.
+          * @deprecated use `closable` instead.
          */
         "dismissible"?: boolean;
         /**
@@ -7971,12 +7995,12 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * Offsets the position of the popover away from the `referenceElement`.
+          * Offsets the position of the component away from the `referenceElement`.
           * @default 6
          */
         "offsetDistance"?: number;
         /**
-          * Offsets the position of the popover along the `referenceElement`.
+          * Offsets the position of the component along the `referenceElement`.
          */
         "offsetSkidding"?: number;
         /**
@@ -7996,11 +8020,11 @@ declare namespace LocalJSX {
          */
         "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
         /**
-          * When true, displays and positions the component.
+          * When `true`, displays and positions the component.
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -8009,11 +8033,11 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * The `referenceElement` used to position the component according to its "placement" value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
+          * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
          */
         "referenceElement": ReferenceElement | string;
         /**
-          * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
          */
         "triggerDisabled"?: boolean;
     }
@@ -8034,7 +8058,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * When true and for indeterminate progress bars, reverses the animation direction.
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
          */
         "reversed"?: boolean;
         /**
@@ -8042,7 +8066,7 @@ declare namespace LocalJSX {
          */
         "text"?: string;
         /**
-          * Use indeterminate if finding actual progress value is impossible.
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
          */
         "type"?: "indeterminate" | "determinate";
         /**
@@ -8052,19 +8076,19 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioButton {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * The id attribute of the component. When omitted, a globally unique identifier is used.
+          * The `id` of the component. When omitted, a globally unique identifier is used.
          */
         "guid"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8072,11 +8096,11 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
+          * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
          */
         "onCalciteRadioButtonChange"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
         /**
-          * When true, the component must have a value selected from the `calcite-radio-button-group` on form submission.
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8090,11 +8114,11 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioButtonGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8110,7 +8134,7 @@ declare namespace LocalJSX {
          */
         "onCalciteRadioButtonGroupChange"?: (event: CalciteRadioButtonGroupCustomEvent<any>) => void;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8124,7 +8148,7 @@ declare namespace LocalJSX {
          */
         "appearance"?: RadioAppearance;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8149,7 +8173,7 @@ declare namespace LocalJSX {
          */
         "selectedItem"?: HTMLCalciteRadioGroupItemElement;
         /**
-          * The component's "selectedItem" value.
+          * The component's `selectedItem` value.
          */
         "value"?: string;
         /**
@@ -8159,29 +8183,29 @@ declare namespace LocalJSX {
     }
     interface CalciteRadioGroupItem {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
-          * Optionally pass an icon to display - accepts Calcite UI icon names
-          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+          * Specifies an icon to display.
+          * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
          */
         "icon"?: string;
         /**
-          * Optionally pass an icon to display at the end - accepts Calcite UI icon names
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: boolean;
         /**
-          * Optionally used with icon, select where to position the icon
-          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+          * Specifies the placement of the icon.
+          * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
          */
         "iconPosition"?: Position;
         /**
-          * Optionally pass an icon to display at the start - accepts Calcite UI icon names
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
@@ -8199,7 +8223,7 @@ declare namespace LocalJSX {
          */
         "count"?: number;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8221,7 +8245,7 @@ declare namespace LocalJSX {
          */
         "onCalciteRatingChange"?: (event: CalciteRatingCustomEvent<{ value: number }>) => void;
         /**
-          * When true, the component's value can be read, but cannot be modified.
+          * When `true`, the component's value can be read, but cannot be modified.
          */
         "readOnly"?: boolean;
         /**
@@ -8229,7 +8253,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`.
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
          */
         "showChip"?: boolean;
         /**
@@ -8244,13 +8268,13 @@ declare namespace LocalJSX {
          */
         "intlLoading"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
     }
     interface CalciteSelect {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8262,7 +8286,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the selected option changes.
+          * Fires when the `selectedOption` changes.
          */
         "onCalciteSelectChange"?: (event: CalciteSelectCustomEvent<void>) => void;
         /**
@@ -8275,7 +8299,7 @@ declare namespace LocalJSX {
          */
         "selectedOption"?: HTMLCalciteOptionElement;
         /**
-          * The component's "selectedOption" value.
+          * The component's `selectedOption` value.
          */
         "value"?: string;
         /**
@@ -8291,7 +8315,7 @@ declare namespace LocalJSX {
     }
     interface CalciteShellCenterRow {
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached"?: boolean;
         /**
@@ -8299,21 +8323,21 @@ declare namespace LocalJSX {
          */
         "heightScale"?: Scale;
         /**
-          * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "position"?: Position;
     }
     interface CalciteShellPanel {
         /**
-          * When true, hides the component's content area.
+          * When `true`, hides the component's content area.
          */
         "collapsed"?: boolean;
         /**
-          * When true, the content area displays like a floating panel.
+          * When `true`, the content area displays like a floating panel.
          */
         "detached"?: boolean;
         /**
-          * When "detached", specifies the maximum height of the component.
+          * When `detached`, specifies the maximum height of the component.
          */
         "detachedHeightScale"?: Scale;
         /**
@@ -8323,15 +8347,15 @@ declare namespace LocalJSX {
         "intlResize"?: string;
         /**
           * Emitted when collapse has been toggled.
-          * @deprecated use a resizeObserver on the component to listen for changes to its size.
+          * @deprecated use a `ResizeObserver` on the component to listen for changes to its size.
          */
         "onCalciteShellPanelToggle"?: (event: CalciteShellPanelCustomEvent<void>) => void;
         /**
-          * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "position"?: Position;
         /**
-          * When true and not "detached", the component's content area is resizable.
+          * When `true` and not `detached`, the component's content area is resizable.
          */
         "resizable"?: boolean;
         /**
@@ -8341,19 +8365,19 @@ declare namespace LocalJSX {
     }
     interface CalciteSlider {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, number values are displayed with a group separator corresponding to the language and country format.
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
          */
         "groupSeparator"?: boolean;
         /**
-          * When true, indicates a histogram is present.
+          * When `true`, indicates a histogram is present.
          */
         "hasHistogram"?: boolean;
         /**
-          * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
           * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
@@ -8362,11 +8386,11 @@ declare namespace LocalJSX {
          */
         "histogramStops"?: ColorStop[];
         /**
-          * When true, displays label handles with their numeric value.
+          * When `true`, displays label handles with their numeric value.
          */
         "labelHandles"?: boolean;
         /**
-          * When true and "ticks" is specified, displays label tick marks with their numeric value.
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
          */
         "labelTicks"?: boolean;
         /**
@@ -8374,7 +8398,7 @@ declare namespace LocalJSX {
          */
         "max"?: number;
         /**
-          * For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound".
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
          */
         "maxLabel"?: string;
         /**
@@ -8386,7 +8410,7 @@ declare namespace LocalJSX {
          */
         "min"?: number;
         /**
-          * Accessible name for first (or only) handle, such as "Temperature, lower bound".
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
          */
         "minLabel"?: string;
         /**
@@ -8394,7 +8418,7 @@ declare namespace LocalJSX {
          */
         "minValue"?: number;
         /**
-          * When true, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
          */
         "mirrored"?: boolean;
         /**
@@ -8403,11 +8427,10 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
-          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
          */
-        "numberingSystem"?: string;
+        "numberingSystem"?: NumberingSystem;
         /**
-          * Fires when the thumb is released on the component.  **Note:** If you need to constantly listen to the drag event, use "calciteSliderInput" instead.
+          * Fires when the thumb is released on the component.  **Note:** If you need to constantly listen to the drag event, use `calciteSliderInput` instead.
          */
         "onCalciteSliderChange"?: (event: CalciteSliderCustomEvent<void>) => void;
         /**
@@ -8416,7 +8439,7 @@ declare namespace LocalJSX {
         "onCalciteSliderInput"?: (event: CalciteSliderCustomEvent<void>) => void;
         /**
           * Fires on all updates to the component.  **Note:** Will be fired frequently during drag. If you are performing any expensive operations consider using a debounce or throttle to avoid locking up the main thread.
-          * @deprecated use "calciteSliderInput" instead.
+          * @deprecated use `calciteSliderInput` instead.
          */
         "onCalciteSliderUpdate"?: (event: CalciteSliderCustomEvent<void>) => void;
         /**
@@ -8424,11 +8447,11 @@ declare namespace LocalJSX {
          */
         "pageStep"?: number;
         /**
-          * When true, sets a finer point for handles.
+          * When `true`, sets a finer point for handles.
          */
         "precise"?: boolean;
         /**
-          * When true, the component must have a value on form submission.
+          * When `true`, the component must have a value in order for the form to submit.
          */
         "required"?: boolean;
         /**
@@ -8436,7 +8459,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, enables snap selection in coordination with "step" via a mouse.
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
          */
         "snap"?: boolean;
         /**
@@ -8492,7 +8515,7 @@ declare namespace LocalJSX {
          */
         "color"?: ButtonColor;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8504,7 +8527,7 @@ declare namespace LocalJSX {
          */
         "dropdownLabel"?: string;
         /**
-          * When true, a busy indicator is displayed on the primary button.
+          * When `true`, a busy indicator is displayed on the primary button.
          */
         "loading"?: boolean;
         /**
@@ -8516,19 +8539,19 @@ declare namespace LocalJSX {
          */
         "onCalciteSplitButtonSecondaryClick"?: (event: CalciteSplitButtonCustomEvent<DeprecatedEventPayload>) => void;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
-          * Specifies an icon to display at the end of the primary button - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the primary button.
          */
         "primaryIconEnd"?: string;
         /**
-          * When true, the primary button icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "primaryIconFlipRtl"?: FlipContext;
         /**
-          * Specifies an icon to display at the start of the primary button - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the primary button.
          */
         "primaryIconStart"?: string;
         /**
@@ -8550,7 +8573,7 @@ declare namespace LocalJSX {
     }
     interface CalciteStepper {
         /**
-          * When true, displays a status icon in the `calcite-stepper-item` heading.
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
          */
         "icon"?: boolean;
         /**
@@ -8558,9 +8581,13 @@ declare namespace LocalJSX {
          */
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         /**
-          * When true, displays the step number in the `calcite-stepper-item` heading.
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
          */
         "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Fires when the active `calcite-stepper-item` changes.
          */
@@ -8572,12 +8599,12 @@ declare namespace LocalJSX {
     }
     interface CalciteStepperItem {
         /**
-          * is the step active
-          * @deprecated Use selected instead.
+          * When `true`, the component is selected.
+          * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * has the step been completed
+          * When `true`, the step has been completed.
          */
         "complete"?: boolean;
         /**
@@ -8585,11 +8612,11 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, the component contains an error that requires resolution from the user.
+          * When `true`, the component contains an error that requires resolution from the user.
          */
         "error"?: boolean;
         /**
@@ -8598,26 +8625,26 @@ declare namespace LocalJSX {
         "heading"?: string;
         /**
           * A description for the component. Displays below the header text.
-          * @deprecated use "description" instead.
+          * @deprecated use `description` instead.
          */
         "itemSubtitle"?: string;
         /**
           * The component header text.
-          * @deprecated use "heading" instead.
+          * @deprecated use `heading` instead.
          */
         "itemTitle"?: string;
         /**
-          * When true, step is selected
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
     }
     interface CalciteSwitch {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8629,7 +8656,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Fires when the checked value has changed.  **Note:** The event payload is deprecated, use the component's "checked" property instead.
+          * Fires when the `checked` value has changed.  **Note:** The event payload is deprecated, use the component's `checked` property instead.
          */
         "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<DeprecatedEventPayload>) => void;
         /**
@@ -8637,8 +8664,8 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * When true, the component is checked.
-          * @deprecated use "checked" instead.
+          * When `true`, the component is checked.
+          * @deprecated use `checked` instead.
          */
         "switched"?: boolean;
         /**
@@ -8648,12 +8675,12 @@ declare namespace LocalJSX {
     }
     interface CalciteTab {
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use "selected" instead.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * When true, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected"?: boolean;
         /**
@@ -8678,33 +8705,33 @@ declare namespace LocalJSX {
     }
     interface CalciteTabTitle {
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-          * @deprecated Use "selected" instead.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * @deprecated Use `selected` instead.
          */
         "active"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Specifies an icon to display at the end of the component - accepts Calcite UI icon names.
+          * Specifies an icon to display at the end of the component.
          */
         "iconEnd"?: string;
         /**
-          * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl"?: FlipContext;
         /**
-          * Specifies an icon to display at the start of the component - accepts Calcite UI icon names.
+          * Specifies an icon to display at the start of the component.
          */
         "iconStart"?: string;
         /**
-          * Fires when a `calcite-tab` is selected. Emits the "tab" property, or the index position.
+          * Fires when a `calcite-tab` is selected. Emits the `tab` property, or the index position.
           * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
          */
         "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<TabChangeEventDetail>) => void;
         /**
-          * When true, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
         "selected"?: boolean;
         /**
@@ -8714,15 +8741,15 @@ declare namespace LocalJSX {
     }
     interface CalciteTabs {
         /**
-          * When true and layout is set to "inline", the component will display with a folder style menu.
+          * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
          */
         "bordered"?: boolean;
         /**
-          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
          */
         "layout"?: TabLayout;
         /**
-          * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+          * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
          */
         "position"?: TabPosition;
         /**
@@ -8732,7 +8759,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTile {
         /**
-          * When true, the component is active.
+          * When `true`, the component is active.
          */
         "active"?: boolean;
         /**
@@ -8740,11 +8767,11 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * The component's embed mode.  When true, renders without a border and padding for use by other components.
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
          */
         "embed"?: boolean;
         /**
@@ -8752,11 +8779,11 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable.
+          * When `true`, the component is not displayed and is not focusable.
          */
         "hidden"?: boolean;
         /**
-          * When embed is "false", the url for the component.
+          * When embed is `"false"`, the URL for the component.
          */
         "href"?: string;
         /**
@@ -8766,7 +8793,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTileSelect {
         /**
-          * When true, the component is checked.
+          * When `true`, the component is checked.
          */
         "checked"?: boolean;
         /**
@@ -8774,7 +8801,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -8782,7 +8809,7 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * When true, the component is not displayed and is not focusable or checkable.
+          * When `true`, the component is not displayed and is not focusable or checkable.
          */
         "hidden"?: boolean;
         /**
@@ -8790,11 +8817,11 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * When inputEnabled is true, the placement of the interactive input on the component.
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
          */
         "inputAlignment"?: Extract<"end" | "start", Alignment>;
         /**
-          * When true, displays an interactive input based on the "type" property.
+          * When `true`, displays an interactive input based on the `type` property.
          */
         "inputEnabled"?: boolean;
         /**
@@ -8820,11 +8847,11 @@ declare namespace LocalJSX {
     }
     interface CalciteTileSelectGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * Defines the layout of the component.  Use "horizontal" for rows, and "vertical" for a single column.
+          * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
          */
         "layout"?: TileSelectGroupLayout;
     }
@@ -8889,12 +8916,16 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
         /**
           * Specifies the size of the component.
          */
         "scale"?: Scale;
         /**
-          * Specifies the granularity the "value" must adhere to (in seconds).
+          * Specifies the granularity the `value` must adhere to (in seconds).
          */
         "step"?: number;
         /**
@@ -8904,7 +8935,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTip {
         /**
-          * When true, the component does not display.
+          * When `true`, the component does not display.
          */
         "dismissed"?: boolean;
         /**
@@ -8920,7 +8951,7 @@ declare namespace LocalJSX {
          */
         "intlClose"?: string;
         /**
-          * When true, the close button is not present on the component.
+          * When `true`, the close button is not present on the component.
          */
         "nonDismissible"?: boolean;
         /**
@@ -8940,7 +8971,7 @@ declare namespace LocalJSX {
     }
     interface CalciteTipManager {
         /**
-          * When true, does not display or position the component.
+          * When `true`, does not display or position the component.
          */
         "closed"?: boolean;
         /**
@@ -8973,7 +9004,7 @@ declare namespace LocalJSX {
         "onCalciteTipManagerClose"?: (event: CalciteTipManagerCustomEvent<void>) => void;
         /**
           * Emits when the component has been open or closed.
-          * @deprecated use "calciteTipManagerClose" instead.
+          * @deprecated use `calciteTipManagerClose` instead.
          */
         "onCalciteTipManagerToggle"?: (event: CalciteTipManagerCustomEvent<void>) => void;
     }
@@ -8996,11 +9027,11 @@ declare namespace LocalJSX {
          */
         "offsetSkidding"?: number;
         /**
-          * When true, the component is open.
+          * When `true`, the component is open.
          */
         "open"?: boolean;
         /**
-          * Determines the type of positioning to use for the overlaid content.  Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
          */
         "overlayPositioning"?: OverlayPositioning;
         /**
@@ -9009,7 +9040,7 @@ declare namespace LocalJSX {
          */
         "placement"?: LogicalPlacement;
         /**
-          * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
+          * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
          */
         "referenceElement"?: ReferenceElement | string;
     }
@@ -9023,7 +9054,7 @@ declare namespace LocalJSX {
     interface CalciteTree {
         /**
           * Display input
-          * @deprecated Use "ancestors" selection-mode for checkbox input.
+          * @deprecated Use `selectionMode="ancestors"` for checkbox input.
          */
         "inputEnabled"?: boolean;
         /**
@@ -9031,7 +9062,7 @@ declare namespace LocalJSX {
          */
         "lines"?: boolean;
         /**
-          * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's "detail" property.
+          * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's `detail` property.
           * @see [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)
          */
         "onCalciteTreeSelect"?: (event: CalciteTreeCustomEvent<TreeSelectDetail>) => void;
@@ -9048,25 +9079,29 @@ declare namespace LocalJSX {
     }
     interface CalciteTreeItem {
         /**
-          * When true, the component is expanded.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, the component is expanded.
          */
         "expanded"?: boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
     }
     interface CalciteValueList {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
-          * When true, `calcite-value-list-item`s are sortable via a draggable button.
+          * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
          */
         "dragEnabled"?: boolean;
         /**
-          * When true, an input appears at the top of the component that can be used by end users to filter list items.
+          * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
          */
         "filterEnabled"?: boolean;
         /**
@@ -9078,27 +9113,27 @@ declare namespace LocalJSX {
          */
         "group"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the component.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the component.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleActive"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s new position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s new position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleChange"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s current position after commit.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s current position after commit.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleCommit"?: string;
         /**
-          * When "drag-enabled" is true and active, specifies accessible context to the `calcite-value-list-item`'s initial position.  Use ${position} of ${total} as placeholder for displaying indices and ${item.label} as placeholder for displaying label of `calcite-value-list-item`.
+          * When `dragEnabled` is `true` and active, specifies accessible context to the `calcite-value-list-item`s initial position.  Use "`${position}` of `${total}`" as a placeholder for displaying indices and `${item.label}` as a placeholder for displaying the `calcite-value-list-item` label.
          */
         "intlDragHandleIdle"?: string;
         /**
-          * When true, a busy indicator is displayed.
+          * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
         /**
-          * Similar to standard radio buttons and checkboxes. When true, a user can select multiple `calcite-value-list-item`s at a time. When false, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
          */
         "multiple"?: boolean;
         /**
@@ -9110,7 +9145,7 @@ declare namespace LocalJSX {
          */
         "onCalciteListOrderChange"?: (event: CalciteValueListCustomEvent<any[]>) => void;
         /**
-          * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
          */
         "selectionFollowsFocus"?: boolean;
     }
@@ -9120,7 +9155,7 @@ declare namespace LocalJSX {
          */
         "description"?: string;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -9137,7 +9172,7 @@ declare namespace LocalJSX {
          */
         "metadata"?: Record<string, unknown>;
         /**
-          * When true, prevents the content of the component from user interaction.
+          * When `true`, prevents the content of the component from user interaction.
          */
         "nonInteractive"?: boolean;
         /**
@@ -9145,11 +9180,11 @@ declare namespace LocalJSX {
          */
         "onCalciteListItemRemove"?: (event: CalciteValueListItemCustomEvent<void>) => void;
         /**
-          * When true, adds an action to remove the component.
+          * When `true`, adds an action to remove the component.
          */
         "removable"?: boolean;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**