/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { DsAccordionToggleEvent } from "./components/01-base-components/ds-accordion/ds-accordion";
import { DsActionListItemSelectEvent, DsActionListItemVariant } from "./components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item";
import { DsActionMenuCloseEvent, DsActionMenuOpenEvent } from "./components/01-base-components/ds-action-menu/ds-action-menu";
import { DsBackdropTransitionEvent } from "./components/01-base-components/ds-backdrop/ds-backdrop";
import { DsCheckboxBlurEvent, DsCheckboxChangeEvent, DsCheckboxFocusEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
import { DsSubmitInvalidEvent, DsValidityEvent } from "./utils/controls/utils";
import { DsCheckboxGroupAllRequiredChangeEvent, DsCheckboxGroupChangeEvent, DsCheckboxGroupCheckedChangeEvent, DsCheckboxGroupDisabledChangeEvent, DsCheckboxGroupFormChangeEvent, DsCheckboxGroupIndeterminateChildChangeEvent, DsCheckboxGroupInvalidStateChangeEvent, DsCheckboxGroupNameChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
import { DsChipClickEvent, DsChipValue } from "./components/01-base-components/ds-chip/ds-chip";
import { DsChipClickEvent as DsChipClickEvent1 } from "./components/01-base-components/ds-chip/ds-chip";
import { DsComboboxBlurEvent, DsComboboxChangeEvent, DsComboboxFilterChangeEvent, DsComboboxFocusEvent, DsComboboxMultipleChangeEvent, DsComboboxSelectedOptionRemovedEvent, DsComboboxSelectedOptionValueChangeEvent } from "./components/01-base-components/ds-combobox/ds-combobox";
import { DsDatepickerBlurEvent, DsDatepickerChangeEvent, DsDatepickerFocusEvent } from "./components/01-base-components/ds-datepicker/ds-datepicker";
import { LinkTarget } from "./utils/links/utils";
import { DsMediaErrorEvent, DsMediaLoadEvent, MediaType } from "./components/01-base-components/ds-media/ds-media";
import { DsOptionClickEvent, DsOptionLabelChangeEvent, DsOptionMountedEvent, DsOptionValueChangeEvent } from "./components/01-base-components/ds-option/ds-option";
import { DsOptionsActiveIndexChangeEvent, DsOptionsEscEvent } from "./components/01-base-components/ds-options/ds-options";
import { DsRadioButtonBlurEvent, DsRadioButtonChangeEvent, DsRadioButtonCheckEvent, DsRadioButtonFocusEvent } from "./components/01-base-components/ds-radio-button/ds-radio-button";
import { DsRadioButtonGroupChangeEvent, DsRadioButtonGroupInvalidStateChangeEvent, DsRadioButtonGroupValueChangeEvent } from "./components/01-base-components/ds-radio-button-group/ds-radio-button-group";
import { RibbonLink } from "./data";
import { DsSelectBlurEvent, DsSelectChangeEvent, DsSelectFocusEvent, DsSelectMultipleChangeEvent } from "./components/01-base-components/ds-select/ds-select";
import { Language } from "./store";
import { DsTabClickEvent, DsTabFocusEvent } from "./components/01-base-components/ds-tabs/ds-tab/ds-tab";
import { DsTabChangeEvent } from "./components/01-base-components/ds-tabs/ds-tablist/ds-tablist";
import { DsTextAreaEvent } from "./components/01-base-components/ds-text-area/ds-text-area";
import { DsTextInputEvent } from "./components/01-base-components/ds-text-input/ds-text-input";
import { Event } from "./stencil-public-runtime";
export { DsAccordionToggleEvent } from "./components/01-base-components/ds-accordion/ds-accordion";
export { DsActionListItemSelectEvent, DsActionListItemVariant } from "./components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item";
export { DsActionMenuCloseEvent, DsActionMenuOpenEvent } from "./components/01-base-components/ds-action-menu/ds-action-menu";
export { DsBackdropTransitionEvent } from "./components/01-base-components/ds-backdrop/ds-backdrop";
export { DsCheckboxBlurEvent, DsCheckboxChangeEvent, DsCheckboxFocusEvent } from "./components/01-base-components/ds-checkbox/ds-checkbox";
export { DsSubmitInvalidEvent, DsValidityEvent } from "./utils/controls/utils";
export { DsCheckboxGroupAllRequiredChangeEvent, DsCheckboxGroupChangeEvent, DsCheckboxGroupCheckedChangeEvent, DsCheckboxGroupDisabledChangeEvent, DsCheckboxGroupFormChangeEvent, DsCheckboxGroupIndeterminateChildChangeEvent, DsCheckboxGroupInvalidStateChangeEvent, DsCheckboxGroupNameChangeEvent } from "./components/01-base-components/ds-checkbox-group/ds-checkbox-group";
export { DsChipClickEvent, DsChipValue } from "./components/01-base-components/ds-chip/ds-chip";
export { DsChipClickEvent as DsChipClickEvent1 } from "./components/01-base-components/ds-chip/ds-chip";
export { DsComboboxBlurEvent, DsComboboxChangeEvent, DsComboboxFilterChangeEvent, DsComboboxFocusEvent, DsComboboxMultipleChangeEvent, DsComboboxSelectedOptionRemovedEvent, DsComboboxSelectedOptionValueChangeEvent } from "./components/01-base-components/ds-combobox/ds-combobox";
export { DsDatepickerBlurEvent, DsDatepickerChangeEvent, DsDatepickerFocusEvent } from "./components/01-base-components/ds-datepicker/ds-datepicker";
export { LinkTarget } from "./utils/links/utils";
export { DsMediaErrorEvent, DsMediaLoadEvent, MediaType } from "./components/01-base-components/ds-media/ds-media";
export { DsOptionClickEvent, DsOptionLabelChangeEvent, DsOptionMountedEvent, DsOptionValueChangeEvent } from "./components/01-base-components/ds-option/ds-option";
export { DsOptionsActiveIndexChangeEvent, DsOptionsEscEvent } from "./components/01-base-components/ds-options/ds-options";
export { DsRadioButtonBlurEvent, DsRadioButtonChangeEvent, DsRadioButtonCheckEvent, DsRadioButtonFocusEvent } from "./components/01-base-components/ds-radio-button/ds-radio-button";
export { DsRadioButtonGroupChangeEvent, DsRadioButtonGroupInvalidStateChangeEvent, DsRadioButtonGroupValueChangeEvent } from "./components/01-base-components/ds-radio-button-group/ds-radio-button-group";
export { RibbonLink } from "./data";
export { DsSelectBlurEvent, DsSelectChangeEvent, DsSelectFocusEvent, DsSelectMultipleChangeEvent } from "./components/01-base-components/ds-select/ds-select";
export { Language } from "./store";
export { DsTabClickEvent, DsTabFocusEvent } from "./components/01-base-components/ds-tabs/ds-tab/ds-tab";
export { DsTabChangeEvent } from "./components/01-base-components/ds-tabs/ds-tablist/ds-tablist";
export { DsTextAreaEvent } from "./components/01-base-components/ds-text-area/ds-text-area";
export { DsTextInputEvent } from "./components/01-base-components/ds-text-input/ds-text-input";
export { Event } from "./stencil-public-runtime";
export namespace Components {
    interface DsAccordion {
        /**
          * Passed to the `aria-describedby` attribute of the heading `button` element.
         */
        "dsAriaDescribedBy"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the heading `button` element. Should be set when `dsHeadingVariant` is `icon-button`.
         */
        "dsAriaLabelledBy"?: string;
        /**
          * If true, aligns the border to the position where accordion content starts. Use cases include side panels or sidebars to achieve better text alignment with other content.
          * @default false
         */
        "dsBorderAligned": boolean;
        /**
          * Text of the close button
         */
        "dsCloseButtonLabel"?: string;
        /**
          * If true, adds a background color to the accordion content area
          * @default true
         */
        "dsContentHasBackground": boolean;
        /**
          * Adds a background color to the accordion header area:  - `expanded` (default): Background is visible only when the accordion is expanded. - `always`: Background is always visible. - `never`: Background is never visible.
          * @default 'expanded'
         */
        "dsHeaderHasBackground": 'expanded' | 'always' | 'never';
        /**
          * Heading level to be used for the accordion
          * @default 2
         */
        "dsHeadingLevel": number;
        /**
          * Heading variant of the accordion: - `button`: Heading button takes the full width of the header. The header content is inside the button. - `icon-button`: Heading button is styled as an icon button. The header content is separate from the button.
          * @default 'button'
         */
        "dsHeadingVariant": 'button' | 'icon-button';
        /**
          * If true, removes the bottom border
          * @default false
         */
        "dsHideBottomBorder": boolean;
        /**
          * If true, removes all borders from the content area. Borders remain in the header
          * @default false
         */
        "dsHideContentBorders": boolean;
        /**
          * If true, removes the left border
          * @default true
         */
        "dsHideLeftBorder": boolean;
        /**
          * If true, removes the right border
          * @default true
         */
        "dsHideRightBorder": boolean;
        /**
          * If true, removes the top border
          * @default false
         */
        "dsHideTopBorder": boolean;
        /**
          * Id of the accordion button
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Programmatically open or close the accordion. Takes precedence over `dsOpenByDefault` when set.
         */
        "dsOpen"?: boolean;
        /**
          * If true, displays the accordion as opened when loaded
          * @default false
         */
        "dsOpenByDefault": boolean;
        /**
          * If true, displays a close button at the end of an opened accordion. Use cases include accordions with long content where scrolling back to the header to close the accordion would be inconvenient.
          * @default false
         */
        "dsUseCloseButton": boolean;
        /**
          * Variant of the accordion: - `default`: Standard spacing and font sizes. - `compact`: Reduced spacing and font sizes, for denser display of content.
          * @default 'default'
         */
        "dsVariant": 'default' | 'compact';
        /**
          * Programmatically open or close the accordion.
          * @param isExpanded If true, opens the accordion; if false, closes it.
         */
        "setIsExpanded": (isExpanded: boolean) => Promise<void>;
    }
    interface DsActionList {
        /**
          * @default 'group'
         */
        "dsRole": 'menu' | 'group';
    }
    interface DsActionListDivider {
    }
    interface DsActionListGroupTitle {
        /**
          * ID applied to the title span, used by the parent ds-action-list for aria-labelledby.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * The visible group title text.
         */
        "dsTitle": string;
    }
    interface DsActionListItem {
        /**
          * When false, selecting a single-select item will not close the menu. Has no effect on action, action-danger, or multi-select variants. Defaults to true.
          * @default true
         */
        "dsCloseOnSelect": boolean;
        /**
          * Optional secondary description text rendered below the label.
         */
        "dsDescription"?: string;
        /**
          * When true, the item is disabled and cannot be interacted with.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Icon name to display. Not applicable to multi-select variant. When any item in a sibling group has an icon, other items without icons are automatically indented via `dsIndented`.
         */
        "dsIcon"?: string;
        /**
          * Unique identifier for the item. Emitted in the dsSelect event payload.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * When true, adds left padding to align this item with siblings that have icons. Automatically set by the parent `ds-action-list` when needed.
          * @default false
         */
        "dsIndented": boolean;
        /**
          * Visible label for the item.
         */
        "dsLabel": string;
        /**
          * Selected state for single-select and multi-select variants.
          * @default false
         */
        "dsSelected": boolean;
        /**
          * When true, the item is visible and focusable but cannot be activated. Unlike `dsDisabled`, the item retains its normal appearance except the description text is rendered in the attention color to signal unavailability.
          * @default false
         */
        "dsUnavailable": boolean;
        /**
          * Variant of the item, which determines ARIA role and visual appearance: - "action": standard action, role="menuitem", closes menu on select - "action-danger": destructive action, role="menuitem", closes menu on select - "single-select": radio selection, role="menuitemradio", closes menu on select - "multi-select": checkbox selection, role="menuitemcheckbox", menu stays open
          * @default 'action'
         */
        "dsVariant": DsActionListItemVariant;
        /**
          * Sets focus to the internal button element.
         */
        "setFocus": () => Promise<void>;
        /**
          * Sets the tabIndex on the internal button element. Used by ds-action-list for roving tabindex in standalone mode.
         */
        "setTabIndex": (value: number) => Promise<void>;
    }
    interface DsActionMenu {
        /**
          * Closes the menu and returns focus to the trigger button.
         */
        "close": () => Promise<void>;
        /**
          * Alignment of the menu relative to the trigger button. - "start": menu left edge aligns with button left edge - "center": menu center aligns with button center - "end": menu right edge aligns with button right edge
          * @default 'start'
         */
        "dsAlign": 'start' | 'center' | 'end';
        /**
          * Accessible label for the trigger button. Required when using `dsIconOnly=true` since there is no visible text to announce. Forwarded as `aria-label` to the internal `ds-button`.
         */
        "dsAriaLabel"?: string;
        /**
          * Colour of the trigger button.
          * @default 'blue'
         */
        "dsButtonColour": 'blue' | 'black' | 'white' | 'danger';
        /**
          * Size of the trigger button.
          * @default 'medium'
         */
        "dsButtonSize": 'small' | 'medium';
        /**
          * Visible label on the trigger button.
          * @default ''
         */
        "dsButtonText": string;
        /**
          * Variant of the trigger button.
          * @default 'secondary'
         */
        "dsButtonVariant": 'primary' | 'secondary' | 'supplementary';
        /**
          * When true, the trigger button is disabled and the menu cannot be opened.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Icon name for the trigger button. When not icon-only, a chevron is appended automatically.
          * @default ''
         */
        "dsIcon": string;
        /**
          * When true, renders an icon-only button as the trigger. The icon defaults to a vertical three-dot (more-vert) icon unless `dsIcon` is set.
          * @default false
         */
        "dsIconOnly": boolean;
        /**
          * ID for the trigger button element. Also used to derive the CSS anchor-name and aria-labelledby.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * CSS max-height for the menu (e.g. "300px"). When set, the menu becomes scrollable.
         */
        "dsMenuMaxHeight"?: string;
        /**
          * Custom CSS width for the menu (e.g. "400px", "20rem"). When undefined, the menu grows to fit its content with a minimum of 288px. Note: the menu uses `position: fixed`, so percentage values (e.g. "100%") are relative to the viewport, not the trigger button.
         */
        "dsMenuWidth"?: string;
        /**
          * Where the menu opens relative to the trigger. - "bottom": always opens below - "top": always opens above - "auto": browser uses CSS position-try-fallbacks to flip automatically when near viewport edge
          * @default 'auto'
         */
        "dsPlacement": 'bottom' | 'top' | 'auto';
        /**
          * Opens the menu and moves focus to the first focusable item.
         */
        "open": () => Promise<void>;
        /**
          * Toggles the menu open/closed state.
         */
        "toggle": () => Promise<void>;
    }
    interface DsAssistiveText {
        /**
          * Passed to the `id` attribute of the `small` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Assistive text.
         */
        "dsText"?: string;
    }
    interface DsBackdrop {
        /**
          * Additional CSS classes to apply to the <dialog> element.
          * @default ''
         */
        "dsDialogClasses": string;
        /**
          * If true, the backdrop is open.
          * @default false
         */
        "dsOpen"?: boolean;
        /**
          * Passed to the `role` attribute of the `dialog` element
          * @default 'dialog'
         */
        "dsRole": 'dialog' | 'alertdialog';
        /**
          * Z-index of the backdrop.
          * @default 9999
         */
        "dsZIndex": number;
        /**
          * Returns the underlying <dialog> element.  Use this method to get a reference to the `<dialog>` element. Calling native API methods `showModal()` and `close()` won't display the backdrop correctly. Instead, use the `dsOpen` prop to control the visibility of the backdrop.
          * @returns The <dialog> element.
         */
        "getDialog": () => Promise<HTMLDialogElement>;
    }
    interface DsBadge {
        /**
          * Passed to the `aria-label` attribute of the `span` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Assistive text for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Passed to the `id` attribute of the `span` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * The text content of the badge
          * @default ''
         */
        "dsText": string;
        /**
          * The variant style of the badge
          * @default 'default'
         */
        "dsVariant": 'default' | 'success' | 'attention' | 'danger' | 'info' | 'notification' | 'primary' | 'disabled';
    }
    interface DsBreadcrumb {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, displays a separator before the breadcrumb
          * @default true
         */
        "dsHasSeparator": boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * If true, indicates that this breadcrumb represents the current page
          * @default false
         */
        "dsIsCurrentPage": boolean;
        /**
          * If true, hides the breadcrumb from view
          * @default false
         */
        "dsIsHidden": boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the breadcrumb
          * @default ''
         */
        "dsText": string;
        /**
          * Calls `setFocus` method of the `ds-link` inside the `ds-breadcrumb` component.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsBreadcrumbs {
        /**
          * Passed to the `aria-label` attribute of the `nav` element.
         */
        "dsAriaLabel"?: string;
    }
    interface DsBreadcrumbsCollapsible {
        /**
          * If true, hides the expand button
          * @default false
         */
        "dsIsExpandButtonHidden": boolean;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
    }
    interface DsBreadcrumbsExpandButton {
        /**
          * If true, hides the expand button from view.
          * @default false
         */
        "dsIsHidden": boolean;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
    }
    interface DsBreadcrumbsSeparator {
        /**
          * Icon to display.
          * @default 'chevron_forward'
         */
        "dsIcon": string;
    }
    interface DsButton {
        /**
          * If true, adds an active class modifier to the button
          * @default false
         */
        "dsActive": boolean;
        /**
          * Passed to the `aria-controls` attribute of the `button` element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the `button` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-disabled` attribute of the `button` element.
         */
        "dsAriaDisabled"?: boolean;
        /**
          * Passed to the `aria-expanded` attribute of the `button` element.
         */
        "dsAriaExpanded"?: boolean;
        /**
          * Passed to the `aria-haspopup` attribute of the `button` element.
         */
        "dsAriaHaspopup"?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
        /**
          * Passed to the `aria-hidden` attribute of the `button` element.
          * @default false
         */
        "dsAriaHidden"?: boolean;
        /**
          * Passed to the `aria-label` attribute of the `button` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `button` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `aria-pressed` attribute of the `button` element.
         */
        "dsAriaPressed"?: boolean;
        /**
          * Passed to the `autofocus` attribute of the `button` element.
          * @default false
         */
        "dsAutoFocus": boolean;
        /**
          * Colour of the button
          * @default 'blue'
         */
        "dsColour": 'blue' | 'black' | 'white' | 'danger';
        /**
          * Passed to the `disabled` attribute of the `button` element
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Passed to the `form` attribute of the `button` element.
         */
        "dsForm"?: string;
        /**
          * If true, the button takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Text that is visually hidden but available to screen readers.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Icon to display alongside the button text
          * @default ''
         */
        "dsIcon": string;
        /**
          * Passed to the `dsAriaLabel` property of the `ds-icon` element
         */
        "dsIconAriaLabel"?: string;
        /**
          * Whether to display the icon before or after the button text
          * @default 'start'
         */
        "dsIconPosition": 'start' | 'end';
        /**
          * Passed to the `dsTitle` property of the `ds-icon` element
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * If true, the button is styled to be used within an input field
          * @default false
         */
        "dsInInput": boolean;
        /**
          * Displays a loading spinner in the button
          * @default false
         */
        "dsLoading": boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `name` attribute of the `button` element.
          * @default this.dsId
         */
        "dsName": string;
        /**
          * If true, suppresses the button's own focus ring. Use when the parent element handles focus indication.
          * @default false
         */
        "dsNoFocusRing": boolean;
        /**
          * Passed to the `role` attribute of the `button` element.
         */
        "dsRole"?: string;
        /**
          * Size of the button
          * @default 'medium'
         */
        "dsSize": 'small' | 'medium';
        /**
          * Information for screen readers when spinner is displayed
         */
        "dsSpinnerHiddenText"?: string;
        /**
          * Passed to the `tabindex` attribute of the `button` element.
         */
        "dsTabIndex"?: number;
        /**
          * Text to display inside the button.
          * @default ''
         */
        "dsText": string;
        /**
          * Passed to the `type` attribute of the `button` element
          * @default 'button'
         */
        "dsType": 'button' | 'submit' | 'reset';
        /**
          * Wraps the button in a container where `aria-live` is set to `polite`
          * @default false
         */
        "dsUseSpinner": boolean;
        /**
          * Passed to the `value` attribute of the `button` element.
          * @default ''
         */
        "dsValue": string;
        /**
          * Variant of the button
          * @default 'primary'
         */
        "dsVariant": 'primary' | 'secondary' | 'supplementary';
        /**
          * Sets focus to the button element rendered inside `ds-button` component.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsCard {
        /**
          * Optional description text
         */
        "dsDescription"?: string;
        /**
          * Optional line-clamp for description to restrict how many lines of text should be shown.
         */
        "dsDescriptionClamp"?: number;
        /**
          * If `dsDescription` is set, defines the maximum width of the description text. Default is 'none'.
          * @default 'none'
         */
        "dsDescriptionMaxWidth": DsDescriptionMaxWidth;
        /**
          * Optional eyebrow text displayed above the heading
         */
        "dsEyebrow"?: string;
        /**
          * Optional to set card height to 100% for easily match grid height eg
          * @default false
         */
        "dsFluidHeight"?: boolean;
        /**
          * The main heading text
         */
        "dsHeading"?: string;
        /**
          * Heading level, defaults to 3
          * @default 3
         */
        "dsHeadingLevel": number;
        /**
          * Should card content be aligned horizontally.
          * @default false
         */
        "dsHorizontal": boolean;
        /**
          * Card Link type, none, heading or full card
          * @default 'full'
         */
        "dsLinkType": DsCardLinkType;
        /**
          * Optional to show arrow when card is a link, defaults to true
          * @default true
         */
        "dsShowArrow"?: boolean;
        /**
          * Optional subtitle text displayed below the heading.
         */
        "dsSubtitle"?: string;
        /**
          * Optional tag text displayed on top of image.
         */
        "dsTag"?: string;
        /**
          * Text size variant that controls heading, body text, arrow icon size, spacing and padding.
          * @default 'small'
         */
        "dsTextSize": DsCardTextSize;
        /**
          * Optional URL to use card as a link
         */
        "dsUrl"?: string;
        /**
          * Optional URL target, if URL should open to new window or not, default _blank
          * @default '_self'
         */
        "dsUrlTarget": DsCardUrlTarget;
        /**
          * Variant of the card, filled or outlined, defaults to filled
          * @default 'filled'
         */
        "dsVariant": DsCardVariant;
    }
    interface DsCheckbox {
        /**
          * Returns true if input has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Passed to the `aria-describedby` attribute of the `input` element of the rendered checkbox.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `input` element of the rendered checkbox.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` element of the rendered checkbox. Public API for programmatic checked state control and external state sync. User interaction updates are handled via internal checked state.
          * @default false
         */
        "dsChecked": boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered checkbox.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error message shown below the text input. If set, the checkbox is shown in an invalid state.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Can be used to disable emitting validation events `dsSubmitInvalid` and `dsValidity`. Used internally in checkbox group to disable validation for individual checkboxes.
          * @default false
         */
        "dsErrorsDisabled": boolean;
        /**
          * Passed to the `form` attribute of the `input` element of the rendered checkbox.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered checkbox.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Mainly used in a nested checkbox group to display a parent checkbox in a partially selected state if some but not all of the nested checkbox group's checkboxes are selected.
          * @default false
         */
        "dsIndeterminate": boolean;
        /**
          * Label of the checkbox.
         */
        "dsLabel"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered checkbox. If checkbox is part of a named checkbox group, the name is inherited from the group and the property set on the checkbox is ignored.
          * @default this.dsId
         */
        "dsName": string;
        /**
          * Displays indicator that the checkbox is optional alongside label.
          * @default false
         */
        "dsOptional": boolean;
        /**
          * Text shown alongside label, if the checkbox is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `required` attribute of the `input` element of the rendered checkbox.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * The text of the checkbox
         */
        "dsText"?: string;
        /**
          * Passed to the `value` attribute of the `input` element of the rendered checkbox.
          * @default this.dsId
         */
        "dsValue": string;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        "setFocus": () => Promise<void>;
    }
    interface DsCheckboxGroup {
        /**
          * Returns true if group has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        "childConnected": () => Promise<void>;
        "childDisconnected": () => Promise<void>;
        /**
          * All checkboxes must be checked.
          * @default false
         */
        "dsAllRequired": boolean;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` of parent checkbox element.
          * @default false
         */
        "dsChecked": boolean;
        /**
          * `vertical` displays checkboxes stacked `horizontal` displays checkboxes side by side
          * @default 'vertical'
         */
        "dsDirection": 'horizontal' | 'vertical';
        /**
          * Disables all checkboxes in the checkbox group
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error message shown below the checkbox group. If set, the checkbox group is shown in an invalid state.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Passed to the `form` attribute of the `fieldset` element.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` of parent checkbox element. Read-only.
          * @readonly 
          * @default `${this.generatedId}-checkbox`
         */
        "dsId": string;
        /**
          * Label of the checkbox group.
         */
        "dsLabel"?: string;
        /**
          * Name of the checkbox group, passed to the `name` attribute of the `input` of child checkbox elements.
         */
        "dsName"?: string;
        /**
          * Specifies whether the checkbox group is open. Only used when `dsVariant` is `tree`.
          * @default false
         */
        "dsOpen": boolean;
        /**
          * None of the checkboxes need to be checked.
          * @default false
         */
        "dsOptional": boolean;
        /**
          * Text shown alongside label, if the checkbox button group is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * One or more checkboxes must be checked.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * If given, a parent checkbox with this text will be rendered above slotted checkboxes
          * @default ''
         */
        "dsText": string;
        /**
          * Variant of the checkbox group.
          * @default 'default'
         */
        "dsVariant": 'default' | 'tree';
        /**
          * Updates child elements' checked state.
          * @param newValue New checked state.
         */
        "setChecked": (newValue: boolean) => Promise<void>;
        "setFocus": () => Promise<void>;
    }
    /**
     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
     */
    interface DsCheckboxGroupExpandButton {
        /**
          * Specifies whether the component is actionable. If false, user interaction does not emit `dsOpenChange`.
          * @default true
         */
        "dsActionable": boolean;
        /**
          * Specifies the `aria-label` for the expand button.
         */
        "dsAriaLabel": string;
        /**
          * Specifies whether the checkbox group is open.
          * @default false
         */
        "dsOpen": boolean;
    }
    interface DsChip {
        /**
          * Passed to the `aria-label` attribute of the `button` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `form` attribute of the `button` element.
         */
        "dsForm"?: string;
        /**
          * Icon to display before the chip text
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `name` attribute of the `button` element.
          * @default this.dsId
         */
        "dsName": string;
        /**
          * Passed to the `role` attribute of the container element.
         */
        "dsRole"?: string;
        /**
          * Text to display inside the chip
         */
        "dsText": string;
        /**
          * Passed to the `type` attribute of the `button` element.
          * @default 'button'
         */
        "dsType": DsType;
        /**
          * Value of the chip in a chip group
          * @default 0
         */
        "dsValue": DsChipValue;
        /**
          * Sets focus to the button element rendered inside `ds-chip` component.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsChipGroup {
        /**
          * Returns true if group has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        "childConnected": () => Promise<void>;
        "childDisconnected": () => Promise<void>;
        /**
          * Passed to the `aria-describedby` attribute of the chip group.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the chip group.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the chip group.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Error message shown below the chip group.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `id` of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Label of the chip group.
         */
        "dsLabel"?: string;
        /**
          * Maximum number of chips that can be in the group to pass validation.
         */
        "dsMaxItems": number;
        /**
          * Minimum number of chips that must be in the group to pass validation.
         */
        "dsMinItems": number;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `name` attribute of all child `ds-chip` elements.
          * @default this.dsId
         */
        "dsName": string;
    }
    interface DsCombobox {
        /**
          * Returns true if input has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Passed to the `aria-label` attribute of the `input` element of the rendered combobox.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, allows the user to clear the selected option.
          * @default true
         */
        "dsClearable": boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered combobox.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error message shown below the combobox. If set, the combobox is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Defines combobox's filtering stategy: - "dynamic" options are filtered - "static" options are not filtered  Both options emit the `dsFilterChange` event on user input. Use this event to filter options using "static" strategy.
          * @default 'dynamic'
         */
        "dsFilteringStrategy": 'dynamic' | 'static';
        /**
          * Passed to the `form` attribute of the `input` element of the rendered combobox.
         */
        "dsForm"?: string;
        /**
          * If true, the combobox takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Icon to display at the start of the combobox.
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered combobox.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Label of the combobox.
         */
        "dsLabel"?: string;
        /**
          * If true, shows a loading spinner and text.
          * @default false
         */
        "dsLoading": boolean;
        "dsLoadingText"?: string;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered combobox.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * When using "static" filtering strategy use this property to indicate that there are no results for the current search.
          * @default false
         */
        "dsNoResults": boolean;
        "dsNoResultsText"?: string;
        "dsNoResultsTitle"?: string;
        /**
          * If true, displays indicator that the combobox is optional alongside label.
          * @default false
         */
        "dsOptional": boolean;
        /**
          * Text shown alongside label, if the combobox is set as optional. *
         */
        "dsOptionalText"?: string;
        /**
          * If true, shows an options error.
          * @default false
         */
        "dsOptionsError": boolean;
        "dsOptionsErrorText"?: string;
        "dsOptionsErrorTitle"?: string;
        /**
          * Passed to the `placeholder` attribute of the `input` element of the rendered combobox.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, hides the placeholder text.
          * @default false
         */
        "dsPlaceholderHidden": boolean;
        /**
          * If true, the combobox is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * The value of the selected option.  Set this property to programmatically select an option by its `dsValue`. Listen to the `dsChange` or `dsMultipleChange` event (depending on the variant) to keep this property synchronized when users make selections.
          * @default null
         */
        "dsValue": string | string[] | null;
        /**
          * Defines the variant of the combobox: - "default": allows selection of a single option - "multiple": allows selection of multiple options
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'multiple';
        "getOptions": () => Promise<HTMLDsOptionElement[]>;
        "getSelectedOption": () => Promise<{ value: string; label: string; description: string; }>;
        "getSelectedOptions": () => Promise<{ value: string; label: string; description: string; }[]>;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        "setFocus": () => Promise<void>;
    }
    interface DsControlLabel {
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Assistive text id for the control.
         */
        "dsAssistiveTextId"?: string;
        /**
          * Control id associated with the label.
         */
        "dsHtmlFor"?: string;
        /**
          * Passed to the `id` attribute of the `label` element.
         */
        "dsId"?: string;
        /**
          * Label of the control.
         */
        "dsLabel"?: string;
        /**
          * Appends the text "(optional)" to the end of label.
         */
        "dsOptional"?: boolean;
        /**
          * Custom text to append to the end of label when `dsOptional` is true.
         */
        "dsOptionalText"?: string;
        /**
          * Appends asterisk (*) to the end of label.
         */
        "dsRequired"?: boolean;
        /**
          * Visually hidden additional information for screen readers.
         */
        "dsVisuallyHiddenAssistiveText"?: string;
        /**
          * Visually hidden additional information id for the control.
         */
        "dsVisuallyHiddenAssistiveTextId"?: string;
    }
    interface DsDatepicker {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Disables the datepicker component, preventing user interaction.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Array of specific dates to disable in YYYY-MM-DD format.
         */
        "dsDisabledDates"?: string[];
        /**
          * Error message displayed when the datepicker component is invalid.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * The unique ID for the datepicker component.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * The label for the datepicker component.
          * @default ''
         */
        "dsLabel": string;
        /**
          * Maximum date in YYYY-MM-DD format.
         */
        "dsMax"?: string;
        /**
          * Minimum date in YYYY-MM-DD format.
         */
        "dsMin"?: string;
        /**
          * Passed to the `name` attribute of the datepicker component.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text displayed when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly": boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * The value of the selected date in YYYY-MM-DD format.
          * @default undefined
         */
        "dsValue": string | undefined;
        /**
          * Defines the variant of the datepicker component: - "custom" uses a custom implementation with dropdown calendar - "native" uses the browser's default date input with calendar icon - "simple" uses the browser's default date input without calendar icon (manual input only)
          * @default 'custom'
         */
        "dsVariant": 'native' | 'simple' | 'custom';
        /**
          * Maximum year shown in the year selector dropdown.
         */
        "dsYearRangeEnd"?: number;
        /**
          * Minimum year shown in the year selector dropdown.
         */
        "dsYearRangeStart"?: number;
    }
    interface DsDatepickerCustom {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the datepicker.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).
         */
        "dsDisabledDates"?: string[];
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel": string;
        /**
          * Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-12-31"
         */
        "dsMax"?: string;
        /**
          * Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-01-01"
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text shown when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly": boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: "2024-06-15"
         */
        "dsValue"?: string;
        /**
          * Maximum year shown in the year selector dropdown. Example: 2100
         */
        "dsYearRangeEnd"?: number;
        /**
          * Minimum year shown in the year selector dropdown. Example: 1900
         */
        "dsYearRangeStart"?: number;
    }
    interface DsDatepickerNative {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the input element.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel": string;
        /**
          * Maximum date in YYYY-MM-DD format.
         */
        "dsMax"?: string;
        /**
          * Minimum date in YYYY-MM-DD format.
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly": boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * If true, shows the calendar icon that opens the date picker.
          * @default true
         */
        "dsShowCalendarIcon": boolean;
        /**
          * Currently selected value in YYYY-MM-DD format.
         */
        "dsValue"?: string;
    }
    /**
     * Simple datepicker variant that uses ds-text-input for manual date entry.
     */
    interface DsDatepickerSimple {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the datepicker.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).
         */
        "dsDisabledDates"?: string[];
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel": string;
        /**
          * Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-12-31"
         */
        "dsMax"?: string;
        /**
          * Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-01-01"
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text shown when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly": boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: "2024-06-15"
         */
        "dsValue"?: string;
    }
    interface DsDivider {
        /**
          * Custom spacing after the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
         */
        "dsCustomPaddingAfter"?: string;
        /**
          * Custom spacing before the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
         */
        "dsCustomPaddingBefore"?: string;
        /**
          * Direction of the divider line.
          * @default 'horizontal'
         */
        "dsOrientation": DsOrientation;
        /**
          * Space added on both sides of the divider using design system spacing tokens.
          * @default '2xSmall'
         */
        "dsPadding": DsPaddingSize;
        /**
          * `decorative` hides the divider from assistive technology; `accessible` renders a visible separator with semantic meaning.
          * @default 'decorative'
         */
        "dsVariant": DsVariant;
    }
    interface DsFeedback {
        /**
          * Passed to the `aria-atomic` attribute of the rendered element.
          * @default false
         */
        "dsAriaAtomic": boolean;
        /**
          * Passed to the `aria-live` attribute of the rendered element.
          * @default 'polite'
         */
        "dsAriaLive"?: AriaLive;
        /**
          * Passed to the `role` attribute of the rendered element.
         */
        "dsRole"?: Role;
        /**
          * If true, wraps the content in a `ds-visually-hidden` component.
          * @default false
         */
        "dsSrOnly": boolean;
        /**
          * Specifies the HTML tag to use for the `ds-visually-hidden` component when `dsSrOnly` is true.
          * @default 'div'
         */
        "dsSrOnlyTag": 'div' | 'span';
        /**
          * Specifies the HTML tag to render for the feedback component.
          * @default 'div'
         */
        "dsTag": 'div' | 'span';
    }
    interface DsGrid {
        /**
          * Number of columns for desktop. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsDesktop"?: number;
        /**
          * Number of columns for mobile. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsMobile"?: number;
        /**
          * Number of columns for tablet. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsTablet"?: number;
        /**
          * If true, the grid will be a container.
          * @default false
         */
        "dsContainer": boolean;
        /**
          * For internal use. Parent desktop size. Used when dsType is 'flex'.
         */
        "dsParentSizeDesktop"?: DesktopGridSize;
        /**
          * For internal use. Parent mobile size. Used when dsType is 'flex'.
         */
        "dsParentSizeMobile"?: MobileGridSize;
        /**
          * For internal use. Parent tablet size. Used when dsType is 'flex'.
         */
        "dsParentSizeTablet"?: TabletGridSize;
        /**
          * Desktop row span. Used when dsType is 'grid'.
         */
        "dsRowSpanDesktop"?: number;
        /**
          * Mobile row span. Used when dsType is 'grid'.
         */
        "dsRowSpanMobile"?: number;
        /**
          * Tablet row span. Used when dsType is 'grid'.
         */
        "dsRowSpanTablet"?: number;
        /**
          * Grid size.
          * @default 12
         */
        "dsSize": GridSize;
        /**
          * Desktop grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeDesktop"?: DesktopGridSize;
        /**
          * Mobile grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeMobile"?: MobileGridSize;
        /**
          * Tablet grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeTablet"?: TabletGridSize;
        /**
          * Grid type. Defaults to 'flex'.
          * @default 'flex'
         */
        "dsType": 'grid' | 'flex';
    }
    interface DsGroupLabel {
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Assistive text id for the group.
         */
        "dsAssistiveTextId"?: string;
        /**
          * Label of the group.
         */
        "dsLabel"?: string;
    }
    interface DsIcon {
        /**
          * Passed to the `aria-hidden` attribute of the container span.
          * @default true
         */
        "dsAriaHidden"?: boolean;
        /**
          * Passed to the `aria-label` attribute of the `svg` element.
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        /**
          * Passed to the `aria-label` attribute of the svg element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Color of the icon
         */
        "dsColour"?: string;
        /**
          * Custom size
         */
        "dsCustomSize"?: string;
        /**
          * If true, the icon is hidden
          * @default false
         */
        "dsHidden": boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Name of the icon to display
         */
        "dsName": string;
        /**
          * Passed to the `role` attribute of the `svg` element.
          * @default 'img'
         */
        "dsRole": string;
        /**
          * Icon size in positive REM units (e.g., '1rem', '1.5rem')
          * @default this.defaultSize
         */
        "dsSize": string;
        /**
          * Tooltip text for the icon. Should match the `dsAriaLabel`.
         */
        "dsTitle"?: string;
    }
    interface DsIcon360 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountBalance {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountBalanceFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArchive {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArchiveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowBack {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDownward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDownCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDownCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowInsert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowOutward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowUpward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachEmail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachEmailFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFile {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFileAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFileOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBadge {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBadgeFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBarChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBluesky {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBook2 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBook2Fill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBoy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBuild {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBuildFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalculate {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalculateFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalendarMonth {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalendarMonthFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCallFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCancel {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCancelFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChat {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChatFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheck {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBox {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBoxFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBoxOutlineBlank {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckIndeterminateSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChecklist {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChevronBackward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChevronForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconClose {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCloseSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCodeBlocks {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCollapseContent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconConstruction {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconContentCopy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconContentCopyFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDelete {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteForever {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteForeverFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDescription {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDownload {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDrafts {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDraftsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDragIndicator {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface DsIconDsCheckIndeterminateSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface DsIconDsCheckSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDsFlame {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDsFlameFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEdit {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditCalendar {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditCalendarFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEqual {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEscalatorWarning {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEuroSymbol {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEventAvailable {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEventAvailableFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExpandContent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExplore {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExploreFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExportNotes {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExportNotesFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFacebook {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastForwardFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastRewind {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastRewindFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFavorite {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFavoriteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFiberManualRecord {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFiberManualRecordFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFileSave {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFileSaveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFilterList {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFirstPage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconForkRight {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatBold {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatItalic {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuote {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFunction {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFunctions {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGalleryThumbnail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGirl {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGrid4x4 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGridOn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGridOnFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroup {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupAddFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupRemoveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHelp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHelpFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHistory {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHome {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHomeFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglass {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglassBottom {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglassTop {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconImage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconImageFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInfo {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInfoFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInstagram {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconKeyboardArrowDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconKeyboardArrowUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLanguage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLastPage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLink {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLinkedin {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAlt {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAltAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAltCheck {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationOn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationOnFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationSearching {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLock {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockOpen {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockOpenFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLogin {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLogout {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMailFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconManufacturing {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapSearchFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMenu {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMoreHoriz {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMoreVert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMountainFlag {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMountainFlagFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMyLocation {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMyLocationFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotifications {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsActive {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsActiveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsUnread {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsUnreadFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconOpenInNew {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPause {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPending {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPercent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPerson {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAddFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAlert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAlertFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonPinCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonPinCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonRemoveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonSearchFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoCamera {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoCameraFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoLibrary {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPictureAsPdf {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPictureAsPdfFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPieChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPieChartFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlagiarism {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlagiarismFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayArrow {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayArrowFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayPause {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconProgressActivity {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPublic {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRefresh {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReorder {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReport {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReportFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconResize {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRotateLeft {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRotateRight {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRssFeed {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSave {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSaveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSchedule {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconScheduleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSell {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSellFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSend {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSendFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentDissatisfied {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentDissatisfiedFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentNeutral {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentNeutralFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentSatisfied {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentSatisfiedFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSettings {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSettingsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconShare {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconShowChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipNext {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipNextFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipPrevious {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipPreviousFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSmartToy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSmartToyFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStar {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStarFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStop {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSupervisorAccount {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSupervisorAccountFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSwapHoriz {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSync {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTable {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTableFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTiktok {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTimer {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTimerFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTour {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTourFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTranslate {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTrendingDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTrendingUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUnfoldLess {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUnfoldMore {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUngroup {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUpload {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconViewList {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconViewListFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibility {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVpnLock {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWarning {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWarningFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWidgetSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWidgetSmallFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconX {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconYoutube {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomIn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomInMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomOut {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomOutMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel": string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole": string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsInputValidity {
        /**
          * Passed to the `aria-atomic` attribute of the container `div` element.
          * @default 'true'
         */
        "dsAriaAtomic"?: 'true' | 'false';
        /**
          * Passed to the `aria-live` attribute of the container `div` element.
          * @default 'assertive'
         */
        "dsAriaLive"?: 'assertive' | 'polite';
        /**
          * If true, the component is wrapped inside a `<ds-feedback>` element.
          * @default true
         */
        "dsHasFeedback"?: boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `role` attribute of the container `div` element.
          * @default 'none'
         */
        "dsRole"?: 'alert' | 'status' | 'none';
        /**
          * Text to display in the validity message
         */
        "dsText"?: string;
        /**
          * Type of the validity
          * @default 'error'
         */
        "dsType": 'error' | 'success';
    }
    interface DsLink {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link. Overrides default colour.
         */
        "dsColour"?: 'black' | 'white';
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display alongside link.  If `dsTarget` is set to `_blank` and `dsIconPosition` is set to `end`, the icon will be replaced with `open_in_new` icon.
          * @default ''
         */
        "dsIcon": string;
        /**
          * Passed to the `dsAriaHidden` property of the `ds-icon` element
         */
        "dsIconAriaHidden"?: boolean;
        /**
          * Passed to the `dsAriaLabel` property of the `ds-icon` element
         */
        "dsIconAriaLabel"?: string;
        /**
          * Passed to the `dsHidden` property of the `ds-icon` element
         */
        "dsIconHidden"?: boolean;
        /**
          * Whether to display the icon before or after the link
          * @default 'end'
         */
        "dsIconPosition": LinkIconPosition;
        /**
          * Passed to the `dsTitle` property of the `ds-icon` element
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link
         */
        "dsSize"?: LinkSize;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag": 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText": string;
        /**
          * Variant of the link
          * @default 'inline'
         */
        "dsVariant": LinkVariant;
        /**
          * Font weight of the link
          * @default 'regular'
         */
        "dsWeight": LinkWeight;
        /**
          * Get the a/span element rendered inside `ds-link` component.
          * @returns The a/span element.
         */
        "getLink": () => Promise<HTMLSpanElement | HTMLAnchorElement>;
        /**
          * Sets focus to the a/span element rendered inside `ds-link` component.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsLinkCta {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link
          * @default 'blue'
         */
        "dsColour": 'blue' | 'black' | 'white';
        /**
          * If true, renders the link in a disabled state with aria-disabled="true"
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, hides the trailing icon
          * @default false
         */
        "dsHideIcon": boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display. If not set, defaults to 'arrow_forward' or 'arrow_outward' depending on target
         */
        "dsIcon"?: string;
        /**
          * Whether to display the icon before or after the link text
          * @default 'end'
         */
        "dsIconPosition": 'start' | 'end';
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link
          * @default 'medium'
         */
        "dsSize": 'small' | 'medium';
        /**
          * Override tabindex value. By default, span elements and anchor elements without href get tabindex="0"
         */
        "dsTabIndex"?: string;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag": 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText": string;
        /**
          * Variant of the link
          * @default 'primary'
         */
        "dsVariant": 'primary' | 'secondary' | 'supplementary';
    }
    /**
     * Logo link component for displaying site logo and name.
     * Used primarily in navigation ribbons and headers.
     */
    interface DsLinkLogo {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link. Overrides default colour.
         */
        "dsColour"?: 'black' | 'white';
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon name to display as logo
         */
        "dsIcon"?: string;
        /**
          * ARIA label for the icon (for accessibility)
         */
        "dsIconAriaLabel"?: string;
        /**
          * Title attribute for the icon (for accessibility)
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link logo component
         */
        "dsSize"?: LinkSize;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag": 'a' | 'span';
        /**
          * Link target (e.g., '_blank', '_self')
          * @default '_self'
         */
        "dsTarget"?: LinkTarget;
        /**
          * Site or application name text
         */
        "dsText"?: string;
    }
    interface DsLinkWithArrow {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, the link takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display alongside link. Overrides default arrow icon.
          * @default this.defaultIcon
         */
        "dsIcon": LinkIcon;
        /**
          * Whether to display the arrow icon before or after the link
          * @default 'start'
         */
        "dsIconPosition": LinkIconPosition;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag": 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText"?: string;
    }
    interface DsMedia {
        /**
          * Alternative text for the media (used for accessibility).
         */
        "dsAlt"?: string;
        /**
          * Aspect ratio for the media container (e.g., '16/10').
          * @default ''
         */
        "dsAspectRatio": string;
        /**
          * Whether the media should autoplay (video only).
          * @default false
         */
        "dsAutoplay"?: boolean;
        /**
          * Caption text displayed below the media. Renders a <figcaption> element when provided.
         */
        "dsCaptionText"?: string;
        /**
          * Whether to show native playback controls (video only).
          * @default true
         */
        "dsControls"?: boolean;
        /**
          * Fluid size for taking full width or height of the container.
          * @default false
         */
        "dsFluid"?: boolean;
        /**
          * Whether the media should loop (video only).
          * @default false
         */
        "dsLoop"?: boolean;
        /**
          * Whether the media should be muted (video only).
          * @default true
         */
        "dsMuted"?: boolean;
        /**
          * Poster image URL for video (displayed before playback starts).
         */
        "dsPoster"?: string;
        /**
          * Sizes attribute for responsive images (e.g., '(max-width: 600px) 100vw, 50vw'). Only applies when dsType is 'image'. Used together with dsSrcset.
         */
        "dsSizes"?: string;
        /**
          * Source URL for the media (image, video, or YouTube).
         */
        "dsSrc": string;
        /**
          * Srcset attribute for responsive images (e.g., 'img-800.jpg 800w, img-1200.jpg 1200w'). Only applies when dsType is 'image'.
         */
        "dsSrcset"?: string;
        /**
          * Type of media to display: 'image', 'video', or 'youtube'.
         */
        "dsType": MediaType;
        /**
          * Whether the image should use lazy loading.
          * @default true
         */
        "dsUseLazy"?: boolean;
    }
    interface DsModal {
        /**
          * The element to focus when the modal is opened.  Available options:  - `heading` (default): Focus the heading element. If there is no heading, attempts to focus the close-button. - `close-button`: Focus the close button. If there is no close button, set a focus target. - `other`: Set `autofocus` attribute on the element you want to focus, and it will be focused when the modal is opened. If there are multiple elements with `autofocus` attribute, the first one will be focused.
          * @default 'heading'
         */
        "dsAutoFocusTarget": 'heading' | 'close-button' | 'other';
        /**
          * If true and if `dsCloseable` is `true` (default), clicking the backdrop will close the modal.
          * @default true
         */
        "dsBackdropCloseable": boolean;
        /**
          * Passed to the `dsZIndex` property of the `ds-backdrop` element.
          * @default 9999
         */
        "dsBackdropZIndex": number;
        /**
          * If true, the modal can be closed using the close button.
          * @default true
         */
        "dsCloseable": boolean;
        /**
          * Passed to the `aria-level` attribute of the heading element.
          * @default 2
         */
        "dsHeadingLevel": number;
        /**
          * The text to display in the modal's heading.
          * @default ''
         */
        "dsHeadingText": string;
        /**
          * Icon to be shown in the header. When using `dsVariant="danger"` the icon is always shown and this property takes no effect.
         */
        "dsIcon"?: string;
        /**
          * Passed to the `aria-label` attribute of the header icon element. Should be set when using `dsIcon` property.
         */
        "dsIconAriaLabel"?: string;
        /**
          * The unique identifier for the modal.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * If true, the modal is open. Passed to the `dsOpen` property of the `ds-backdrop` element.
          * @default false
         */
        "dsOpen"?: boolean;
        /**
          * If true, the modal content will be scrollable. The header and footer will remain fixed.
          * @default false
         */
        "dsScrollable": boolean;
        /**
          * The size of the modal.
          * @default 'medium'
         */
        "dsSize": 'auto' | 'small' | 'medium' | 'large' | 'full';
        /**
          * The variant of the modal.
          * @default 'default'
         */
        "dsVariant": 'default' | 'danger';
    }
    interface DsNotification {
        /**
          * Passed to the `aria-label` attribute of the root element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the root element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Description text
         */
        "dsDescription"?: string;
        /**
          * If `dsDescription` is set, defines the maximum width of the description text. Default is 550px.
          * @default '550px'
         */
        "dsDescriptionMaxWidth": DsDescriptionMaxWidth;
        /**
          * Assistive text for the dismiss button, hidden visually but read by screen readers
         */
        "dsDismissButtonHiddenAssistiveText"?: string;
        /**
          * If true, a dismiss button is shown. Use the `dsDismiss` event to handle the dismissal.
          * @default false
         */
        "dsDismissable": boolean;
        /**
          * Heading text
         */
        "dsHeading"?: string;
        /**
          * Passed to the `aria-level` attribute of the heading element
          * @default 2
         */
        "dsHeadingLevel": number;
        /**
          * If not set, the default icon for the variant is used. If set and the variant is `neutral`, `neutralWhite`, or `info`, the provided icon is used.
         */
        "dsIcon": string;
        /**
          * Passed to the `id` attribute of the element root `div` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `role` attribute of the root element.
         */
        "dsRole"?: string;
        /**
          * Variant of the notification
          * @default 'neutral'
         */
        "dsVariant": "danger" | "success" | "attention" | "info" | "neutral" | "neutralWhite";
    }
    interface DsOption {
        /**
          * If true, the option is currently active (focused).
          * @default false
         */
        "dsActive": boolean;
        /**
          * Optional description text shown under the label.
         */
        "dsDescription"?: string;
        /**
          * If true, the option is disabled.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Used internally in select and combobox to control focus when the option becomes active.
          * @default true
         */
        "dsFocusOnActiveChange": boolean;
        /**
          * If true, the option will be hidden.
          * @default false
         */
        "dsHidden": boolean;
        /**
          * Unique `id` attribute of the option element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The label of the option
         */
        "dsLabel"?: string;
        /**
          * Used internally in combobox to prevent default behavior on mousedown.
          * @default false
         */
        "dsMouseDownPreventDefault": boolean;
        /**
          * If true, the option is currently selected.
          * @default false
         */
        "dsSelected": boolean;
        /**
          * Value of the option.
         */
        "dsValue": string;
        /**
          * Defines the appearance of the select component. Should match the `ds-variant` of the parent (`ds-select`, `ds-combobox`) component: - "default": Single selection appearance. - "multiple": Multiple selection appearance, resembling a combobox.
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'multiple';
        /**
          * Get the group of the option.
         */
        "getGroup": () => Promise<HTMLDsOptionGroupElement>;
        /**
          * Get label text of the option.
         */
        "getLabel": () => Promise<string>;
        /**
          * Sets focus to the option element.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsOptionGroup {
        /**
          * If true, the group will be hidden.
          * @default false
         */
        "dsHidden": boolean;
        /**
          * Group label text shown above the options.
         */
        "dsLabel": string;
        /**
          * Used internally in combobox to prevent default behavior on mousedown.
          * @default false
         */
        "dsMouseDownPreventDefault": boolean;
        "hasVisibleOptions": () => Promise<boolean>;
    }
    interface DsOptions {
        /**
          * Index of the currently active (focused) option.
          * @default 0
         */
        "dsActiveIndex": number;
        /**
          * Passed to the `aria-multiselectable` attribute of the `div` (listbox) element.
         */
        "dsAriaMultiselectable"?: boolean;
        /**
          * Unique `id` attribute of the options element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * The id of the label element for accessibility.
         */
        "dsLabelId"?: string;
        /**
          * Currently selected value.
         */
        "dsSelectedValue"?: string;
    }
    interface DsOptionsMessage {
        /**
          * If true, shows an error state.
          * @default false
         */
        "dsError": boolean;
        /**
          * Text to display when there is an error loading options (default: "Try again or if the problem persists, contact support.").
         */
        "dsErrorText"?: string;
        /**
          * Title to display when there is an error loading options (default: "We could not load options.").
         */
        "dsErrorTitle"?: string;
        /**
          * If true, shows a loading state.
          * @default false
         */
        "dsLoading": boolean;
        /**
          * Text to display when options are loading (default: "Loading options...").
         */
        "dsLoadingText"?: string;
        /**
          * If true, shows a no results state
          * @default false
         */
        "dsNoResults": boolean;
        /**
          * Text to display when there are no results (default: "Try a different search term.").
         */
        "dsNoResultsText"?: string;
        /**
          * Title to display when there are no results (default: "No results found").
         */
        "dsNoResultsTitle"?: string;
    }
    /**
     * Pagination component for navigating between pages of content.
     * This component uses named slots for different layouts:
     * - `compact` slot: Navigation buttons and optional page info text
     * - `full` slot: Navigation buttons and page numbers
     * Layout behavior:
     * - dsLayout='compact': Always shows compact slot
     * - dsLayout='full': Always shows full slot
     * - dsLayout='auto': Switches between compact (<960px) and full (≥960px) based on screen size
     * **Important for accessibility**: All ds-pagination-page and ds-pagination-item elements
     * should have ds-href attribute set to proper URLs. Without href, screen readers won't
     * announce elements as links. Current page indicator should not have href (will render as span).
     */
    interface DsPagination {
        /**
          * Passed to the `aria-label` attribute of the `nav` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Colour of the pagination. Inherited by child components.
          * @default 'blue'
         */
        "dsColour": 'blue' | 'black' | 'white';
        /**
          * Current page number (1-indexed)
          * @default 1
         */
        "dsCurrentPage": number;
        /**
          * Layout mode: 'auto' switches between compact/full at 960px, 'compact' always hides pages, 'full' always shows pages
          * @default 'auto'
         */
        "dsLayout": 'auto' | 'compact' | 'full';
        /**
          * Total number of pages
          * @default 1
         */
        "dsTotalPages": number;
        /**
          * Font size variant
          * @default 'medium'
         */
        "dsVariant": 'small' | 'medium';
    }
    /**
     * Ellipsis indicator for pagination (shows "..." between page numbers)
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationEllipsis {
    }
    /**
     * Navigation item for pagination (first, previous, next, last buttons/links)
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationItem {
        /**
          * Manually set disabled state (overrides automatic calculation)
         */
        "dsDisabled"?: boolean;
        /**
          * Link href attribute
         */
        "dsHref"?: string;
        /**
          * Custom icon name to override default icon
         */
        "dsIcon"?: string;
        /**
          * Specifies the HTML tag to render. By default, automatically determined based on isCurrent and dsHref. Set to 'span' when using client-side routing (e.g., wrapping with React Router Link).
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Custom text to override default localized text
         */
        "dsText"?: string;
        /**
          * Type of navigation item
         */
        "dsType": 'first' | 'previous' | 'next' | 'last';
    }
    /**
     * Page number item for pagination
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationPage {
        /**
          * Override the default `aria-label` (e.g. "Page 1") of the page link. Pass an empty string to remove the aria-label entirely.
         */
        "dsAriaLabel"?: string;
        /**
          * Link href attribute
         */
        "dsHref"?: string;
        /**
          * Manually mark as current page (overrides automatic detection)
         */
        "dsIsCurrent"?: boolean;
        /**
          * Page number to display
         */
        "dsPage": number;
        /**
          * Specifies the HTML tag to render. By default, automatically determined based on isCurrent and dsHref. Set to 'span' when using client-side routing (e.g., wrapping with React Router Link).
         */
        "dsTag"?: 'a' | 'span';
    }
    /**
     * Page info display for pagination compact layout (e.g., "5 / 20")
     * Automatically reads current page and total pages from the parent ds-pagination context.
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationPageInfo {
    }
    interface DsRadioButton {
        /**
          * Returns true if input has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the input element.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsChecked": boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error message shown below the radio button. If set, the radio button is shown in an invalid state.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Can be used to disable emitting validation events `dsSubmitInvalid` and `dsValidity`. Used internally in radio button group to disable validation for individual radio buttons.
          * @default false
         */
        "dsErrorsDisabled": boolean;
        /**
          * Passed to the `form` attribute of the `input` element of the rendered radio button.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered radio button.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Label of the radio button.
         */
        "dsLabel"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered radio button. If radio button is part of a named radio button group, the name is inherited from the group and the property set on the radio button is ignored.
          * @default this.dsId
         */
        "dsName": string;
        /**
          * Passed to the `required` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * The text of the radio button
         */
        "dsText"?: string;
        /**
          * Passed to the `value` attribute of the `input` element of the rendered radio button.
          * @default this.dsId
         */
        "dsValue": string;
        "setChecked": () => Promise<void>;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        /**
          * Custom focus method that ensures the correct internal input element is focused
         */
        "setFocus": () => Promise<void>;
        /**
          * Whether the radio button is focusable via tab or not. Used internally inside a radio button group to make keyboard usage work as expected.  NOTE: manually calling this method may cause unexpected behaviour
         */
        "setFocusable": (flag: boolean) => Promise<void>;
    }
    interface DsRadioButtonGroup {
        /**
          * Returns true if group has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Called by child `ds-radio-button` from its `connectedCallback`. In scoped (light DOM) mode the `<slot>`'s `slotchange` event does not fire, so children notify the group directly when they mount/unmount.
         */
        "childConnected": () => Promise<void>;
        /**
          * Called by child `ds-radio-button` from its `disconnectedCallback`.
         */
        "childDisconnected": () => Promise<void>;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * `vertical` displays radio buttons stacked `horizontal` displays radio buttons side by side
          * @default 'vertical'
         */
        "dsDirection": 'horizontal' | 'vertical';
        /**
          * Error message shown below the radio button group. If set, the radio button group is shown in an invalid state.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Passed to the `form` attribute of the `fieldset` element of the rendered radio button group.
         */
        "dsForm"?: string;
        /**
          * Label of the radio button group.
         */
        "dsLabel"?: string;
        /**
          * Name of the radio button group, passed to the `name` attribute of the `input` of child radio button elements.
         */
        "dsName"?: string;
        /**
          * One or more radio buttons must be checked.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * Determines which radio button in the group is selected. The radio button with the matching `value` will be selected.
         */
        "dsValue"?: string;
        "getValue": () => Promise<string>;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        "setFocus": () => Promise<void>;
    }
    /**
     * Navigation ribbon that appears at the top of the site as a "banner".
     */
    interface DsRibbon {
        /**
          * Branding URLs organized by language
         */
        "dsBrandingUrls"?: Record<string, string>;
        /**
          * ID for the "Close" button
          * @default idGenerator('ds-button-drawer-close').next().value as string
         */
        "dsCloseButtonId": string;
        /**
          * Text for close button
         */
        "dsCloseButtonText"?: string;
        /**
          * URL for external data.json source. If empty, no external data is loaded
          * @default ''
         */
        "dsDataUrl"?: string;
        /**
          * Hide both logo and site name
          * @default false
         */
        "dsHideBranding": boolean;
        /**
          * Logo icon name
         */
        "dsIcon"?: string;
        /**
          * Passed to the `dsAriaLabel` property of the logo icon
         */
        "dsIconAriaLabel"?: string;
        /**
          * Passed to the `dsTitle` property of the logo icon
         */
        "dsIconTitle"?: string;
        /**
          * Array of navigation links
         */
        "dsLinks"?: RibbonLink[];
        /**
          * ARIA label for the logo link
         */
        "dsLogoAriaLabel"?: string;
        /**
          * ID for the mobile toggle button
          * @default idGenerator('ds-button-mobile-toggle').next().value as string
         */
        "dsMobileToggleId": string;
        /**
          * Text for mobile toggle button
         */
        "dsMobileToggleText"?: string;
        /**
          * ARIA label for the navigation element
         */
        "dsNavAriaLabel"?: string;
        /**
          * Site name text
         */
        "dsSiteName"?: string;
    }
    interface DsSelect {
        /**
          * Returns true if select has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Aria label for the select element, used for accessibility when there is no visible label.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, allows the user to clear the selected option.
          * @default true
         */
        "dsClearable": boolean;
        /**
          * Disables the select component, preventing user interaction.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error message displayed when the select component is invalid.
          * @default ''
         */
        "dsErrorText": string;
        /**
          * Passed to the `form` attribute of the `select` element.
         */
        "dsForm"?: string;
        /**
          * If true, the select takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * The name of the icon to display inside the select component.
         */
        "dsIcon"?: string;
        /**
          * The size of the icon to display inside the select component.
         */
        "dsIconSize"?: string;
        /**
          * The unique ID for the select component.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * The label for the select component.
         */
        "dsLabel"?: string;
        /**
          * Show loading spinner and text.
          * @default false
         */
        "dsLoading": boolean;
        /**
          * Text to display when options are loading.
         */
        "dsLoadingText"?: string;
        /**
          * Passed to the `name` attribute of the select component.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * If true, shows an options error.
          * @default false
         */
        "dsOptionsError": boolean;
        /**
          * Text to display when there is an error loading options.
         */
        "dsOptionsErrorText"?: string;
        /**
          * Title to display when there is an error loading options.
         */
        "dsOptionsErrorTitle"?: string;
        /**
          * Placeholder text displayed when no option is selected (default: "Select an option").
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the select is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * The value of the selected option.
          * @default null
         */
        "dsValue": string | string[] | null;
        /**
          * Defines the variant of the select component: - "default" uses a custom implementation that allows selection of a single option - "multiple" uses a custom implementation that allows selection of multiple options - "native" uses the browser’s default select
          * @default 'default'
         */
        "dsVariant": 'default' | 'multiple' | 'native';
        "getSelectedOption": () => Promise<{ value: string; label: string; description: string; }>;
        "getSelectedOptions": () => Promise<{ value: string; label: string; description: string; }[]>;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        /**
          * Sets focus on the select control. For the `native` variant this focuses the underlying `<select>`; for `default` and `multiple` variants it focuses the custom select.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsSelectNative {
        /**
          * Passed to the `aria-controls` attribute of the select element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the select element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Aria label for the select element, used for accessibility.
         */
        "dsAriaLabel"?: string;
        /**
          * If true, disables the select element.
          * @default false
         */
        "dsDisabled": boolean;
        /**
          * Error text to display below the select.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `select` element.
         */
        "dsForm"?: string;
        /**
          * If true, the select takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Icon name to display inside the select.
          * @default ''
         */
        "dsIcon": string;
        /**
          * Icon size to display inside the select.
         */
        "dsIconSize"?: string;
        /**
          * Unique `id` attribute of the select element.
         */
        "dsId"?: string;
        /**
          * Label to display above the select.
          * @default ''
         */
        "dsLabel": string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning": boolean;
        /**
          * Name attribute for the select element.
         */
        "dsName"?: string;
        /**
          * Placeholder text to display when no option is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the select is required.
          * @default false
         */
        "dsRequired": boolean;
        /**
          * Currently selected value.
         */
        "dsValue"?: string;
        /**
          * Sets focus on the underlying native `<select>` element.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsSpinner {
        /**
          * Color of the spinner
          * @default 'blue'
         */
        "dsColour": SpinnerColor;
        /**
          * Custom size
         */
        "dsCustomSize"?: string;
        /**
          * Custom text size
         */
        "dsCustomTextSize"?: string;
        /**
          * Visually hidden information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Size of the spinner
          * @default 'medium'
         */
        "dsSize": SpinnerSize;
        /**
          * Text to display alongside spinner
         */
        "dsText"?: string;
        /**
          * Where to display the `dsText` property
          * @default 'below'
         */
        "dsTextPosition": SpinnerTextPosition;
        /**
          * Sets `aria-live="polite"` attribute to the spinner element
          * @default false
         */
        "dsUseAriaLive": boolean;
        /**
          * Sets `role="alert"` attribute to the spinner element
          * @default false
         */
        "dsUseRoleAlert": boolean;
    }
    interface DsStep {
        /**
          * Passed to the `dsFullWidth` property of the `ds-step-base` element.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Ordinal number of the step.
         */
        "dsOrdinal": number;
        /**
          * Passed to the `dsOrientation` property of the `ds-step-base` element.
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
        /**
          * Phase of the step.
          * @default 'static'
         */
        "dsPhase": 'static' | 'incomplete' | 'current' | 'complete';
    }
    interface DsStepBase {
        /**
          * If true, the step will take the full width of its container. Can be used to achieve same size for all steps in a horizontal stepper.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Orientation of the step bullet and line. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation": 'horizontal' | 'vertical';
    }
    interface DsStepBullet {
        /**
          * If true, a line will be shown.
          * @default true
         */
        "dsShowLine": boolean;
        /**
          * Passed to the `dsSize` property of the `ds-step-bullet-base` element.
          * @default 'medium'
         */
        "dsSize": 'small' | 'medium';
    }
    interface DsStepBulletBase {
        /**
          * Border colour of the step bullet.
         */
        "dsBorderColour"?: string;
        /**
          * Width of the border of the step bullet.
          * @default 'none'
         */
        "dsBorderWidth": 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        /**
          * Fill colour of the step bullet.
         */
        "dsFillColour"?: string;
        /**
          * Name of the icon to display inside the step bullet.
         */
        "dsIcon"?: string;
        /**
          * Colour of the icon inside the step bullet.
         */
        "dsIconColour"?: string;
        /**
          * Colour of the line.
         */
        "dsLineColour"?: string;
        /**
          * Width of the line.
          * @default 'none'
         */
        "dsLineWidth": 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        /**
          * Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation": 'horizontal' | 'vertical';
        /**
          * Size of the step bullet.
          * @default 'medium'
         */
        "dsSize": 'small' | 'medium';
        /**
          * Text to display inside the step bullet.
         */
        "dsText"?: string;
        /**
          * Colour of the text inside the step bullet.
         */
        "dsTextColour"?: string;
    }
    interface DsStepContent {
        /**
          * Passed to the `dsFullWidth` property of the `ds-step-content-base` element.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Passed to the `dsHeading` property of the `ds-step-content-base` element.
          * @default ''
         */
        "dsHeading": string;
        /**
          * Calls `setFocus` method of the `ds-step-content-base` inside the `ds-step-content` component.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsStepContentBase {
        /**
          * Passed to the `aria-current` attribute of the heading element. Should be set to "step" for the current step.
          * @default undefined
         */
        "dsAriaCurrent": 'step' | undefined;
        /**
          * If true, the step content takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Heading text for the step content.
          * @default ''
         */
        "dsHeading": string;
        /**
          * Colour of the heading text.
         */
        "dsHeadingColour"?: string;
        /**
          * Assistive text for screen readers. Provide additional context for the step, e.g., a status text.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Ordinal number of the step.
         */
        "dsOrdinal"?: number;
        /**
          * Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation": 'horizontal' | 'vertical';
        /**
          * Sets focus to the heading (`<span>`) element rendered inside the step content.  Has no effect when using `<slot name="heading">` to provide a custom heading element.
         */
        "setFocus": () => Promise<void>;
    }
    interface DsSteps {
        /**
          * Orientation of the steps.
          * @default 'vertical'
         */
        "dsOrientation": 'horizontal' | 'vertical';
    }
    interface DsStore {
        /**
          * @default 'en'
         */
        "dsLanguage": Language;
        "getLanguage": () => Promise<"fi" | "sv" | "en">;
        "setLanguage": (language: Language) => Promise<void>;
    }
    interface DsTab {
        /**
          * The name of the icon to display at the end of the tab.
         */
        "dsIconEnd"?: string;
        /**
          * The aria-label for the end icon.
         */
        "dsIconEndAriaLabel"?: string;
        /**
          * The colour of the end icon.
         */
        "dsIconEndColour"?: (typeof iconColours)[number];
        /**
          * The name of the icon to display at the start of the tab.
         */
        "dsIconStart"?: string;
        /**
          * The aria-label for the start icon.
         */
        "dsIconStartAriaLabel"?: string;
        /**
          * The ID of the tab.
         */
        "dsId": string;
        /**
          * The ID of the associated tab panel.
         */
        "dsTabPanelId": string;
        /**
          * The text content of the tab.
         */
        "dsText"?: string;
        "setFocus": () => Promise<void>;
    }
    interface DsTablist {
        /**
          * The ARIA label for the tablist.
         */
        "dsAriaLabel"?: string;
        /**
          * The ID of the element that labels the tablist.
         */
        "dsAriaLabelledby"?: string;
        /**
          * For internal use.  Checks if scroll buttons should be shown. This method should be called whenever a new tab is connected to the tablist.
         */
        "tabConnected": () => Promise<void>;
        /**
          * For internal use.  Checks if scroll buttons should be shown. This method should be called whenever a tab is disconnected from the tablist.
         */
        "tabDisconnected": () => Promise<void>;
    }
    interface DsTabpanel {
        /**
          * The ID of the tab panel.
         */
        "dsId": string;
        /**
          * If true, adds paddings to the tab panel content.
          * @default true
         */
        "dsPadded"?: boolean;
        /**
          * The ID of the associated tab.
         */
        "dsTabId": string;
    }
    interface DsTabs {
        /**
          * The ID of the currently active tab.
         */
        "dsCurrentTab": string;
        /**
          * The ID of the currently active tab panel.
         */
        "dsCurrentTabPanel": string;
        /**
          * The variant of the tabs component.
          * @default 'container'
         */
        "dsVariant": 'container' | 'line';
    }
    interface DsTag {
        /**
          * Passed to the `aria-hidden` attribute of the tag
         */
        "dsAriaHidden"?: boolean;
        /**
          * Colour of the tag
          * @default 'default'
         */
        "dsColour": TagColour;
        /**
          * Passed to the `dsDownload` attribute of the `DsLink` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `dsHref` attribute of the `DsLink` element
         */
        "dsHref"?: string;
        /**
          * Icon to display
          * @default ''
         */
        "dsIcon": string;
        /**
          * Position of the icon
          * @default 'start'
         */
        "dsIconPosition": 'start' | 'end';
        /**
          * Passed to the `role` attribute of the tag
         */
        "dsRole"?: string;
        /**
          * Passed to the `dsTarget` attribute of the `DsLink` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text to display
          * @default 'Label'
         */
        "dsText": string;
    }
    interface DsTagGroup {
        /**
          * Passed to the `aria-label` attribute of the tag group.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Label of the tag group.
         */
        "dsLabel"?: string;
    }
    interface DsTextArea {
        /**
          * Returns true if textarea has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        /**
          * Clears the value of the textarea.
         */
        "clearTextarea": () => Promise<void>;
        /**
          * Passed to the `aria-describedby` attribute of the `textarea` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `textarea` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `textarea` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label
         */
        "dsAssistiveText"?: string;
        /**
          * Optional character limit for the textarea
         */
        "dsCharacterLimit"?: number;
        /**
          * Passed to the `disabled` attribute of the `textarea` element.
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the textarea. If set, the textarea is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `textarea` element.`
         */
        "dsForm"?: string;
        /**
          * If true, the textarea takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Visually hidden additional information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Passed to the `id` of the `textarea` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * Label of the textarea.
         */
        "dsLabel"?: string;
        /**
          * Passed to the `name` attribute of the `textarea` element.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the textarea is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the textarea is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `placeholder` of the `textarea` element.
         */
        "dsPlaceholder"?: string;
        /**
          * Passed to the `readonly` attribute of the `textarea` element.
         */
        "dsReadonly"?: boolean;
        /**
          * Passed to the `required` attribute of the `textarea` element.
         */
        "dsRequired"?: boolean;
        /**
          * Controls the resizing behavior of the textarea: both, none, vertical, horizontal, or auto (auto-grows with content).
          * @default 'both'
         */
        "dsResizing": 'both' | 'none' | 'vertical' | 'horizontal' | 'auto';
        /**
          * Success message shown below the textarea. If set, the textarea is shown in a success state.
         */
        "dsSuccessText"?: string;
        /**
          * Passed to the `value` attribute of the `textarea` element.
         */
        "dsValue"?: string;
        "setFocus": () => Promise<void>;
    }
    interface DsTextInput {
        /**
          * Returns true if input has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
         */
        "checkValidity": () => Promise<boolean>;
        "clearInput": (e: Event) => Promise<void>;
        /**
          * Aria-label for action button for text inputs with `dsType` `password` or `search`:  - The action button for `search` text input is the clear button. If not set, defaults to "Clear field". - The action button for `password` text input is the toggle visibility button. If not set, defaults to "Show password" and "Hide password" depending on the visibility state.
         */
        "dsActionButtonAriaLabel"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the `input` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `input` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `input` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `autocomplete` attribute of the `input` element.
         */
        "dsAutocomplete"?: string;
        /**
          * Passed to the `disabled` attribute of the `input` element.
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the text input. If set, the text input is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * If true, the text input takes the full width of its container.
          * @default false
         */
        "dsFullWidth": boolean;
        /**
          * Visually hidden additional information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Icon to display at the start of the text input.
          * @default ''
         */
        "dsIcon": string;
        /**
          * Passed to the `id` attribute of the `input` element.
          * @default this.getUniqueId()
         */
        "dsId": string;
        /**
          * If true, shows the input in an invalid state (red border, aria-invalid) without requiring dsErrorText. Useful when parent component renders its own error message.
          * @default false
         */
        "dsInvalid"?: boolean;
        /**
          * Label of the input.
         */
        "dsLabel"?: string;
        /**
          * Passed to the `max` attribute of the `input` element.
         */
        "dsMax"?: number;
        /**
          * Passed to the `maxlength` attribute of the `input` element.
         */
        "dsMaxLength"?: number;
        /**
          * Passed to the `min` attribute of the `input` element.
         */
        "dsMin"?: number;
        /**
          * Passed to the `name` attribute of the `input` element.
          * @default this.dsId
         */
        "dsName": string;
        /**
          * Displays indicator that the text input is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the text input is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `pattern` attribute of the `input` element.
         */
        "dsPattern"?: string;
        /**
          * Passed to the `placeholder` attribute of the `input` element.
         */
        "dsPlaceholder"?: string;
        /**
          * Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).
         */
        "dsPrefixText"?: string;
        /**
          * Passed to the `readonly` attribute of the `input` element.
         */
        "dsReadonly"?: boolean;
        /**
          * Passed to the `required` attribute of the `input` element.
         */
        "dsRequired"?: boolean;
        /**
          * @default 1
         */
        "dsStep": number;
        /**
          * Success message shown below the text input. If set, the text input is shown in a success state.
         */
        "dsSuccessText"?: string;
        /**
          * Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).
         */
        "dsSuffixText"?: string;
        /**
          * Type of the text input, passed to the `type` attribute of the `input` element. A text input of type `search` has an action button to clear the input value if it is not empty. A text input of type `password` has an action button to toggle the visibility of the entered input.
          * @default 'text'
         */
        "dsType": 'text' | 'password' | 'search' | 'loading' | 'tel' | 'email' | 'url' | 'number';
        /**
          * Passed to the `value` attribute of the `input` element.
         */
        "dsValue"?: string;
        /**
          * Sets the disable-emit flag. Call with `true` before a programmatic state change to suppress the next event emit. Call with no argument (or `false`) to reset, allowing subsequent user-triggered emits.
         */
        "setDisableEventEmits": (value?: boolean) => Promise<void>;
        "setFocus": () => Promise<void>;
        "togglePasswordVisibility": () => Promise<boolean>;
    }
    interface DsVersionedCssVariables {
    }
    interface DsVisuallyHidden {
        /**
          * Specifies the HTML tag to render for the visually hidden component.
          * @default 'div'
         */
        "dsTag": 'div' | 'span';
    }
}
export interface DsAccordionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsAccordionElement;
}
export interface DsActionListItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsActionListItemElement;
}
export interface DsActionMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsActionMenuElement;
}
export interface DsBackdropCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBackdropElement;
}
export interface DsBreadcrumbCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBreadcrumbElement;
}
export interface DsBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBreadcrumbsElement;
}
export interface DsBreadcrumbsCollapsibleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBreadcrumbsCollapsibleElement;
}
export interface DsBreadcrumbsExpandButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBreadcrumbsExpandButtonElement;
}
export interface DsCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCheckboxElement;
}
export interface DsCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCheckboxGroupElement;
}
export interface DsCheckboxGroupExpandButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCheckboxGroupExpandButtonElement;
}
export interface DsChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsChipElement;
}
export interface DsChipGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsChipGroupElement;
}
export interface DsComboboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsComboboxElement;
}
export interface DsDatepickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsDatepickerElement;
}
export interface DsDatepickerCustomCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsDatepickerCustomElement;
}
export interface DsDatepickerNativeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsDatepickerNativeElement;
}
export interface DsDatepickerSimpleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsDatepickerSimpleElement;
}
export interface DsLinkCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsLinkElement;
}
export interface DsLinkCtaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsLinkCtaElement;
}
export interface DsLinkLogoCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsLinkLogoElement;
}
export interface DsLinkWithArrowCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsLinkWithArrowElement;
}
export interface DsMediaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMediaElement;
}
export interface DsModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsModalElement;
}
export interface DsNotificationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsNotificationElement;
}
export interface DsOptionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsOptionElement;
}
export interface DsOptionsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsOptionsElement;
}
export interface DsRadioButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsRadioButtonElement;
}
export interface DsRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsRadioButtonGroupElement;
}
export interface DsRibbonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsRibbonElement;
}
export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSelectElement;
}
export interface DsSelectNativeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSelectNativeElement;
}
export interface DsStoreCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsStoreElement;
}
export interface DsTabCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTabElement;
}
export interface DsTablistCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTablistElement;
}
export interface DsTextAreaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTextAreaElement;
}
export interface DsTextInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTextInputElement;
}
declare global {
    interface HTMLDsAccordionElementEventMap {
        "dsToggle": DsAccordionToggleEvent;
    }
    interface HTMLDsAccordionElement extends Components.DsAccordion, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsAccordionElementEventMap>(type: K, listener: (this: HTMLDsAccordionElement, ev: DsAccordionCustomEvent<HTMLDsAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsAccordionElementEventMap>(type: K, listener: (this: HTMLDsAccordionElement, ev: DsAccordionCustomEvent<HTMLDsAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsAccordionElement: {
        prototype: HTMLDsAccordionElement;
        new (): HTMLDsAccordionElement;
    };
    interface HTMLDsActionListElement extends Components.DsActionList, HTMLStencilElement {
    }
    var HTMLDsActionListElement: {
        prototype: HTMLDsActionListElement;
        new (): HTMLDsActionListElement;
    };
    interface HTMLDsActionListDividerElement extends Components.DsActionListDivider, HTMLStencilElement {
    }
    var HTMLDsActionListDividerElement: {
        prototype: HTMLDsActionListDividerElement;
        new (): HTMLDsActionListDividerElement;
    };
    interface HTMLDsActionListGroupTitleElement extends Components.DsActionListGroupTitle, HTMLStencilElement {
    }
    var HTMLDsActionListGroupTitleElement: {
        prototype: HTMLDsActionListGroupTitleElement;
        new (): HTMLDsActionListGroupTitleElement;
    };
    interface HTMLDsActionListItemElementEventMap {
        "dsSelect": DsActionListItemSelectEvent;
    }
    interface HTMLDsActionListItemElement extends Components.DsActionListItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsActionListItemElementEventMap>(type: K, listener: (this: HTMLDsActionListItemElement, ev: DsActionListItemCustomEvent<HTMLDsActionListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsActionListItemElementEventMap>(type: K, listener: (this: HTMLDsActionListItemElement, ev: DsActionListItemCustomEvent<HTMLDsActionListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsActionListItemElement: {
        prototype: HTMLDsActionListItemElement;
        new (): HTMLDsActionListItemElement;
    };
    interface HTMLDsActionMenuElementEventMap {
        "dsOpen": DsActionMenuOpenEvent;
        "dsClose": DsActionMenuCloseEvent;
    }
    interface HTMLDsActionMenuElement extends Components.DsActionMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsActionMenuElementEventMap>(type: K, listener: (this: HTMLDsActionMenuElement, ev: DsActionMenuCustomEvent<HTMLDsActionMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsActionMenuElementEventMap>(type: K, listener: (this: HTMLDsActionMenuElement, ev: DsActionMenuCustomEvent<HTMLDsActionMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsActionMenuElement: {
        prototype: HTMLDsActionMenuElement;
        new (): HTMLDsActionMenuElement;
    };
    interface HTMLDsAssistiveTextElement extends Components.DsAssistiveText, HTMLStencilElement {
    }
    var HTMLDsAssistiveTextElement: {
        prototype: HTMLDsAssistiveTextElement;
        new (): HTMLDsAssistiveTextElement;
    };
    interface HTMLDsBackdropElementEventMap {
        "dsBackdropClose": void;
        "dsTransition": DsBackdropTransitionEvent;
    }
    interface HTMLDsBackdropElement extends Components.DsBackdrop, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBackdropElementEventMap>(type: K, listener: (this: HTMLDsBackdropElement, ev: DsBackdropCustomEvent<HTMLDsBackdropElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBackdropElementEventMap>(type: K, listener: (this: HTMLDsBackdropElement, ev: DsBackdropCustomEvent<HTMLDsBackdropElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBackdropElement: {
        prototype: HTMLDsBackdropElement;
        new (): HTMLDsBackdropElement;
    };
    interface HTMLDsBadgeElement extends Components.DsBadge, HTMLStencilElement {
    }
    var HTMLDsBadgeElement: {
        prototype: HTMLDsBadgeElement;
        new (): HTMLDsBadgeElement;
    };
    interface HTMLDsBreadcrumbElementEventMap {
        "dsClick": MouseEvent;
        "dsIsHiddenChange": boolean;
    }
    interface HTMLDsBreadcrumbElement extends Components.DsBreadcrumb, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBreadcrumbElement: {
        prototype: HTMLDsBreadcrumbElement;
        new (): HTMLDsBreadcrumbElement;
    };
    interface HTMLDsBreadcrumbsElementEventMap {
        "dsSizeChange": 'medium' | 'small';
    }
    interface HTMLDsBreadcrumbsElement extends Components.DsBreadcrumbs, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsElement, ev: DsBreadcrumbsCustomEvent<HTMLDsBreadcrumbsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBreadcrumbsElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsElement, ev: DsBreadcrumbsCustomEvent<HTMLDsBreadcrumbsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBreadcrumbsElement: {
        prototype: HTMLDsBreadcrumbsElement;
        new (): HTMLDsBreadcrumbsElement;
    };
    interface HTMLDsBreadcrumbsCollapsibleElementEventMap {
        "dsExpandButtonClick": void;
    }
    interface HTMLDsBreadcrumbsCollapsibleElement extends Components.DsBreadcrumbsCollapsible, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBreadcrumbsCollapsibleElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsCollapsibleElement, ev: DsBreadcrumbsCollapsibleCustomEvent<HTMLDsBreadcrumbsCollapsibleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBreadcrumbsCollapsibleElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsCollapsibleElement, ev: DsBreadcrumbsCollapsibleCustomEvent<HTMLDsBreadcrumbsCollapsibleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBreadcrumbsCollapsibleElement: {
        prototype: HTMLDsBreadcrumbsCollapsibleElement;
        new (): HTMLDsBreadcrumbsCollapsibleElement;
    };
    interface HTMLDsBreadcrumbsExpandButtonElementEventMap {
        "dsClick": void;
    }
    interface HTMLDsBreadcrumbsExpandButtonElement extends Components.DsBreadcrumbsExpandButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBreadcrumbsExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsExpandButtonElement, ev: DsBreadcrumbsExpandButtonCustomEvent<HTMLDsBreadcrumbsExpandButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBreadcrumbsExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbsExpandButtonElement, ev: DsBreadcrumbsExpandButtonCustomEvent<HTMLDsBreadcrumbsExpandButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBreadcrumbsExpandButtonElement: {
        prototype: HTMLDsBreadcrumbsExpandButtonElement;
        new (): HTMLDsBreadcrumbsExpandButtonElement;
    };
    interface HTMLDsBreadcrumbsSeparatorElement extends Components.DsBreadcrumbsSeparator, HTMLStencilElement {
    }
    var HTMLDsBreadcrumbsSeparatorElement: {
        prototype: HTMLDsBreadcrumbsSeparatorElement;
        new (): HTMLDsBreadcrumbsSeparatorElement;
    };
    interface HTMLDsButtonElement extends Components.DsButton, HTMLStencilElement {
    }
    var HTMLDsButtonElement: {
        prototype: HTMLDsButtonElement;
        new (): HTMLDsButtonElement;
    };
    interface HTMLDsCardElement extends Components.DsCard, HTMLStencilElement {
    }
    var HTMLDsCardElement: {
        prototype: HTMLDsCardElement;
        new (): HTMLDsCardElement;
    };
    interface HTMLDsCheckboxElementEventMap {
        "dsChange": DsCheckboxChangeEvent;
        "dsFocus": DsCheckboxFocusEvent;
        "dsBlur": DsCheckboxBlurEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsCheckboxElement extends Components.DsCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsCheckboxElement: {
        prototype: HTMLDsCheckboxElement;
        new (): HTMLDsCheckboxElement;
    };
    interface HTMLDsCheckboxGroupElementEventMap {
        "dsCheckboxGroupChange": DsCheckboxGroupChangeEvent;
        "dsCheckboxGroupIndeterminateChildChange": DsCheckboxGroupIndeterminateChildChangeEvent;
        "dsCheckboxGroupInvalidStateChange": DsCheckboxGroupInvalidStateChangeEvent;
        "dsCheckboxGroupDisabledChange": DsCheckboxGroupDisabledChangeEvent;
        "dsCheckboxGroupAllRequiredChange": DsCheckboxGroupAllRequiredChangeEvent;
        "dsCheckboxGroupFormChange": DsCheckboxGroupFormChangeEvent;
        "dsCheckboxGroupNameChange": DsCheckboxGroupNameChangeEvent;
        "dsCheckboxGroupCheckedChange": DsCheckboxGroupCheckedChangeEvent;
        "dsCheckboxGroupOpenChange": boolean;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsCheckboxGroupElement extends Components.DsCheckboxGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupElement, ev: DsCheckboxGroupCustomEvent<HTMLDsCheckboxGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupElement, ev: DsCheckboxGroupCustomEvent<HTMLDsCheckboxGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsCheckboxGroupElement: {
        prototype: HTMLDsCheckboxGroupElement;
        new (): HTMLDsCheckboxGroupElement;
    };
    interface HTMLDsCheckboxGroupExpandButtonElementEventMap {
        "dsOpenChange": boolean;
    }
    /**
     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
     */
    interface HTMLDsCheckboxGroupExpandButtonElement extends Components.DsCheckboxGroupExpandButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCheckboxGroupExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupExpandButtonElement, ev: DsCheckboxGroupExpandButtonCustomEvent<HTMLDsCheckboxGroupExpandButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsCheckboxGroupExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupExpandButtonElement, ev: DsCheckboxGroupExpandButtonCustomEvent<HTMLDsCheckboxGroupExpandButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsCheckboxGroupExpandButtonElement: {
        prototype: HTMLDsCheckboxGroupExpandButtonElement;
        new (): HTMLDsCheckboxGroupExpandButtonElement;
    };
    interface HTMLDsChipElementEventMap {
        "dsClick": DsChipClickEvent;
    }
    interface HTMLDsChipElement extends Components.DsChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsChipElement: {
        prototype: HTMLDsChipElement;
        new (): HTMLDsChipElement;
    };
    interface HTMLDsChipGroupElementEventMap {
        "dsChipClick": DsChipClickEvent1;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsChipGroupElement extends Components.DsChipGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsChipGroupElementEventMap>(type: K, listener: (this: HTMLDsChipGroupElement, ev: DsChipGroupCustomEvent<HTMLDsChipGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsChipGroupElementEventMap>(type: K, listener: (this: HTMLDsChipGroupElement, ev: DsChipGroupCustomEvent<HTMLDsChipGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsChipGroupElement: {
        prototype: HTMLDsChipGroupElement;
        new (): HTMLDsChipGroupElement;
    };
    interface HTMLDsComboboxElementEventMap {
        "dsFilterChange": DsComboboxFilterChangeEvent;
        "dsMultipleChange": DsComboboxMultipleChangeEvent;
        "dsChange": DsComboboxChangeEvent;
        "dsSelectedOptionValueChange": DsComboboxSelectedOptionValueChangeEvent;
        "dsSelectedOptionRemoved": DsComboboxSelectedOptionRemovedEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
        "dsBlur": DsComboboxBlurEvent;
        "dsFocus": DsComboboxFocusEvent;
    }
    interface HTMLDsComboboxElement extends Components.DsCombobox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsComboboxElementEventMap>(type: K, listener: (this: HTMLDsComboboxElement, ev: DsComboboxCustomEvent<HTMLDsComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsComboboxElementEventMap>(type: K, listener: (this: HTMLDsComboboxElement, ev: DsComboboxCustomEvent<HTMLDsComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsComboboxElement: {
        prototype: HTMLDsComboboxElement;
        new (): HTMLDsComboboxElement;
    };
    interface HTMLDsControlLabelElement extends Components.DsControlLabel, HTMLStencilElement {
    }
    var HTMLDsControlLabelElement: {
        prototype: HTMLDsControlLabelElement;
        new (): HTMLDsControlLabelElement;
    };
    interface HTMLDsDatepickerElementEventMap {
        "dsChange": DsDatepickerChangeEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
        "dsBlur": DsDatepickerBlurEvent;
        "dsFocus": DsDatepickerFocusEvent;
    }
    interface HTMLDsDatepickerElement extends Components.DsDatepicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsDatepickerElementEventMap>(type: K, listener: (this: HTMLDsDatepickerElement, ev: DsDatepickerCustomEvent<HTMLDsDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsDatepickerElementEventMap>(type: K, listener: (this: HTMLDsDatepickerElement, ev: DsDatepickerCustomEvent<HTMLDsDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsDatepickerElement: {
        prototype: HTMLDsDatepickerElement;
        new (): HTMLDsDatepickerElement;
    };
    interface HTMLDsDatepickerCustomElementEventMap {
        "dsChange": string;
        "dsValidity": DsValidityEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsBlur": void;
        "dsFocus": void;
    }
    interface HTMLDsDatepickerCustomElement extends Components.DsDatepickerCustom, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsDatepickerCustomElementEventMap>(type: K, listener: (this: HTMLDsDatepickerCustomElement, ev: DsDatepickerCustomCustomEvent<HTMLDsDatepickerCustomElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsDatepickerCustomElementEventMap>(type: K, listener: (this: HTMLDsDatepickerCustomElement, ev: DsDatepickerCustomCustomEvent<HTMLDsDatepickerCustomElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsDatepickerCustomElement: {
        prototype: HTMLDsDatepickerCustomElement;
        new (): HTMLDsDatepickerCustomElement;
    };
    interface HTMLDsDatepickerNativeElementEventMap {
        "dsChange": string;
        "dsValidity": DsValidityEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsBlur": void;
        "dsFocus": void;
    }
    interface HTMLDsDatepickerNativeElement extends Components.DsDatepickerNative, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsDatepickerNativeElementEventMap>(type: K, listener: (this: HTMLDsDatepickerNativeElement, ev: DsDatepickerNativeCustomEvent<HTMLDsDatepickerNativeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsDatepickerNativeElementEventMap>(type: K, listener: (this: HTMLDsDatepickerNativeElement, ev: DsDatepickerNativeCustomEvent<HTMLDsDatepickerNativeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsDatepickerNativeElement: {
        prototype: HTMLDsDatepickerNativeElement;
        new (): HTMLDsDatepickerNativeElement;
    };
    interface HTMLDsDatepickerSimpleElementEventMap {
        "dsChange": string;
        "dsValidity": DsValidityEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsBlur": void;
        "dsFocus": void;
    }
    /**
     * Simple datepicker variant that uses ds-text-input for manual date entry.
     */
    interface HTMLDsDatepickerSimpleElement extends Components.DsDatepickerSimple, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsDatepickerSimpleElementEventMap>(type: K, listener: (this: HTMLDsDatepickerSimpleElement, ev: DsDatepickerSimpleCustomEvent<HTMLDsDatepickerSimpleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsDatepickerSimpleElementEventMap>(type: K, listener: (this: HTMLDsDatepickerSimpleElement, ev: DsDatepickerSimpleCustomEvent<HTMLDsDatepickerSimpleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsDatepickerSimpleElement: {
        prototype: HTMLDsDatepickerSimpleElement;
        new (): HTMLDsDatepickerSimpleElement;
    };
    interface HTMLDsDividerElement extends Components.DsDivider, HTMLStencilElement {
    }
    var HTMLDsDividerElement: {
        prototype: HTMLDsDividerElement;
        new (): HTMLDsDividerElement;
    };
    interface HTMLDsFeedbackElement extends Components.DsFeedback, HTMLStencilElement {
    }
    var HTMLDsFeedbackElement: {
        prototype: HTMLDsFeedbackElement;
        new (): HTMLDsFeedbackElement;
    };
    interface HTMLDsGridElement extends Components.DsGrid, HTMLStencilElement {
    }
    var HTMLDsGridElement: {
        prototype: HTMLDsGridElement;
        new (): HTMLDsGridElement;
    };
    interface HTMLDsGroupLabelElement extends Components.DsGroupLabel, HTMLStencilElement {
    }
    var HTMLDsGroupLabelElement: {
        prototype: HTMLDsGroupLabelElement;
        new (): HTMLDsGroupLabelElement;
    };
    interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
    }
    var HTMLDsIconElement: {
        prototype: HTMLDsIconElement;
        new (): HTMLDsIconElement;
    };
    interface HTMLDsIcon360Element extends Components.DsIcon360, HTMLStencilElement {
    }
    var HTMLDsIcon360Element: {
        prototype: HTMLDsIcon360Element;
        new (): HTMLDsIcon360Element;
    };
    interface HTMLDsIconAccountBalanceElement extends Components.DsIconAccountBalance, HTMLStencilElement {
    }
    var HTMLDsIconAccountBalanceElement: {
        prototype: HTMLDsIconAccountBalanceElement;
        new (): HTMLDsIconAccountBalanceElement;
    };
    interface HTMLDsIconAccountBalanceFillElement extends Components.DsIconAccountBalanceFill, HTMLStencilElement {
    }
    var HTMLDsIconAccountBalanceFillElement: {
        prototype: HTMLDsIconAccountBalanceFillElement;
        new (): HTMLDsIconAccountBalanceFillElement;
    };
    interface HTMLDsIconAccountCircleElement extends Components.DsIconAccountCircle, HTMLStencilElement {
    }
    var HTMLDsIconAccountCircleElement: {
        prototype: HTMLDsIconAccountCircleElement;
        new (): HTMLDsIconAccountCircleElement;
    };
    interface HTMLDsIconAccountCircleFillElement extends Components.DsIconAccountCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconAccountCircleFillElement: {
        prototype: HTMLDsIconAccountCircleFillElement;
        new (): HTMLDsIconAccountCircleFillElement;
    };
    interface HTMLDsIconAddElement extends Components.DsIconAdd, HTMLStencilElement {
    }
    var HTMLDsIconAddElement: {
        prototype: HTMLDsIconAddElement;
        new (): HTMLDsIconAddElement;
    };
    interface HTMLDsIconArchiveElement extends Components.DsIconArchive, HTMLStencilElement {
    }
    var HTMLDsIconArchiveElement: {
        prototype: HTMLDsIconArchiveElement;
        new (): HTMLDsIconArchiveElement;
    };
    interface HTMLDsIconArchiveFillElement extends Components.DsIconArchiveFill, HTMLStencilElement {
    }
    var HTMLDsIconArchiveFillElement: {
        prototype: HTMLDsIconArchiveFillElement;
        new (): HTMLDsIconArchiveFillElement;
    };
    interface HTMLDsIconArrowBackElement extends Components.DsIconArrowBack, HTMLStencilElement {
    }
    var HTMLDsIconArrowBackElement: {
        prototype: HTMLDsIconArrowBackElement;
        new (): HTMLDsIconArrowBackElement;
    };
    interface HTMLDsIconArrowDownwardElement extends Components.DsIconArrowDownward, HTMLStencilElement {
    }
    var HTMLDsIconArrowDownwardElement: {
        prototype: HTMLDsIconArrowDownwardElement;
        new (): HTMLDsIconArrowDownwardElement;
    };
    interface HTMLDsIconArrowDropDownElement extends Components.DsIconArrowDropDown, HTMLStencilElement {
    }
    var HTMLDsIconArrowDropDownElement: {
        prototype: HTMLDsIconArrowDropDownElement;
        new (): HTMLDsIconArrowDropDownElement;
    };
    interface HTMLDsIconArrowDropDownCircleElement extends Components.DsIconArrowDropDownCircle, HTMLStencilElement {
    }
    var HTMLDsIconArrowDropDownCircleElement: {
        prototype: HTMLDsIconArrowDropDownCircleElement;
        new (): HTMLDsIconArrowDropDownCircleElement;
    };
    interface HTMLDsIconArrowDropDownCircleFillElement extends Components.DsIconArrowDropDownCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconArrowDropDownCircleFillElement: {
        prototype: HTMLDsIconArrowDropDownCircleFillElement;
        new (): HTMLDsIconArrowDropDownCircleFillElement;
    };
    interface HTMLDsIconArrowDropUpElement extends Components.DsIconArrowDropUp, HTMLStencilElement {
    }
    var HTMLDsIconArrowDropUpElement: {
        prototype: HTMLDsIconArrowDropUpElement;
        new (): HTMLDsIconArrowDropUpElement;
    };
    interface HTMLDsIconArrowForwardElement extends Components.DsIconArrowForward, HTMLStencilElement {
    }
    var HTMLDsIconArrowForwardElement: {
        prototype: HTMLDsIconArrowForwardElement;
        new (): HTMLDsIconArrowForwardElement;
    };
    interface HTMLDsIconArrowInsertElement extends Components.DsIconArrowInsert, HTMLStencilElement {
    }
    var HTMLDsIconArrowInsertElement: {
        prototype: HTMLDsIconArrowInsertElement;
        new (): HTMLDsIconArrowInsertElement;
    };
    interface HTMLDsIconArrowOutwardElement extends Components.DsIconArrowOutward, HTMLStencilElement {
    }
    var HTMLDsIconArrowOutwardElement: {
        prototype: HTMLDsIconArrowOutwardElement;
        new (): HTMLDsIconArrowOutwardElement;
    };
    interface HTMLDsIconArrowUpwardElement extends Components.DsIconArrowUpward, HTMLStencilElement {
    }
    var HTMLDsIconArrowUpwardElement: {
        prototype: HTMLDsIconArrowUpwardElement;
        new (): HTMLDsIconArrowUpwardElement;
    };
    interface HTMLDsIconAttachEmailElement extends Components.DsIconAttachEmail, HTMLStencilElement {
    }
    var HTMLDsIconAttachEmailElement: {
        prototype: HTMLDsIconAttachEmailElement;
        new (): HTMLDsIconAttachEmailElement;
    };
    interface HTMLDsIconAttachEmailFillElement extends Components.DsIconAttachEmailFill, HTMLStencilElement {
    }
    var HTMLDsIconAttachEmailFillElement: {
        prototype: HTMLDsIconAttachEmailFillElement;
        new (): HTMLDsIconAttachEmailFillElement;
    };
    interface HTMLDsIconAttachFileElement extends Components.DsIconAttachFile, HTMLStencilElement {
    }
    var HTMLDsIconAttachFileElement: {
        prototype: HTMLDsIconAttachFileElement;
        new (): HTMLDsIconAttachFileElement;
    };
    interface HTMLDsIconAttachFileAddElement extends Components.DsIconAttachFileAdd, HTMLStencilElement {
    }
    var HTMLDsIconAttachFileAddElement: {
        prototype: HTMLDsIconAttachFileAddElement;
        new (): HTMLDsIconAttachFileAddElement;
    };
    interface HTMLDsIconAttachFileOffElement extends Components.DsIconAttachFileOff, HTMLStencilElement {
    }
    var HTMLDsIconAttachFileOffElement: {
        prototype: HTMLDsIconAttachFileOffElement;
        new (): HTMLDsIconAttachFileOffElement;
    };
    interface HTMLDsIconBadgeElement extends Components.DsIconBadge, HTMLStencilElement {
    }
    var HTMLDsIconBadgeElement: {
        prototype: HTMLDsIconBadgeElement;
        new (): HTMLDsIconBadgeElement;
    };
    interface HTMLDsIconBadgeFillElement extends Components.DsIconBadgeFill, HTMLStencilElement {
    }
    var HTMLDsIconBadgeFillElement: {
        prototype: HTMLDsIconBadgeFillElement;
        new (): HTMLDsIconBadgeFillElement;
    };
    interface HTMLDsIconBarChartElement extends Components.DsIconBarChart, HTMLStencilElement {
    }
    var HTMLDsIconBarChartElement: {
        prototype: HTMLDsIconBarChartElement;
        new (): HTMLDsIconBarChartElement;
    };
    interface HTMLDsIconBlueskyElement extends Components.DsIconBluesky, HTMLStencilElement {
    }
    var HTMLDsIconBlueskyElement: {
        prototype: HTMLDsIconBlueskyElement;
        new (): HTMLDsIconBlueskyElement;
    };
    interface HTMLDsIconBook2Element extends Components.DsIconBook2, HTMLStencilElement {
    }
    var HTMLDsIconBook2Element: {
        prototype: HTMLDsIconBook2Element;
        new (): HTMLDsIconBook2Element;
    };
    interface HTMLDsIconBook2FillElement extends Components.DsIconBook2Fill, HTMLStencilElement {
    }
    var HTMLDsIconBook2FillElement: {
        prototype: HTMLDsIconBook2FillElement;
        new (): HTMLDsIconBook2FillElement;
    };
    interface HTMLDsIconBoyElement extends Components.DsIconBoy, HTMLStencilElement {
    }
    var HTMLDsIconBoyElement: {
        prototype: HTMLDsIconBoyElement;
        new (): HTMLDsIconBoyElement;
    };
    interface HTMLDsIconBuildElement extends Components.DsIconBuild, HTMLStencilElement {
    }
    var HTMLDsIconBuildElement: {
        prototype: HTMLDsIconBuildElement;
        new (): HTMLDsIconBuildElement;
    };
    interface HTMLDsIconBuildFillElement extends Components.DsIconBuildFill, HTMLStencilElement {
    }
    var HTMLDsIconBuildFillElement: {
        prototype: HTMLDsIconBuildFillElement;
        new (): HTMLDsIconBuildFillElement;
    };
    interface HTMLDsIconCalculateElement extends Components.DsIconCalculate, HTMLStencilElement {
    }
    var HTMLDsIconCalculateElement: {
        prototype: HTMLDsIconCalculateElement;
        new (): HTMLDsIconCalculateElement;
    };
    interface HTMLDsIconCalculateFillElement extends Components.DsIconCalculateFill, HTMLStencilElement {
    }
    var HTMLDsIconCalculateFillElement: {
        prototype: HTMLDsIconCalculateFillElement;
        new (): HTMLDsIconCalculateFillElement;
    };
    interface HTMLDsIconCalendarMonthElement extends Components.DsIconCalendarMonth, HTMLStencilElement {
    }
    var HTMLDsIconCalendarMonthElement: {
        prototype: HTMLDsIconCalendarMonthElement;
        new (): HTMLDsIconCalendarMonthElement;
    };
    interface HTMLDsIconCalendarMonthFillElement extends Components.DsIconCalendarMonthFill, HTMLStencilElement {
    }
    var HTMLDsIconCalendarMonthFillElement: {
        prototype: HTMLDsIconCalendarMonthFillElement;
        new (): HTMLDsIconCalendarMonthFillElement;
    };
    interface HTMLDsIconCallElement extends Components.DsIconCall, HTMLStencilElement {
    }
    var HTMLDsIconCallElement: {
        prototype: HTMLDsIconCallElement;
        new (): HTMLDsIconCallElement;
    };
    interface HTMLDsIconCallFillElement extends Components.DsIconCallFill, HTMLStencilElement {
    }
    var HTMLDsIconCallFillElement: {
        prototype: HTMLDsIconCallFillElement;
        new (): HTMLDsIconCallFillElement;
    };
    interface HTMLDsIconCancelElement extends Components.DsIconCancel, HTMLStencilElement {
    }
    var HTMLDsIconCancelElement: {
        prototype: HTMLDsIconCancelElement;
        new (): HTMLDsIconCancelElement;
    };
    interface HTMLDsIconCancelFillElement extends Components.DsIconCancelFill, HTMLStencilElement {
    }
    var HTMLDsIconCancelFillElement: {
        prototype: HTMLDsIconCancelFillElement;
        new (): HTMLDsIconCancelFillElement;
    };
    interface HTMLDsIconChatElement extends Components.DsIconChat, HTMLStencilElement {
    }
    var HTMLDsIconChatElement: {
        prototype: HTMLDsIconChatElement;
        new (): HTMLDsIconChatElement;
    };
    interface HTMLDsIconChatFillElement extends Components.DsIconChatFill, HTMLStencilElement {
    }
    var HTMLDsIconChatFillElement: {
        prototype: HTMLDsIconChatFillElement;
        new (): HTMLDsIconChatFillElement;
    };
    interface HTMLDsIconCheckElement extends Components.DsIconCheck, HTMLStencilElement {
    }
    var HTMLDsIconCheckElement: {
        prototype: HTMLDsIconCheckElement;
        new (): HTMLDsIconCheckElement;
    };
    interface HTMLDsIconCheckBoxElement extends Components.DsIconCheckBox, HTMLStencilElement {
    }
    var HTMLDsIconCheckBoxElement: {
        prototype: HTMLDsIconCheckBoxElement;
        new (): HTMLDsIconCheckBoxElement;
    };
    interface HTMLDsIconCheckBoxFillElement extends Components.DsIconCheckBoxFill, HTMLStencilElement {
    }
    var HTMLDsIconCheckBoxFillElement: {
        prototype: HTMLDsIconCheckBoxFillElement;
        new (): HTMLDsIconCheckBoxFillElement;
    };
    interface HTMLDsIconCheckBoxOutlineBlankElement extends Components.DsIconCheckBoxOutlineBlank, HTMLStencilElement {
    }
    var HTMLDsIconCheckBoxOutlineBlankElement: {
        prototype: HTMLDsIconCheckBoxOutlineBlankElement;
        new (): HTMLDsIconCheckBoxOutlineBlankElement;
    };
    interface HTMLDsIconCheckCircleElement extends Components.DsIconCheckCircle, HTMLStencilElement {
    }
    var HTMLDsIconCheckCircleElement: {
        prototype: HTMLDsIconCheckCircleElement;
        new (): HTMLDsIconCheckCircleElement;
    };
    interface HTMLDsIconCheckCircleFillElement extends Components.DsIconCheckCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconCheckCircleFillElement: {
        prototype: HTMLDsIconCheckCircleFillElement;
        new (): HTMLDsIconCheckCircleFillElement;
    };
    interface HTMLDsIconCheckIndeterminateSmallElement extends Components.DsIconCheckIndeterminateSmall, HTMLStencilElement {
    }
    var HTMLDsIconCheckIndeterminateSmallElement: {
        prototype: HTMLDsIconCheckIndeterminateSmallElement;
        new (): HTMLDsIconCheckIndeterminateSmallElement;
    };
    interface HTMLDsIconCheckSmallElement extends Components.DsIconCheckSmall, HTMLStencilElement {
    }
    var HTMLDsIconCheckSmallElement: {
        prototype: HTMLDsIconCheckSmallElement;
        new (): HTMLDsIconCheckSmallElement;
    };
    interface HTMLDsIconChecklistElement extends Components.DsIconChecklist, HTMLStencilElement {
    }
    var HTMLDsIconChecklistElement: {
        prototype: HTMLDsIconChecklistElement;
        new (): HTMLDsIconChecklistElement;
    };
    interface HTMLDsIconChevronBackwardElement extends Components.DsIconChevronBackward, HTMLStencilElement {
    }
    var HTMLDsIconChevronBackwardElement: {
        prototype: HTMLDsIconChevronBackwardElement;
        new (): HTMLDsIconChevronBackwardElement;
    };
    interface HTMLDsIconChevronForwardElement extends Components.DsIconChevronForward, HTMLStencilElement {
    }
    var HTMLDsIconChevronForwardElement: {
        prototype: HTMLDsIconChevronForwardElement;
        new (): HTMLDsIconChevronForwardElement;
    };
    interface HTMLDsIconCloseElement extends Components.DsIconClose, HTMLStencilElement {
    }
    var HTMLDsIconCloseElement: {
        prototype: HTMLDsIconCloseElement;
        new (): HTMLDsIconCloseElement;
    };
    interface HTMLDsIconCloseSmallElement extends Components.DsIconCloseSmall, HTMLStencilElement {
    }
    var HTMLDsIconCloseSmallElement: {
        prototype: HTMLDsIconCloseSmallElement;
        new (): HTMLDsIconCloseSmallElement;
    };
    interface HTMLDsIconCodeBlocksElement extends Components.DsIconCodeBlocks, HTMLStencilElement {
    }
    var HTMLDsIconCodeBlocksElement: {
        prototype: HTMLDsIconCodeBlocksElement;
        new (): HTMLDsIconCodeBlocksElement;
    };
    interface HTMLDsIconCollapseContentElement extends Components.DsIconCollapseContent, HTMLStencilElement {
    }
    var HTMLDsIconCollapseContentElement: {
        prototype: HTMLDsIconCollapseContentElement;
        new (): HTMLDsIconCollapseContentElement;
    };
    interface HTMLDsIconConstructionElement extends Components.DsIconConstruction, HTMLStencilElement {
    }
    var HTMLDsIconConstructionElement: {
        prototype: HTMLDsIconConstructionElement;
        new (): HTMLDsIconConstructionElement;
    };
    interface HTMLDsIconContentCopyElement extends Components.DsIconContentCopy, HTMLStencilElement {
    }
    var HTMLDsIconContentCopyElement: {
        prototype: HTMLDsIconContentCopyElement;
        new (): HTMLDsIconContentCopyElement;
    };
    interface HTMLDsIconContentCopyFillElement extends Components.DsIconContentCopyFill, HTMLStencilElement {
    }
    var HTMLDsIconContentCopyFillElement: {
        prototype: HTMLDsIconContentCopyFillElement;
        new (): HTMLDsIconContentCopyFillElement;
    };
    interface HTMLDsIconDeleteElement extends Components.DsIconDelete, HTMLStencilElement {
    }
    var HTMLDsIconDeleteElement: {
        prototype: HTMLDsIconDeleteElement;
        new (): HTMLDsIconDeleteElement;
    };
    interface HTMLDsIconDeleteFillElement extends Components.DsIconDeleteFill, HTMLStencilElement {
    }
    var HTMLDsIconDeleteFillElement: {
        prototype: HTMLDsIconDeleteFillElement;
        new (): HTMLDsIconDeleteFillElement;
    };
    interface HTMLDsIconDeleteForeverElement extends Components.DsIconDeleteForever, HTMLStencilElement {
    }
    var HTMLDsIconDeleteForeverElement: {
        prototype: HTMLDsIconDeleteForeverElement;
        new (): HTMLDsIconDeleteForeverElement;
    };
    interface HTMLDsIconDeleteForeverFillElement extends Components.DsIconDeleteForeverFill, HTMLStencilElement {
    }
    var HTMLDsIconDeleteForeverFillElement: {
        prototype: HTMLDsIconDeleteForeverFillElement;
        new (): HTMLDsIconDeleteForeverFillElement;
    };
    interface HTMLDsIconDescriptionElement extends Components.DsIconDescription, HTMLStencilElement {
    }
    var HTMLDsIconDescriptionElement: {
        prototype: HTMLDsIconDescriptionElement;
        new (): HTMLDsIconDescriptionElement;
    };
    interface HTMLDsIconDownloadElement extends Components.DsIconDownload, HTMLStencilElement {
    }
    var HTMLDsIconDownloadElement: {
        prototype: HTMLDsIconDownloadElement;
        new (): HTMLDsIconDownloadElement;
    };
    interface HTMLDsIconDraftsElement extends Components.DsIconDrafts, HTMLStencilElement {
    }
    var HTMLDsIconDraftsElement: {
        prototype: HTMLDsIconDraftsElement;
        new (): HTMLDsIconDraftsElement;
    };
    interface HTMLDsIconDraftsFillElement extends Components.DsIconDraftsFill, HTMLStencilElement {
    }
    var HTMLDsIconDraftsFillElement: {
        prototype: HTMLDsIconDraftsFillElement;
        new (): HTMLDsIconDraftsFillElement;
    };
    interface HTMLDsIconDragIndicatorElement extends Components.DsIconDragIndicator, HTMLStencilElement {
    }
    var HTMLDsIconDragIndicatorElement: {
        prototype: HTMLDsIconDragIndicatorElement;
        new (): HTMLDsIconDragIndicatorElement;
    };
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface HTMLDsIconDsCheckIndeterminateSmallElement extends Components.DsIconDsCheckIndeterminateSmall, HTMLStencilElement {
    }
    var HTMLDsIconDsCheckIndeterminateSmallElement: {
        prototype: HTMLDsIconDsCheckIndeterminateSmallElement;
        new (): HTMLDsIconDsCheckIndeterminateSmallElement;
    };
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface HTMLDsIconDsCheckSmallElement extends Components.DsIconDsCheckSmall, HTMLStencilElement {
    }
    var HTMLDsIconDsCheckSmallElement: {
        prototype: HTMLDsIconDsCheckSmallElement;
        new (): HTMLDsIconDsCheckSmallElement;
    };
    interface HTMLDsIconDsFlameElement extends Components.DsIconDsFlame, HTMLStencilElement {
    }
    var HTMLDsIconDsFlameElement: {
        prototype: HTMLDsIconDsFlameElement;
        new (): HTMLDsIconDsFlameElement;
    };
    interface HTMLDsIconDsFlameFillElement extends Components.DsIconDsFlameFill, HTMLStencilElement {
    }
    var HTMLDsIconDsFlameFillElement: {
        prototype: HTMLDsIconDsFlameFillElement;
        new (): HTMLDsIconDsFlameFillElement;
    };
    interface HTMLDsIconEditElement extends Components.DsIconEdit, HTMLStencilElement {
    }
    var HTMLDsIconEditElement: {
        prototype: HTMLDsIconEditElement;
        new (): HTMLDsIconEditElement;
    };
    interface HTMLDsIconEditCalendarElement extends Components.DsIconEditCalendar, HTMLStencilElement {
    }
    var HTMLDsIconEditCalendarElement: {
        prototype: HTMLDsIconEditCalendarElement;
        new (): HTMLDsIconEditCalendarElement;
    };
    interface HTMLDsIconEditCalendarFillElement extends Components.DsIconEditCalendarFill, HTMLStencilElement {
    }
    var HTMLDsIconEditCalendarFillElement: {
        prototype: HTMLDsIconEditCalendarFillElement;
        new (): HTMLDsIconEditCalendarFillElement;
    };
    interface HTMLDsIconEditFillElement extends Components.DsIconEditFill, HTMLStencilElement {
    }
    var HTMLDsIconEditFillElement: {
        prototype: HTMLDsIconEditFillElement;
        new (): HTMLDsIconEditFillElement;
    };
    interface HTMLDsIconEqualElement extends Components.DsIconEqual, HTMLStencilElement {
    }
    var HTMLDsIconEqualElement: {
        prototype: HTMLDsIconEqualElement;
        new (): HTMLDsIconEqualElement;
    };
    interface HTMLDsIconEscalatorWarningElement extends Components.DsIconEscalatorWarning, HTMLStencilElement {
    }
    var HTMLDsIconEscalatorWarningElement: {
        prototype: HTMLDsIconEscalatorWarningElement;
        new (): HTMLDsIconEscalatorWarningElement;
    };
    interface HTMLDsIconEuroSymbolElement extends Components.DsIconEuroSymbol, HTMLStencilElement {
    }
    var HTMLDsIconEuroSymbolElement: {
        prototype: HTMLDsIconEuroSymbolElement;
        new (): HTMLDsIconEuroSymbolElement;
    };
    interface HTMLDsIconEventAvailableElement extends Components.DsIconEventAvailable, HTMLStencilElement {
    }
    var HTMLDsIconEventAvailableElement: {
        prototype: HTMLDsIconEventAvailableElement;
        new (): HTMLDsIconEventAvailableElement;
    };
    interface HTMLDsIconEventAvailableFillElement extends Components.DsIconEventAvailableFill, HTMLStencilElement {
    }
    var HTMLDsIconEventAvailableFillElement: {
        prototype: HTMLDsIconEventAvailableFillElement;
        new (): HTMLDsIconEventAvailableFillElement;
    };
    interface HTMLDsIconExpandContentElement extends Components.DsIconExpandContent, HTMLStencilElement {
    }
    var HTMLDsIconExpandContentElement: {
        prototype: HTMLDsIconExpandContentElement;
        new (): HTMLDsIconExpandContentElement;
    };
    interface HTMLDsIconExploreElement extends Components.DsIconExplore, HTMLStencilElement {
    }
    var HTMLDsIconExploreElement: {
        prototype: HTMLDsIconExploreElement;
        new (): HTMLDsIconExploreElement;
    };
    interface HTMLDsIconExploreFillElement extends Components.DsIconExploreFill, HTMLStencilElement {
    }
    var HTMLDsIconExploreFillElement: {
        prototype: HTMLDsIconExploreFillElement;
        new (): HTMLDsIconExploreFillElement;
    };
    interface HTMLDsIconExportNotesElement extends Components.DsIconExportNotes, HTMLStencilElement {
    }
    var HTMLDsIconExportNotesElement: {
        prototype: HTMLDsIconExportNotesElement;
        new (): HTMLDsIconExportNotesElement;
    };
    interface HTMLDsIconExportNotesFillElement extends Components.DsIconExportNotesFill, HTMLStencilElement {
    }
    var HTMLDsIconExportNotesFillElement: {
        prototype: HTMLDsIconExportNotesFillElement;
        new (): HTMLDsIconExportNotesFillElement;
    };
    interface HTMLDsIconFacebookElement extends Components.DsIconFacebook, HTMLStencilElement {
    }
    var HTMLDsIconFacebookElement: {
        prototype: HTMLDsIconFacebookElement;
        new (): HTMLDsIconFacebookElement;
    };
    interface HTMLDsIconFastForwardElement extends Components.DsIconFastForward, HTMLStencilElement {
    }
    var HTMLDsIconFastForwardElement: {
        prototype: HTMLDsIconFastForwardElement;
        new (): HTMLDsIconFastForwardElement;
    };
    interface HTMLDsIconFastForwardFillElement extends Components.DsIconFastForwardFill, HTMLStencilElement {
    }
    var HTMLDsIconFastForwardFillElement: {
        prototype: HTMLDsIconFastForwardFillElement;
        new (): HTMLDsIconFastForwardFillElement;
    };
    interface HTMLDsIconFastRewindElement extends Components.DsIconFastRewind, HTMLStencilElement {
    }
    var HTMLDsIconFastRewindElement: {
        prototype: HTMLDsIconFastRewindElement;
        new (): HTMLDsIconFastRewindElement;
    };
    interface HTMLDsIconFastRewindFillElement extends Components.DsIconFastRewindFill, HTMLStencilElement {
    }
    var HTMLDsIconFastRewindFillElement: {
        prototype: HTMLDsIconFastRewindFillElement;
        new (): HTMLDsIconFastRewindFillElement;
    };
    interface HTMLDsIconFavoriteElement extends Components.DsIconFavorite, HTMLStencilElement {
    }
    var HTMLDsIconFavoriteElement: {
        prototype: HTMLDsIconFavoriteElement;
        new (): HTMLDsIconFavoriteElement;
    };
    interface HTMLDsIconFavoriteFillElement extends Components.DsIconFavoriteFill, HTMLStencilElement {
    }
    var HTMLDsIconFavoriteFillElement: {
        prototype: HTMLDsIconFavoriteFillElement;
        new (): HTMLDsIconFavoriteFillElement;
    };
    interface HTMLDsIconFiberManualRecordElement extends Components.DsIconFiberManualRecord, HTMLStencilElement {
    }
    var HTMLDsIconFiberManualRecordElement: {
        prototype: HTMLDsIconFiberManualRecordElement;
        new (): HTMLDsIconFiberManualRecordElement;
    };
    interface HTMLDsIconFiberManualRecordFillElement extends Components.DsIconFiberManualRecordFill, HTMLStencilElement {
    }
    var HTMLDsIconFiberManualRecordFillElement: {
        prototype: HTMLDsIconFiberManualRecordFillElement;
        new (): HTMLDsIconFiberManualRecordFillElement;
    };
    interface HTMLDsIconFileSaveElement extends Components.DsIconFileSave, HTMLStencilElement {
    }
    var HTMLDsIconFileSaveElement: {
        prototype: HTMLDsIconFileSaveElement;
        new (): HTMLDsIconFileSaveElement;
    };
    interface HTMLDsIconFileSaveFillElement extends Components.DsIconFileSaveFill, HTMLStencilElement {
    }
    var HTMLDsIconFileSaveFillElement: {
        prototype: HTMLDsIconFileSaveFillElement;
        new (): HTMLDsIconFileSaveFillElement;
    };
    interface HTMLDsIconFilterListElement extends Components.DsIconFilterList, HTMLStencilElement {
    }
    var HTMLDsIconFilterListElement: {
        prototype: HTMLDsIconFilterListElement;
        new (): HTMLDsIconFilterListElement;
    };
    interface HTMLDsIconFirstPageElement extends Components.DsIconFirstPage, HTMLStencilElement {
    }
    var HTMLDsIconFirstPageElement: {
        prototype: HTMLDsIconFirstPageElement;
        new (): HTMLDsIconFirstPageElement;
    };
    interface HTMLDsIconForkRightElement extends Components.DsIconForkRight, HTMLStencilElement {
    }
    var HTMLDsIconForkRightElement: {
        prototype: HTMLDsIconForkRightElement;
        new (): HTMLDsIconForkRightElement;
    };
    interface HTMLDsIconFormatBoldElement extends Components.DsIconFormatBold, HTMLStencilElement {
    }
    var HTMLDsIconFormatBoldElement: {
        prototype: HTMLDsIconFormatBoldElement;
        new (): HTMLDsIconFormatBoldElement;
    };
    interface HTMLDsIconFormatItalicElement extends Components.DsIconFormatItalic, HTMLStencilElement {
    }
    var HTMLDsIconFormatItalicElement: {
        prototype: HTMLDsIconFormatItalicElement;
        new (): HTMLDsIconFormatItalicElement;
    };
    interface HTMLDsIconFormatQuoteElement extends Components.DsIconFormatQuote, HTMLStencilElement {
    }
    var HTMLDsIconFormatQuoteElement: {
        prototype: HTMLDsIconFormatQuoteElement;
        new (): HTMLDsIconFormatQuoteElement;
    };
    interface HTMLDsIconFormatQuoteFillElement extends Components.DsIconFormatQuoteFill, HTMLStencilElement {
    }
    var HTMLDsIconFormatQuoteFillElement: {
        prototype: HTMLDsIconFormatQuoteFillElement;
        new (): HTMLDsIconFormatQuoteFillElement;
    };
    interface HTMLDsIconFormatQuoteOffElement extends Components.DsIconFormatQuoteOff, HTMLStencilElement {
    }
    var HTMLDsIconFormatQuoteOffElement: {
        prototype: HTMLDsIconFormatQuoteOffElement;
        new (): HTMLDsIconFormatQuoteOffElement;
    };
    interface HTMLDsIconFormatQuoteOffFillElement extends Components.DsIconFormatQuoteOffFill, HTMLStencilElement {
    }
    var HTMLDsIconFormatQuoteOffFillElement: {
        prototype: HTMLDsIconFormatQuoteOffFillElement;
        new (): HTMLDsIconFormatQuoteOffFillElement;
    };
    interface HTMLDsIconFunctionElement extends Components.DsIconFunction, HTMLStencilElement {
    }
    var HTMLDsIconFunctionElement: {
        prototype: HTMLDsIconFunctionElement;
        new (): HTMLDsIconFunctionElement;
    };
    interface HTMLDsIconFunctionsElement extends Components.DsIconFunctions, HTMLStencilElement {
    }
    var HTMLDsIconFunctionsElement: {
        prototype: HTMLDsIconFunctionsElement;
        new (): HTMLDsIconFunctionsElement;
    };
    interface HTMLDsIconGalleryThumbnailElement extends Components.DsIconGalleryThumbnail, HTMLStencilElement {
    }
    var HTMLDsIconGalleryThumbnailElement: {
        prototype: HTMLDsIconGalleryThumbnailElement;
        new (): HTMLDsIconGalleryThumbnailElement;
    };
    interface HTMLDsIconGirlElement extends Components.DsIconGirl, HTMLStencilElement {
    }
    var HTMLDsIconGirlElement: {
        prototype: HTMLDsIconGirlElement;
        new (): HTMLDsIconGirlElement;
    };
    interface HTMLDsIconGrid4x4Element extends Components.DsIconGrid4x4, HTMLStencilElement {
    }
    var HTMLDsIconGrid4x4Element: {
        prototype: HTMLDsIconGrid4x4Element;
        new (): HTMLDsIconGrid4x4Element;
    };
    interface HTMLDsIconGridOnElement extends Components.DsIconGridOn, HTMLStencilElement {
    }
    var HTMLDsIconGridOnElement: {
        prototype: HTMLDsIconGridOnElement;
        new (): HTMLDsIconGridOnElement;
    };
    interface HTMLDsIconGridOnFillElement extends Components.DsIconGridOnFill, HTMLStencilElement {
    }
    var HTMLDsIconGridOnFillElement: {
        prototype: HTMLDsIconGridOnFillElement;
        new (): HTMLDsIconGridOnFillElement;
    };
    interface HTMLDsIconGroupElement extends Components.DsIconGroup, HTMLStencilElement {
    }
    var HTMLDsIconGroupElement: {
        prototype: HTMLDsIconGroupElement;
        new (): HTMLDsIconGroupElement;
    };
    interface HTMLDsIconGroupAddElement extends Components.DsIconGroupAdd, HTMLStencilElement {
    }
    var HTMLDsIconGroupAddElement: {
        prototype: HTMLDsIconGroupAddElement;
        new (): HTMLDsIconGroupAddElement;
    };
    interface HTMLDsIconGroupAddFillElement extends Components.DsIconGroupAddFill, HTMLStencilElement {
    }
    var HTMLDsIconGroupAddFillElement: {
        prototype: HTMLDsIconGroupAddFillElement;
        new (): HTMLDsIconGroupAddFillElement;
    };
    interface HTMLDsIconGroupFillElement extends Components.DsIconGroupFill, HTMLStencilElement {
    }
    var HTMLDsIconGroupFillElement: {
        prototype: HTMLDsIconGroupFillElement;
        new (): HTMLDsIconGroupFillElement;
    };
    interface HTMLDsIconGroupRemoveElement extends Components.DsIconGroupRemove, HTMLStencilElement {
    }
    var HTMLDsIconGroupRemoveElement: {
        prototype: HTMLDsIconGroupRemoveElement;
        new (): HTMLDsIconGroupRemoveElement;
    };
    interface HTMLDsIconGroupRemoveFillElement extends Components.DsIconGroupRemoveFill, HTMLStencilElement {
    }
    var HTMLDsIconGroupRemoveFillElement: {
        prototype: HTMLDsIconGroupRemoveFillElement;
        new (): HTMLDsIconGroupRemoveFillElement;
    };
    interface HTMLDsIconHelpElement extends Components.DsIconHelp, HTMLStencilElement {
    }
    var HTMLDsIconHelpElement: {
        prototype: HTMLDsIconHelpElement;
        new (): HTMLDsIconHelpElement;
    };
    interface HTMLDsIconHelpFillElement extends Components.DsIconHelpFill, HTMLStencilElement {
    }
    var HTMLDsIconHelpFillElement: {
        prototype: HTMLDsIconHelpFillElement;
        new (): HTMLDsIconHelpFillElement;
    };
    interface HTMLDsIconHistoryElement extends Components.DsIconHistory, HTMLStencilElement {
    }
    var HTMLDsIconHistoryElement: {
        prototype: HTMLDsIconHistoryElement;
        new (): HTMLDsIconHistoryElement;
    };
    interface HTMLDsIconHomeElement extends Components.DsIconHome, HTMLStencilElement {
    }
    var HTMLDsIconHomeElement: {
        prototype: HTMLDsIconHomeElement;
        new (): HTMLDsIconHomeElement;
    };
    interface HTMLDsIconHomeFillElement extends Components.DsIconHomeFill, HTMLStencilElement {
    }
    var HTMLDsIconHomeFillElement: {
        prototype: HTMLDsIconHomeFillElement;
        new (): HTMLDsIconHomeFillElement;
    };
    interface HTMLDsIconHourglassElement extends Components.DsIconHourglass, HTMLStencilElement {
    }
    var HTMLDsIconHourglassElement: {
        prototype: HTMLDsIconHourglassElement;
        new (): HTMLDsIconHourglassElement;
    };
    interface HTMLDsIconHourglassBottomElement extends Components.DsIconHourglassBottom, HTMLStencilElement {
    }
    var HTMLDsIconHourglassBottomElement: {
        prototype: HTMLDsIconHourglassBottomElement;
        new (): HTMLDsIconHourglassBottomElement;
    };
    interface HTMLDsIconHourglassTopElement extends Components.DsIconHourglassTop, HTMLStencilElement {
    }
    var HTMLDsIconHourglassTopElement: {
        prototype: HTMLDsIconHourglassTopElement;
        new (): HTMLDsIconHourglassTopElement;
    };
    interface HTMLDsIconImageElement extends Components.DsIconImage, HTMLStencilElement {
    }
    var HTMLDsIconImageElement: {
        prototype: HTMLDsIconImageElement;
        new (): HTMLDsIconImageElement;
    };
    interface HTMLDsIconImageFillElement extends Components.DsIconImageFill, HTMLStencilElement {
    }
    var HTMLDsIconImageFillElement: {
        prototype: HTMLDsIconImageFillElement;
        new (): HTMLDsIconImageFillElement;
    };
    interface HTMLDsIconInfoElement extends Components.DsIconInfo, HTMLStencilElement {
    }
    var HTMLDsIconInfoElement: {
        prototype: HTMLDsIconInfoElement;
        new (): HTMLDsIconInfoElement;
    };
    interface HTMLDsIconInfoFillElement extends Components.DsIconInfoFill, HTMLStencilElement {
    }
    var HTMLDsIconInfoFillElement: {
        prototype: HTMLDsIconInfoFillElement;
        new (): HTMLDsIconInfoFillElement;
    };
    interface HTMLDsIconInstagramElement extends Components.DsIconInstagram, HTMLStencilElement {
    }
    var HTMLDsIconInstagramElement: {
        prototype: HTMLDsIconInstagramElement;
        new (): HTMLDsIconInstagramElement;
    };
    interface HTMLDsIconKeyboardArrowDownElement extends Components.DsIconKeyboardArrowDown, HTMLStencilElement {
    }
    var HTMLDsIconKeyboardArrowDownElement: {
        prototype: HTMLDsIconKeyboardArrowDownElement;
        new (): HTMLDsIconKeyboardArrowDownElement;
    };
    interface HTMLDsIconKeyboardArrowUpElement extends Components.DsIconKeyboardArrowUp, HTMLStencilElement {
    }
    var HTMLDsIconKeyboardArrowUpElement: {
        prototype: HTMLDsIconKeyboardArrowUpElement;
        new (): HTMLDsIconKeyboardArrowUpElement;
    };
    interface HTMLDsIconLanguageElement extends Components.DsIconLanguage, HTMLStencilElement {
    }
    var HTMLDsIconLanguageElement: {
        prototype: HTMLDsIconLanguageElement;
        new (): HTMLDsIconLanguageElement;
    };
    interface HTMLDsIconLastPageElement extends Components.DsIconLastPage, HTMLStencilElement {
    }
    var HTMLDsIconLastPageElement: {
        prototype: HTMLDsIconLastPageElement;
        new (): HTMLDsIconLastPageElement;
    };
    interface HTMLDsIconLinkElement extends Components.DsIconLink, HTMLStencilElement {
    }
    var HTMLDsIconLinkElement: {
        prototype: HTMLDsIconLinkElement;
        new (): HTMLDsIconLinkElement;
    };
    interface HTMLDsIconLinkedinElement extends Components.DsIconLinkedin, HTMLStencilElement {
    }
    var HTMLDsIconLinkedinElement: {
        prototype: HTMLDsIconLinkedinElement;
        new (): HTMLDsIconLinkedinElement;
    };
    interface HTMLDsIconListAltElement extends Components.DsIconListAlt, HTMLStencilElement {
    }
    var HTMLDsIconListAltElement: {
        prototype: HTMLDsIconListAltElement;
        new (): HTMLDsIconListAltElement;
    };
    interface HTMLDsIconListAltAddElement extends Components.DsIconListAltAdd, HTMLStencilElement {
    }
    var HTMLDsIconListAltAddElement: {
        prototype: HTMLDsIconListAltAddElement;
        new (): HTMLDsIconListAltAddElement;
    };
    interface HTMLDsIconListAltCheckElement extends Components.DsIconListAltCheck, HTMLStencilElement {
    }
    var HTMLDsIconListAltCheckElement: {
        prototype: HTMLDsIconListAltCheckElement;
        new (): HTMLDsIconListAltCheckElement;
    };
    interface HTMLDsIconLocationOnElement extends Components.DsIconLocationOn, HTMLStencilElement {
    }
    var HTMLDsIconLocationOnElement: {
        prototype: HTMLDsIconLocationOnElement;
        new (): HTMLDsIconLocationOnElement;
    };
    interface HTMLDsIconLocationOnFillElement extends Components.DsIconLocationOnFill, HTMLStencilElement {
    }
    var HTMLDsIconLocationOnFillElement: {
        prototype: HTMLDsIconLocationOnFillElement;
        new (): HTMLDsIconLocationOnFillElement;
    };
    interface HTMLDsIconLocationSearchingElement extends Components.DsIconLocationSearching, HTMLStencilElement {
    }
    var HTMLDsIconLocationSearchingElement: {
        prototype: HTMLDsIconLocationSearchingElement;
        new (): HTMLDsIconLocationSearchingElement;
    };
    interface HTMLDsIconLockElement extends Components.DsIconLock, HTMLStencilElement {
    }
    var HTMLDsIconLockElement: {
        prototype: HTMLDsIconLockElement;
        new (): HTMLDsIconLockElement;
    };
    interface HTMLDsIconLockFillElement extends Components.DsIconLockFill, HTMLStencilElement {
    }
    var HTMLDsIconLockFillElement: {
        prototype: HTMLDsIconLockFillElement;
        new (): HTMLDsIconLockFillElement;
    };
    interface HTMLDsIconLockOpenElement extends Components.DsIconLockOpen, HTMLStencilElement {
    }
    var HTMLDsIconLockOpenElement: {
        prototype: HTMLDsIconLockOpenElement;
        new (): HTMLDsIconLockOpenElement;
    };
    interface HTMLDsIconLockOpenFillElement extends Components.DsIconLockOpenFill, HTMLStencilElement {
    }
    var HTMLDsIconLockOpenFillElement: {
        prototype: HTMLDsIconLockOpenFillElement;
        new (): HTMLDsIconLockOpenFillElement;
    };
    interface HTMLDsIconLoginElement extends Components.DsIconLogin, HTMLStencilElement {
    }
    var HTMLDsIconLoginElement: {
        prototype: HTMLDsIconLoginElement;
        new (): HTMLDsIconLoginElement;
    };
    interface HTMLDsIconLogoutElement extends Components.DsIconLogout, HTMLStencilElement {
    }
    var HTMLDsIconLogoutElement: {
        prototype: HTMLDsIconLogoutElement;
        new (): HTMLDsIconLogoutElement;
    };
    interface HTMLDsIconMailElement extends Components.DsIconMail, HTMLStencilElement {
    }
    var HTMLDsIconMailElement: {
        prototype: HTMLDsIconMailElement;
        new (): HTMLDsIconMailElement;
    };
    interface HTMLDsIconMailFillElement extends Components.DsIconMailFill, HTMLStencilElement {
    }
    var HTMLDsIconMailFillElement: {
        prototype: HTMLDsIconMailFillElement;
        new (): HTMLDsIconMailFillElement;
    };
    interface HTMLDsIconManufacturingElement extends Components.DsIconManufacturing, HTMLStencilElement {
    }
    var HTMLDsIconManufacturingElement: {
        prototype: HTMLDsIconManufacturingElement;
        new (): HTMLDsIconManufacturingElement;
    };
    interface HTMLDsIconMapElement extends Components.DsIconMap, HTMLStencilElement {
    }
    var HTMLDsIconMapElement: {
        prototype: HTMLDsIconMapElement;
        new (): HTMLDsIconMapElement;
    };
    interface HTMLDsIconMapFillElement extends Components.DsIconMapFill, HTMLStencilElement {
    }
    var HTMLDsIconMapFillElement: {
        prototype: HTMLDsIconMapFillElement;
        new (): HTMLDsIconMapFillElement;
    };
    interface HTMLDsIconMapSearchElement extends Components.DsIconMapSearch, HTMLStencilElement {
    }
    var HTMLDsIconMapSearchElement: {
        prototype: HTMLDsIconMapSearchElement;
        new (): HTMLDsIconMapSearchElement;
    };
    interface HTMLDsIconMapSearchFillElement extends Components.DsIconMapSearchFill, HTMLStencilElement {
    }
    var HTMLDsIconMapSearchFillElement: {
        prototype: HTMLDsIconMapSearchFillElement;
        new (): HTMLDsIconMapSearchFillElement;
    };
    interface HTMLDsIconMenuElement extends Components.DsIconMenu, HTMLStencilElement {
    }
    var HTMLDsIconMenuElement: {
        prototype: HTMLDsIconMenuElement;
        new (): HTMLDsIconMenuElement;
    };
    interface HTMLDsIconMoreHorizElement extends Components.DsIconMoreHoriz, HTMLStencilElement {
    }
    var HTMLDsIconMoreHorizElement: {
        prototype: HTMLDsIconMoreHorizElement;
        new (): HTMLDsIconMoreHorizElement;
    };
    interface HTMLDsIconMoreVertElement extends Components.DsIconMoreVert, HTMLStencilElement {
    }
    var HTMLDsIconMoreVertElement: {
        prototype: HTMLDsIconMoreVertElement;
        new (): HTMLDsIconMoreVertElement;
    };
    interface HTMLDsIconMountainFlagElement extends Components.DsIconMountainFlag, HTMLStencilElement {
    }
    var HTMLDsIconMountainFlagElement: {
        prototype: HTMLDsIconMountainFlagElement;
        new (): HTMLDsIconMountainFlagElement;
    };
    interface HTMLDsIconMountainFlagFillElement extends Components.DsIconMountainFlagFill, HTMLStencilElement {
    }
    var HTMLDsIconMountainFlagFillElement: {
        prototype: HTMLDsIconMountainFlagFillElement;
        new (): HTMLDsIconMountainFlagFillElement;
    };
    interface HTMLDsIconMyLocationElement extends Components.DsIconMyLocation, HTMLStencilElement {
    }
    var HTMLDsIconMyLocationElement: {
        prototype: HTMLDsIconMyLocationElement;
        new (): HTMLDsIconMyLocationElement;
    };
    interface HTMLDsIconMyLocationFillElement extends Components.DsIconMyLocationFill, HTMLStencilElement {
    }
    var HTMLDsIconMyLocationFillElement: {
        prototype: HTMLDsIconMyLocationFillElement;
        new (): HTMLDsIconMyLocationFillElement;
    };
    interface HTMLDsIconNotificationsElement extends Components.DsIconNotifications, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsElement: {
        prototype: HTMLDsIconNotificationsElement;
        new (): HTMLDsIconNotificationsElement;
    };
    interface HTMLDsIconNotificationsActiveElement extends Components.DsIconNotificationsActive, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsActiveElement: {
        prototype: HTMLDsIconNotificationsActiveElement;
        new (): HTMLDsIconNotificationsActiveElement;
    };
    interface HTMLDsIconNotificationsActiveFillElement extends Components.DsIconNotificationsActiveFill, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsActiveFillElement: {
        prototype: HTMLDsIconNotificationsActiveFillElement;
        new (): HTMLDsIconNotificationsActiveFillElement;
    };
    interface HTMLDsIconNotificationsFillElement extends Components.DsIconNotificationsFill, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsFillElement: {
        prototype: HTMLDsIconNotificationsFillElement;
        new (): HTMLDsIconNotificationsFillElement;
    };
    interface HTMLDsIconNotificationsOffElement extends Components.DsIconNotificationsOff, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsOffElement: {
        prototype: HTMLDsIconNotificationsOffElement;
        new (): HTMLDsIconNotificationsOffElement;
    };
    interface HTMLDsIconNotificationsOffFillElement extends Components.DsIconNotificationsOffFill, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsOffFillElement: {
        prototype: HTMLDsIconNotificationsOffFillElement;
        new (): HTMLDsIconNotificationsOffFillElement;
    };
    interface HTMLDsIconNotificationsUnreadElement extends Components.DsIconNotificationsUnread, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsUnreadElement: {
        prototype: HTMLDsIconNotificationsUnreadElement;
        new (): HTMLDsIconNotificationsUnreadElement;
    };
    interface HTMLDsIconNotificationsUnreadFillElement extends Components.DsIconNotificationsUnreadFill, HTMLStencilElement {
    }
    var HTMLDsIconNotificationsUnreadFillElement: {
        prototype: HTMLDsIconNotificationsUnreadFillElement;
        new (): HTMLDsIconNotificationsUnreadFillElement;
    };
    interface HTMLDsIconOpenInNewElement extends Components.DsIconOpenInNew, HTMLStencilElement {
    }
    var HTMLDsIconOpenInNewElement: {
        prototype: HTMLDsIconOpenInNewElement;
        new (): HTMLDsIconOpenInNewElement;
    };
    interface HTMLDsIconPauseElement extends Components.DsIconPause, HTMLStencilElement {
    }
    var HTMLDsIconPauseElement: {
        prototype: HTMLDsIconPauseElement;
        new (): HTMLDsIconPauseElement;
    };
    interface HTMLDsIconPauseCircleElement extends Components.DsIconPauseCircle, HTMLStencilElement {
    }
    var HTMLDsIconPauseCircleElement: {
        prototype: HTMLDsIconPauseCircleElement;
        new (): HTMLDsIconPauseCircleElement;
    };
    interface HTMLDsIconPauseCircleFillElement extends Components.DsIconPauseCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconPauseCircleFillElement: {
        prototype: HTMLDsIconPauseCircleFillElement;
        new (): HTMLDsIconPauseCircleFillElement;
    };
    interface HTMLDsIconPauseFillElement extends Components.DsIconPauseFill, HTMLStencilElement {
    }
    var HTMLDsIconPauseFillElement: {
        prototype: HTMLDsIconPauseFillElement;
        new (): HTMLDsIconPauseFillElement;
    };
    interface HTMLDsIconPendingElement extends Components.DsIconPending, HTMLStencilElement {
    }
    var HTMLDsIconPendingElement: {
        prototype: HTMLDsIconPendingElement;
        new (): HTMLDsIconPendingElement;
    };
    interface HTMLDsIconPercentElement extends Components.DsIconPercent, HTMLStencilElement {
    }
    var HTMLDsIconPercentElement: {
        prototype: HTMLDsIconPercentElement;
        new (): HTMLDsIconPercentElement;
    };
    interface HTMLDsIconPersonElement extends Components.DsIconPerson, HTMLStencilElement {
    }
    var HTMLDsIconPersonElement: {
        prototype: HTMLDsIconPersonElement;
        new (): HTMLDsIconPersonElement;
    };
    interface HTMLDsIconPersonAddElement extends Components.DsIconPersonAdd, HTMLStencilElement {
    }
    var HTMLDsIconPersonAddElement: {
        prototype: HTMLDsIconPersonAddElement;
        new (): HTMLDsIconPersonAddElement;
    };
    interface HTMLDsIconPersonAddFillElement extends Components.DsIconPersonAddFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonAddFillElement: {
        prototype: HTMLDsIconPersonAddFillElement;
        new (): HTMLDsIconPersonAddFillElement;
    };
    interface HTMLDsIconPersonAlertElement extends Components.DsIconPersonAlert, HTMLStencilElement {
    }
    var HTMLDsIconPersonAlertElement: {
        prototype: HTMLDsIconPersonAlertElement;
        new (): HTMLDsIconPersonAlertElement;
    };
    interface HTMLDsIconPersonAlertFillElement extends Components.DsIconPersonAlertFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonAlertFillElement: {
        prototype: HTMLDsIconPersonAlertFillElement;
        new (): HTMLDsIconPersonAlertFillElement;
    };
    interface HTMLDsIconPersonFillElement extends Components.DsIconPersonFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonFillElement: {
        prototype: HTMLDsIconPersonFillElement;
        new (): HTMLDsIconPersonFillElement;
    };
    interface HTMLDsIconPersonPinCircleElement extends Components.DsIconPersonPinCircle, HTMLStencilElement {
    }
    var HTMLDsIconPersonPinCircleElement: {
        prototype: HTMLDsIconPersonPinCircleElement;
        new (): HTMLDsIconPersonPinCircleElement;
    };
    interface HTMLDsIconPersonPinCircleFillElement extends Components.DsIconPersonPinCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonPinCircleFillElement: {
        prototype: HTMLDsIconPersonPinCircleFillElement;
        new (): HTMLDsIconPersonPinCircleFillElement;
    };
    interface HTMLDsIconPersonRemoveElement extends Components.DsIconPersonRemove, HTMLStencilElement {
    }
    var HTMLDsIconPersonRemoveElement: {
        prototype: HTMLDsIconPersonRemoveElement;
        new (): HTMLDsIconPersonRemoveElement;
    };
    interface HTMLDsIconPersonRemoveFillElement extends Components.DsIconPersonRemoveFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonRemoveFillElement: {
        prototype: HTMLDsIconPersonRemoveFillElement;
        new (): HTMLDsIconPersonRemoveFillElement;
    };
    interface HTMLDsIconPersonSearchElement extends Components.DsIconPersonSearch, HTMLStencilElement {
    }
    var HTMLDsIconPersonSearchElement: {
        prototype: HTMLDsIconPersonSearchElement;
        new (): HTMLDsIconPersonSearchElement;
    };
    interface HTMLDsIconPersonSearchFillElement extends Components.DsIconPersonSearchFill, HTMLStencilElement {
    }
    var HTMLDsIconPersonSearchFillElement: {
        prototype: HTMLDsIconPersonSearchFillElement;
        new (): HTMLDsIconPersonSearchFillElement;
    };
    interface HTMLDsIconPhotoCameraElement extends Components.DsIconPhotoCamera, HTMLStencilElement {
    }
    var HTMLDsIconPhotoCameraElement: {
        prototype: HTMLDsIconPhotoCameraElement;
        new (): HTMLDsIconPhotoCameraElement;
    };
    interface HTMLDsIconPhotoCameraFillElement extends Components.DsIconPhotoCameraFill, HTMLStencilElement {
    }
    var HTMLDsIconPhotoCameraFillElement: {
        prototype: HTMLDsIconPhotoCameraFillElement;
        new (): HTMLDsIconPhotoCameraFillElement;
    };
    interface HTMLDsIconPhotoLibraryElement extends Components.DsIconPhotoLibrary, HTMLStencilElement {
    }
    var HTMLDsIconPhotoLibraryElement: {
        prototype: HTMLDsIconPhotoLibraryElement;
        new (): HTMLDsIconPhotoLibraryElement;
    };
    interface HTMLDsIconPictureAsPdfElement extends Components.DsIconPictureAsPdf, HTMLStencilElement {
    }
    var HTMLDsIconPictureAsPdfElement: {
        prototype: HTMLDsIconPictureAsPdfElement;
        new (): HTMLDsIconPictureAsPdfElement;
    };
    interface HTMLDsIconPictureAsPdfFillElement extends Components.DsIconPictureAsPdfFill, HTMLStencilElement {
    }
    var HTMLDsIconPictureAsPdfFillElement: {
        prototype: HTMLDsIconPictureAsPdfFillElement;
        new (): HTMLDsIconPictureAsPdfFillElement;
    };
    interface HTMLDsIconPieChartElement extends Components.DsIconPieChart, HTMLStencilElement {
    }
    var HTMLDsIconPieChartElement: {
        prototype: HTMLDsIconPieChartElement;
        new (): HTMLDsIconPieChartElement;
    };
    interface HTMLDsIconPieChartFillElement extends Components.DsIconPieChartFill, HTMLStencilElement {
    }
    var HTMLDsIconPieChartFillElement: {
        prototype: HTMLDsIconPieChartFillElement;
        new (): HTMLDsIconPieChartFillElement;
    };
    interface HTMLDsIconPlagiarismElement extends Components.DsIconPlagiarism, HTMLStencilElement {
    }
    var HTMLDsIconPlagiarismElement: {
        prototype: HTMLDsIconPlagiarismElement;
        new (): HTMLDsIconPlagiarismElement;
    };
    interface HTMLDsIconPlagiarismFillElement extends Components.DsIconPlagiarismFill, HTMLStencilElement {
    }
    var HTMLDsIconPlagiarismFillElement: {
        prototype: HTMLDsIconPlagiarismFillElement;
        new (): HTMLDsIconPlagiarismFillElement;
    };
    interface HTMLDsIconPlayArrowElement extends Components.DsIconPlayArrow, HTMLStencilElement {
    }
    var HTMLDsIconPlayArrowElement: {
        prototype: HTMLDsIconPlayArrowElement;
        new (): HTMLDsIconPlayArrowElement;
    };
    interface HTMLDsIconPlayArrowFillElement extends Components.DsIconPlayArrowFill, HTMLStencilElement {
    }
    var HTMLDsIconPlayArrowFillElement: {
        prototype: HTMLDsIconPlayArrowFillElement;
        new (): HTMLDsIconPlayArrowFillElement;
    };
    interface HTMLDsIconPlayCircleElement extends Components.DsIconPlayCircle, HTMLStencilElement {
    }
    var HTMLDsIconPlayCircleElement: {
        prototype: HTMLDsIconPlayCircleElement;
        new (): HTMLDsIconPlayCircleElement;
    };
    interface HTMLDsIconPlayCircleFillElement extends Components.DsIconPlayCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconPlayCircleFillElement: {
        prototype: HTMLDsIconPlayCircleFillElement;
        new (): HTMLDsIconPlayCircleFillElement;
    };
    interface HTMLDsIconPlayPauseElement extends Components.DsIconPlayPause, HTMLStencilElement {
    }
    var HTMLDsIconPlayPauseElement: {
        prototype: HTMLDsIconPlayPauseElement;
        new (): HTMLDsIconPlayPauseElement;
    };
    interface HTMLDsIconProgressActivityElement extends Components.DsIconProgressActivity, HTMLStencilElement {
    }
    var HTMLDsIconProgressActivityElement: {
        prototype: HTMLDsIconProgressActivityElement;
        new (): HTMLDsIconProgressActivityElement;
    };
    interface HTMLDsIconPublicElement extends Components.DsIconPublic, HTMLStencilElement {
    }
    var HTMLDsIconPublicElement: {
        prototype: HTMLDsIconPublicElement;
        new (): HTMLDsIconPublicElement;
    };
    interface HTMLDsIconRefreshElement extends Components.DsIconRefresh, HTMLStencilElement {
    }
    var HTMLDsIconRefreshElement: {
        prototype: HTMLDsIconRefreshElement;
        new (): HTMLDsIconRefreshElement;
    };
    interface HTMLDsIconRemoveElement extends Components.DsIconRemove, HTMLStencilElement {
    }
    var HTMLDsIconRemoveElement: {
        prototype: HTMLDsIconRemoveElement;
        new (): HTMLDsIconRemoveElement;
    };
    interface HTMLDsIconReorderElement extends Components.DsIconReorder, HTMLStencilElement {
    }
    var HTMLDsIconReorderElement: {
        prototype: HTMLDsIconReorderElement;
        new (): HTMLDsIconReorderElement;
    };
    interface HTMLDsIconReportElement extends Components.DsIconReport, HTMLStencilElement {
    }
    var HTMLDsIconReportElement: {
        prototype: HTMLDsIconReportElement;
        new (): HTMLDsIconReportElement;
    };
    interface HTMLDsIconReportFillElement extends Components.DsIconReportFill, HTMLStencilElement {
    }
    var HTMLDsIconReportFillElement: {
        prototype: HTMLDsIconReportFillElement;
        new (): HTMLDsIconReportFillElement;
    };
    interface HTMLDsIconResizeElement extends Components.DsIconResize, HTMLStencilElement {
    }
    var HTMLDsIconResizeElement: {
        prototype: HTMLDsIconResizeElement;
        new (): HTMLDsIconResizeElement;
    };
    interface HTMLDsIconRotateLeftElement extends Components.DsIconRotateLeft, HTMLStencilElement {
    }
    var HTMLDsIconRotateLeftElement: {
        prototype: HTMLDsIconRotateLeftElement;
        new (): HTMLDsIconRotateLeftElement;
    };
    interface HTMLDsIconRotateRightElement extends Components.DsIconRotateRight, HTMLStencilElement {
    }
    var HTMLDsIconRotateRightElement: {
        prototype: HTMLDsIconRotateRightElement;
        new (): HTMLDsIconRotateRightElement;
    };
    interface HTMLDsIconRssFeedElement extends Components.DsIconRssFeed, HTMLStencilElement {
    }
    var HTMLDsIconRssFeedElement: {
        prototype: HTMLDsIconRssFeedElement;
        new (): HTMLDsIconRssFeedElement;
    };
    interface HTMLDsIconSaveElement extends Components.DsIconSave, HTMLStencilElement {
    }
    var HTMLDsIconSaveElement: {
        prototype: HTMLDsIconSaveElement;
        new (): HTMLDsIconSaveElement;
    };
    interface HTMLDsIconSaveFillElement extends Components.DsIconSaveFill, HTMLStencilElement {
    }
    var HTMLDsIconSaveFillElement: {
        prototype: HTMLDsIconSaveFillElement;
        new (): HTMLDsIconSaveFillElement;
    };
    interface HTMLDsIconScheduleElement extends Components.DsIconSchedule, HTMLStencilElement {
    }
    var HTMLDsIconScheduleElement: {
        prototype: HTMLDsIconScheduleElement;
        new (): HTMLDsIconScheduleElement;
    };
    interface HTMLDsIconScheduleFillElement extends Components.DsIconScheduleFill, HTMLStencilElement {
    }
    var HTMLDsIconScheduleFillElement: {
        prototype: HTMLDsIconScheduleFillElement;
        new (): HTMLDsIconScheduleFillElement;
    };
    interface HTMLDsIconSearchElement extends Components.DsIconSearch, HTMLStencilElement {
    }
    var HTMLDsIconSearchElement: {
        prototype: HTMLDsIconSearchElement;
        new (): HTMLDsIconSearchElement;
    };
    interface HTMLDsIconSellElement extends Components.DsIconSell, HTMLStencilElement {
    }
    var HTMLDsIconSellElement: {
        prototype: HTMLDsIconSellElement;
        new (): HTMLDsIconSellElement;
    };
    interface HTMLDsIconSellFillElement extends Components.DsIconSellFill, HTMLStencilElement {
    }
    var HTMLDsIconSellFillElement: {
        prototype: HTMLDsIconSellFillElement;
        new (): HTMLDsIconSellFillElement;
    };
    interface HTMLDsIconSendElement extends Components.DsIconSend, HTMLStencilElement {
    }
    var HTMLDsIconSendElement: {
        prototype: HTMLDsIconSendElement;
        new (): HTMLDsIconSendElement;
    };
    interface HTMLDsIconSendFillElement extends Components.DsIconSendFill, HTMLStencilElement {
    }
    var HTMLDsIconSendFillElement: {
        prototype: HTMLDsIconSendFillElement;
        new (): HTMLDsIconSendFillElement;
    };
    interface HTMLDsIconSentimentDissatisfiedElement extends Components.DsIconSentimentDissatisfied, HTMLStencilElement {
    }
    var HTMLDsIconSentimentDissatisfiedElement: {
        prototype: HTMLDsIconSentimentDissatisfiedElement;
        new (): HTMLDsIconSentimentDissatisfiedElement;
    };
    interface HTMLDsIconSentimentDissatisfiedFillElement extends Components.DsIconSentimentDissatisfiedFill, HTMLStencilElement {
    }
    var HTMLDsIconSentimentDissatisfiedFillElement: {
        prototype: HTMLDsIconSentimentDissatisfiedFillElement;
        new (): HTMLDsIconSentimentDissatisfiedFillElement;
    };
    interface HTMLDsIconSentimentNeutralElement extends Components.DsIconSentimentNeutral, HTMLStencilElement {
    }
    var HTMLDsIconSentimentNeutralElement: {
        prototype: HTMLDsIconSentimentNeutralElement;
        new (): HTMLDsIconSentimentNeutralElement;
    };
    interface HTMLDsIconSentimentNeutralFillElement extends Components.DsIconSentimentNeutralFill, HTMLStencilElement {
    }
    var HTMLDsIconSentimentNeutralFillElement: {
        prototype: HTMLDsIconSentimentNeutralFillElement;
        new (): HTMLDsIconSentimentNeutralFillElement;
    };
    interface HTMLDsIconSentimentSatisfiedElement extends Components.DsIconSentimentSatisfied, HTMLStencilElement {
    }
    var HTMLDsIconSentimentSatisfiedElement: {
        prototype: HTMLDsIconSentimentSatisfiedElement;
        new (): HTMLDsIconSentimentSatisfiedElement;
    };
    interface HTMLDsIconSentimentSatisfiedFillElement extends Components.DsIconSentimentSatisfiedFill, HTMLStencilElement {
    }
    var HTMLDsIconSentimentSatisfiedFillElement: {
        prototype: HTMLDsIconSentimentSatisfiedFillElement;
        new (): HTMLDsIconSentimentSatisfiedFillElement;
    };
    interface HTMLDsIconSettingsElement extends Components.DsIconSettings, HTMLStencilElement {
    }
    var HTMLDsIconSettingsElement: {
        prototype: HTMLDsIconSettingsElement;
        new (): HTMLDsIconSettingsElement;
    };
    interface HTMLDsIconSettingsFillElement extends Components.DsIconSettingsFill, HTMLStencilElement {
    }
    var HTMLDsIconSettingsFillElement: {
        prototype: HTMLDsIconSettingsFillElement;
        new (): HTMLDsIconSettingsFillElement;
    };
    interface HTMLDsIconShareElement extends Components.DsIconShare, HTMLStencilElement {
    }
    var HTMLDsIconShareElement: {
        prototype: HTMLDsIconShareElement;
        new (): HTMLDsIconShareElement;
    };
    interface HTMLDsIconShowChartElement extends Components.DsIconShowChart, HTMLStencilElement {
    }
    var HTMLDsIconShowChartElement: {
        prototype: HTMLDsIconShowChartElement;
        new (): HTMLDsIconShowChartElement;
    };
    interface HTMLDsIconSkipNextElement extends Components.DsIconSkipNext, HTMLStencilElement {
    }
    var HTMLDsIconSkipNextElement: {
        prototype: HTMLDsIconSkipNextElement;
        new (): HTMLDsIconSkipNextElement;
    };
    interface HTMLDsIconSkipNextFillElement extends Components.DsIconSkipNextFill, HTMLStencilElement {
    }
    var HTMLDsIconSkipNextFillElement: {
        prototype: HTMLDsIconSkipNextFillElement;
        new (): HTMLDsIconSkipNextFillElement;
    };
    interface HTMLDsIconSkipPreviousElement extends Components.DsIconSkipPrevious, HTMLStencilElement {
    }
    var HTMLDsIconSkipPreviousElement: {
        prototype: HTMLDsIconSkipPreviousElement;
        new (): HTMLDsIconSkipPreviousElement;
    };
    interface HTMLDsIconSkipPreviousFillElement extends Components.DsIconSkipPreviousFill, HTMLStencilElement {
    }
    var HTMLDsIconSkipPreviousFillElement: {
        prototype: HTMLDsIconSkipPreviousFillElement;
        new (): HTMLDsIconSkipPreviousFillElement;
    };
    interface HTMLDsIconSmartToyElement extends Components.DsIconSmartToy, HTMLStencilElement {
    }
    var HTMLDsIconSmartToyElement: {
        prototype: HTMLDsIconSmartToyElement;
        new (): HTMLDsIconSmartToyElement;
    };
    interface HTMLDsIconSmartToyFillElement extends Components.DsIconSmartToyFill, HTMLStencilElement {
    }
    var HTMLDsIconSmartToyFillElement: {
        prototype: HTMLDsIconSmartToyFillElement;
        new (): HTMLDsIconSmartToyFillElement;
    };
    interface HTMLDsIconStarElement extends Components.DsIconStar, HTMLStencilElement {
    }
    var HTMLDsIconStarElement: {
        prototype: HTMLDsIconStarElement;
        new (): HTMLDsIconStarElement;
    };
    interface HTMLDsIconStarFillElement extends Components.DsIconStarFill, HTMLStencilElement {
    }
    var HTMLDsIconStarFillElement: {
        prototype: HTMLDsIconStarFillElement;
        new (): HTMLDsIconStarFillElement;
    };
    interface HTMLDsIconStopElement extends Components.DsIconStop, HTMLStencilElement {
    }
    var HTMLDsIconStopElement: {
        prototype: HTMLDsIconStopElement;
        new (): HTMLDsIconStopElement;
    };
    interface HTMLDsIconStopCircleElement extends Components.DsIconStopCircle, HTMLStencilElement {
    }
    var HTMLDsIconStopCircleElement: {
        prototype: HTMLDsIconStopCircleElement;
        new (): HTMLDsIconStopCircleElement;
    };
    interface HTMLDsIconStopCircleFillElement extends Components.DsIconStopCircleFill, HTMLStencilElement {
    }
    var HTMLDsIconStopCircleFillElement: {
        prototype: HTMLDsIconStopCircleFillElement;
        new (): HTMLDsIconStopCircleFillElement;
    };
    interface HTMLDsIconStopFillElement extends Components.DsIconStopFill, HTMLStencilElement {
    }
    var HTMLDsIconStopFillElement: {
        prototype: HTMLDsIconStopFillElement;
        new (): HTMLDsIconStopFillElement;
    };
    interface HTMLDsIconSupervisorAccountElement extends Components.DsIconSupervisorAccount, HTMLStencilElement {
    }
    var HTMLDsIconSupervisorAccountElement: {
        prototype: HTMLDsIconSupervisorAccountElement;
        new (): HTMLDsIconSupervisorAccountElement;
    };
    interface HTMLDsIconSupervisorAccountFillElement extends Components.DsIconSupervisorAccountFill, HTMLStencilElement {
    }
    var HTMLDsIconSupervisorAccountFillElement: {
        prototype: HTMLDsIconSupervisorAccountFillElement;
        new (): HTMLDsIconSupervisorAccountFillElement;
    };
    interface HTMLDsIconSwapHorizElement extends Components.DsIconSwapHoriz, HTMLStencilElement {
    }
    var HTMLDsIconSwapHorizElement: {
        prototype: HTMLDsIconSwapHorizElement;
        new (): HTMLDsIconSwapHorizElement;
    };
    interface HTMLDsIconSyncElement extends Components.DsIconSync, HTMLStencilElement {
    }
    var HTMLDsIconSyncElement: {
        prototype: HTMLDsIconSyncElement;
        new (): HTMLDsIconSyncElement;
    };
    interface HTMLDsIconTableElement extends Components.DsIconTable, HTMLStencilElement {
    }
    var HTMLDsIconTableElement: {
        prototype: HTMLDsIconTableElement;
        new (): HTMLDsIconTableElement;
    };
    interface HTMLDsIconTableFillElement extends Components.DsIconTableFill, HTMLStencilElement {
    }
    var HTMLDsIconTableFillElement: {
        prototype: HTMLDsIconTableFillElement;
        new (): HTMLDsIconTableFillElement;
    };
    interface HTMLDsIconTiktokElement extends Components.DsIconTiktok, HTMLStencilElement {
    }
    var HTMLDsIconTiktokElement: {
        prototype: HTMLDsIconTiktokElement;
        new (): HTMLDsIconTiktokElement;
    };
    interface HTMLDsIconTimerElement extends Components.DsIconTimer, HTMLStencilElement {
    }
    var HTMLDsIconTimerElement: {
        prototype: HTMLDsIconTimerElement;
        new (): HTMLDsIconTimerElement;
    };
    interface HTMLDsIconTimerFillElement extends Components.DsIconTimerFill, HTMLStencilElement {
    }
    var HTMLDsIconTimerFillElement: {
        prototype: HTMLDsIconTimerFillElement;
        new (): HTMLDsIconTimerFillElement;
    };
    interface HTMLDsIconTourElement extends Components.DsIconTour, HTMLStencilElement {
    }
    var HTMLDsIconTourElement: {
        prototype: HTMLDsIconTourElement;
        new (): HTMLDsIconTourElement;
    };
    interface HTMLDsIconTourFillElement extends Components.DsIconTourFill, HTMLStencilElement {
    }
    var HTMLDsIconTourFillElement: {
        prototype: HTMLDsIconTourFillElement;
        new (): HTMLDsIconTourFillElement;
    };
    interface HTMLDsIconTranslateElement extends Components.DsIconTranslate, HTMLStencilElement {
    }
    var HTMLDsIconTranslateElement: {
        prototype: HTMLDsIconTranslateElement;
        new (): HTMLDsIconTranslateElement;
    };
    interface HTMLDsIconTrendingDownElement extends Components.DsIconTrendingDown, HTMLStencilElement {
    }
    var HTMLDsIconTrendingDownElement: {
        prototype: HTMLDsIconTrendingDownElement;
        new (): HTMLDsIconTrendingDownElement;
    };
    interface HTMLDsIconTrendingUpElement extends Components.DsIconTrendingUp, HTMLStencilElement {
    }
    var HTMLDsIconTrendingUpElement: {
        prototype: HTMLDsIconTrendingUpElement;
        new (): HTMLDsIconTrendingUpElement;
    };
    interface HTMLDsIconUnfoldLessElement extends Components.DsIconUnfoldLess, HTMLStencilElement {
    }
    var HTMLDsIconUnfoldLessElement: {
        prototype: HTMLDsIconUnfoldLessElement;
        new (): HTMLDsIconUnfoldLessElement;
    };
    interface HTMLDsIconUnfoldMoreElement extends Components.DsIconUnfoldMore, HTMLStencilElement {
    }
    var HTMLDsIconUnfoldMoreElement: {
        prototype: HTMLDsIconUnfoldMoreElement;
        new (): HTMLDsIconUnfoldMoreElement;
    };
    interface HTMLDsIconUngroupElement extends Components.DsIconUngroup, HTMLStencilElement {
    }
    var HTMLDsIconUngroupElement: {
        prototype: HTMLDsIconUngroupElement;
        new (): HTMLDsIconUngroupElement;
    };
    interface HTMLDsIconUploadElement extends Components.DsIconUpload, HTMLStencilElement {
    }
    var HTMLDsIconUploadElement: {
        prototype: HTMLDsIconUploadElement;
        new (): HTMLDsIconUploadElement;
    };
    interface HTMLDsIconViewListElement extends Components.DsIconViewList, HTMLStencilElement {
    }
    var HTMLDsIconViewListElement: {
        prototype: HTMLDsIconViewListElement;
        new (): HTMLDsIconViewListElement;
    };
    interface HTMLDsIconViewListFillElement extends Components.DsIconViewListFill, HTMLStencilElement {
    }
    var HTMLDsIconViewListFillElement: {
        prototype: HTMLDsIconViewListFillElement;
        new (): HTMLDsIconViewListFillElement;
    };
    interface HTMLDsIconVisibilityElement extends Components.DsIconVisibility, HTMLStencilElement {
    }
    var HTMLDsIconVisibilityElement: {
        prototype: HTMLDsIconVisibilityElement;
        new (): HTMLDsIconVisibilityElement;
    };
    interface HTMLDsIconVisibilityFillElement extends Components.DsIconVisibilityFill, HTMLStencilElement {
    }
    var HTMLDsIconVisibilityFillElement: {
        prototype: HTMLDsIconVisibilityFillElement;
        new (): HTMLDsIconVisibilityFillElement;
    };
    interface HTMLDsIconVisibilityOffElement extends Components.DsIconVisibilityOff, HTMLStencilElement {
    }
    var HTMLDsIconVisibilityOffElement: {
        prototype: HTMLDsIconVisibilityOffElement;
        new (): HTMLDsIconVisibilityOffElement;
    };
    interface HTMLDsIconVisibilityOffFillElement extends Components.DsIconVisibilityOffFill, HTMLStencilElement {
    }
    var HTMLDsIconVisibilityOffFillElement: {
        prototype: HTMLDsIconVisibilityOffFillElement;
        new (): HTMLDsIconVisibilityOffFillElement;
    };
    interface HTMLDsIconVpnLockElement extends Components.DsIconVpnLock, HTMLStencilElement {
    }
    var HTMLDsIconVpnLockElement: {
        prototype: HTMLDsIconVpnLockElement;
        new (): HTMLDsIconVpnLockElement;
    };
    interface HTMLDsIconWarningElement extends Components.DsIconWarning, HTMLStencilElement {
    }
    var HTMLDsIconWarningElement: {
        prototype: HTMLDsIconWarningElement;
        new (): HTMLDsIconWarningElement;
    };
    interface HTMLDsIconWarningFillElement extends Components.DsIconWarningFill, HTMLStencilElement {
    }
    var HTMLDsIconWarningFillElement: {
        prototype: HTMLDsIconWarningFillElement;
        new (): HTMLDsIconWarningFillElement;
    };
    interface HTMLDsIconWidgetSmallElement extends Components.DsIconWidgetSmall, HTMLStencilElement {
    }
    var HTMLDsIconWidgetSmallElement: {
        prototype: HTMLDsIconWidgetSmallElement;
        new (): HTMLDsIconWidgetSmallElement;
    };
    interface HTMLDsIconWidgetSmallFillElement extends Components.DsIconWidgetSmallFill, HTMLStencilElement {
    }
    var HTMLDsIconWidgetSmallFillElement: {
        prototype: HTMLDsIconWidgetSmallFillElement;
        new (): HTMLDsIconWidgetSmallFillElement;
    };
    interface HTMLDsIconXElement extends Components.DsIconX, HTMLStencilElement {
    }
    var HTMLDsIconXElement: {
        prototype: HTMLDsIconXElement;
        new (): HTMLDsIconXElement;
    };
    interface HTMLDsIconYoutubeElement extends Components.DsIconYoutube, HTMLStencilElement {
    }
    var HTMLDsIconYoutubeElement: {
        prototype: HTMLDsIconYoutubeElement;
        new (): HTMLDsIconYoutubeElement;
    };
    interface HTMLDsIconZoomInElement extends Components.DsIconZoomIn, HTMLStencilElement {
    }
    var HTMLDsIconZoomInElement: {
        prototype: HTMLDsIconZoomInElement;
        new (): HTMLDsIconZoomInElement;
    };
    interface HTMLDsIconZoomInMapElement extends Components.DsIconZoomInMap, HTMLStencilElement {
    }
    var HTMLDsIconZoomInMapElement: {
        prototype: HTMLDsIconZoomInMapElement;
        new (): HTMLDsIconZoomInMapElement;
    };
    interface HTMLDsIconZoomOutElement extends Components.DsIconZoomOut, HTMLStencilElement {
    }
    var HTMLDsIconZoomOutElement: {
        prototype: HTMLDsIconZoomOutElement;
        new (): HTMLDsIconZoomOutElement;
    };
    interface HTMLDsIconZoomOutMapElement extends Components.DsIconZoomOutMap, HTMLStencilElement {
    }
    var HTMLDsIconZoomOutMapElement: {
        prototype: HTMLDsIconZoomOutMapElement;
        new (): HTMLDsIconZoomOutMapElement;
    };
    interface HTMLDsInputValidityElement extends Components.DsInputValidity, HTMLStencilElement {
    }
    var HTMLDsInputValidityElement: {
        prototype: HTMLDsInputValidityElement;
        new (): HTMLDsInputValidityElement;
    };
    interface HTMLDsLinkElementEventMap {
        "dsClick": MouseEvent;
    }
    interface HTMLDsLinkElement extends Components.DsLink, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsLinkElementEventMap>(type: K, listener: (this: HTMLDsLinkElement, ev: DsLinkCustomEvent<HTMLDsLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsLinkElementEventMap>(type: K, listener: (this: HTMLDsLinkElement, ev: DsLinkCustomEvent<HTMLDsLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsLinkElement: {
        prototype: HTMLDsLinkElement;
        new (): HTMLDsLinkElement;
    };
    interface HTMLDsLinkCtaElementEventMap {
        "dsClick": MouseEvent;
    }
    interface HTMLDsLinkCtaElement extends Components.DsLinkCta, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsLinkCtaElementEventMap>(type: K, listener: (this: HTMLDsLinkCtaElement, ev: DsLinkCtaCustomEvent<HTMLDsLinkCtaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsLinkCtaElementEventMap>(type: K, listener: (this: HTMLDsLinkCtaElement, ev: DsLinkCtaCustomEvent<HTMLDsLinkCtaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsLinkCtaElement: {
        prototype: HTMLDsLinkCtaElement;
        new (): HTMLDsLinkCtaElement;
    };
    interface HTMLDsLinkLogoElementEventMap {
        "dsClick": MouseEvent;
    }
    /**
     * Logo link component for displaying site logo and name.
     * Used primarily in navigation ribbons and headers.
     */
    interface HTMLDsLinkLogoElement extends Components.DsLinkLogo, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsLinkLogoElementEventMap>(type: K, listener: (this: HTMLDsLinkLogoElement, ev: DsLinkLogoCustomEvent<HTMLDsLinkLogoElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsLinkLogoElementEventMap>(type: K, listener: (this: HTMLDsLinkLogoElement, ev: DsLinkLogoCustomEvent<HTMLDsLinkLogoElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsLinkLogoElement: {
        prototype: HTMLDsLinkLogoElement;
        new (): HTMLDsLinkLogoElement;
    };
    interface HTMLDsLinkWithArrowElementEventMap {
        "dsClick": MouseEvent;
    }
    interface HTMLDsLinkWithArrowElement extends Components.DsLinkWithArrow, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsLinkWithArrowElementEventMap>(type: K, listener: (this: HTMLDsLinkWithArrowElement, ev: DsLinkWithArrowCustomEvent<HTMLDsLinkWithArrowElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsLinkWithArrowElementEventMap>(type: K, listener: (this: HTMLDsLinkWithArrowElement, ev: DsLinkWithArrowCustomEvent<HTMLDsLinkWithArrowElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsLinkWithArrowElement: {
        prototype: HTMLDsLinkWithArrowElement;
        new (): HTMLDsLinkWithArrowElement;
    };
    interface HTMLDsMediaElementEventMap {
        "dsLoad": DsMediaLoadEvent;
        "dsError": DsMediaErrorEvent;
    }
    interface HTMLDsMediaElement extends Components.DsMedia, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMediaElementEventMap>(type: K, listener: (this: HTMLDsMediaElement, ev: DsMediaCustomEvent<HTMLDsMediaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsMediaElementEventMap>(type: K, listener: (this: HTMLDsMediaElement, ev: DsMediaCustomEvent<HTMLDsMediaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsMediaElement: {
        prototype: HTMLDsMediaElement;
        new (): HTMLDsMediaElement;
    };
    interface HTMLDsModalElementEventMap {
        "dsModalClose": void;
    }
    interface HTMLDsModalElement extends Components.DsModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsModalElement: {
        prototype: HTMLDsModalElement;
        new (): HTMLDsModalElement;
    };
    interface HTMLDsNotificationElementEventMap {
        "dsDismiss": void;
    }
    interface HTMLDsNotificationElement extends Components.DsNotification, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsNotificationElementEventMap>(type: K, listener: (this: HTMLDsNotificationElement, ev: DsNotificationCustomEvent<HTMLDsNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsNotificationElementEventMap>(type: K, listener: (this: HTMLDsNotificationElement, ev: DsNotificationCustomEvent<HTMLDsNotificationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsNotificationElement: {
        prototype: HTMLDsNotificationElement;
        new (): HTMLDsNotificationElement;
    };
    interface HTMLDsOptionElementEventMap {
        "dsClick": DsOptionClickEvent;
        "dsMounted": DsOptionMountedEvent;
        "dsValueChange": DsOptionValueChangeEvent;
        "dsLabelChange": DsOptionLabelChangeEvent;
    }
    interface HTMLDsOptionElement extends Components.DsOption, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsOptionElementEventMap>(type: K, listener: (this: HTMLDsOptionElement, ev: DsOptionCustomEvent<HTMLDsOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsOptionElementEventMap>(type: K, listener: (this: HTMLDsOptionElement, ev: DsOptionCustomEvent<HTMLDsOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsOptionElement: {
        prototype: HTMLDsOptionElement;
        new (): HTMLDsOptionElement;
    };
    interface HTMLDsOptionGroupElement extends Components.DsOptionGroup, HTMLStencilElement {
    }
    var HTMLDsOptionGroupElement: {
        prototype: HTMLDsOptionGroupElement;
        new (): HTMLDsOptionGroupElement;
    };
    interface HTMLDsOptionsElementEventMap {
        "dsEsc": DsOptionsEscEvent;
        "dsActiveIndexChange": DsOptionsActiveIndexChangeEvent;
    }
    interface HTMLDsOptionsElement extends Components.DsOptions, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsOptionsElementEventMap>(type: K, listener: (this: HTMLDsOptionsElement, ev: DsOptionsCustomEvent<HTMLDsOptionsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsOptionsElementEventMap>(type: K, listener: (this: HTMLDsOptionsElement, ev: DsOptionsCustomEvent<HTMLDsOptionsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsOptionsElement: {
        prototype: HTMLDsOptionsElement;
        new (): HTMLDsOptionsElement;
    };
    interface HTMLDsOptionsMessageElement extends Components.DsOptionsMessage, HTMLStencilElement {
    }
    var HTMLDsOptionsMessageElement: {
        prototype: HTMLDsOptionsMessageElement;
        new (): HTMLDsOptionsMessageElement;
    };
    /**
     * Pagination component for navigating between pages of content.
     * This component uses named slots for different layouts:
     * - `compact` slot: Navigation buttons and optional page info text
     * - `full` slot: Navigation buttons and page numbers
     * Layout behavior:
     * - dsLayout='compact': Always shows compact slot
     * - dsLayout='full': Always shows full slot
     * - dsLayout='auto': Switches between compact (<960px) and full (≥960px) based on screen size
     * **Important for accessibility**: All ds-pagination-page and ds-pagination-item elements
     * should have ds-href attribute set to proper URLs. Without href, screen readers won't
     * announce elements as links. Current page indicator should not have href (will render as span).
     */
    interface HTMLDsPaginationElement extends Components.DsPagination, HTMLStencilElement {
    }
    var HTMLDsPaginationElement: {
        prototype: HTMLDsPaginationElement;
        new (): HTMLDsPaginationElement;
    };
    /**
     * Ellipsis indicator for pagination (shows "..." between page numbers)
     * Must be used inside ds-pagination component.
     */
    interface HTMLDsPaginationEllipsisElement extends Components.DsPaginationEllipsis, HTMLStencilElement {
    }
    var HTMLDsPaginationEllipsisElement: {
        prototype: HTMLDsPaginationEllipsisElement;
        new (): HTMLDsPaginationEllipsisElement;
    };
    /**
     * Navigation item for pagination (first, previous, next, last buttons/links)
     * Must be used inside ds-pagination component.
     */
    interface HTMLDsPaginationItemElement extends Components.DsPaginationItem, HTMLStencilElement {
    }
    var HTMLDsPaginationItemElement: {
        prototype: HTMLDsPaginationItemElement;
        new (): HTMLDsPaginationItemElement;
    };
    /**
     * Page number item for pagination
     * Must be used inside ds-pagination component.
     */
    interface HTMLDsPaginationPageElement extends Components.DsPaginationPage, HTMLStencilElement {
    }
    var HTMLDsPaginationPageElement: {
        prototype: HTMLDsPaginationPageElement;
        new (): HTMLDsPaginationPageElement;
    };
    /**
     * Page info display for pagination compact layout (e.g., "5 / 20")
     * Automatically reads current page and total pages from the parent ds-pagination context.
     * Must be used inside ds-pagination component.
     */
    interface HTMLDsPaginationPageInfoElement extends Components.DsPaginationPageInfo, HTMLStencilElement {
    }
    var HTMLDsPaginationPageInfoElement: {
        prototype: HTMLDsPaginationPageInfoElement;
        new (): HTMLDsPaginationPageInfoElement;
    };
    interface HTMLDsRadioButtonElementEventMap {
        "dsChange": DsRadioButtonChangeEvent;
        "dsCheck": DsRadioButtonCheckEvent;
        "dsFocus": DsRadioButtonFocusEvent;
        "dsBlur": DsRadioButtonBlurEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsRadioButtonElement extends Components.DsRadioButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsRadioButtonElementEventMap>(type: K, listener: (this: HTMLDsRadioButtonElement, ev: DsRadioButtonCustomEvent<HTMLDsRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsRadioButtonElementEventMap>(type: K, listener: (this: HTMLDsRadioButtonElement, ev: DsRadioButtonCustomEvent<HTMLDsRadioButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsRadioButtonElement: {
        prototype: HTMLDsRadioButtonElement;
        new (): HTMLDsRadioButtonElement;
    };
    interface HTMLDsRadioButtonGroupElementEventMap {
        "dsRadioButtonGroupValueChange": DsRadioButtonGroupValueChangeEvent;
        "dsRadioButtonGroupInvalidStateChange": DsRadioButtonGroupInvalidStateChangeEvent;
        "dsChange": DsRadioButtonGroupChangeEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsRadioButtonGroupElement extends Components.DsRadioButtonGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioButtonGroupElement, ev: DsRadioButtonGroupCustomEvent<HTMLDsRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLDsRadioButtonGroupElement, ev: DsRadioButtonGroupCustomEvent<HTMLDsRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsRadioButtonGroupElement: {
        prototype: HTMLDsRadioButtonGroupElement;
        new (): HTMLDsRadioButtonGroupElement;
    };
    interface HTMLDsRibbonElementEventMap {
        "dsDrawerToggle": boolean;
    }
    /**
     * Navigation ribbon that appears at the top of the site as a "banner".
     */
    interface HTMLDsRibbonElement extends Components.DsRibbon, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsRibbonElementEventMap>(type: K, listener: (this: HTMLDsRibbonElement, ev: DsRibbonCustomEvent<HTMLDsRibbonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsRibbonElementEventMap>(type: K, listener: (this: HTMLDsRibbonElement, ev: DsRibbonCustomEvent<HTMLDsRibbonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsRibbonElement: {
        prototype: HTMLDsRibbonElement;
        new (): HTMLDsRibbonElement;
    };
    interface HTMLDsSelectElementEventMap {
        "dsMultipleChange": DsSelectMultipleChangeEvent;
        "dsChange": DsSelectChangeEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
        "dsBlur": DsSelectBlurEvent;
        "dsFocus": DsSelectFocusEvent;
    }
    interface HTMLDsSelectElement extends Components.DsSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsSelectElement: {
        prototype: HTMLDsSelectElement;
        new (): HTMLDsSelectElement;
    };
    interface HTMLDsSelectNativeElementEventMap {
        "dsChange": string;
        "dsValidity": DsValidityEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
    }
    interface HTMLDsSelectNativeElement extends Components.DsSelectNative, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSelectNativeElementEventMap>(type: K, listener: (this: HTMLDsSelectNativeElement, ev: DsSelectNativeCustomEvent<HTMLDsSelectNativeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsSelectNativeElementEventMap>(type: K, listener: (this: HTMLDsSelectNativeElement, ev: DsSelectNativeCustomEvent<HTMLDsSelectNativeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsSelectNativeElement: {
        prototype: HTMLDsSelectNativeElement;
        new (): HTMLDsSelectNativeElement;
    };
    interface HTMLDsSpinnerElement extends Components.DsSpinner, HTMLStencilElement {
    }
    var HTMLDsSpinnerElement: {
        prototype: HTMLDsSpinnerElement;
        new (): HTMLDsSpinnerElement;
    };
    interface HTMLDsStepElement extends Components.DsStep, HTMLStencilElement {
    }
    var HTMLDsStepElement: {
        prototype: HTMLDsStepElement;
        new (): HTMLDsStepElement;
    };
    interface HTMLDsStepBaseElement extends Components.DsStepBase, HTMLStencilElement {
    }
    var HTMLDsStepBaseElement: {
        prototype: HTMLDsStepBaseElement;
        new (): HTMLDsStepBaseElement;
    };
    interface HTMLDsStepBulletElement extends Components.DsStepBullet, HTMLStencilElement {
    }
    var HTMLDsStepBulletElement: {
        prototype: HTMLDsStepBulletElement;
        new (): HTMLDsStepBulletElement;
    };
    interface HTMLDsStepBulletBaseElement extends Components.DsStepBulletBase, HTMLStencilElement {
    }
    var HTMLDsStepBulletBaseElement: {
        prototype: HTMLDsStepBulletBaseElement;
        new (): HTMLDsStepBulletBaseElement;
    };
    interface HTMLDsStepContentElement extends Components.DsStepContent, HTMLStencilElement {
    }
    var HTMLDsStepContentElement: {
        prototype: HTMLDsStepContentElement;
        new (): HTMLDsStepContentElement;
    };
    interface HTMLDsStepContentBaseElement extends Components.DsStepContentBase, HTMLStencilElement {
    }
    var HTMLDsStepContentBaseElement: {
        prototype: HTMLDsStepContentBaseElement;
        new (): HTMLDsStepContentBaseElement;
    };
    interface HTMLDsStepsElement extends Components.DsSteps, HTMLStencilElement {
    }
    var HTMLDsStepsElement: {
        prototype: HTMLDsStepsElement;
        new (): HTMLDsStepsElement;
    };
    interface HTMLDsStoreElementEventMap {
        "dsLanguageChange": Language;
    }
    interface HTMLDsStoreElement extends Components.DsStore, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsStoreElementEventMap>(type: K, listener: (this: HTMLDsStoreElement, ev: DsStoreCustomEvent<HTMLDsStoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsStoreElementEventMap>(type: K, listener: (this: HTMLDsStoreElement, ev: DsStoreCustomEvent<HTMLDsStoreElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsStoreElement: {
        prototype: HTMLDsStoreElement;
        new (): HTMLDsStoreElement;
    };
    interface HTMLDsTabElementEventMap {
        "dsTabClick": DsTabClickEvent;
        "dsTabFocus": DsTabFocusEvent;
    }
    interface HTMLDsTabElement extends Components.DsTab, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTabElementEventMap>(type: K, listener: (this: HTMLDsTabElement, ev: DsTabCustomEvent<HTMLDsTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsTabElementEventMap>(type: K, listener: (this: HTMLDsTabElement, ev: DsTabCustomEvent<HTMLDsTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsTabElement: {
        prototype: HTMLDsTabElement;
        new (): HTMLDsTabElement;
    };
    interface HTMLDsTablistElementEventMap {
        "dsTabChange": DsTabChangeEvent;
    }
    interface HTMLDsTablistElement extends Components.DsTablist, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTablistElementEventMap>(type: K, listener: (this: HTMLDsTablistElement, ev: DsTablistCustomEvent<HTMLDsTablistElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsTablistElementEventMap>(type: K, listener: (this: HTMLDsTablistElement, ev: DsTablistCustomEvent<HTMLDsTablistElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsTablistElement: {
        prototype: HTMLDsTablistElement;
        new (): HTMLDsTablistElement;
    };
    interface HTMLDsTabpanelElement extends Components.DsTabpanel, HTMLStencilElement {
    }
    var HTMLDsTabpanelElement: {
        prototype: HTMLDsTabpanelElement;
        new (): HTMLDsTabpanelElement;
    };
    interface HTMLDsTabsElement extends Components.DsTabs, HTMLStencilElement {
    }
    var HTMLDsTabsElement: {
        prototype: HTMLDsTabsElement;
        new (): HTMLDsTabsElement;
    };
    interface HTMLDsTagElement extends Components.DsTag, HTMLStencilElement {
    }
    var HTMLDsTagElement: {
        prototype: HTMLDsTagElement;
        new (): HTMLDsTagElement;
    };
    interface HTMLDsTagGroupElement extends Components.DsTagGroup, HTMLStencilElement {
    }
    var HTMLDsTagGroupElement: {
        prototype: HTMLDsTagGroupElement;
        new (): HTMLDsTagGroupElement;
    };
    interface HTMLDsTextAreaElementEventMap {
        "dsChange": Omit<DsTextAreaEvent, 'event'>;
        "dsInput": DsTextAreaEvent<InputEvent>;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsTextAreaElement extends Components.DsTextArea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTextAreaElementEventMap>(type: K, listener: (this: HTMLDsTextAreaElement, ev: DsTextAreaCustomEvent<HTMLDsTextAreaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsTextAreaElementEventMap>(type: K, listener: (this: HTMLDsTextAreaElement, ev: DsTextAreaCustomEvent<HTMLDsTextAreaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsTextAreaElement: {
        prototype: HTMLDsTextAreaElement;
        new (): HTMLDsTextAreaElement;
    };
    interface HTMLDsTextInputElementEventMap {
        "dsChange": Omit<DsTextInputEvent, 'event'>;
        "dsInput": DsTextInputEvent<InputEvent>;
        "dsClear": DsTextInputEvent;
        "dsSubmitInvalid": DsSubmitInvalidEvent;
        "dsValidity": DsValidityEvent;
    }
    interface HTMLDsTextInputElement extends Components.DsTextInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTextInputElementEventMap>(type: K, listener: (this: HTMLDsTextInputElement, ev: DsTextInputCustomEvent<HTMLDsTextInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsTextInputElementEventMap>(type: K, listener: (this: HTMLDsTextInputElement, ev: DsTextInputCustomEvent<HTMLDsTextInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsTextInputElement: {
        prototype: HTMLDsTextInputElement;
        new (): HTMLDsTextInputElement;
    };
    interface HTMLDsVersionedCssVariablesElement extends Components.DsVersionedCssVariables, HTMLStencilElement {
    }
    var HTMLDsVersionedCssVariablesElement: {
        prototype: HTMLDsVersionedCssVariablesElement;
        new (): HTMLDsVersionedCssVariablesElement;
    };
    interface HTMLDsVisuallyHiddenElement extends Components.DsVisuallyHidden, HTMLStencilElement {
    }
    var HTMLDsVisuallyHiddenElement: {
        prototype: HTMLDsVisuallyHiddenElement;
        new (): HTMLDsVisuallyHiddenElement;
    };
    interface HTMLElementTagNameMap {
        "ds-accordion": HTMLDsAccordionElement;
        "ds-action-list": HTMLDsActionListElement;
        "ds-action-list-divider": HTMLDsActionListDividerElement;
        "ds-action-list-group-title": HTMLDsActionListGroupTitleElement;
        "ds-action-list-item": HTMLDsActionListItemElement;
        "ds-action-menu": HTMLDsActionMenuElement;
        "ds-assistive-text": HTMLDsAssistiveTextElement;
        "ds-backdrop": HTMLDsBackdropElement;
        "ds-badge": HTMLDsBadgeElement;
        "ds-breadcrumb": HTMLDsBreadcrumbElement;
        "ds-breadcrumbs": HTMLDsBreadcrumbsElement;
        "ds-breadcrumbs-collapsible": HTMLDsBreadcrumbsCollapsibleElement;
        "ds-breadcrumbs-expand-button": HTMLDsBreadcrumbsExpandButtonElement;
        "ds-breadcrumbs-separator": HTMLDsBreadcrumbsSeparatorElement;
        "ds-button": HTMLDsButtonElement;
        "ds-card": HTMLDsCardElement;
        "ds-checkbox": HTMLDsCheckboxElement;
        "ds-checkbox-group": HTMLDsCheckboxGroupElement;
        "ds-checkbox-group-expand-button": HTMLDsCheckboxGroupExpandButtonElement;
        "ds-chip": HTMLDsChipElement;
        "ds-chip-group": HTMLDsChipGroupElement;
        "ds-combobox": HTMLDsComboboxElement;
        "ds-control-label": HTMLDsControlLabelElement;
        "ds-datepicker": HTMLDsDatepickerElement;
        "ds-datepicker-custom": HTMLDsDatepickerCustomElement;
        "ds-datepicker-native": HTMLDsDatepickerNativeElement;
        "ds-datepicker-simple": HTMLDsDatepickerSimpleElement;
        "ds-divider": HTMLDsDividerElement;
        "ds-feedback": HTMLDsFeedbackElement;
        "ds-grid": HTMLDsGridElement;
        "ds-group-label": HTMLDsGroupLabelElement;
        "ds-icon": HTMLDsIconElement;
        "ds-icon-360": HTMLDsIcon360Element;
        "ds-icon-account-balance": HTMLDsIconAccountBalanceElement;
        "ds-icon-account-balance-fill": HTMLDsIconAccountBalanceFillElement;
        "ds-icon-account-circle": HTMLDsIconAccountCircleElement;
        "ds-icon-account-circle-fill": HTMLDsIconAccountCircleFillElement;
        "ds-icon-add": HTMLDsIconAddElement;
        "ds-icon-archive": HTMLDsIconArchiveElement;
        "ds-icon-archive-fill": HTMLDsIconArchiveFillElement;
        "ds-icon-arrow-back": HTMLDsIconArrowBackElement;
        "ds-icon-arrow-downward": HTMLDsIconArrowDownwardElement;
        "ds-icon-arrow-drop-down": HTMLDsIconArrowDropDownElement;
        "ds-icon-arrow-drop-down-circle": HTMLDsIconArrowDropDownCircleElement;
        "ds-icon-arrow-drop-down-circle-fill": HTMLDsIconArrowDropDownCircleFillElement;
        "ds-icon-arrow-drop-up": HTMLDsIconArrowDropUpElement;
        "ds-icon-arrow-forward": HTMLDsIconArrowForwardElement;
        "ds-icon-arrow-insert": HTMLDsIconArrowInsertElement;
        "ds-icon-arrow-outward": HTMLDsIconArrowOutwardElement;
        "ds-icon-arrow-upward": HTMLDsIconArrowUpwardElement;
        "ds-icon-attach-email": HTMLDsIconAttachEmailElement;
        "ds-icon-attach-email-fill": HTMLDsIconAttachEmailFillElement;
        "ds-icon-attach-file": HTMLDsIconAttachFileElement;
        "ds-icon-attach-file-add": HTMLDsIconAttachFileAddElement;
        "ds-icon-attach-file-off": HTMLDsIconAttachFileOffElement;
        "ds-icon-badge": HTMLDsIconBadgeElement;
        "ds-icon-badge-fill": HTMLDsIconBadgeFillElement;
        "ds-icon-bar-chart": HTMLDsIconBarChartElement;
        "ds-icon-bluesky": HTMLDsIconBlueskyElement;
        "ds-icon-book-2": HTMLDsIconBook2Element;
        "ds-icon-book-2-fill": HTMLDsIconBook2FillElement;
        "ds-icon-boy": HTMLDsIconBoyElement;
        "ds-icon-build": HTMLDsIconBuildElement;
        "ds-icon-build-fill": HTMLDsIconBuildFillElement;
        "ds-icon-calculate": HTMLDsIconCalculateElement;
        "ds-icon-calculate-fill": HTMLDsIconCalculateFillElement;
        "ds-icon-calendar-month": HTMLDsIconCalendarMonthElement;
        "ds-icon-calendar-month-fill": HTMLDsIconCalendarMonthFillElement;
        "ds-icon-call": HTMLDsIconCallElement;
        "ds-icon-call-fill": HTMLDsIconCallFillElement;
        "ds-icon-cancel": HTMLDsIconCancelElement;
        "ds-icon-cancel-fill": HTMLDsIconCancelFillElement;
        "ds-icon-chat": HTMLDsIconChatElement;
        "ds-icon-chat-fill": HTMLDsIconChatFillElement;
        "ds-icon-check": HTMLDsIconCheckElement;
        "ds-icon-check-box": HTMLDsIconCheckBoxElement;
        "ds-icon-check-box-fill": HTMLDsIconCheckBoxFillElement;
        "ds-icon-check-box-outline-blank": HTMLDsIconCheckBoxOutlineBlankElement;
        "ds-icon-check-circle": HTMLDsIconCheckCircleElement;
        "ds-icon-check-circle-fill": HTMLDsIconCheckCircleFillElement;
        "ds-icon-check-indeterminate-small": HTMLDsIconCheckIndeterminateSmallElement;
        "ds-icon-check-small": HTMLDsIconCheckSmallElement;
        "ds-icon-checklist": HTMLDsIconChecklistElement;
        "ds-icon-chevron-backward": HTMLDsIconChevronBackwardElement;
        "ds-icon-chevron-forward": HTMLDsIconChevronForwardElement;
        "ds-icon-close": HTMLDsIconCloseElement;
        "ds-icon-close-small": HTMLDsIconCloseSmallElement;
        "ds-icon-code-blocks": HTMLDsIconCodeBlocksElement;
        "ds-icon-collapse-content": HTMLDsIconCollapseContentElement;
        "ds-icon-construction": HTMLDsIconConstructionElement;
        "ds-icon-content-copy": HTMLDsIconContentCopyElement;
        "ds-icon-content-copy-fill": HTMLDsIconContentCopyFillElement;
        "ds-icon-delete": HTMLDsIconDeleteElement;
        "ds-icon-delete-fill": HTMLDsIconDeleteFillElement;
        "ds-icon-delete-forever": HTMLDsIconDeleteForeverElement;
        "ds-icon-delete-forever-fill": HTMLDsIconDeleteForeverFillElement;
        "ds-icon-description": HTMLDsIconDescriptionElement;
        "ds-icon-download": HTMLDsIconDownloadElement;
        "ds-icon-drafts": HTMLDsIconDraftsElement;
        "ds-icon-drafts-fill": HTMLDsIconDraftsFillElement;
        "ds-icon-drag-indicator": HTMLDsIconDragIndicatorElement;
        "ds-icon-ds-check-indeterminate-small": HTMLDsIconDsCheckIndeterminateSmallElement;
        "ds-icon-ds-check-small": HTMLDsIconDsCheckSmallElement;
        "ds-icon-ds-flame": HTMLDsIconDsFlameElement;
        "ds-icon-ds-flame-fill": HTMLDsIconDsFlameFillElement;
        "ds-icon-edit": HTMLDsIconEditElement;
        "ds-icon-edit-calendar": HTMLDsIconEditCalendarElement;
        "ds-icon-edit-calendar-fill": HTMLDsIconEditCalendarFillElement;
        "ds-icon-edit-fill": HTMLDsIconEditFillElement;
        "ds-icon-equal": HTMLDsIconEqualElement;
        "ds-icon-escalator-warning": HTMLDsIconEscalatorWarningElement;
        "ds-icon-euro-symbol": HTMLDsIconEuroSymbolElement;
        "ds-icon-event-available": HTMLDsIconEventAvailableElement;
        "ds-icon-event-available-fill": HTMLDsIconEventAvailableFillElement;
        "ds-icon-expand-content": HTMLDsIconExpandContentElement;
        "ds-icon-explore": HTMLDsIconExploreElement;
        "ds-icon-explore-fill": HTMLDsIconExploreFillElement;
        "ds-icon-export-notes": HTMLDsIconExportNotesElement;
        "ds-icon-export-notes-fill": HTMLDsIconExportNotesFillElement;
        "ds-icon-facebook": HTMLDsIconFacebookElement;
        "ds-icon-fast-forward": HTMLDsIconFastForwardElement;
        "ds-icon-fast-forward-fill": HTMLDsIconFastForwardFillElement;
        "ds-icon-fast-rewind": HTMLDsIconFastRewindElement;
        "ds-icon-fast-rewind-fill": HTMLDsIconFastRewindFillElement;
        "ds-icon-favorite": HTMLDsIconFavoriteElement;
        "ds-icon-favorite-fill": HTMLDsIconFavoriteFillElement;
        "ds-icon-fiber-manual-record": HTMLDsIconFiberManualRecordElement;
        "ds-icon-fiber-manual-record-fill": HTMLDsIconFiberManualRecordFillElement;
        "ds-icon-file-save": HTMLDsIconFileSaveElement;
        "ds-icon-file-save-fill": HTMLDsIconFileSaveFillElement;
        "ds-icon-filter-list": HTMLDsIconFilterListElement;
        "ds-icon-first-page": HTMLDsIconFirstPageElement;
        "ds-icon-fork-right": HTMLDsIconForkRightElement;
        "ds-icon-format-bold": HTMLDsIconFormatBoldElement;
        "ds-icon-format-italic": HTMLDsIconFormatItalicElement;
        "ds-icon-format-quote": HTMLDsIconFormatQuoteElement;
        "ds-icon-format-quote-fill": HTMLDsIconFormatQuoteFillElement;
        "ds-icon-format-quote-off": HTMLDsIconFormatQuoteOffElement;
        "ds-icon-format-quote-off-fill": HTMLDsIconFormatQuoteOffFillElement;
        "ds-icon-function": HTMLDsIconFunctionElement;
        "ds-icon-functions": HTMLDsIconFunctionsElement;
        "ds-icon-gallery-thumbnail": HTMLDsIconGalleryThumbnailElement;
        "ds-icon-girl": HTMLDsIconGirlElement;
        "ds-icon-grid-4x4": HTMLDsIconGrid4x4Element;
        "ds-icon-grid-on": HTMLDsIconGridOnElement;
        "ds-icon-grid-on-fill": HTMLDsIconGridOnFillElement;
        "ds-icon-group": HTMLDsIconGroupElement;
        "ds-icon-group-add": HTMLDsIconGroupAddElement;
        "ds-icon-group-add-fill": HTMLDsIconGroupAddFillElement;
        "ds-icon-group-fill": HTMLDsIconGroupFillElement;
        "ds-icon-group-remove": HTMLDsIconGroupRemoveElement;
        "ds-icon-group-remove-fill": HTMLDsIconGroupRemoveFillElement;
        "ds-icon-help": HTMLDsIconHelpElement;
        "ds-icon-help-fill": HTMLDsIconHelpFillElement;
        "ds-icon-history": HTMLDsIconHistoryElement;
        "ds-icon-home": HTMLDsIconHomeElement;
        "ds-icon-home-fill": HTMLDsIconHomeFillElement;
        "ds-icon-hourglass": HTMLDsIconHourglassElement;
        "ds-icon-hourglass-bottom": HTMLDsIconHourglassBottomElement;
        "ds-icon-hourglass-top": HTMLDsIconHourglassTopElement;
        "ds-icon-image": HTMLDsIconImageElement;
        "ds-icon-image-fill": HTMLDsIconImageFillElement;
        "ds-icon-info": HTMLDsIconInfoElement;
        "ds-icon-info-fill": HTMLDsIconInfoFillElement;
        "ds-icon-instagram": HTMLDsIconInstagramElement;
        "ds-icon-keyboard-arrow-down": HTMLDsIconKeyboardArrowDownElement;
        "ds-icon-keyboard-arrow-up": HTMLDsIconKeyboardArrowUpElement;
        "ds-icon-language": HTMLDsIconLanguageElement;
        "ds-icon-last-page": HTMLDsIconLastPageElement;
        "ds-icon-link": HTMLDsIconLinkElement;
        "ds-icon-linkedin": HTMLDsIconLinkedinElement;
        "ds-icon-list-alt": HTMLDsIconListAltElement;
        "ds-icon-list-alt-add": HTMLDsIconListAltAddElement;
        "ds-icon-list-alt-check": HTMLDsIconListAltCheckElement;
        "ds-icon-location-on": HTMLDsIconLocationOnElement;
        "ds-icon-location-on-fill": HTMLDsIconLocationOnFillElement;
        "ds-icon-location-searching": HTMLDsIconLocationSearchingElement;
        "ds-icon-lock": HTMLDsIconLockElement;
        "ds-icon-lock-fill": HTMLDsIconLockFillElement;
        "ds-icon-lock-open": HTMLDsIconLockOpenElement;
        "ds-icon-lock-open-fill": HTMLDsIconLockOpenFillElement;
        "ds-icon-login": HTMLDsIconLoginElement;
        "ds-icon-logout": HTMLDsIconLogoutElement;
        "ds-icon-mail": HTMLDsIconMailElement;
        "ds-icon-mail-fill": HTMLDsIconMailFillElement;
        "ds-icon-manufacturing": HTMLDsIconManufacturingElement;
        "ds-icon-map": HTMLDsIconMapElement;
        "ds-icon-map-fill": HTMLDsIconMapFillElement;
        "ds-icon-map-search": HTMLDsIconMapSearchElement;
        "ds-icon-map-search-fill": HTMLDsIconMapSearchFillElement;
        "ds-icon-menu": HTMLDsIconMenuElement;
        "ds-icon-more-horiz": HTMLDsIconMoreHorizElement;
        "ds-icon-more-vert": HTMLDsIconMoreVertElement;
        "ds-icon-mountain-flag": HTMLDsIconMountainFlagElement;
        "ds-icon-mountain-flag-fill": HTMLDsIconMountainFlagFillElement;
        "ds-icon-my-location": HTMLDsIconMyLocationElement;
        "ds-icon-my-location-fill": HTMLDsIconMyLocationFillElement;
        "ds-icon-notifications": HTMLDsIconNotificationsElement;
        "ds-icon-notifications-active": HTMLDsIconNotificationsActiveElement;
        "ds-icon-notifications-active-fill": HTMLDsIconNotificationsActiveFillElement;
        "ds-icon-notifications-fill": HTMLDsIconNotificationsFillElement;
        "ds-icon-notifications-off": HTMLDsIconNotificationsOffElement;
        "ds-icon-notifications-off-fill": HTMLDsIconNotificationsOffFillElement;
        "ds-icon-notifications-unread": HTMLDsIconNotificationsUnreadElement;
        "ds-icon-notifications-unread-fill": HTMLDsIconNotificationsUnreadFillElement;
        "ds-icon-open-in-new": HTMLDsIconOpenInNewElement;
        "ds-icon-pause": HTMLDsIconPauseElement;
        "ds-icon-pause-circle": HTMLDsIconPauseCircleElement;
        "ds-icon-pause-circle-fill": HTMLDsIconPauseCircleFillElement;
        "ds-icon-pause-fill": HTMLDsIconPauseFillElement;
        "ds-icon-pending": HTMLDsIconPendingElement;
        "ds-icon-percent": HTMLDsIconPercentElement;
        "ds-icon-person": HTMLDsIconPersonElement;
        "ds-icon-person-add": HTMLDsIconPersonAddElement;
        "ds-icon-person-add-fill": HTMLDsIconPersonAddFillElement;
        "ds-icon-person-alert": HTMLDsIconPersonAlertElement;
        "ds-icon-person-alert-fill": HTMLDsIconPersonAlertFillElement;
        "ds-icon-person-fill": HTMLDsIconPersonFillElement;
        "ds-icon-person-pin-circle": HTMLDsIconPersonPinCircleElement;
        "ds-icon-person-pin-circle-fill": HTMLDsIconPersonPinCircleFillElement;
        "ds-icon-person-remove": HTMLDsIconPersonRemoveElement;
        "ds-icon-person-remove-fill": HTMLDsIconPersonRemoveFillElement;
        "ds-icon-person-search": HTMLDsIconPersonSearchElement;
        "ds-icon-person-search-fill": HTMLDsIconPersonSearchFillElement;
        "ds-icon-photo-camera": HTMLDsIconPhotoCameraElement;
        "ds-icon-photo-camera-fill": HTMLDsIconPhotoCameraFillElement;
        "ds-icon-photo-library": HTMLDsIconPhotoLibraryElement;
        "ds-icon-picture-as-pdf": HTMLDsIconPictureAsPdfElement;
        "ds-icon-picture-as-pdf-fill": HTMLDsIconPictureAsPdfFillElement;
        "ds-icon-pie-chart": HTMLDsIconPieChartElement;
        "ds-icon-pie-chart-fill": HTMLDsIconPieChartFillElement;
        "ds-icon-plagiarism": HTMLDsIconPlagiarismElement;
        "ds-icon-plagiarism-fill": HTMLDsIconPlagiarismFillElement;
        "ds-icon-play-arrow": HTMLDsIconPlayArrowElement;
        "ds-icon-play-arrow-fill": HTMLDsIconPlayArrowFillElement;
        "ds-icon-play-circle": HTMLDsIconPlayCircleElement;
        "ds-icon-play-circle-fill": HTMLDsIconPlayCircleFillElement;
        "ds-icon-play-pause": HTMLDsIconPlayPauseElement;
        "ds-icon-progress-activity": HTMLDsIconProgressActivityElement;
        "ds-icon-public": HTMLDsIconPublicElement;
        "ds-icon-refresh": HTMLDsIconRefreshElement;
        "ds-icon-remove": HTMLDsIconRemoveElement;
        "ds-icon-reorder": HTMLDsIconReorderElement;
        "ds-icon-report": HTMLDsIconReportElement;
        "ds-icon-report-fill": HTMLDsIconReportFillElement;
        "ds-icon-resize": HTMLDsIconResizeElement;
        "ds-icon-rotate-left": HTMLDsIconRotateLeftElement;
        "ds-icon-rotate-right": HTMLDsIconRotateRightElement;
        "ds-icon-rss-feed": HTMLDsIconRssFeedElement;
        "ds-icon-save": HTMLDsIconSaveElement;
        "ds-icon-save-fill": HTMLDsIconSaveFillElement;
        "ds-icon-schedule": HTMLDsIconScheduleElement;
        "ds-icon-schedule-fill": HTMLDsIconScheduleFillElement;
        "ds-icon-search": HTMLDsIconSearchElement;
        "ds-icon-sell": HTMLDsIconSellElement;
        "ds-icon-sell-fill": HTMLDsIconSellFillElement;
        "ds-icon-send": HTMLDsIconSendElement;
        "ds-icon-send-fill": HTMLDsIconSendFillElement;
        "ds-icon-sentiment-dissatisfied": HTMLDsIconSentimentDissatisfiedElement;
        "ds-icon-sentiment-dissatisfied-fill": HTMLDsIconSentimentDissatisfiedFillElement;
        "ds-icon-sentiment-neutral": HTMLDsIconSentimentNeutralElement;
        "ds-icon-sentiment-neutral-fill": HTMLDsIconSentimentNeutralFillElement;
        "ds-icon-sentiment-satisfied": HTMLDsIconSentimentSatisfiedElement;
        "ds-icon-sentiment-satisfied-fill": HTMLDsIconSentimentSatisfiedFillElement;
        "ds-icon-settings": HTMLDsIconSettingsElement;
        "ds-icon-settings-fill": HTMLDsIconSettingsFillElement;
        "ds-icon-share": HTMLDsIconShareElement;
        "ds-icon-show-chart": HTMLDsIconShowChartElement;
        "ds-icon-skip-next": HTMLDsIconSkipNextElement;
        "ds-icon-skip-next-fill": HTMLDsIconSkipNextFillElement;
        "ds-icon-skip-previous": HTMLDsIconSkipPreviousElement;
        "ds-icon-skip-previous-fill": HTMLDsIconSkipPreviousFillElement;
        "ds-icon-smart-toy": HTMLDsIconSmartToyElement;
        "ds-icon-smart-toy-fill": HTMLDsIconSmartToyFillElement;
        "ds-icon-star": HTMLDsIconStarElement;
        "ds-icon-star-fill": HTMLDsIconStarFillElement;
        "ds-icon-stop": HTMLDsIconStopElement;
        "ds-icon-stop-circle": HTMLDsIconStopCircleElement;
        "ds-icon-stop-circle-fill": HTMLDsIconStopCircleFillElement;
        "ds-icon-stop-fill": HTMLDsIconStopFillElement;
        "ds-icon-supervisor-account": HTMLDsIconSupervisorAccountElement;
        "ds-icon-supervisor-account-fill": HTMLDsIconSupervisorAccountFillElement;
        "ds-icon-swap-horiz": HTMLDsIconSwapHorizElement;
        "ds-icon-sync": HTMLDsIconSyncElement;
        "ds-icon-table": HTMLDsIconTableElement;
        "ds-icon-table-fill": HTMLDsIconTableFillElement;
        "ds-icon-tiktok": HTMLDsIconTiktokElement;
        "ds-icon-timer": HTMLDsIconTimerElement;
        "ds-icon-timer-fill": HTMLDsIconTimerFillElement;
        "ds-icon-tour": HTMLDsIconTourElement;
        "ds-icon-tour-fill": HTMLDsIconTourFillElement;
        "ds-icon-translate": HTMLDsIconTranslateElement;
        "ds-icon-trending-down": HTMLDsIconTrendingDownElement;
        "ds-icon-trending-up": HTMLDsIconTrendingUpElement;
        "ds-icon-unfold-less": HTMLDsIconUnfoldLessElement;
        "ds-icon-unfold-more": HTMLDsIconUnfoldMoreElement;
        "ds-icon-ungroup": HTMLDsIconUngroupElement;
        "ds-icon-upload": HTMLDsIconUploadElement;
        "ds-icon-view-list": HTMLDsIconViewListElement;
        "ds-icon-view-list-fill": HTMLDsIconViewListFillElement;
        "ds-icon-visibility": HTMLDsIconVisibilityElement;
        "ds-icon-visibility-fill": HTMLDsIconVisibilityFillElement;
        "ds-icon-visibility-off": HTMLDsIconVisibilityOffElement;
        "ds-icon-visibility-off-fill": HTMLDsIconVisibilityOffFillElement;
        "ds-icon-vpn-lock": HTMLDsIconVpnLockElement;
        "ds-icon-warning": HTMLDsIconWarningElement;
        "ds-icon-warning-fill": HTMLDsIconWarningFillElement;
        "ds-icon-widget-small": HTMLDsIconWidgetSmallElement;
        "ds-icon-widget-small-fill": HTMLDsIconWidgetSmallFillElement;
        "ds-icon-x": HTMLDsIconXElement;
        "ds-icon-youtube": HTMLDsIconYoutubeElement;
        "ds-icon-zoom-in": HTMLDsIconZoomInElement;
        "ds-icon-zoom-in-map": HTMLDsIconZoomInMapElement;
        "ds-icon-zoom-out": HTMLDsIconZoomOutElement;
        "ds-icon-zoom-out-map": HTMLDsIconZoomOutMapElement;
        "ds-input-validity": HTMLDsInputValidityElement;
        "ds-link": HTMLDsLinkElement;
        "ds-link-cta": HTMLDsLinkCtaElement;
        "ds-link-logo": HTMLDsLinkLogoElement;
        "ds-link-with-arrow": HTMLDsLinkWithArrowElement;
        "ds-media": HTMLDsMediaElement;
        "ds-modal": HTMLDsModalElement;
        "ds-notification": HTMLDsNotificationElement;
        "ds-option": HTMLDsOptionElement;
        "ds-option-group": HTMLDsOptionGroupElement;
        "ds-options": HTMLDsOptionsElement;
        "ds-options-message": HTMLDsOptionsMessageElement;
        "ds-pagination": HTMLDsPaginationElement;
        "ds-pagination-ellipsis": HTMLDsPaginationEllipsisElement;
        "ds-pagination-item": HTMLDsPaginationItemElement;
        "ds-pagination-page": HTMLDsPaginationPageElement;
        "ds-pagination-page-info": HTMLDsPaginationPageInfoElement;
        "ds-radio-button": HTMLDsRadioButtonElement;
        "ds-radio-button-group": HTMLDsRadioButtonGroupElement;
        "ds-ribbon": HTMLDsRibbonElement;
        "ds-select": HTMLDsSelectElement;
        "ds-select-native": HTMLDsSelectNativeElement;
        "ds-spinner": HTMLDsSpinnerElement;
        "ds-step": HTMLDsStepElement;
        "ds-step-base": HTMLDsStepBaseElement;
        "ds-step-bullet": HTMLDsStepBulletElement;
        "ds-step-bullet-base": HTMLDsStepBulletBaseElement;
        "ds-step-content": HTMLDsStepContentElement;
        "ds-step-content-base": HTMLDsStepContentBaseElement;
        "ds-steps": HTMLDsStepsElement;
        "ds-store": HTMLDsStoreElement;
        "ds-tab": HTMLDsTabElement;
        "ds-tablist": HTMLDsTablistElement;
        "ds-tabpanel": HTMLDsTabpanelElement;
        "ds-tabs": HTMLDsTabsElement;
        "ds-tag": HTMLDsTagElement;
        "ds-tag-group": HTMLDsTagGroupElement;
        "ds-text-area": HTMLDsTextAreaElement;
        "ds-text-input": HTMLDsTextInputElement;
        "ds-versioned-css-variables": HTMLDsVersionedCssVariablesElement;
        "ds-visually-hidden": HTMLDsVisuallyHiddenElement;
    }
}
declare namespace LocalJSX {
    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };

    interface DsAccordion {
        /**
          * Passed to the `aria-describedby` attribute of the heading `button` element.
         */
        "dsAriaDescribedBy"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the heading `button` element. Should be set when `dsHeadingVariant` is `icon-button`.
         */
        "dsAriaLabelledBy"?: string;
        /**
          * If true, aligns the border to the position where accordion content starts. Use cases include side panels or sidebars to achieve better text alignment with other content.
          * @default false
         */
        "dsBorderAligned"?: boolean;
        /**
          * Text of the close button
         */
        "dsCloseButtonLabel"?: string;
        /**
          * If true, adds a background color to the accordion content area
          * @default true
         */
        "dsContentHasBackground"?: boolean;
        /**
          * Adds a background color to the accordion header area:  - `expanded` (default): Background is visible only when the accordion is expanded. - `always`: Background is always visible. - `never`: Background is never visible.
          * @default 'expanded'
         */
        "dsHeaderHasBackground"?: 'expanded' | 'always' | 'never';
        /**
          * Heading level to be used for the accordion
          * @default 2
         */
        "dsHeadingLevel"?: number;
        /**
          * Heading variant of the accordion: - `button`: Heading button takes the full width of the header. The header content is inside the button. - `icon-button`: Heading button is styled as an icon button. The header content is separate from the button.
          * @default 'button'
         */
        "dsHeadingVariant"?: 'button' | 'icon-button';
        /**
          * If true, removes the bottom border
          * @default false
         */
        "dsHideBottomBorder"?: boolean;
        /**
          * If true, removes all borders from the content area. Borders remain in the header
          * @default false
         */
        "dsHideContentBorders"?: boolean;
        /**
          * If true, removes the left border
          * @default true
         */
        "dsHideLeftBorder"?: boolean;
        /**
          * If true, removes the right border
          * @default true
         */
        "dsHideRightBorder"?: boolean;
        /**
          * If true, removes the top border
          * @default false
         */
        "dsHideTopBorder"?: boolean;
        /**
          * Id of the accordion button
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Programmatically open or close the accordion. Takes precedence over `dsOpenByDefault` when set.
         */
        "dsOpen"?: boolean;
        /**
          * If true, displays the accordion as opened when loaded
          * @default false
         */
        "dsOpenByDefault"?: boolean;
        /**
          * If true, displays a close button at the end of an opened accordion. Use cases include accordions with long content where scrolling back to the header to close the accordion would be inconvenient.
          * @default false
         */
        "dsUseCloseButton"?: boolean;
        /**
          * Variant of the accordion: - `default`: Standard spacing and font sizes. - `compact`: Reduced spacing and font sizes, for denser display of content.
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'compact';
        /**
          * Emitted when the accordion is expanded or closed.
         */
        "onDsToggle"?: (event: DsAccordionCustomEvent<DsAccordionToggleEvent>) => void;
    }
    interface DsActionList {
        /**
          * @default 'group'
         */
        "dsRole"?: 'menu' | 'group';
    }
    interface DsActionListDivider {
    }
    interface DsActionListGroupTitle {
        /**
          * ID applied to the title span, used by the parent ds-action-list for aria-labelledby.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The visible group title text.
         */
        "dsTitle": string;
    }
    interface DsActionListItem {
        /**
          * When false, selecting a single-select item will not close the menu. Has no effect on action, action-danger, or multi-select variants. Defaults to true.
          * @default true
         */
        "dsCloseOnSelect"?: boolean;
        /**
          * Optional secondary description text rendered below the label.
         */
        "dsDescription"?: string;
        /**
          * When true, the item is disabled and cannot be interacted with.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Icon name to display. Not applicable to multi-select variant. When any item in a sibling group has an icon, other items without icons are automatically indented via `dsIndented`.
         */
        "dsIcon"?: string;
        /**
          * Unique identifier for the item. Emitted in the dsSelect event payload.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * When true, adds left padding to align this item with siblings that have icons. Automatically set by the parent `ds-action-list` when needed.
          * @default false
         */
        "dsIndented"?: boolean;
        /**
          * Visible label for the item.
         */
        "dsLabel": string;
        /**
          * Selected state for single-select and multi-select variants.
          * @default false
         */
        "dsSelected"?: boolean;
        /**
          * When true, the item is visible and focusable but cannot be activated. Unlike `dsDisabled`, the item retains its normal appearance except the description text is rendered in the attention color to signal unavailability.
          * @default false
         */
        "dsUnavailable"?: boolean;
        /**
          * Variant of the item, which determines ARIA role and visual appearance: - "action": standard action, role="menuitem", closes menu on select - "action-danger": destructive action, role="menuitem", closes menu on select - "single-select": radio selection, role="menuitemradio", closes menu on select - "multi-select": checkbox selection, role="menuitemcheckbox", menu stays open
          * @default 'action'
         */
        "dsVariant"?: DsActionListItemVariant;
        /**
          * Emitted when the item is activated (click or Enter/Space).
         */
        "onDsSelect"?: (event: DsActionListItemCustomEvent<DsActionListItemSelectEvent>) => void;
    }
    interface DsActionMenu {
        /**
          * Alignment of the menu relative to the trigger button. - "start": menu left edge aligns with button left edge - "center": menu center aligns with button center - "end": menu right edge aligns with button right edge
          * @default 'start'
         */
        "dsAlign"?: 'start' | 'center' | 'end';
        /**
          * Accessible label for the trigger button. Required when using `dsIconOnly=true` since there is no visible text to announce. Forwarded as `aria-label` to the internal `ds-button`.
         */
        "dsAriaLabel"?: string;
        /**
          * Colour of the trigger button.
          * @default 'blue'
         */
        "dsButtonColour"?: 'blue' | 'black' | 'white' | 'danger';
        /**
          * Size of the trigger button.
          * @default 'medium'
         */
        "dsButtonSize"?: 'small' | 'medium';
        /**
          * Visible label on the trigger button.
          * @default ''
         */
        "dsButtonText"?: string;
        /**
          * Variant of the trigger button.
          * @default 'secondary'
         */
        "dsButtonVariant"?: 'primary' | 'secondary' | 'supplementary';
        /**
          * When true, the trigger button is disabled and the menu cannot be opened.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Icon name for the trigger button. When not icon-only, a chevron is appended automatically.
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * When true, renders an icon-only button as the trigger. The icon defaults to a vertical three-dot (more-vert) icon unless `dsIcon` is set.
          * @default false
         */
        "dsIconOnly"?: boolean;
        /**
          * ID for the trigger button element. Also used to derive the CSS anchor-name and aria-labelledby.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * CSS max-height for the menu (e.g. "300px"). When set, the menu becomes scrollable.
         */
        "dsMenuMaxHeight"?: string;
        /**
          * Custom CSS width for the menu (e.g. "400px", "20rem"). When undefined, the menu grows to fit its content with a minimum of 288px. Note: the menu uses `position: fixed`, so percentage values (e.g. "100%") are relative to the viewport, not the trigger button.
         */
        "dsMenuWidth"?: string;
        /**
          * Where the menu opens relative to the trigger. - "bottom": always opens below - "top": always opens above - "auto": browser uses CSS position-try-fallbacks to flip automatically when near viewport edge
          * @default 'auto'
         */
        "dsPlacement"?: 'bottom' | 'top' | 'auto';
        /**
          * Emitted when the menu closes.
         */
        "onDsClose"?: (event: DsActionMenuCustomEvent<DsActionMenuCloseEvent>) => void;
        /**
          * Emitted when the menu opens.
         */
        "onDsOpen"?: (event: DsActionMenuCustomEvent<DsActionMenuOpenEvent>) => void;
    }
    interface DsAssistiveText {
        /**
          * Passed to the `id` attribute of the `small` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Assistive text.
         */
        "dsText"?: string;
    }
    interface DsBackdrop {
        /**
          * Additional CSS classes to apply to the <dialog> element.
          * @default ''
         */
        "dsDialogClasses"?: string;
        /**
          * If true, the backdrop is open.
          * @default false
         */
        "dsOpen"?: boolean;
        /**
          * Passed to the `role` attribute of the `dialog` element
          * @default 'dialog'
         */
        "dsRole"?: 'dialog' | 'alertdialog';
        /**
          * Z-index of the backdrop.
          * @default 9999
         */
        "dsZIndex"?: number;
        /**
          * Emitted when the backdrop is open and requested to be closed.
         */
        "onDsBackdropClose"?: (event: DsBackdropCustomEvent<void>) => void;
        /**
          * Emitted when the transition starts or ends
         */
        "onDsTransition"?: (event: DsBackdropCustomEvent<DsBackdropTransitionEvent>) => void;
    }
    interface DsBadge {
        /**
          * Passed to the `aria-label` attribute of the `span` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Assistive text for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Passed to the `id` attribute of the `span` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The text content of the badge
          * @default ''
         */
        "dsText"?: string;
        /**
          * The variant style of the badge
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'success' | 'attention' | 'danger' | 'info' | 'notification' | 'primary' | 'disabled';
    }
    interface DsBreadcrumb {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, displays a separator before the breadcrumb
          * @default true
         */
        "dsHasSeparator"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * If true, indicates that this breadcrumb represents the current page
          * @default false
         */
        "dsIsCurrentPage"?: boolean;
        /**
          * If true, hides the breadcrumb from view
          * @default false
         */
        "dsIsHidden"?: boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the breadcrumb
          * @default ''
         */
        "dsText"?: string;
        /**
          * Emitted when the link is clicked
         */
        "onDsClick"?: (event: DsBreadcrumbCustomEvent<MouseEvent>) => void;
        /**
          * Emitted when the `dsIsHidden` property changes
         */
        "onDsIsHiddenChange"?: (event: DsBreadcrumbCustomEvent<boolean>) => void;
    }
    interface DsBreadcrumbs {
        /**
          * Passed to the `aria-label` attribute of the `nav` element.
         */
        "dsAriaLabel"?: string;
        "onDsSizeChange"?: (event: DsBreadcrumbsCustomEvent<'medium' | 'small'>) => void;
    }
    interface DsBreadcrumbsCollapsible {
        /**
          * If true, hides the expand button
          * @default false
         */
        "dsIsExpandButtonHidden"?: boolean;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
        /**
          * Emitted when the expand button is clicked
         */
        "onDsExpandButtonClick"?: (event: DsBreadcrumbsCollapsibleCustomEvent<void>) => void;
    }
    interface DsBreadcrumbsExpandButton {
        /**
          * If true, hides the expand button from view.
          * @default false
         */
        "dsIsHidden"?: boolean;
        /**
          * Icon to display as a separator
         */
        "dsSeparatorIcon"?: string;
        /**
          * Emitted when the expand button is clicked.
         */
        "onDsClick"?: (event: DsBreadcrumbsExpandButtonCustomEvent<void>) => void;
    }
    interface DsBreadcrumbsSeparator {
        /**
          * Icon to display.
          * @default 'chevron_forward'
         */
        "dsIcon"?: string;
    }
    interface DsButton {
        /**
          * If true, adds an active class modifier to the button
          * @default false
         */
        "dsActive"?: boolean;
        /**
          * Passed to the `aria-controls` attribute of the `button` element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the `button` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-disabled` attribute of the `button` element.
         */
        "dsAriaDisabled"?: boolean;
        /**
          * Passed to the `aria-expanded` attribute of the `button` element.
         */
        "dsAriaExpanded"?: boolean;
        /**
          * Passed to the `aria-haspopup` attribute of the `button` element.
         */
        "dsAriaHaspopup"?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
        /**
          * Passed to the `aria-hidden` attribute of the `button` element.
          * @default false
         */
        "dsAriaHidden"?: boolean;
        /**
          * Passed to the `aria-label` attribute of the `button` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `button` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `aria-pressed` attribute of the `button` element.
         */
        "dsAriaPressed"?: boolean;
        /**
          * Passed to the `autofocus` attribute of the `button` element.
          * @default false
         */
        "dsAutoFocus"?: boolean;
        /**
          * Colour of the button
          * @default 'blue'
         */
        "dsColour"?: 'blue' | 'black' | 'white' | 'danger';
        /**
          * Passed to the `disabled` attribute of the `button` element
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Passed to the `form` attribute of the `button` element.
         */
        "dsForm"?: string;
        /**
          * If true, the button takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Text that is visually hidden but available to screen readers.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Icon to display alongside the button text
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * Passed to the `dsAriaLabel` property of the `ds-icon` element
         */
        "dsIconAriaLabel"?: string;
        /**
          * Whether to display the icon before or after the button text
          * @default 'start'
         */
        "dsIconPosition"?: 'start' | 'end';
        /**
          * Passed to the `dsTitle` property of the `ds-icon` element
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * If true, the button is styled to be used within an input field
          * @default false
         */
        "dsInInput"?: boolean;
        /**
          * Displays a loading spinner in the button
          * @default false
         */
        "dsLoading"?: boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `name` attribute of the `button` element.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * If true, suppresses the button's own focus ring. Use when the parent element handles focus indication.
          * @default false
         */
        "dsNoFocusRing"?: boolean;
        /**
          * Passed to the `role` attribute of the `button` element.
         */
        "dsRole"?: string;
        /**
          * Size of the button
          * @default 'medium'
         */
        "dsSize"?: 'small' | 'medium';
        /**
          * Information for screen readers when spinner is displayed
         */
        "dsSpinnerHiddenText"?: string;
        /**
          * Passed to the `tabindex` attribute of the `button` element.
         */
        "dsTabIndex"?: number;
        /**
          * Text to display inside the button.
          * @default ''
         */
        "dsText"?: string;
        /**
          * Passed to the `type` attribute of the `button` element
          * @default 'button'
         */
        "dsType"?: 'button' | 'submit' | 'reset';
        /**
          * Wraps the button in a container where `aria-live` is set to `polite`
          * @default false
         */
        "dsUseSpinner"?: boolean;
        /**
          * Passed to the `value` attribute of the `button` element.
          * @default ''
         */
        "dsValue"?: string;
        /**
          * Variant of the button
          * @default 'primary'
         */
        "dsVariant"?: 'primary' | 'secondary' | 'supplementary';
    }
    interface DsCard {
        /**
          * Optional description text
         */
        "dsDescription"?: string;
        /**
          * Optional line-clamp for description to restrict how many lines of text should be shown.
         */
        "dsDescriptionClamp"?: number;
        /**
          * If `dsDescription` is set, defines the maximum width of the description text. Default is 'none'.
          * @default 'none'
         */
        "dsDescriptionMaxWidth"?: DsDescriptionMaxWidth;
        /**
          * Optional eyebrow text displayed above the heading
         */
        "dsEyebrow"?: string;
        /**
          * Optional to set card height to 100% for easily match grid height eg
          * @default false
         */
        "dsFluidHeight"?: boolean;
        /**
          * The main heading text
         */
        "dsHeading"?: string;
        /**
          * Heading level, defaults to 3
          * @default 3
         */
        "dsHeadingLevel"?: number;
        /**
          * Should card content be aligned horizontally.
          * @default false
         */
        "dsHorizontal"?: boolean;
        /**
          * Card Link type, none, heading or full card
          * @default 'full'
         */
        "dsLinkType"?: DsCardLinkType;
        /**
          * Optional to show arrow when card is a link, defaults to true
          * @default true
         */
        "dsShowArrow"?: boolean;
        /**
          * Optional subtitle text displayed below the heading.
         */
        "dsSubtitle"?: string;
        /**
          * Optional tag text displayed on top of image.
         */
        "dsTag"?: string;
        /**
          * Text size variant that controls heading, body text, arrow icon size, spacing and padding.
          * @default 'small'
         */
        "dsTextSize"?: DsCardTextSize;
        /**
          * Optional URL to use card as a link
         */
        "dsUrl"?: string;
        /**
          * Optional URL target, if URL should open to new window or not, default _blank
          * @default '_self'
         */
        "dsUrlTarget"?: DsCardUrlTarget;
        /**
          * Variant of the card, filled or outlined, defaults to filled
          * @default 'filled'
         */
        "dsVariant"?: DsCardVariant;
    }
    interface DsCheckbox {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-describedby` attribute of the `input` element of the rendered checkbox.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `input` element of the rendered checkbox.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` element of the rendered checkbox. Public API for programmatic checked state control and external state sync. User interaction updates are handled via internal checked state.
          * @default false
         */
        "dsChecked"?: boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered checkbox.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the text input. If set, the checkbox is shown in an invalid state.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Can be used to disable emitting validation events `dsSubmitInvalid` and `dsValidity`. Used internally in checkbox group to disable validation for individual checkboxes.
          * @default false
         */
        "dsErrorsDisabled"?: boolean;
        /**
          * Passed to the `form` attribute of the `input` element of the rendered checkbox.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered checkbox.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Mainly used in a nested checkbox group to display a parent checkbox in a partially selected state if some but not all of the nested checkbox group's checkboxes are selected.
          * @default false
         */
        "dsIndeterminate"?: boolean;
        /**
          * Label of the checkbox.
         */
        "dsLabel"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered checkbox. If checkbox is part of a named checkbox group, the name is inherited from the group and the property set on the checkbox is ignored.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the checkbox is optional alongside label.
          * @default false
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the checkbox is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `required` attribute of the `input` element of the rendered checkbox.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * The text of the checkbox
         */
        "dsText"?: string;
        /**
          * Passed to the `value` attribute of the `input` element of the rendered checkbox.
          * @default this.dsId
         */
        "dsValue"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * The `dsBlur` event is emitted when the checkbox loses focus. It provides the `dsId` of the checkbox as a string.
         */
        "onDsBlur"?: (event: DsCheckboxCustomEvent<DsCheckboxBlurEvent>) => void;
        /**
          * The `dsChange` event is emitted each time the `dsChecked` changes.
         */
        "onDsChange"?: (event: DsCheckboxCustomEvent<DsCheckboxChangeEvent>) => void;
        /**
          * The `dsFocus` event is emitted when the checkbox receives focus. It provides the `dsId` of the checkbox as a string.
         */
        "onDsFocus"?: (event: DsCheckboxCustomEvent<DsCheckboxFocusEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the input is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the input is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsCheckboxCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the input's validity state changes.
         */
        "onDsValidity"?: (event: DsCheckboxCustomEvent<DsValidityEvent>) => void;
    }
    interface DsCheckboxGroup {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * All checkboxes must be checked.
          * @default false
         */
        "dsAllRequired"?: boolean;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` of parent checkbox element.
          * @default false
         */
        "dsChecked"?: boolean;
        /**
          * `vertical` displays checkboxes stacked `horizontal` displays checkboxes side by side
          * @default 'vertical'
         */
        "dsDirection"?: 'horizontal' | 'vertical';
        /**
          * Disables all checkboxes in the checkbox group
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the checkbox group. If set, the checkbox group is shown in an invalid state.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `fieldset` element.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` of parent checkbox element. Read-only.
          * @readonly 
          * @default `${this.generatedId}-checkbox`
         */
        "dsId"?: string;
        /**
          * Label of the checkbox group.
         */
        "dsLabel"?: string;
        /**
          * Name of the checkbox group, passed to the `name` attribute of the `input` of child checkbox elements.
         */
        "dsName"?: string;
        /**
          * Specifies whether the checkbox group is open. Only used when `dsVariant` is `tree`.
          * @default false
         */
        "dsOpen"?: boolean;
        /**
          * None of the checkboxes need to be checked.
          * @default false
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the checkbox button group is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * One or more checkboxes must be checked.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * If given, a parent checkbox with this text will be rendered above slotted checkboxes
          * @default ''
         */
        "dsText"?: string;
        /**
          * Variant of the checkbox group.
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'tree';
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        "onDsCheckboxGroupAllRequiredChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupAllRequiredChangeEvent>) => void;
        /**
          * `dsCheckboxGroupChange` event is emitted when all:  - checkboxes become `checked` - checkboxes were `checked` and one or more become `unchecked`  This is used internally to synchronize the state of checkbox groups.
         */
        "onDsCheckboxGroupChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupChangeEvent>) => void;
        "onDsCheckboxGroupCheckedChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupCheckedChangeEvent>) => void;
        "onDsCheckboxGroupDisabledChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupDisabledChangeEvent>) => void;
        "onDsCheckboxGroupFormChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupFormChangeEvent>) => void;
        /**
          * `dsCheckboxGroupIndeterminateChildChange` event is emitted when the `indeterminate` state of a nested checkbox group is changed. This is used internally to synchronize the state of checkbox groups.
         */
        "onDsCheckboxGroupIndeterminateChildChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupIndeterminateChildChangeEvent>) => void;
        /**
          * The `dsCheckboxGroupInvalidStateChange` event is emitted when the `dsErrorText` property changes. The event `detail` is `dsErrorText`. This event is mainly used internally to synchronize the invalid state of checkboxes.
         */
        "onDsCheckboxGroupInvalidStateChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupInvalidStateChangeEvent>) => void;
        "onDsCheckboxGroupNameChange"?: (event: DsCheckboxGroupCustomEvent<DsCheckboxGroupNameChangeEvent>) => void;
        /**
          * The `dsCheckboxGroupOpenChange` event is emitted when the expand button is toggled in tree variant. The event `detail` is the new open state.
         */
        "onDsCheckboxGroupOpenChange"?: (event: DsCheckboxGroupCustomEvent<boolean>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the group is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the group is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsCheckboxGroupCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the group's validity state changes.
         */
        "onDsValidity"?: (event: DsCheckboxGroupCustomEvent<DsValidityEvent>) => void;
    }
    /**
     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
     */
    interface DsCheckboxGroupExpandButton {
        /**
          * Specifies whether the component is actionable. If false, user interaction does not emit `dsOpenChange`.
          * @default true
         */
        "dsActionable"?: boolean;
        /**
          * Specifies the `aria-label` for the expand button.
         */
        "dsAriaLabel": string;
        /**
          * Specifies whether the checkbox group is open.
          * @default false
         */
        "dsOpen"?: boolean;
        "onDsOpenChange"?: (event: DsCheckboxGroupExpandButtonCustomEvent<boolean>) => void;
    }
    interface DsChip {
        /**
          * Passed to the `aria-label` attribute of the `button` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `form` attribute of the `button` element.
         */
        "dsForm"?: string;
        /**
          * Icon to display before the chip text
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `name` attribute of the `button` element.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Passed to the `role` attribute of the container element.
         */
        "dsRole"?: string;
        /**
          * Text to display inside the chip
         */
        "dsText": string;
        /**
          * Passed to the `type` attribute of the `button` element.
          * @default 'button'
         */
        "dsType"?: DsType;
        /**
          * Value of the chip in a chip group
          * @default 0
         */
        "dsValue"?: DsChipValue;
        /**
          * The `dsClick` event is emitted each time the chip is clicked.
         */
        "onDsClick"?: (event: DsChipCustomEvent<DsChipClickEvent>) => void;
    }
    interface DsChipGroup {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-describedby` attribute of the chip group.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the chip group.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the chip group.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Error message shown below the chip group.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `id` of the `button` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Label of the chip group.
         */
        "dsLabel"?: string;
        /**
          * Maximum number of chips that can be in the group to pass validation.
         */
        "dsMaxItems"?: number;
        /**
          * Minimum number of chips that must be in the group to pass validation.
         */
        "dsMinItems"?: number;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `name` attribute of all child `ds-chip` elements.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * Emitted when a chip in the group is clicked. Returns the `dsValue` of the clicked chip.
         */
        "onDsChipClick"?: (event: DsChipGroupCustomEvent<DsChipClickEvent1>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the group is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the group is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsChipGroupCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the group's validity state changes.
         */
        "onDsValidity"?: (event: DsChipGroupCustomEvent<DsValidityEvent>) => void;
    }
    interface DsCombobox {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-label` attribute of the `input` element of the rendered combobox.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, allows the user to clear the selected option.
          * @default true
         */
        "dsClearable"?: boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered combobox.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the combobox. If set, the combobox is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Defines combobox's filtering stategy: - "dynamic" options are filtered - "static" options are not filtered  Both options emit the `dsFilterChange` event on user input. Use this event to filter options using "static" strategy.
          * @default 'dynamic'
         */
        "dsFilteringStrategy"?: 'dynamic' | 'static';
        /**
          * Passed to the `form` attribute of the `input` element of the rendered combobox.
         */
        "dsForm"?: string;
        /**
          * If true, the combobox takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Icon to display at the start of the combobox.
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered combobox.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Label of the combobox.
         */
        "dsLabel"?: string;
        /**
          * If true, shows a loading spinner and text.
          * @default false
         */
        "dsLoading"?: boolean;
        "dsLoadingText"?: string;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered combobox.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * When using "static" filtering strategy use this property to indicate that there are no results for the current search.
          * @default false
         */
        "dsNoResults"?: boolean;
        "dsNoResultsText"?: string;
        "dsNoResultsTitle"?: string;
        /**
          * If true, displays indicator that the combobox is optional alongside label.
          * @default false
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the combobox is set as optional. *
         */
        "dsOptionalText"?: string;
        /**
          * If true, shows an options error.
          * @default false
         */
        "dsOptionsError"?: boolean;
        "dsOptionsErrorText"?: string;
        "dsOptionsErrorTitle"?: string;
        /**
          * Passed to the `placeholder` attribute of the `input` element of the rendered combobox.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, hides the placeholder text.
          * @default false
         */
        "dsPlaceholderHidden"?: boolean;
        /**
          * If true, the combobox is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * The value of the selected option.  Set this property to programmatically select an option by its `dsValue`. Listen to the `dsChange` or `dsMultipleChange` event (depending on the variant) to keep this property synchronized when users make selections.
          * @default null
         */
        "dsValue"?: string | string[] | null;
        /**
          * Defines the variant of the combobox: - "default": allows selection of a single option - "multiple": allows selection of multiple options
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'multiple';
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * Event emitted when the combobox loses focus.
         */
        "onDsBlur"?: (event: DsComboboxCustomEvent<DsComboboxBlurEvent>) => void;
        /**
          * Event emitted when user selects an option. For "default" `dsVariant`.
         */
        "onDsChange"?: (event: DsComboboxCustomEvent<DsComboboxChangeEvent>) => void;
        /**
          * Event emitted when user interacts with the search input.
         */
        "onDsFilterChange"?: (event: DsComboboxCustomEvent<DsComboboxFilterChangeEvent>) => void;
        /**
          * Event emitted when the combobox gains focus.
         */
        "onDsFocus"?: (event: DsComboboxCustomEvent<DsComboboxFocusEvent>) => void;
        /**
          * Event emitted when user selects an option. For "multiple" `dsVariant`.
         */
        "onDsMultipleChange"?: (event: DsComboboxCustomEvent<DsComboboxMultipleChangeEvent>) => void;
        /**
          * Event emitted when selected option is removed.
         */
        "onDsSelectedOptionRemoved"?: (event: DsComboboxCustomEvent<DsComboboxSelectedOptionRemovedEvent>) => void;
        /**
          * Event emitted when an option's `dsValue` changes.
         */
        "onDsSelectedOptionValueChange"?: (event: DsComboboxCustomEvent<DsComboboxSelectedOptionValueChangeEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the input is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the input is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsComboboxCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the input's validity state changes.
         */
        "onDsValidity"?: (event: DsComboboxCustomEvent<DsValidityEvent>) => void;
    }
    interface DsControlLabel {
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Assistive text id for the control.
         */
        "dsAssistiveTextId"?: string;
        /**
          * Control id associated with the label.
         */
        "dsHtmlFor"?: string;
        /**
          * Passed to the `id` attribute of the `label` element.
         */
        "dsId"?: string;
        /**
          * Label of the control.
         */
        "dsLabel"?: string;
        /**
          * Appends the text "(optional)" to the end of label.
         */
        "dsOptional"?: boolean;
        /**
          * Custom text to append to the end of label when `dsOptional` is true.
         */
        "dsOptionalText"?: string;
        /**
          * Appends asterisk (*) to the end of label.
         */
        "dsRequired"?: boolean;
        /**
          * Visually hidden additional information for screen readers.
         */
        "dsVisuallyHiddenAssistiveText"?: string;
        /**
          * Visually hidden additional information id for the control.
         */
        "dsVisuallyHiddenAssistiveTextId"?: string;
    }
    interface DsDatepicker {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Disables the datepicker component, preventing user interaction.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Array of specific dates to disable in YYYY-MM-DD format.
         */
        "dsDisabledDates"?: string[];
        /**
          * Error message displayed when the datepicker component is invalid.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * The unique ID for the datepicker component.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The label for the datepicker component.
          * @default ''
         */
        "dsLabel"?: string;
        /**
          * Maximum date in YYYY-MM-DD format.
         */
        "dsMax"?: string;
        /**
          * Minimum date in YYYY-MM-DD format.
         */
        "dsMin"?: string;
        /**
          * Passed to the `name` attribute of the datepicker component.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text displayed when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly"?: boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * The value of the selected date in YYYY-MM-DD format.
          * @default undefined
         */
        "dsValue"?: string | undefined;
        /**
          * Defines the variant of the datepicker component: - "custom" uses a custom implementation with dropdown calendar - "native" uses the browser's default date input with calendar icon - "simple" uses the browser's default date input without calendar icon (manual input only)
          * @default 'custom'
         */
        "dsVariant"?: 'native' | 'simple' | 'custom';
        /**
          * Maximum year shown in the year selector dropdown.
         */
        "dsYearRangeEnd"?: number;
        /**
          * Minimum year shown in the year selector dropdown.
         */
        "dsYearRangeStart"?: number;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * Event emitted when the datepicker loses focus.
         */
        "onDsBlur"?: (event: DsDatepickerCustomEvent<DsDatepickerBlurEvent>) => void;
        /**
          * Event emitted when user selects a date.
         */
        "onDsChange"?: (event: DsDatepickerCustomEvent<DsDatepickerChangeEvent>) => void;
        /**
          * Event emitted when the datepicker gains focus.
         */
        "onDsFocus"?: (event: DsDatepickerCustomEvent<DsDatepickerFocusEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the datepicker is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsDatepickerCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the datepicker's validity state changes.
         */
        "onDsValidity"?: (event: DsDatepickerCustomEvent<DsValidityEvent>) => void;
    }
    interface DsDatepickerCustom {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the datepicker.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).
         */
        "dsDisabledDates"?: string[];
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel"?: string;
        /**
          * Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-12-31"
         */
        "dsMax"?: string;
        /**
          * Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-01-01"
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text shown when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly"?: boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: "2024-06-15"
         */
        "dsValue"?: string;
        /**
          * Maximum year shown in the year selector dropdown. Example: 2100
         */
        "dsYearRangeEnd"?: number;
        /**
          * Minimum year shown in the year selector dropdown. Example: 1900
         */
        "dsYearRangeStart"?: number;
        /**
          * Event emitted when the datepicker loses focus.
         */
        "onDsBlur"?: (event: DsDatepickerCustomCustomEvent<void>) => void;
        /**
          * Emitted when the date value changes.
         */
        "onDsChange"?: (event: DsDatepickerCustomCustomEvent<string>) => void;
        /**
          * Event emitted when the datepicker gains focus.
         */
        "onDsFocus"?: (event: DsDatepickerCustomCustomEvent<void>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.
         */
        "onDsSubmitInvalid"?: (event: DsDatepickerCustomCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the datepicker's validity state changes.
         */
        "onDsValidity"?: (event: DsDatepickerCustomCustomEvent<DsValidityEvent>) => void;
    }
    interface DsDatepickerNative {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the input element.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel"?: string;
        /**
          * Maximum date in YYYY-MM-DD format.
         */
        "dsMax"?: string;
        /**
          * Minimum date in YYYY-MM-DD format.
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly"?: boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * If true, shows the calendar icon that opens the date picker.
          * @default true
         */
        "dsShowCalendarIcon"?: boolean;
        /**
          * Currently selected value in YYYY-MM-DD format.
         */
        "dsValue"?: string;
        /**
          * Event emitted when the datepicker loses focus.
         */
        "onDsBlur"?: (event: DsDatepickerNativeCustomEvent<void>) => void;
        /**
          * Event emitted when user selects a date.
         */
        "onDsChange"?: (event: DsDatepickerNativeCustomEvent<string>) => void;
        /**
          * Event emitted when the datepicker gains focus.
         */
        "onDsFocus"?: (event: DsDatepickerNativeCustomEvent<void>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.
         */
        "onDsSubmitInvalid"?: (event: DsDatepickerNativeCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the datepicker's validity state changes.
         */
        "onDsValidity"?: (event: DsDatepickerNativeCustomEvent<DsValidityEvent>) => void;
    }
    /**
     * Simple datepicker variant that uses ds-text-input for manual date entry.
     */
    interface DsDatepickerSimple {
        /**
          * Passed to the `aria-controls` attribute of the input element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, disables the datepicker.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).
         */
        "dsDisabledDates"?: string[];
        /**
          * Error text to display below the datepicker.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * Visually hidden text for screen readers only.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Unique `id` attribute of the input element.
         */
        "dsId"?: string;
        /**
          * Label to display above the datepicker.
          * @default ''
         */
        "dsLabel"?: string;
        /**
          * Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-12-31"
         */
        "dsMax"?: string;
        /**
          * Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: "2024-01-01"
         */
        "dsMin"?: string;
        /**
          * Name attribute for the input element.
         */
        "dsName"?: string;
        /**
          * Displays indicator that the datepicker is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the datepicker is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Placeholder text shown when no date is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.
          * @default false
         */
        "dsReadonly"?: boolean;
        /**
          * If true, the datepicker is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: "2024-06-15"
         */
        "dsValue"?: string;
        /**
          * Event emitted when the datepicker loses focus.
         */
        "onDsBlur"?: (event: DsDatepickerSimpleCustomEvent<void>) => void;
        /**
          * Emitted when the date value changes.
         */
        "onDsChange"?: (event: DsDatepickerSimpleCustomEvent<string>) => void;
        /**
          * Event emitted when the datepicker gains focus.
         */
        "onDsFocus"?: (event: DsDatepickerSimpleCustomEvent<void>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.
         */
        "onDsSubmitInvalid"?: (event: DsDatepickerSimpleCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the datepicker's validity state changes.
         */
        "onDsValidity"?: (event: DsDatepickerSimpleCustomEvent<DsValidityEvent>) => void;
    }
    interface DsDivider {
        /**
          * Custom spacing after the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
         */
        "dsCustomPaddingAfter"?: string;
        /**
          * Custom spacing before the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
         */
        "dsCustomPaddingBefore"?: string;
        /**
          * Direction of the divider line.
          * @default 'horizontal'
         */
        "dsOrientation"?: DsOrientation;
        /**
          * Space added on both sides of the divider using design system spacing tokens.
          * @default '2xSmall'
         */
        "dsPadding"?: DsPaddingSize;
        /**
          * `decorative` hides the divider from assistive technology; `accessible` renders a visible separator with semantic meaning.
          * @default 'decorative'
         */
        "dsVariant"?: DsVariant;
    }
    interface DsFeedback {
        /**
          * Passed to the `aria-atomic` attribute of the rendered element.
          * @default false
         */
        "dsAriaAtomic"?: boolean;
        /**
          * Passed to the `aria-live` attribute of the rendered element.
          * @default 'polite'
         */
        "dsAriaLive"?: AriaLive;
        /**
          * Passed to the `role` attribute of the rendered element.
         */
        "dsRole"?: Role;
        /**
          * If true, wraps the content in a `ds-visually-hidden` component.
          * @default false
         */
        "dsSrOnly"?: boolean;
        /**
          * Specifies the HTML tag to use for the `ds-visually-hidden` component when `dsSrOnly` is true.
          * @default 'div'
         */
        "dsSrOnlyTag"?: 'div' | 'span';
        /**
          * Specifies the HTML tag to render for the feedback component.
          * @default 'div'
         */
        "dsTag"?: 'div' | 'span';
    }
    interface DsGrid {
        /**
          * Number of columns for desktop. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsDesktop"?: number;
        /**
          * Number of columns for mobile. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsMobile"?: number;
        /**
          * Number of columns for tablet. Used when dsType is 'grid' and for containers only.
         */
        "dsColumnsTablet"?: number;
        /**
          * If true, the grid will be a container.
          * @default false
         */
        "dsContainer"?: boolean;
        /**
          * For internal use. Parent desktop size. Used when dsType is 'flex'.
         */
        "dsParentSizeDesktop"?: DesktopGridSize;
        /**
          * For internal use. Parent mobile size. Used when dsType is 'flex'.
         */
        "dsParentSizeMobile"?: MobileGridSize;
        /**
          * For internal use. Parent tablet size. Used when dsType is 'flex'.
         */
        "dsParentSizeTablet"?: TabletGridSize;
        /**
          * Desktop row span. Used when dsType is 'grid'.
         */
        "dsRowSpanDesktop"?: number;
        /**
          * Mobile row span. Used when dsType is 'grid'.
         */
        "dsRowSpanMobile"?: number;
        /**
          * Tablet row span. Used when dsType is 'grid'.
         */
        "dsRowSpanTablet"?: number;
        /**
          * Grid size.
          * @default 12
         */
        "dsSize"?: GridSize;
        /**
          * Desktop grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeDesktop"?: DesktopGridSize;
        /**
          * Mobile grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeMobile"?: MobileGridSize;
        /**
          * Tablet grid size when dsType is 'flex'. Indicates number of columns it covers when dsType is 'grid'. If -1, it will span all columns.
         */
        "dsSizeTablet"?: TabletGridSize;
        /**
          * Grid type. Defaults to 'flex'.
          * @default 'flex'
         */
        "dsType"?: 'grid' | 'flex';
    }
    interface DsGroupLabel {
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Assistive text id for the group.
         */
        "dsAssistiveTextId"?: string;
        /**
          * Label of the group.
         */
        "dsLabel"?: string;
    }
    interface DsIcon {
        /**
          * Passed to the `aria-hidden` attribute of the container span.
          * @default true
         */
        "dsAriaHidden"?: boolean;
        /**
          * Passed to the `aria-label` attribute of the `svg` element.
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-label` attribute of the svg element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Color of the icon
         */
        "dsColour"?: string;
        /**
          * Custom size
         */
        "dsCustomSize"?: string;
        /**
          * If true, the icon is hidden
          * @default false
         */
        "dsHidden"?: boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Name of the icon to display
         */
        "dsName": string;
        /**
          * Passed to the `role` attribute of the `svg` element.
          * @default 'img'
         */
        "dsRole"?: string;
        /**
          * Icon size in positive REM units (e.g., '1rem', '1.5rem')
          * @default this.defaultSize
         */
        "dsSize"?: string;
        /**
          * Tooltip text for the icon. Should match the `dsAriaLabel`.
         */
        "dsTitle"?: string;
    }
    interface DsIcon360 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountBalance {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountBalanceFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAccountCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArchive {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArchiveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowBack {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDownward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDownCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropDownCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowDropUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowInsert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowOutward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconArrowUpward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachEmail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachEmailFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFile {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFileAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconAttachFileOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBadge {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBadgeFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBarChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBluesky {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBook2 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBook2Fill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBoy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBuild {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconBuildFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalculate {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalculateFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalendarMonth {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCalendarMonthFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCallFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCancel {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCancelFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChat {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChatFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheck {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBox {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBoxFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckBoxOutlineBlank {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckIndeterminateSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCheckSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChecklist {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChevronBackward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconChevronForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconClose {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCloseSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCodeBlocks {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconCollapseContent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconConstruction {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconContentCopy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconContentCopyFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDelete {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteForever {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDeleteForeverFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDescription {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDownload {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDrafts {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDraftsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDragIndicator {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface DsIconDsCheckIndeterminateSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    /**
     * @deprecated This icon is deprecated and will be removed in a future version.
     */
    interface DsIconDsCheckSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDsFlame {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconDsFlameFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEdit {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditCalendar {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditCalendarFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEditFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEqual {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEscalatorWarning {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEuroSymbol {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEventAvailable {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconEventAvailableFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExpandContent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExplore {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExploreFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExportNotes {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconExportNotesFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFacebook {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastForward {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastForwardFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastRewind {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFastRewindFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFavorite {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFavoriteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFiberManualRecord {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFiberManualRecordFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFileSave {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFileSaveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFilterList {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFirstPage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconForkRight {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatBold {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatItalic {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuote {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFormatQuoteOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFunction {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconFunctions {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGalleryThumbnail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGirl {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGrid4x4 {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGridOn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGridOnFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroup {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupAddFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconGroupRemoveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHelp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHelpFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHistory {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHome {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHomeFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglass {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglassBottom {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconHourglassTop {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconImage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconImageFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInfo {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInfoFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconInstagram {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconKeyboardArrowDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconKeyboardArrowUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLanguage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLastPage {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLink {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLinkedin {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAlt {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAltAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconListAltCheck {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationOn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationOnFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLocationSearching {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLock {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockOpen {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLockOpenFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLogin {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconLogout {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMail {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMailFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconManufacturing {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMapSearchFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMenu {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMoreHoriz {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMoreVert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMountainFlag {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMountainFlagFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMyLocation {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconMyLocationFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotifications {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsActive {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsActiveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsUnread {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconNotificationsUnreadFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconOpenInNew {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPause {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPauseFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPending {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPercent {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPerson {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAdd {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAddFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAlert {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonAlertFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonPinCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonPinCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonRemoveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPersonSearchFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoCamera {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoCameraFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPhotoLibrary {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPictureAsPdf {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPictureAsPdfFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPieChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPieChartFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlagiarism {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlagiarismFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayArrow {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayArrowFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPlayPause {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconProgressActivity {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconPublic {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRefresh {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRemove {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReorder {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReport {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconReportFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconResize {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRotateLeft {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRotateRight {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconRssFeed {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSave {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSaveFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSchedule {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconScheduleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSearch {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSell {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSellFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSend {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSendFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentDissatisfied {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentDissatisfiedFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentNeutral {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentNeutralFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentSatisfied {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSentimentSatisfiedFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSettings {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSettingsFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconShare {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconShowChart {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipNext {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipNextFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipPrevious {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSkipPreviousFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSmartToy {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSmartToyFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStar {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStarFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStop {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopCircle {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopCircleFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconStopFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSupervisorAccount {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSupervisorAccountFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSwapHoriz {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconSync {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTable {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTableFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTiktok {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTimer {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTimerFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTour {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTourFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTranslate {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTrendingDown {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconTrendingUp {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUnfoldLess {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUnfoldMore {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUngroup {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconUpload {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconViewList {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconViewListFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibility {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityOff {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVisibilityOffFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconVpnLock {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWarning {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWarningFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWidgetSmall {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconWidgetSmallFill {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconX {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconYoutube {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomIn {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomInMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomOut {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsIconZoomOutMap {
        /**
          * @default 'Icon'
         */
        "dsAriaLabel"?: string;
        "dsColour"?: string;
        /**
          * @default 'img'
         */
        "dsRole"?: string;
        "dsSize"?: string;
        "dsTitle"?: string;
    }
    interface DsInputValidity {
        /**
          * Passed to the `aria-atomic` attribute of the container `div` element.
          * @default 'true'
         */
        "dsAriaAtomic"?: 'true' | 'false';
        /**
          * Passed to the `aria-live` attribute of the container `div` element.
          * @default 'assertive'
         */
        "dsAriaLive"?: 'assertive' | 'polite';
        /**
          * If true, the component is wrapped inside a `<ds-feedback>` element.
          * @default true
         */
        "dsHasFeedback"?: boolean;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `role` attribute of the container `div` element.
          * @default 'none'
         */
        "dsRole"?: 'alert' | 'status' | 'none';
        /**
          * Text to display in the validity message
         */
        "dsText"?: string;
        /**
          * Type of the validity
          * @default 'error'
         */
        "dsType"?: 'error' | 'success';
    }
    interface DsLink {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link. Overrides default colour.
         */
        "dsColour"?: 'black' | 'white';
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display alongside link.  If `dsTarget` is set to `_blank` and `dsIconPosition` is set to `end`, the icon will be replaced with `open_in_new` icon.
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * Passed to the `dsAriaHidden` property of the `ds-icon` element
         */
        "dsIconAriaHidden"?: boolean;
        /**
          * Passed to the `dsAriaLabel` property of the `ds-icon` element
         */
        "dsIconAriaLabel"?: string;
        /**
          * Passed to the `dsHidden` property of the `ds-icon` element
         */
        "dsIconHidden"?: boolean;
        /**
          * Whether to display the icon before or after the link
          * @default 'end'
         */
        "dsIconPosition"?: LinkIconPosition;
        /**
          * Passed to the `dsTitle` property of the `ds-icon` element
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link
         */
        "dsSize"?: LinkSize;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText": string;
        /**
          * Variant of the link
          * @default 'inline'
         */
        "dsVariant"?: LinkVariant;
        /**
          * Font weight of the link
          * @default 'regular'
         */
        "dsWeight"?: LinkWeight;
        /**
          * Emitted when the link is clicked
         */
        "onDsClick"?: (event: DsLinkCustomEvent<MouseEvent>) => void;
    }
    interface DsLinkCta {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link
          * @default 'blue'
         */
        "dsColour"?: 'blue' | 'black' | 'white';
        /**
          * If true, renders the link in a disabled state with aria-disabled="true"
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, hides the trailing icon
          * @default false
         */
        "dsHideIcon"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display. If not set, defaults to 'arrow_forward' or 'arrow_outward' depending on target
         */
        "dsIcon"?: string;
        /**
          * Whether to display the icon before or after the link text
          * @default 'end'
         */
        "dsIconPosition"?: 'start' | 'end';
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link
          * @default 'medium'
         */
        "dsSize"?: 'small' | 'medium';
        /**
          * Override tabindex value. By default, span elements and anchor elements without href get tabindex="0"
         */
        "dsTabIndex"?: string;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText": string;
        /**
          * Variant of the link
          * @default 'primary'
         */
        "dsVariant"?: 'primary' | 'secondary' | 'supplementary';
        /**
          * Emitted when the link is clicked
         */
        "onDsClick"?: (event: DsLinkCtaCustomEvent<MouseEvent>) => void;
    }
    /**
     * Logo link component for displaying site logo and name.
     * Used primarily in navigation ribbons and headers.
     */
    interface DsLinkLogo {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Colour of the link. Overrides default colour.
         */
        "dsColour"?: 'black' | 'white';
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon name to display as logo
         */
        "dsIcon"?: string;
        /**
          * ARIA label for the icon (for accessibility)
         */
        "dsIconAriaLabel"?: string;
        /**
          * Title attribute for the icon (for accessibility)
         */
        "dsIconTitle"?: string;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Size of the link logo component
         */
        "dsSize"?: LinkSize;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Link target (e.g., '_blank', '_self')
          * @default '_self'
         */
        "dsTarget"?: LinkTarget;
        /**
          * Site or application name text
         */
        "dsText"?: string;
        /**
          * Emitted when the link is clicked
         */
        "onDsClick"?: (event: DsLinkLogoCustomEvent<MouseEvent>) => void;
    }
    interface DsLinkWithArrow {
        /**
          * Passed to the `aria-label` attribute of the `a` element
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `a` element
         */
        "dsAriaLabelledby"?: string;
        /**
          * Passed to the `download` attribute of the `a` element
         */
        "dsDownload"?: boolean;
        /**
          * If true, the link takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Passed to the `href` attribute of the `a` element
         */
        "dsHref"?: string;
        /**
          * Passed to the `hreflang` attribute of the `a` element
         */
        "dsHrefLang"?: string;
        /**
          * Icon to display alongside link. Overrides default arrow icon.
          * @default this.defaultIcon
         */
        "dsIcon"?: LinkIcon;
        /**
          * Whether to display the arrow icon before or after the link
          * @default 'start'
         */
        "dsIconPosition"?: LinkIconPosition;
        /**
          * Passed to the `id` attribute of the `a`/`span` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `rel` attribute of the `a` element
         */
        "dsRel"?: string;
        /**
          * Specifies the HTML tag to render for the link component.  By default, the link is rendered as an `<a>` element. However, when using client-side routing libraries like `react-router`, you may want to render the link as a `<span>` instead, and wrap this component with a router-specific link component (e.g., `<Link>` in React Router) to enable navigation without causing a full page reload.
          * @default 'a'
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Passed to the `target` attribute of the `a` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text content of the link
         */
        "dsText"?: string;
        /**
          * Emitted when the link is clicked
         */
        "onDsClick"?: (event: DsLinkWithArrowCustomEvent<MouseEvent>) => void;
    }
    interface DsMedia {
        /**
          * Alternative text for the media (used for accessibility).
         */
        "dsAlt"?: string;
        /**
          * Aspect ratio for the media container (e.g., '16/10').
          * @default ''
         */
        "dsAspectRatio"?: string;
        /**
          * Whether the media should autoplay (video only).
          * @default false
         */
        "dsAutoplay"?: boolean;
        /**
          * Caption text displayed below the media. Renders a <figcaption> element when provided.
         */
        "dsCaptionText"?: string;
        /**
          * Whether to show native playback controls (video only).
          * @default true
         */
        "dsControls"?: boolean;
        /**
          * Fluid size for taking full width or height of the container.
          * @default false
         */
        "dsFluid"?: boolean;
        /**
          * Whether the media should loop (video only).
          * @default false
         */
        "dsLoop"?: boolean;
        /**
          * Whether the media should be muted (video only).
          * @default true
         */
        "dsMuted"?: boolean;
        /**
          * Poster image URL for video (displayed before playback starts).
         */
        "dsPoster"?: string;
        /**
          * Sizes attribute for responsive images (e.g., '(max-width: 600px) 100vw, 50vw'). Only applies when dsType is 'image'. Used together with dsSrcset.
         */
        "dsSizes"?: string;
        /**
          * Source URL for the media (image, video, or YouTube).
         */
        "dsSrc": string;
        /**
          * Srcset attribute for responsive images (e.g., 'img-800.jpg 800w, img-1200.jpg 1200w'). Only applies when dsType is 'image'.
         */
        "dsSrcset"?: string;
        /**
          * Type of media to display: 'image', 'video', or 'youtube'.
         */
        "dsType": MediaType;
        /**
          * Whether the image should use lazy loading.
          * @default true
         */
        "dsUseLazy"?: boolean;
        /**
          * Emitted when the media fails to load.
         */
        "onDsError"?: (event: DsMediaCustomEvent<DsMediaErrorEvent>) => void;
        /**
          * Emitted when the media has loaded successfully.
         */
        "onDsLoad"?: (event: DsMediaCustomEvent<DsMediaLoadEvent>) => void;
    }
    interface DsModal {
        /**
          * The element to focus when the modal is opened.  Available options:  - `heading` (default): Focus the heading element. If there is no heading, attempts to focus the close-button. - `close-button`: Focus the close button. If there is no close button, set a focus target. - `other`: Set `autofocus` attribute on the element you want to focus, and it will be focused when the modal is opened. If there are multiple elements with `autofocus` attribute, the first one will be focused.
          * @default 'heading'
         */
        "dsAutoFocusTarget"?: 'heading' | 'close-button' | 'other';
        /**
          * If true and if `dsCloseable` is `true` (default), clicking the backdrop will close the modal.
          * @default true
         */
        "dsBackdropCloseable"?: boolean;
        /**
          * Passed to the `dsZIndex` property of the `ds-backdrop` element.
          * @default 9999
         */
        "dsBackdropZIndex"?: number;
        /**
          * If true, the modal can be closed using the close button.
          * @default true
         */
        "dsCloseable"?: boolean;
        /**
          * Passed to the `aria-level` attribute of the heading element.
          * @default 2
         */
        "dsHeadingLevel"?: number;
        /**
          * The text to display in the modal's heading.
          * @default ''
         */
        "dsHeadingText"?: string;
        /**
          * Icon to be shown in the header. When using `dsVariant="danger"` the icon is always shown and this property takes no effect.
         */
        "dsIcon"?: string;
        /**
          * Passed to the `aria-label` attribute of the header icon element. Should be set when using `dsIcon` property.
         */
        "dsIconAriaLabel"?: string;
        /**
          * The unique identifier for the modal.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * If true, the modal is open. Passed to the `dsOpen` property of the `ds-backdrop` element.
          * @default false
         */
        "dsOpen"?: boolean;
        /**
          * If true, the modal content will be scrollable. The header and footer will remain fixed.
          * @default false
         */
        "dsScrollable"?: boolean;
        /**
          * The size of the modal.
          * @default 'medium'
         */
        "dsSize"?: 'auto' | 'small' | 'medium' | 'large' | 'full';
        /**
          * The variant of the modal.
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'danger';
        /**
          * Emitted when the modal is open and requested to be closed.
         */
        "onDsModalClose"?: (event: DsModalCustomEvent<void>) => void;
    }
    interface DsNotification {
        /**
          * Passed to the `aria-label` attribute of the root element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the root element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Description text
         */
        "dsDescription"?: string;
        /**
          * If `dsDescription` is set, defines the maximum width of the description text. Default is 550px.
          * @default '550px'
         */
        "dsDescriptionMaxWidth"?: DsDescriptionMaxWidth;
        /**
          * Assistive text for the dismiss button, hidden visually but read by screen readers
         */
        "dsDismissButtonHiddenAssistiveText"?: string;
        /**
          * If true, a dismiss button is shown. Use the `dsDismiss` event to handle the dismissal.
          * @default false
         */
        "dsDismissable"?: boolean;
        /**
          * Heading text
         */
        "dsHeading"?: string;
        /**
          * Passed to the `aria-level` attribute of the heading element
          * @default 2
         */
        "dsHeadingLevel"?: number;
        /**
          * If not set, the default icon for the variant is used. If set and the variant is `neutral`, `neutralWhite`, or `info`, the provided icon is used.
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the element root `div` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `role` attribute of the root element.
         */
        "dsRole"?: string;
        /**
          * Variant of the notification
          * @default 'neutral'
         */
        "dsVariant"?: "danger" | "success" | "attention" | "info" | "neutral" | "neutralWhite";
        /**
          * Event emitted when user clicks the dismiss button.
         */
        "onDsDismiss"?: (event: DsNotificationCustomEvent<void>) => void;
    }
    interface DsOption {
        /**
          * If true, the option is currently active (focused).
          * @default false
         */
        "dsActive"?: boolean;
        /**
          * Optional description text shown under the label.
         */
        "dsDescription"?: string;
        /**
          * If true, the option is disabled.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Used internally in select and combobox to control focus when the option becomes active.
          * @default true
         */
        "dsFocusOnActiveChange"?: boolean;
        /**
          * If true, the option will be hidden.
          * @default false
         */
        "dsHidden"?: boolean;
        /**
          * Unique `id` attribute of the option element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The label of the option
         */
        "dsLabel"?: string;
        /**
          * Used internally in combobox to prevent default behavior on mousedown.
          * @default false
         */
        "dsMouseDownPreventDefault"?: boolean;
        /**
          * If true, the option is currently selected.
          * @default false
         */
        "dsSelected"?: boolean;
        /**
          * Value of the option.
         */
        "dsValue": string;
        /**
          * Defines the appearance of the select component. Should match the `ds-variant` of the parent (`ds-select`, `ds-combobox`) component: - "default": Single selection appearance. - "multiple": Multiple selection appearance, resembling a combobox.
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'multiple';
        /**
          * `dsClick` event is emitted when the option is clicked.
         */
        "onDsClick"?: (event: DsOptionCustomEvent<DsOptionClickEvent>) => void;
        /**
          * `dsLabelChange` event is emitted when the label of the option changes.
         */
        "onDsLabelChange"?: (event: DsOptionCustomEvent<DsOptionLabelChangeEvent>) => void;
        /**
          * `dsMounted` event is emitted when the option is mounted.
         */
        "onDsMounted"?: (event: DsOptionCustomEvent<DsOptionMountedEvent>) => void;
        /**
          * `dsValueChange` event is emitted when the value of the option changes.
         */
        "onDsValueChange"?: (event: DsOptionCustomEvent<DsOptionValueChangeEvent>) => void;
    }
    interface DsOptionGroup {
        /**
          * If true, the group will be hidden.
          * @default false
         */
        "dsHidden"?: boolean;
        /**
          * Group label text shown above the options.
         */
        "dsLabel": string;
        /**
          * Used internally in combobox to prevent default behavior on mousedown.
          * @default false
         */
        "dsMouseDownPreventDefault"?: boolean;
    }
    interface DsOptions {
        /**
          * Index of the currently active (focused) option.
          * @default 0
         */
        "dsActiveIndex"?: number;
        /**
          * Passed to the `aria-multiselectable` attribute of the `div` (listbox) element.
         */
        "dsAriaMultiselectable"?: boolean;
        /**
          * Unique `id` attribute of the options element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The id of the label element for accessibility.
         */
        "dsLabelId"?: string;
        /**
          * Currently selected value.
         */
        "dsSelectedValue"?: string;
        /**
          * Fired when the active option index changes (e.g. with keyboard navigation).
          * @type {number}
         */
        "onDsActiveIndexChange"?: (event: DsOptionsCustomEvent<DsOptionsActiveIndexChangeEvent>) => void;
        /**
          * Fired when the user presses Escape or otherwise closes the options list.
         */
        "onDsEsc"?: (event: DsOptionsCustomEvent<DsOptionsEscEvent>) => void;
    }
    interface DsOptionsMessage {
        /**
          * If true, shows an error state.
          * @default false
         */
        "dsError"?: boolean;
        /**
          * Text to display when there is an error loading options (default: "Try again or if the problem persists, contact support.").
         */
        "dsErrorText"?: string;
        /**
          * Title to display when there is an error loading options (default: "We could not load options.").
         */
        "dsErrorTitle"?: string;
        /**
          * If true, shows a loading state.
          * @default false
         */
        "dsLoading"?: boolean;
        /**
          * Text to display when options are loading (default: "Loading options...").
         */
        "dsLoadingText"?: string;
        /**
          * If true, shows a no results state
          * @default false
         */
        "dsNoResults"?: boolean;
        /**
          * Text to display when there are no results (default: "Try a different search term.").
         */
        "dsNoResultsText"?: string;
        /**
          * Title to display when there are no results (default: "No results found").
         */
        "dsNoResultsTitle"?: string;
    }
    /**
     * Pagination component for navigating between pages of content.
     * This component uses named slots for different layouts:
     * - `compact` slot: Navigation buttons and optional page info text
     * - `full` slot: Navigation buttons and page numbers
     * Layout behavior:
     * - dsLayout='compact': Always shows compact slot
     * - dsLayout='full': Always shows full slot
     * - dsLayout='auto': Switches between compact (<960px) and full (≥960px) based on screen size
     * **Important for accessibility**: All ds-pagination-page and ds-pagination-item elements
     * should have ds-href attribute set to proper URLs. Without href, screen readers won't
     * announce elements as links. Current page indicator should not have href (will render as span).
     */
    interface DsPagination {
        /**
          * Passed to the `aria-label` attribute of the `nav` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Colour of the pagination. Inherited by child components.
          * @default 'blue'
         */
        "dsColour"?: 'blue' | 'black' | 'white';
        /**
          * Current page number (1-indexed)
          * @default 1
         */
        "dsCurrentPage"?: number;
        /**
          * Layout mode: 'auto' switches between compact/full at 960px, 'compact' always hides pages, 'full' always shows pages
          * @default 'auto'
         */
        "dsLayout"?: 'auto' | 'compact' | 'full';
        /**
          * Total number of pages
          * @default 1
         */
        "dsTotalPages"?: number;
        /**
          * Font size variant
          * @default 'medium'
         */
        "dsVariant"?: 'small' | 'medium';
    }
    /**
     * Ellipsis indicator for pagination (shows "..." between page numbers)
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationEllipsis {
    }
    /**
     * Navigation item for pagination (first, previous, next, last buttons/links)
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationItem {
        /**
          * Manually set disabled state (overrides automatic calculation)
         */
        "dsDisabled"?: boolean;
        /**
          * Link href attribute
         */
        "dsHref"?: string;
        /**
          * Custom icon name to override default icon
         */
        "dsIcon"?: string;
        /**
          * Specifies the HTML tag to render. By default, automatically determined based on isCurrent and dsHref. Set to 'span' when using client-side routing (e.g., wrapping with React Router Link).
         */
        "dsTag"?: 'a' | 'span';
        /**
          * Custom text to override default localized text
         */
        "dsText"?: string;
        /**
          * Type of navigation item
         */
        "dsType": 'first' | 'previous' | 'next' | 'last';
    }
    /**
     * Page number item for pagination
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationPage {
        /**
          * Override the default `aria-label` (e.g. "Page 1") of the page link. Pass an empty string to remove the aria-label entirely.
         */
        "dsAriaLabel"?: string;
        /**
          * Link href attribute
         */
        "dsHref"?: string;
        /**
          * Manually mark as current page (overrides automatic detection)
         */
        "dsIsCurrent"?: boolean;
        /**
          * Page number to display
         */
        "dsPage": number;
        /**
          * Specifies the HTML tag to render. By default, automatically determined based on isCurrent and dsHref. Set to 'span' when using client-side routing (e.g., wrapping with React Router Link).
         */
        "dsTag"?: 'a' | 'span';
    }
    /**
     * Page info display for pagination compact layout (e.g., "5 / 20")
     * Automatically reads current page and total pages from the parent ds-pagination context.
     * Must be used inside ds-pagination component.
     */
    interface DsPaginationPageInfo {
    }
    interface DsRadioButton {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-describedby` attribute of the input element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the input element.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `checked` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsChecked"?: boolean;
        /**
          * Passed to the `disabled` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the radio button. If set, the radio button is shown in an invalid state.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Can be used to disable emitting validation events `dsSubmitInvalid` and `dsValidity`. Used internally in radio button group to disable validation for individual radio buttons.
          * @default false
         */
        "dsErrorsDisabled"?: boolean;
        /**
          * Passed to the `form` attribute of the `input` element of the rendered radio button.
         */
        "dsForm"?: string;
        /**
          * Passed to the `id` attribute of the `input` element of the rendered radio button.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Label of the radio button.
         */
        "dsLabel"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Passed to the `name` attribute of the `input` element of the rendered radio button. If radio button is part of a named radio button group, the name is inherited from the group and the property set on the radio button is ignored.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Passed to the `required` attribute of the `input` element of the rendered radio button.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * The text of the radio button
         */
        "dsText"?: string;
        /**
          * Passed to the `value` attribute of the `input` element of the rendered radio button.
          * @default this.dsId
         */
        "dsValue"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * The `dsBlur` event is emitted when the radio button loses focus. It provides the `dsId` of the checkbox as a string.
         */
        "onDsBlur"?: (event: DsRadioButtonCustomEvent<DsRadioButtonBlurEvent>) => void;
        /**
          * The `dsChange` event is emitted each time the `dsChecked` changes.
         */
        "onDsChange"?: (event: DsRadioButtonCustomEvent<DsRadioButtonChangeEvent>) => void;
        /**
          * The `dsCheck` event is emitted when the radio button is set to checked state. Used to notify a parent radio button group of a state change.
         */
        "onDsCheck"?: (event: DsRadioButtonCustomEvent<DsRadioButtonCheckEvent>) => void;
        /**
          * The `dsFocus` event is emitted when the radio button receives focus. It provides the `dsId` of the checkbox as a string.
         */
        "onDsFocus"?: (event: DsRadioButtonCustomEvent<DsRadioButtonFocusEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the input is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the input is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsRadioButtonCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the input's validity state changes.
         */
        "onDsValidity"?: (event: DsRadioButtonCustomEvent<DsValidityEvent>) => void;
    }
    interface DsRadioButtonGroup {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * `vertical` displays radio buttons stacked `horizontal` displays radio buttons side by side
          * @default 'vertical'
         */
        "dsDirection"?: 'horizontal' | 'vertical';
        /**
          * Error message shown below the radio button group. If set, the radio button group is shown in an invalid state.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `fieldset` element of the rendered radio button group.
         */
        "dsForm"?: string;
        /**
          * Label of the radio button group.
         */
        "dsLabel"?: string;
        /**
          * Name of the radio button group, passed to the `name` attribute of the `input` of child radio button elements.
         */
        "dsName"?: string;
        /**
          * One or more radio buttons must be checked.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * Determines which radio button in the group is selected. The radio button with the matching `value` will be selected.
         */
        "dsValue"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * The `dsChange` event is emitted each time the `dsValue` of the radio button group is changed.
         */
        "onDsChange"?: (event: DsRadioButtonGroupCustomEvent<DsRadioButtonGroupChangeEvent>) => void;
        /**
          * The `dsRadioButtonGroupInvalidStateChange` event is emitted when the `dsErrorText` property changes. The event `detail` is `dsErrorText`. This event is mainly used internally to synchronize the invalid state of radio buttons.
         */
        "onDsRadioButtonGroupInvalidStateChange"?: (event: DsRadioButtonGroupCustomEvent<DsRadioButtonGroupInvalidStateChangeEvent>) => void;
        /**
          * The `dsRadioButtonGroupValueChange` event is emitted when a radio button inside the radio button group is selected. This event is mainly used internally to synchronize the state of radio buttons.
         */
        "onDsRadioButtonGroupValueChange"?: (event: DsRadioButtonGroupCustomEvent<DsRadioButtonGroupValueChangeEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the group is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the group is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsRadioButtonGroupCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the group's validity state changes.
         */
        "onDsValidity"?: (event: DsRadioButtonGroupCustomEvent<DsValidityEvent>) => void;
    }
    /**
     * Navigation ribbon that appears at the top of the site as a "banner".
     */
    interface DsRibbon {
        /**
          * Branding URLs organized by language
         */
        "dsBrandingUrls"?: Record<string, string>;
        /**
          * ID for the "Close" button
          * @default idGenerator('ds-button-drawer-close').next().value as string
         */
        "dsCloseButtonId"?: string;
        /**
          * Text for close button
         */
        "dsCloseButtonText"?: string;
        /**
          * URL for external data.json source. If empty, no external data is loaded
          * @default ''
         */
        "dsDataUrl"?: string;
        /**
          * Hide both logo and site name
          * @default false
         */
        "dsHideBranding"?: boolean;
        /**
          * Logo icon name
         */
        "dsIcon"?: string;
        /**
          * Passed to the `dsAriaLabel` property of the logo icon
         */
        "dsIconAriaLabel"?: string;
        /**
          * Passed to the `dsTitle` property of the logo icon
         */
        "dsIconTitle"?: string;
        /**
          * Array of navigation links
         */
        "dsLinks"?: RibbonLink[];
        /**
          * ARIA label for the logo link
         */
        "dsLogoAriaLabel"?: string;
        /**
          * ID for the mobile toggle button
          * @default idGenerator('ds-button-mobile-toggle').next().value as string
         */
        "dsMobileToggleId"?: string;
        /**
          * Text for mobile toggle button
         */
        "dsMobileToggleText"?: string;
        /**
          * ARIA label for the navigation element
         */
        "dsNavAriaLabel"?: string;
        /**
          * Site name text
         */
        "dsSiteName"?: string;
        /**
          * Emitted when mobile drawer is opened or closed
         */
        "onDsDrawerToggle"?: (event: DsRibbonCustomEvent<boolean>) => void;
    }
    interface DsSelect {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Aria label for the select element, used for accessibility when there is no visible label.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * If true, allows the user to clear the selected option.
          * @default true
         */
        "dsClearable"?: boolean;
        /**
          * Disables the select component, preventing user interaction.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error message displayed when the select component is invalid.
          * @default ''
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `select` element.
         */
        "dsForm"?: string;
        /**
          * If true, the select takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * The name of the icon to display inside the select component.
         */
        "dsIcon"?: string;
        /**
          * The size of the icon to display inside the select component.
         */
        "dsIconSize"?: string;
        /**
          * The unique ID for the select component.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * The label for the select component.
         */
        "dsLabel"?: string;
        /**
          * Show loading spinner and text.
          * @default false
         */
        "dsLoading"?: boolean;
        /**
          * Text to display when options are loading.
         */
        "dsLoadingText"?: string;
        /**
          * Passed to the `name` attribute of the select component.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * If true, shows an options error.
          * @default false
         */
        "dsOptionsError"?: boolean;
        /**
          * Text to display when there is an error loading options.
         */
        "dsOptionsErrorText"?: string;
        /**
          * Title to display when there is an error loading options.
         */
        "dsOptionsErrorTitle"?: string;
        /**
          * Placeholder text displayed when no option is selected (default: "Select an option").
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the select is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * The value of the selected option.
          * @default null
         */
        "dsValue"?: string | string[] | null;
        /**
          * Defines the variant of the select component: - "default" uses a custom implementation that allows selection of a single option - "multiple" uses a custom implementation that allows selection of multiple options - "native" uses the browser’s default select
          * @default 'default'
         */
        "dsVariant"?: 'default' | 'multiple' | 'native';
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * Event emitted when the select loses focus.
         */
        "onDsBlur"?: (event: DsSelectCustomEvent<DsSelectBlurEvent>) => void;
        /**
          * Event emitted when user selects an option. For "default" `dsVariant`.
         */
        "onDsChange"?: (event: DsSelectCustomEvent<DsSelectChangeEvent>) => void;
        /**
          * Event emitted when the select gains focus.
         */
        "onDsFocus"?: (event: DsSelectCustomEvent<DsSelectFocusEvent>) => void;
        /**
          * Event emitted when user selects an option. For "multiple" `dsVariant`.
         */
        "onDsMultipleChange"?: (event: DsSelectCustomEvent<DsSelectMultipleChangeEvent>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the select is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the select is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsSelectCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the select's validity state changes.
         */
        "onDsValidity"?: (event: DsSelectCustomEvent<DsValidityEvent>) => void;
    }
    interface DsSelectNative {
        /**
          * Passed to the `aria-controls` attribute of the select element.
         */
        "dsAriaControls"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the select element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Aria label for the select element, used for accessibility.
         */
        "dsAriaLabel"?: string;
        /**
          * If true, disables the select element.
          * @default false
         */
        "dsDisabled"?: boolean;
        /**
          * Error text to display below the select.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `select` element.
         */
        "dsForm"?: string;
        /**
          * If true, the select takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Icon name to display inside the select.
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * Icon size to display inside the select.
         */
        "dsIconSize"?: string;
        /**
          * Unique `id` attribute of the select element.
         */
        "dsId"?: string;
        /**
          * Label to display above the select.
          * @default ''
         */
        "dsLabel"?: string;
        /**
          * @default false
         */
        "dsMuteAriaDeprecationWarning"?: boolean;
        /**
          * Name attribute for the select element.
         */
        "dsName"?: string;
        /**
          * Placeholder text to display when no option is selected.
         */
        "dsPlaceholder"?: string;
        /**
          * If true, the select is required.
          * @default false
         */
        "dsRequired"?: boolean;
        /**
          * Currently selected value.
         */
        "dsValue"?: string;
        /**
          * Event emitted when user selects an option.
         */
        "onDsChange"?: (event: DsSelectNativeCustomEvent<string>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the select is invalid when attempting to submit a form.
         */
        "onDsSubmitInvalid"?: (event: DsSelectNativeCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the select's validity state changes.
         */
        "onDsValidity"?: (event: DsSelectNativeCustomEvent<DsValidityEvent>) => void;
    }
    interface DsSpinner {
        /**
          * Color of the spinner
          * @default 'blue'
         */
        "dsColour"?: SpinnerColor;
        /**
          * Custom size
         */
        "dsCustomSize"?: string;
        /**
          * Custom text size
         */
        "dsCustomTextSize"?: string;
        /**
          * Visually hidden information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Size of the spinner
          * @default 'medium'
         */
        "dsSize"?: SpinnerSize;
        /**
          * Text to display alongside spinner
         */
        "dsText"?: string;
        /**
          * Where to display the `dsText` property
          * @default 'below'
         */
        "dsTextPosition"?: SpinnerTextPosition;
        /**
          * Sets `aria-live="polite"` attribute to the spinner element
          * @default false
         */
        "dsUseAriaLive"?: boolean;
        /**
          * Sets `role="alert"` attribute to the spinner element
          * @default false
         */
        "dsUseRoleAlert"?: boolean;
    }
    interface DsStep {
        /**
          * Passed to the `dsFullWidth` property of the `ds-step-base` element.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Ordinal number of the step.
         */
        "dsOrdinal": number;
        /**
          * Passed to the `dsOrientation` property of the `ds-step-base` element.
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
        /**
          * Phase of the step.
          * @default 'static'
         */
        "dsPhase"?: 'static' | 'incomplete' | 'current' | 'complete';
    }
    interface DsStepBase {
        /**
          * If true, the step will take the full width of its container. Can be used to achieve same size for all steps in a horizontal stepper.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Orientation of the step bullet and line. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
    }
    interface DsStepBullet {
        /**
          * If true, a line will be shown.
          * @default true
         */
        "dsShowLine"?: boolean;
        /**
          * Passed to the `dsSize` property of the `ds-step-bullet-base` element.
          * @default 'medium'
         */
        "dsSize"?: 'small' | 'medium';
    }
    interface DsStepBulletBase {
        /**
          * Border colour of the step bullet.
         */
        "dsBorderColour"?: string;
        /**
          * Width of the border of the step bullet.
          * @default 'none'
         */
        "dsBorderWidth"?: 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        /**
          * Fill colour of the step bullet.
         */
        "dsFillColour"?: string;
        /**
          * Name of the icon to display inside the step bullet.
         */
        "dsIcon"?: string;
        /**
          * Colour of the icon inside the step bullet.
         */
        "dsIconColour"?: string;
        /**
          * Colour of the line.
         */
        "dsLineColour"?: string;
        /**
          * Width of the line.
          * @default 'none'
         */
        "dsLineWidth"?: 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        /**
          * Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
        /**
          * Size of the step bullet.
          * @default 'medium'
         */
        "dsSize"?: 'small' | 'medium';
        /**
          * Text to display inside the step bullet.
         */
        "dsText"?: string;
        /**
          * Colour of the text inside the step bullet.
         */
        "dsTextColour"?: string;
    }
    interface DsStepContent {
        /**
          * Passed to the `dsFullWidth` property of the `ds-step-content-base` element.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Passed to the `dsHeading` property of the `ds-step-content-base` element.
          * @default ''
         */
        "dsHeading"?: string;
    }
    interface DsStepContentBase {
        /**
          * Passed to the `aria-current` attribute of the heading element. Should be set to "step" for the current step.
          * @default undefined
         */
        "dsAriaCurrent"?: 'step' | undefined;
        /**
          * If true, the step content takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Heading text for the step content.
          * @default ''
         */
        "dsHeading"?: string;
        /**
          * Colour of the heading text.
         */
        "dsHeadingColour"?: string;
        /**
          * Assistive text for screen readers. Provide additional context for the step, e.g., a status text.
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Ordinal number of the step.
         */
        "dsOrdinal"?: number;
        /**
          * Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.
          * @default 'vertical'
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
    }
    interface DsSteps {
        /**
          * Orientation of the steps.
          * @default 'vertical'
         */
        "dsOrientation"?: 'horizontal' | 'vertical';
    }
    interface DsStore {
        /**
          * @default 'en'
         */
        "dsLanguage"?: Language;
        "onDsLanguageChange"?: (event: DsStoreCustomEvent<Language>) => void;
    }
    interface DsTab {
        /**
          * The name of the icon to display at the end of the tab.
         */
        "dsIconEnd"?: string;
        /**
          * The aria-label for the end icon.
         */
        "dsIconEndAriaLabel"?: string;
        /**
          * The colour of the end icon.
         */
        "dsIconEndColour"?: (typeof iconColours)[number];
        /**
          * The name of the icon to display at the start of the tab.
         */
        "dsIconStart"?: string;
        /**
          * The aria-label for the start icon.
         */
        "dsIconStartAriaLabel"?: string;
        /**
          * The ID of the tab.
         */
        "dsId": string;
        /**
          * The ID of the associated tab panel.
         */
        "dsTabPanelId": string;
        /**
          * The text content of the tab.
         */
        "dsText"?: string;
        /**
          * Emitted when the tab is clicked and should become active.
         */
        "onDsTabClick"?: (event: DsTabCustomEvent<DsTabClickEvent>) => void;
        /**
          * Emitted when the tab receives focus.
         */
        "onDsTabFocus"?: (event: DsTabCustomEvent<DsTabFocusEvent>) => void;
    }
    interface DsTablist {
        /**
          * The ARIA label for the tablist.
         */
        "dsAriaLabel"?: string;
        /**
          * The ID of the element that labels the tablist.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Emitted when a tab is clicked and the active tab should be changed.
         */
        "onDsTabChange"?: (event: DsTablistCustomEvent<DsTabChangeEvent>) => void;
    }
    interface DsTabpanel {
        /**
          * The ID of the tab panel.
         */
        "dsId": string;
        /**
          * If true, adds paddings to the tab panel content.
          * @default true
         */
        "dsPadded"?: boolean;
        /**
          * The ID of the associated tab.
         */
        "dsTabId": string;
    }
    interface DsTabs {
        /**
          * The ID of the currently active tab.
         */
        "dsCurrentTab": string;
        /**
          * The ID of the currently active tab panel.
         */
        "dsCurrentTabPanel": string;
        /**
          * The variant of the tabs component.
          * @default 'container'
         */
        "dsVariant"?: 'container' | 'line';
    }
    interface DsTag {
        /**
          * Passed to the `aria-hidden` attribute of the tag
         */
        "dsAriaHidden"?: boolean;
        /**
          * Colour of the tag
          * @default 'default'
         */
        "dsColour"?: TagColour;
        /**
          * Passed to the `dsDownload` attribute of the `DsLink` element
         */
        "dsDownload"?: boolean;
        /**
          * Passed to the `dsHref` attribute of the `DsLink` element
         */
        "dsHref"?: string;
        /**
          * Icon to display
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * Position of the icon
          * @default 'start'
         */
        "dsIconPosition"?: 'start' | 'end';
        /**
          * Passed to the `role` attribute of the tag
         */
        "dsRole"?: string;
        /**
          * Passed to the `dsTarget` attribute of the `DsLink` element
         */
        "dsTarget"?: LinkTarget;
        /**
          * Text to display
          * @default 'Label'
         */
        "dsText"?: string;
    }
    interface DsTagGroup {
        /**
          * Passed to the `aria-label` attribute of the tag group.
         */
        "dsAriaLabel"?: string;
        /**
          * Text for additional information shown below label.
         */
        "dsAssistiveText"?: string;
        /**
          * Label of the tag group.
         */
        "dsLabel"?: string;
    }
    interface DsTextArea {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Passed to the `aria-describedby` attribute of the `textarea` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `textarea` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `textarea` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label
         */
        "dsAssistiveText"?: string;
        /**
          * Optional character limit for the textarea
         */
        "dsCharacterLimit"?: number;
        /**
          * Passed to the `disabled` attribute of the `textarea` element.
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the textarea. If set, the textarea is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `textarea` element.`
         */
        "dsForm"?: string;
        /**
          * If true, the textarea takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Visually hidden additional information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Passed to the `id` of the `textarea` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * Label of the textarea.
         */
        "dsLabel"?: string;
        /**
          * Passed to the `name` attribute of the `textarea` element.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the textarea is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the textarea is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `placeholder` of the `textarea` element.
         */
        "dsPlaceholder"?: string;
        /**
          * Passed to the `readonly` attribute of the `textarea` element.
         */
        "dsReadonly"?: boolean;
        /**
          * Passed to the `required` attribute of the `textarea` element.
         */
        "dsRequired"?: boolean;
        /**
          * Controls the resizing behavior of the textarea: both, none, vertical, horizontal, or auto (auto-grows with content).
          * @default 'both'
         */
        "dsResizing"?: 'both' | 'none' | 'vertical' | 'horizontal' | 'auto';
        /**
          * Success message shown below the textarea. If set, the textarea is shown in a success state.
         */
        "dsSuccessText"?: string;
        /**
          * Passed to the `value` attribute of the `textarea` element.
         */
        "dsValue"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * The `dsChange` event is emitted each time the `value` property of the `ds-text-area` element is changed. This may be a side effect of other events such as `dsInput` event, or when the `value` property is programmatically changed.
         */
        "onDsChange"?: (event: DsTextAreaCustomEvent<Omit<DsTextAreaEvent, 'event'>>) => void;
        /**
          * The `dsInput` event is emitted when the user modifies the textarea's value. The event is fired on each keystroke.
         */
        "onDsInput"?: (event: DsTextAreaCustomEvent<DsTextAreaEvent<InputEvent>>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the textarea is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the textarea is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsTextAreaCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the textarea's validity state changes.
         */
        "onDsValidity"?: (event: DsTextAreaCustomEvent<DsValidityEvent>) => void;
    }
    interface DsTextInput {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * Aria-label for action button for text inputs with `dsType` `password` or `search`:  - The action button for `search` text input is the clear button. If not set, defaults to "Clear field". - The action button for `password` text input is the toggle visibility button. If not set, defaults to "Show password" and "Hide password" depending on the visibility state.
         */
        "dsActionButtonAriaLabel"?: string;
        /**
          * Passed to the `aria-describedby` attribute of the `input` element.
         */
        "dsAriaDescribedby"?: string;
        /**
          * Passed to the `aria-label` attribute of the `input` element.
         */
        "dsAriaLabel"?: string;
        /**
          * Passed to the `aria-labelledby` attribute of the `input` element.
         */
        "dsAriaLabelledby"?: string;
        /**
          * Text for additional information shown below label
         */
        "dsAssistiveText"?: string;
        /**
          * Passed to the `autocomplete` attribute of the `input` element.
         */
        "dsAutocomplete"?: string;
        /**
          * Passed to the `disabled` attribute of the `input` element.
         */
        "dsDisabled"?: boolean;
        /**
          * Error message shown below the text input. If set, the text input is shown in an invalid state.
         */
        "dsErrorText"?: string;
        /**
          * Passed to the `form` attribute of the `input` element.
         */
        "dsForm"?: string;
        /**
          * If true, the text input takes the full width of its container.
          * @default false
         */
        "dsFullWidth"?: boolean;
        /**
          * Visually hidden additional information for screen readers
         */
        "dsHiddenAssistiveText"?: string;
        /**
          * Icon to display at the start of the text input.
          * @default ''
         */
        "dsIcon"?: string;
        /**
          * Passed to the `id` attribute of the `input` element.
          * @default this.getUniqueId()
         */
        "dsId"?: string;
        /**
          * If true, shows the input in an invalid state (red border, aria-invalid) without requiring dsErrorText. Useful when parent component renders its own error message.
          * @default false
         */
        "dsInvalid"?: boolean;
        /**
          * Label of the input.
         */
        "dsLabel"?: string;
        /**
          * Passed to the `max` attribute of the `input` element.
         */
        "dsMax"?: number;
        /**
          * Passed to the `maxlength` attribute of the `input` element.
         */
        "dsMaxLength"?: number;
        /**
          * Passed to the `min` attribute of the `input` element.
         */
        "dsMin"?: number;
        /**
          * Passed to the `name` attribute of the `input` element.
          * @default this.dsId
         */
        "dsName"?: string;
        /**
          * Displays indicator that the text input is optional alongside label.
         */
        "dsOptional"?: boolean;
        /**
          * Text shown alongside label, if the text input is set as optional.
         */
        "dsOptionalText"?: string;
        /**
          * Passed to the `pattern` attribute of the `input` element.
         */
        "dsPattern"?: string;
        /**
          * Passed to the `placeholder` attribute of the `input` element.
         */
        "dsPlaceholder"?: string;
        /**
          * Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).
         */
        "dsPrefixText"?: string;
        /**
          * Passed to the `readonly` attribute of the `input` element.
         */
        "dsReadonly"?: boolean;
        /**
          * Passed to the `required` attribute of the `input` element.
         */
        "dsRequired"?: boolean;
        /**
          * @default 1
         */
        "dsStep"?: number;
        /**
          * Success message shown below the text input. If set, the text input is shown in a success state.
         */
        "dsSuccessText"?: string;
        /**
          * Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).
         */
        "dsSuffixText"?: string;
        /**
          * Type of the text input, passed to the `type` attribute of the `input` element. A text input of type `search` has an action button to clear the input value if it is not empty. A text input of type `password` has an action button to toggle the visibility of the entered input.
          * @default 'text'
         */
        "dsType"?: 'text' | 'password' | 'search' | 'loading' | 'tel' | 'email' | 'url' | 'number';
        /**
          * Passed to the `value` attribute of the `input` element.
         */
        "dsValue"?: string;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * The `dsChange` event is emitted each time the `value` property of the `ds-text-input` element is changed. This may be a side effect of other events such as `dsClear` or `dsInput` event, or when the `value` property is programmatically changed.
         */
        "onDsChange"?: (event: DsTextInputCustomEvent<Omit<DsTextInputEvent, 'event'>>) => void;
        /**
          * The `dsClear` event is emitted when the clear button of a input of type `search` is pressed.
         */
        "onDsClear"?: (event: DsTextInputCustomEvent<DsTextInputEvent>) => void;
        /**
          * The `dsInput` event is emitted when the user modifies the input's value. The event is fired on each keystroke.
         */
        "onDsInput"?: (event: DsTextInputCustomEvent<DsTextInputEvent<InputEvent>>) => void;
        /**
          * The `dsSubmitInvalid` event is emitted when the input is invalid when attempting to submit a form. Calling `checkValidity()` method will also emit this event if the input is invalid.
         */
        "onDsSubmitInvalid"?: (event: DsTextInputCustomEvent<DsSubmitInvalidEvent>) => void;
        /**
          * The `dsValidity` event is emitted when the input's validity state changes.
         */
        "onDsValidity"?: (event: DsTextInputCustomEvent<DsValidityEvent>) => void;
    }
    interface DsVersionedCssVariables {
    }
    interface DsVisuallyHidden {
        /**
          * Specifies the HTML tag to render for the visually hidden component.
          * @default 'div'
         */
        "dsTag"?: 'div' | 'span';
    }

    interface DsAccordionAttributes {
        "dsVariant": 'default' | 'compact';
        "dsBorderAligned": boolean;
        "dsOpenByDefault": boolean;
        "dsOpen": boolean;
        "dsId": string;
        "dsHeadingLevel": number;
        "dsUseCloseButton": boolean;
        "dsCloseButtonLabel": string;
        "dsHideContentBorders": boolean;
        "dsHideTopBorder": boolean;
        "dsHideRightBorder": boolean;
        "dsHideBottomBorder": boolean;
        "dsHideLeftBorder": boolean;
        "dsHeadingVariant": 'button' | 'icon-button';
        "dsAriaDescribedBy": string;
        "dsAriaLabelledBy": string;
        "dsHeaderHasBackground": 'expanded' | 'always' | 'never';
        "dsContentHasBackground": boolean;
    }
    interface DsActionListAttributes {
        "dsRole": 'menu' | 'group';
    }
    interface DsActionListGroupTitleAttributes {
        "dsTitle": string;
        "dsId": string;
    }
    interface DsActionListItemAttributes {
        "dsId": string;
        "dsVariant": DsActionListItemVariant;
        "dsLabel": string;
        "dsDescription": string;
        "dsIcon": string;
        "dsDisabled": boolean;
        "dsUnavailable": boolean;
        "dsSelected": boolean;
        "dsCloseOnSelect": boolean;
        "dsIndented": boolean;
    }
    interface DsActionMenuAttributes {
        "dsId": string;
        "dsButtonText": string;
        "dsButtonVariant": 'primary' | 'secondary' | 'supplementary';
        "dsButtonColour": 'blue' | 'black' | 'white' | 'danger';
        "dsButtonSize": 'small' | 'medium';
        "dsIconOnly": boolean;
        "dsIcon": string;
        "dsAlign": 'start' | 'center' | 'end';
        "dsPlacement": 'bottom' | 'top' | 'auto';
        "dsMenuWidth": string;
        "dsMenuMaxHeight": string;
        "dsAriaLabel": string;
        "dsDisabled": boolean;
    }
    interface DsAssistiveTextAttributes {
        "dsId": string;
        "dsText": string;
    }
    interface DsBackdropAttributes {
        "dsOpen": boolean;
        "dsZIndex": number;
        "dsDialogClasses": string;
        "dsRole": 'dialog' | 'alertdialog';
    }
    interface DsBadgeAttributes {
        "dsId": string;
        "dsText": string;
        "dsVariant": 'default' | 'success' | 'attention' | 'danger' | 'info' | 'notification' | 'primary' | 'disabled';
        "dsHiddenAssistiveText": string;
        "dsAriaLabel": string;
    }
    interface DsBreadcrumbAttributes {
        "dsRel": string;
        "dsHrefLang": string;
        "dsHref": string;
        "dsTarget": LinkTarget;
        "dsDownload": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsText": string;
        "dsIsCurrentPage": boolean;
        "dsHasSeparator": boolean;
        "dsSeparatorIcon": string;
        "dsIsHidden": boolean;
    }
    interface DsBreadcrumbsAttributes {
        "dsAriaLabel": string;
    }
    interface DsBreadcrumbsCollapsibleAttributes {
        "dsIsExpandButtonHidden": boolean;
        "dsSeparatorIcon": string;
    }
    interface DsBreadcrumbsExpandButtonAttributes {
        "dsIsHidden": boolean;
        "dsSeparatorIcon": string;
    }
    interface DsBreadcrumbsSeparatorAttributes {
        "dsIcon": string;
    }
    interface DsButtonAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsAutoFocus": boolean;
        "dsText": string;
        "dsValue": string;
        "dsVariant": 'primary' | 'secondary' | 'supplementary';
        "dsColour": 'blue' | 'black' | 'white' | 'danger';
        "dsSize": 'small' | 'medium';
        "dsIcon": string;
        "dsIconPosition": 'start' | 'end';
        "dsIconTitle": string;
        "dsIconAriaLabel": string;
        "dsType": 'button' | 'submit' | 'reset';
        "dsDisabled": boolean;
        "dsLoading": boolean;
        "dsUseSpinner": boolean;
        "dsSpinnerHiddenText": string;
        "dsFullWidth": boolean;
        "dsRole": string;
        "dsAriaDisabled": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsAriaDescribedby": string;
        "dsAriaExpanded": boolean;
        "dsAriaPressed": boolean;
        "dsAriaControls": string;
        "dsAriaHaspopup": string;
        "dsAriaHidden": boolean;
        "dsTabIndex": number;
        "dsHiddenAssistiveText": string;
        "dsActive": boolean;
        "dsInInput": boolean;
        "dsNoFocusRing": boolean;
    }
    interface DsCardAttributes {
        "dsLinkType": DsCardLinkType;
        "dsVariant": DsCardVariant;
        "dsHorizontal": boolean;
        "dsHeading": string;
        "dsHeadingLevel": number;
        "dsDescription": string;
        "dsDescriptionClamp": number;
        "dsDescriptionMaxWidth": DsDescriptionMaxWidth;
        "dsUrl": string;
        "dsUrlTarget": DsCardUrlTarget;
        "dsEyebrow": string;
        "dsSubtitle": string;
        "dsTag": string;
        "dsShowArrow": boolean;
        "dsFluidHeight": boolean;
        "dsTextSize": DsCardTextSize;
    }
    interface DsCheckboxAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsValue": string;
        "dsChecked": boolean;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsText": string;
        "dsIndeterminate": boolean;
        "dsDisabled": boolean;
        "dsErrorText": string;
        "dsErrorsDisabled": boolean;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsAriaLabel": string;
        "dsAriaDescribedby": string;
    }
    interface DsCheckboxGroupAttributes {
        "dsForm": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsDirection": 'horizontal' | 'vertical';
        "dsErrorText": string;
        "dsText": string;
        "dsChecked": boolean;
        "dsDisabled": boolean;
        "dsRequired": boolean;
        "dsAllRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsName": string;
        "dsId": string;
        "dsVariant": 'default' | 'tree';
        "dsOpen": boolean;
    }
    interface DsCheckboxGroupExpandButtonAttributes {
        "dsOpen": boolean;
        "dsActionable": boolean;
        "dsAriaLabel": string;
    }
    interface DsChipAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsValue": string;
        "dsText": string;
        "dsIcon": string;
        "dsType": DsType;
        "dsRole": string;
        "dsAriaLabel": string;
    }
    interface DsChipGroupAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsId": string;
        "dsName": string;
        "dsLabel": string;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsAriaDescribedby": string;
        "dsAssistiveText": string;
        "dsErrorText": string;
        "dsMinItems": number;
        "dsMaxItems": number;
    }
    interface DsComboboxAttributes {
        "dsVariant": 'default' | 'multiple';
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsIcon": string;
        "dsPlaceholder": string;
        "dsPlaceholderHidden": boolean;
        "dsDisabled": boolean;
        "dsAriaLabel": string;
        "dsClearable": boolean;
        "dsErrorText": string;
        "dsFilteringStrategy": 'dynamic' | 'static';
        "dsLoading": boolean;
        "dsLoadingText": string;
        "dsOptionsError": boolean;
        "dsOptionsErrorTitle": string;
        "dsOptionsErrorText": string;
        "dsNoResults": boolean;
        "dsNoResultsTitle": string;
        "dsNoResultsText": string;
        "dsValue": string | string[] | null;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsFullWidth": boolean;
    }
    interface DsControlLabelAttributes {
        "dsId": string;
        "dsHtmlFor": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsAssistiveTextId": string;
        "dsVisuallyHiddenAssistiveText": string;
        "dsVisuallyHiddenAssistiveTextId": string;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
    }
    interface DsDatepickerAttributes {
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsLabel": string;
        "dsPlaceholder": string;
        "dsVariant": 'native' | 'simple' | 'custom';
        "dsDisabled": boolean;
        "dsReadonly": boolean;
        "dsErrorText": string;
        "dsAssistiveText": string;
        "dsHiddenAssistiveText": string;
        "dsValue": string | undefined;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsMin": string;
        "dsMax": string;
        "dsYearRangeStart": number;
        "dsYearRangeEnd": number;
        "dsAriaDescribedby": string;
        "dsAriaControls": string;
    }
    interface DsDatepickerCustomAttributes {
        "dsAriaDescribedby": string;
        "dsAriaControls": string;
        "dsId": string;
        "dsLabel": string;
        "dsValue": string;
        "dsName": string;
        "dsForm": string;
        "dsDisabled": boolean;
        "dsReadonly": boolean;
        "dsErrorText": string;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsAssistiveText": string;
        "dsHiddenAssistiveText": string;
        "dsPlaceholder": string;
        "dsMin": string;
        "dsMax": string;
        "dsYearRangeStart": number;
        "dsYearRangeEnd": number;
    }
    interface DsDatepickerNativeAttributes {
        "dsId": string;
        "dsLabel": string;
        "dsValue": string;
        "dsName": string;
        "dsForm": string;
        "dsDisabled": boolean;
        "dsReadonly": boolean;
        "dsErrorText": string;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsAssistiveText": string;
        "dsHiddenAssistiveText": string;
        "dsMin": string;
        "dsMax": string;
        "dsShowCalendarIcon": boolean;
        "dsAriaDescribedby": string;
        "dsAriaControls": string;
    }
    interface DsDatepickerSimpleAttributes {
        "dsAriaDescribedby": string;
        "dsAriaControls": string;
        "dsId": string;
        "dsLabel": string;
        "dsValue": string;
        "dsName": string;
        "dsForm": string;
        "dsDisabled": boolean;
        "dsReadonly": boolean;
        "dsErrorText": string;
        "dsRequired": boolean;
        "dsOptional": boolean;
        "dsOptionalText": string;
        "dsAssistiveText": string;
        "dsHiddenAssistiveText": string;
        "dsPlaceholder": string;
        "dsMin": string;
        "dsMax": string;
    }
    interface DsDividerAttributes {
        "dsVariant": DsVariant;
        "dsOrientation": DsOrientation;
        "dsPadding": DsPaddingSize;
        "dsCustomPaddingBefore": string;
        "dsCustomPaddingAfter": string;
    }
    interface DsFeedbackAttributes {
        "dsTag": 'div' | 'span';
        "dsRole": Role;
        "dsAriaLive": AriaLive;
        "dsAriaAtomic": boolean;
        "dsSrOnly": boolean;
        "dsSrOnlyTag": 'div' | 'span';
    }
    interface DsGridAttributes {
        "dsContainer": boolean;
        "dsType": 'grid' | 'flex';
        "dsSize": GridSize;
        "dsSizeMobile": MobileGridSize;
        "dsSizeTablet": TabletGridSize;
        "dsSizeDesktop": DesktopGridSize;
        "dsParentSizeMobile": MobileGridSize;
        "dsParentSizeTablet": TabletGridSize;
        "dsParentSizeDesktop": DesktopGridSize;
        "dsColumnsMobile": number;
        "dsColumnsTablet": number;
        "dsColumnsDesktop": number;
        "dsRowSpanMobile": number;
        "dsRowSpanTablet": number;
        "dsRowSpanDesktop": number;
    }
    interface DsGroupLabelAttributes {
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsAssistiveTextId": string;
    }
    interface DsIconAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsName": string;
        "dsColour": string;
        "dsCustomSize": string;
        "dsSize": string;
        "dsTitle": string;
        "dsHidden": boolean;
        "dsAriaLabel": string;
        "dsRole": string;
        "dsAriaLabelledby": string;
        "dsAriaHidden": boolean;
    }
    interface DsIcon360Attributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAccountBalanceAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAccountBalanceFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAccountCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAccountCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAddAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArchiveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArchiveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowBackAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowDownwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowDropDownAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowDropDownCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowDropDownCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowDropUpAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowForwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowInsertAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowOutwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconArrowUpwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAttachEmailAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAttachEmailFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAttachFileAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAttachFileAddAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconAttachFileOffAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBadgeAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBadgeFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBarChartAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBlueskyAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBook2Attributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBook2FillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBoyAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBuildAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconBuildFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCalculateAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCalculateFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCalendarMonthAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCalendarMonthFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCallFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCancelAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCancelFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconChatAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconChatFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckBoxAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckBoxFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckBoxOutlineBlankAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckIndeterminateSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCheckSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconChecklistAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconChevronBackwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconChevronForwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCloseAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCloseSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCodeBlocksAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconCollapseContentAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconConstructionAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconContentCopyAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconContentCopyFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDeleteAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDeleteFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDeleteForeverAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDeleteForeverFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDescriptionAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDownloadAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDraftsAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDraftsFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDragIndicatorAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDsCheckIndeterminateSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDsCheckSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDsFlameAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconDsFlameFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEditAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEditCalendarAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEditCalendarFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEditFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEqualAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEscalatorWarningAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEuroSymbolAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEventAvailableAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconEventAvailableFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconExpandContentAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconExploreAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconExploreFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconExportNotesAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconExportNotesFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFacebookAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFastForwardAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFastForwardFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFastRewindAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFastRewindFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFavoriteAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFavoriteFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFiberManualRecordAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFiberManualRecordFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFileSaveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFileSaveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFilterListAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFirstPageAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconForkRightAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatBoldAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatItalicAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatQuoteAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatQuoteFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatQuoteOffAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFormatQuoteOffFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFunctionAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconFunctionsAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGalleryThumbnailAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGirlAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGrid4x4Attributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGridOnAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGridOnFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupAddAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupAddFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupRemoveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconGroupRemoveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHelpAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHelpFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHistoryAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHomeAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHomeFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHourglassAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHourglassBottomAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconHourglassTopAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconImageAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconImageFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconInfoAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconInfoFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconInstagramAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconKeyboardArrowDownAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconKeyboardArrowUpAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLanguageAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLastPageAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLinkAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLinkedinAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconListAltAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconListAltAddAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconListAltCheckAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLocationOnAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLocationOnFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLocationSearchingAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLockAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLockFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLockOpenAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLockOpenFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLoginAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconLogoutAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMailAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMailFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconManufacturingAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMapAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMapFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMapSearchAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMapSearchFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMenuAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMoreHorizAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMoreVertAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMountainFlagAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMountainFlagFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMyLocationAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconMyLocationFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsActiveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsActiveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsOffAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsOffFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsUnreadAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconNotificationsUnreadFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconOpenInNewAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPauseAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPauseCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPauseCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPauseFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPendingAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPercentAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonAddAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonAddFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonAlertAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonAlertFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonPinCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonPinCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonRemoveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonRemoveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonSearchAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPersonSearchFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPhotoCameraAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPhotoCameraFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPhotoLibraryAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPictureAsPdfAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPictureAsPdfFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPieChartAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPieChartFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlagiarismAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlagiarismFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlayArrowAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlayArrowFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlayCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlayCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPlayPauseAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconProgressActivityAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconPublicAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconRefreshAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconRemoveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconReorderAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconReportAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconReportFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconResizeAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconRotateLeftAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconRotateRightAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconRssFeedAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSaveAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSaveFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconScheduleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconScheduleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSearchAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSellAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSellFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSendAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSendFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentDissatisfiedAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentDissatisfiedFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentNeutralAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentNeutralFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentSatisfiedAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSentimentSatisfiedFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSettingsAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSettingsFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconShareAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconShowChartAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSkipNextAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSkipNextFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSkipPreviousAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSkipPreviousFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSmartToyAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSmartToyFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStarAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStarFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStopAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStopCircleAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStopCircleFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconStopFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSupervisorAccountAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSupervisorAccountFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSwapHorizAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconSyncAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTableAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTableFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTiktokAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTimerAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTimerFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTourAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTourFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTranslateAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTrendingDownAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconTrendingUpAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconUnfoldLessAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconUnfoldMoreAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconUngroupAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconUploadAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconViewListAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconViewListFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconVisibilityAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconVisibilityFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconVisibilityOffAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconVisibilityOffFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconVpnLockAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconWarningAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconWarningFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconWidgetSmallAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconWidgetSmallFillAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconXAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconYoutubeAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconZoomInAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconZoomInMapAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconZoomOutAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsIconZoomOutMapAttributes {
        "dsSize": string;
        "dsTitle": string;
        "dsRole": string;
        "dsColour": string;
        "dsAriaLabel": string;
    }
    interface DsInputValidityAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsText": string;
        "dsType": 'error' | 'success';
        "dsRole": 'alert' | 'status' | 'none';
        "dsAriaLive": 'assertive' | 'polite';
        "dsAriaAtomic": 'true' | 'false';
        "dsHasFeedback": boolean;
    }
    interface DsLinkAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsRel": string;
        "dsHrefLang": string;
        "dsHref": string;
        "dsTarget": LinkTarget;
        "dsDownload": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsId": string;
        "dsText": string;
        "dsSize": LinkSize;
        "dsVariant": LinkVariant;
        "dsWeight": LinkWeight;
        "dsIcon": string;
        "dsIconPosition": LinkIconPosition;
        "dsIconTitle": string;
        "dsIconAriaLabel": string;
        "dsIconHidden": boolean;
        "dsIconAriaHidden": boolean;
        "dsColour": 'black' | 'white';
        "dsTag": 'a' | 'span';
    }
    interface DsLinkCtaAttributes {
        "dsRel": string;
        "dsHrefLang": string;
        "dsHref": string;
        "dsTarget": LinkTarget;
        "dsDownload": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsId": string;
        "dsText": string;
        "dsVariant": 'primary' | 'secondary' | 'supplementary';
        "dsColour": 'blue' | 'black' | 'white';
        "dsSize": 'small' | 'medium';
        "dsHideIcon": boolean;
        "dsIcon": string;
        "dsIconPosition": 'start' | 'end';
        "dsTag": 'a' | 'span';
        "dsTabIndex": string;
        "dsDisabled": boolean;
    }
    interface DsLinkLogoAttributes {
        "dsRel": string;
        "dsHrefLang": string;
        "dsHref": string;
        "dsDownload": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsId": string;
        "dsIcon": string;
        "dsText": string;
        "dsSize": LinkSize;
        "dsTarget": LinkTarget;
        "dsIconTitle": string;
        "dsIconAriaLabel": string;
        "dsColour": 'black' | 'white';
        "dsTag": 'a' | 'span';
    }
    interface DsLinkWithArrowAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsRel": string;
        "dsHrefLang": string;
        "dsHref": string;
        "dsTarget": LinkTarget;
        "dsDownload": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsId": string;
        "dsText": string;
        "dsIconPosition": LinkIconPosition;
        "dsTag": 'a' | 'span';
        "dsFullWidth": boolean;
        "dsIcon": LinkIcon;
    }
    interface DsMediaAttributes {
        "dsSrc": string;
        "dsType": MediaType;
        "dsAlt": string;
        "dsPoster": string;
        "dsAutoplay": boolean;
        "dsLoop": boolean;
        "dsMuted": boolean;
        "dsControls": boolean;
        "dsUseLazy": boolean;
        "dsAspectRatio": string;
        "dsFluid": boolean;
        "dsCaptionText": string;
        "dsSrcset": string;
        "dsSizes": string;
    }
    interface DsModalAttributes {
        "dsId": string;
        "dsOpen": boolean;
        "dsCloseable": boolean;
        "dsVariant": 'default' | 'danger';
        "dsIcon": string;
        "dsIconAriaLabel": string;
        "dsSize": 'auto' | 'small' | 'medium' | 'large' | 'full';
        "dsAutoFocusTarget": 'heading' | 'close-button' | 'other';
        "dsScrollable": boolean;
        "dsHeadingText": string;
        "dsHeadingLevel": number;
        "dsBackdropCloseable": boolean;
        "dsBackdropZIndex": number;
    }
    interface DsNotificationAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsRole": string;
        "dsId": string;
        "dsVariant": "danger" | "success" | "attention" | "info" | "neutral" | "neutralWhite";
        "dsDismissable": boolean;
        "dsDismissButtonHiddenAssistiveText": string;
        "dsHeading": string;
        "dsHeadingLevel": number;
        "dsIcon": string;
        "dsDescription": string;
        "dsDescriptionMaxWidth": DsDescriptionMaxWidth;
    }
    interface DsOptionAttributes {
        "dsId": string;
        "dsValue": string;
        "dsLabel": string;
        "dsDisabled": boolean;
        "dsDescription": string;
        "dsActive": boolean;
        "dsSelected": boolean;
        "dsHidden": boolean;
        "dsMouseDownPreventDefault": boolean;
        "dsFocusOnActiveChange": boolean;
        "dsVariant": 'default' | 'multiple';
    }
    interface DsOptionGroupAttributes {
        "dsLabel": string;
        "dsHidden": boolean;
        "dsMouseDownPreventDefault": boolean;
    }
    interface DsOptionsAttributes {
        "dsId": string;
        "dsSelectedValue": string;
        "dsActiveIndex": number;
        "dsLabelId": string;
        "dsAriaMultiselectable": boolean;
    }
    interface DsOptionsMessageAttributes {
        "dsLoading": boolean;
        "dsError": boolean;
        "dsNoResults": boolean;
        "dsErrorTitle": string;
        "dsErrorText": string;
        "dsLoadingText": string;
        "dsNoResultsTitle": string;
        "dsNoResultsText": string;
    }
    interface DsPaginationAttributes {
        "dsCurrentPage": number;
        "dsTotalPages": number;
        "dsLayout": 'auto' | 'compact' | 'full';
        "dsVariant": 'small' | 'medium';
        "dsColour": 'blue' | 'black' | 'white';
        "dsAriaLabel": string;
    }
    interface DsPaginationItemAttributes {
        "dsType": 'first' | 'previous' | 'next' | 'last';
        "dsText": string;
        "dsIcon": string;
        "dsHref": string;
        "dsDisabled": boolean;
        "dsTag": 'a' | 'span';
    }
    interface DsPaginationPageAttributes {
        "dsPage": number;
        "dsHref": string;
        "dsIsCurrent": boolean;
        "dsAriaLabel": string;
        "dsTag": 'a' | 'span';
    }
    interface DsRadioButtonAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsAriaLabel": string;
        "dsAriaDescribedby": string;
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsErrorsDisabled": boolean;
        "dsValue": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsText": string;
        "dsRequired": boolean;
        "dsDisabled": boolean;
        "dsChecked": boolean;
        "dsErrorText": string;
    }
    interface DsRadioButtonGroupAttributes {
        "dsForm": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsValue": string;
        "dsDirection": 'horizontal' | 'vertical';
        "dsErrorText": string;
        "dsRequired": boolean;
        "dsName": string;
    }
    interface DsRibbonAttributes {
        "dsIcon": string;
        "dsSiteName": string;
        "dsHideBranding": boolean;
        "dsIconTitle": string;
        "dsIconAriaLabel": string;
        "dsMobileToggleText": string;
        "dsCloseButtonText": string;
        "dsNavAriaLabel": string;
        "dsLogoAriaLabel": string;
        "dsCloseButtonId": string;
        "dsMobileToggleId": string;
        "dsDataUrl": string;
    }
    interface DsSelectAttributes {
        "dsForm": string;
        "dsId": string;
        "dsName": string;
        "dsLabel": string;
        "dsAssistiveText": string;
        "dsPlaceholder": string;
        "dsVariant": 'default' | 'multiple' | 'native';
        "dsClearable": boolean;
        "dsDisabled": boolean;
        "dsErrorText": string;
        "dsIcon": string;
        "dsIconSize": string;
        "dsValue": string | string[] | null;
        "dsLoading": boolean;
        "dsLoadingText": string;
        "dsOptionsError": boolean;
        "dsOptionsErrorTitle": string;
        "dsOptionsErrorText": string;
        "dsFullWidth": boolean;
        "dsRequired": boolean;
        "dsAriaLabel": string;
    }
    interface DsSelectNativeAttributes {
        "dsMuteAriaDeprecationWarning": boolean;
        "dsAriaDescribedby": string;
        "dsAriaControls": string;
        "dsId": string;
        "dsLabel": string;
        "dsPlaceholder": string;
        "dsValue": string;
        "dsIcon": string;
        "dsIconSize": string;
        "dsName": string;
        "dsForm": string;
        "dsDisabled": boolean;
        "dsErrorText": string;
        "dsFullWidth": boolean;
        "dsRequired": boolean;
        "dsAriaLabel": string;
    }
    interface DsSpinnerAttributes {
        "dsText": string;
        "dsSize": SpinnerSize;
        "dsCustomSize": string;
        "dsCustomTextSize": string;
        "dsTextPosition": SpinnerTextPosition;
        "dsColour": SpinnerColor;
        "dsUseRoleAlert": boolean;
        "dsUseAriaLive": boolean;
        "dsHiddenAssistiveText": string;
    }
    interface DsStepAttributes {
        "dsOrientation": 'horizontal' | 'vertical';
        "dsPhase": 'static' | 'incomplete' | 'current' | 'complete';
        "dsOrdinal": number;
        "dsFullWidth": boolean;
    }
    interface DsStepBaseAttributes {
        "dsOrientation": 'horizontal' | 'vertical';
        "dsFullWidth": boolean;
    }
    interface DsStepBulletAttributes {
        "dsSize": 'small' | 'medium';
        "dsShowLine": boolean;
    }
    interface DsStepBulletBaseAttributes {
        "dsOrientation": 'horizontal' | 'vertical';
        "dsSize": 'small' | 'medium';
        "dsFillColour": string;
        "dsBorderColour": string;
        "dsBorderWidth": 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        "dsLineColour": string;
        "dsLineWidth": 'none' | 'hairline' | 'thin' | 'thick' | 'xThick';
        "dsIcon": string;
        "dsIconColour": string;
        "dsText": string;
        "dsTextColour": string;
    }
    interface DsStepContentAttributes {
        "dsHeading": string;
        "dsFullWidth": boolean;
    }
    interface DsStepContentBaseAttributes {
        "dsOrientation": 'horizontal' | 'vertical';
        "dsHeading": string;
        "dsHeadingColour": string;
        "dsOrdinal": number;
        "dsHiddenAssistiveText": string;
        "dsFullWidth": boolean;
        "dsAriaCurrent": 'step' | undefined;
    }
    interface DsStepsAttributes {
        "dsOrientation": 'horizontal' | 'vertical';
    }
    interface DsStoreAttributes {
        "dsLanguage": Language;
    }
    interface DsTabAttributes {
        "dsId": string;
        "dsTabPanelId": string;
        "dsText": string;
        "dsIconStart": string;
        "dsIconStartAriaLabel": string;
        "dsIconEnd": string;
        "dsIconEndAriaLabel": string;
        "dsIconEndColour": (typeof iconColours)[number];
    }
    interface DsTablistAttributes {
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
    }
    interface DsTabpanelAttributes {
        "dsId": string;
        "dsTabId": string;
        "dsPadded": boolean;
    }
    interface DsTabsAttributes {
        "dsCurrentTab": string;
        "dsCurrentTabPanel": string;
        "dsVariant": 'container' | 'line';
    }
    interface DsTagAttributes {
        "dsText": string;
        "dsIcon": string;
        "dsIconPosition": 'start' | 'end';
        "dsDownload": boolean;
        "dsTarget": LinkTarget;
        "dsHref": string;
        "dsColour": TagColour;
        "dsRole": string;
        "dsAriaHidden": boolean;
    }
    interface DsTagGroupAttributes {
        "dsLabel": string;
        "dsAriaLabel": string;
        "dsAssistiveText": string;
    }
    interface DsTextAreaAttributes {
        "dsForm": string;
        "dsLabel": string;
        "dsPlaceholder": string;
        "dsId": string;
        "dsName": string;
        "dsDisabled": boolean;
        "dsOptional": boolean;
        "dsRequired": boolean;
        "dsReadonly": boolean;
        "dsValue": string;
        "dsOptionalText": string;
        "dsResizing": 'both' | 'none' | 'vertical' | 'horizontal' | 'auto';
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsAriaDescribedby": string;
        "dsErrorText": string;
        "dsSuccessText": string;
        "dsAssistiveText": string;
        "dsHiddenAssistiveText": string;
        "dsCharacterLimit": number;
        "dsFullWidth": boolean;
    }
    interface DsTextInputAttributes {
        "dsForm": string;
        "dsStep": number;
        "dsLabel": string;
        "dsPlaceholder": string;
        "dsId": string;
        "dsName": string;
        "dsDisabled": boolean;
        "dsOptional": boolean;
        "dsRequired": boolean;
        "dsReadonly": boolean;
        "dsValue": string;
        "dsMin": number;
        "dsMax": number;
        "dsMaxLength": number;
        "dsPattern": string;
        "dsAutocomplete": string;
        "dsOptionalText": string;
        "dsErrorText": string;
        "dsSuccessText": string;
        "dsAssistiveText": string;
        "dsActionButtonAriaLabel": string;
        "dsHiddenAssistiveText": string;
        "dsPrefixText": string;
        "dsSuffixText": string;
        "dsIcon": string;
        "dsType": 'text' | 'password' | 'search' | 'loading' | 'tel' | 'email' | 'url' | 'number';
        "dsAriaLabel": string;
        "dsAriaLabelledby": string;
        "dsAriaDescribedby": string;
        "dsInvalid": boolean;
        "dsFullWidth": boolean;
    }
    interface DsVisuallyHiddenAttributes {
        "dsTag": 'div' | 'span';
    }

    interface IntrinsicElements {
        "ds-accordion": Omit<DsAccordion, keyof DsAccordionAttributes> & { [K in keyof DsAccordion & keyof DsAccordionAttributes]?: DsAccordion[K] } & { [K in keyof DsAccordion & keyof DsAccordionAttributes as `attr:${K}`]?: DsAccordionAttributes[K] } & { [K in keyof DsAccordion & keyof DsAccordionAttributes as `prop:${K}`]?: DsAccordion[K] };
        "ds-action-list": Omit<DsActionList, keyof DsActionListAttributes> & { [K in keyof DsActionList & keyof DsActionListAttributes]?: DsActionList[K] } & { [K in keyof DsActionList & keyof DsActionListAttributes as `attr:${K}`]?: DsActionListAttributes[K] } & { [K in keyof DsActionList & keyof DsActionListAttributes as `prop:${K}`]?: DsActionList[K] };
        "ds-action-list-divider": DsActionListDivider;
        "ds-action-list-group-title": Omit<DsActionListGroupTitle, keyof DsActionListGroupTitleAttributes> & { [K in keyof DsActionListGroupTitle & keyof DsActionListGroupTitleAttributes]?: DsActionListGroupTitle[K] } & { [K in keyof DsActionListGroupTitle & keyof DsActionListGroupTitleAttributes as `attr:${K}`]?: DsActionListGroupTitleAttributes[K] } & { [K in keyof DsActionListGroupTitle & keyof DsActionListGroupTitleAttributes as `prop:${K}`]?: DsActionListGroupTitle[K] } & OneOf<"dsTitle", DsActionListGroupTitle["dsTitle"], DsActionListGroupTitleAttributes["dsTitle"]>;
        "ds-action-list-item": Omit<DsActionListItem, keyof DsActionListItemAttributes> & { [K in keyof DsActionListItem & keyof DsActionListItemAttributes]?: DsActionListItem[K] } & { [K in keyof DsActionListItem & keyof DsActionListItemAttributes as `attr:${K}`]?: DsActionListItemAttributes[K] } & { [K in keyof DsActionListItem & keyof DsActionListItemAttributes as `prop:${K}`]?: DsActionListItem[K] } & OneOf<"dsLabel", DsActionListItem["dsLabel"], DsActionListItemAttributes["dsLabel"]>;
        "ds-action-menu": Omit<DsActionMenu, keyof DsActionMenuAttributes> & { [K in keyof DsActionMenu & keyof DsActionMenuAttributes]?: DsActionMenu[K] } & { [K in keyof DsActionMenu & keyof DsActionMenuAttributes as `attr:${K}`]?: DsActionMenuAttributes[K] } & { [K in keyof DsActionMenu & keyof DsActionMenuAttributes as `prop:${K}`]?: DsActionMenu[K] };
        "ds-assistive-text": Omit<DsAssistiveText, keyof DsAssistiveTextAttributes> & { [K in keyof DsAssistiveText & keyof DsAssistiveTextAttributes]?: DsAssistiveText[K] } & { [K in keyof DsAssistiveText & keyof DsAssistiveTextAttributes as `attr:${K}`]?: DsAssistiveTextAttributes[K] } & { [K in keyof DsAssistiveText & keyof DsAssistiveTextAttributes as `prop:${K}`]?: DsAssistiveText[K] };
        "ds-backdrop": Omit<DsBackdrop, keyof DsBackdropAttributes> & { [K in keyof DsBackdrop & keyof DsBackdropAttributes]?: DsBackdrop[K] } & { [K in keyof DsBackdrop & keyof DsBackdropAttributes as `attr:${K}`]?: DsBackdropAttributes[K] } & { [K in keyof DsBackdrop & keyof DsBackdropAttributes as `prop:${K}`]?: DsBackdrop[K] };
        "ds-badge": Omit<DsBadge, keyof DsBadgeAttributes> & { [K in keyof DsBadge & keyof DsBadgeAttributes]?: DsBadge[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `attr:${K}`]?: DsBadgeAttributes[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `prop:${K}`]?: DsBadge[K] };
        "ds-breadcrumb": Omit<DsBreadcrumb, keyof DsBreadcrumbAttributes> & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes]?: DsBreadcrumb[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `attr:${K}`]?: DsBreadcrumbAttributes[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `prop:${K}`]?: DsBreadcrumb[K] };
        "ds-breadcrumbs": Omit<DsBreadcrumbs, keyof DsBreadcrumbsAttributes> & { [K in keyof DsBreadcrumbs & keyof DsBreadcrumbsAttributes]?: DsBreadcrumbs[K] } & { [K in keyof DsBreadcrumbs & keyof DsBreadcrumbsAttributes as `attr:${K}`]?: DsBreadcrumbsAttributes[K] } & { [K in keyof DsBreadcrumbs & keyof DsBreadcrumbsAttributes as `prop:${K}`]?: DsBreadcrumbs[K] };
        "ds-breadcrumbs-collapsible": Omit<DsBreadcrumbsCollapsible, keyof DsBreadcrumbsCollapsibleAttributes> & { [K in keyof DsBreadcrumbsCollapsible & keyof DsBreadcrumbsCollapsibleAttributes]?: DsBreadcrumbsCollapsible[K] } & { [K in keyof DsBreadcrumbsCollapsible & keyof DsBreadcrumbsCollapsibleAttributes as `attr:${K}`]?: DsBreadcrumbsCollapsibleAttributes[K] } & { [K in keyof DsBreadcrumbsCollapsible & keyof DsBreadcrumbsCollapsibleAttributes as `prop:${K}`]?: DsBreadcrumbsCollapsible[K] };
        "ds-breadcrumbs-expand-button": Omit<DsBreadcrumbsExpandButton, keyof DsBreadcrumbsExpandButtonAttributes> & { [K in keyof DsBreadcrumbsExpandButton & keyof DsBreadcrumbsExpandButtonAttributes]?: DsBreadcrumbsExpandButton[K] } & { [K in keyof DsBreadcrumbsExpandButton & keyof DsBreadcrumbsExpandButtonAttributes as `attr:${K}`]?: DsBreadcrumbsExpandButtonAttributes[K] } & { [K in keyof DsBreadcrumbsExpandButton & keyof DsBreadcrumbsExpandButtonAttributes as `prop:${K}`]?: DsBreadcrumbsExpandButton[K] };
        "ds-breadcrumbs-separator": Omit<DsBreadcrumbsSeparator, keyof DsBreadcrumbsSeparatorAttributes> & { [K in keyof DsBreadcrumbsSeparator & keyof DsBreadcrumbsSeparatorAttributes]?: DsBreadcrumbsSeparator[K] } & { [K in keyof DsBreadcrumbsSeparator & keyof DsBreadcrumbsSeparatorAttributes as `attr:${K}`]?: DsBreadcrumbsSeparatorAttributes[K] } & { [K in keyof DsBreadcrumbsSeparator & keyof DsBreadcrumbsSeparatorAttributes as `prop:${K}`]?: DsBreadcrumbsSeparator[K] };
        "ds-button": Omit<DsButton, keyof DsButtonAttributes> & { [K in keyof DsButton & keyof DsButtonAttributes]?: DsButton[K] } & { [K in keyof DsButton & keyof DsButtonAttributes as `attr:${K}`]?: DsButtonAttributes[K] } & { [K in keyof DsButton & keyof DsButtonAttributes as `prop:${K}`]?: DsButton[K] };
        "ds-card": Omit<DsCard, keyof DsCardAttributes> & { [K in keyof DsCard & keyof DsCardAttributes]?: DsCard[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `attr:${K}`]?: DsCardAttributes[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `prop:${K}`]?: DsCard[K] };
        "ds-checkbox": Omit<DsCheckbox, keyof DsCheckboxAttributes> & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes]?: DsCheckbox[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `attr:${K}`]?: DsCheckboxAttributes[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `prop:${K}`]?: DsCheckbox[K] };
        "ds-checkbox-group": Omit<DsCheckboxGroup, keyof DsCheckboxGroupAttributes> & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes]?: DsCheckboxGroup[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `attr:${K}`]?: DsCheckboxGroupAttributes[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `prop:${K}`]?: DsCheckboxGroup[K] };
        "ds-checkbox-group-expand-button": Omit<DsCheckboxGroupExpandButton, keyof DsCheckboxGroupExpandButtonAttributes> & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes]?: DsCheckboxGroupExpandButton[K] } & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes as `attr:${K}`]?: DsCheckboxGroupExpandButtonAttributes[K] } & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes as `prop:${K}`]?: DsCheckboxGroupExpandButton[K] } & OneOf<"dsAriaLabel", DsCheckboxGroupExpandButton["dsAriaLabel"], DsCheckboxGroupExpandButtonAttributes["dsAriaLabel"]>;
        "ds-chip": Omit<DsChip, keyof DsChipAttributes> & { [K in keyof DsChip & keyof DsChipAttributes]?: DsChip[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `attr:${K}`]?: DsChipAttributes[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `prop:${K}`]?: DsChip[K] } & OneOf<"dsText", DsChip["dsText"], DsChipAttributes["dsText"]>;
        "ds-chip-group": Omit<DsChipGroup, keyof DsChipGroupAttributes> & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes]?: DsChipGroup[K] } & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes as `attr:${K}`]?: DsChipGroupAttributes[K] } & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes as `prop:${K}`]?: DsChipGroup[K] };
        "ds-combobox": Omit<DsCombobox, keyof DsComboboxAttributes> & { [K in keyof DsCombobox & keyof DsComboboxAttributes]?: DsCombobox[K] } & { [K in keyof DsCombobox & keyof DsComboboxAttributes as `attr:${K}`]?: DsComboboxAttributes[K] } & { [K in keyof DsCombobox & keyof DsComboboxAttributes as `prop:${K}`]?: DsCombobox[K] };
        "ds-control-label": Omit<DsControlLabel, keyof DsControlLabelAttributes> & { [K in keyof DsControlLabel & keyof DsControlLabelAttributes]?: DsControlLabel[K] } & { [K in keyof DsControlLabel & keyof DsControlLabelAttributes as `attr:${K}`]?: DsControlLabelAttributes[K] } & { [K in keyof DsControlLabel & keyof DsControlLabelAttributes as `prop:${K}`]?: DsControlLabel[K] };
        "ds-datepicker": Omit<DsDatepicker, keyof DsDatepickerAttributes> & { [K in keyof DsDatepicker & keyof DsDatepickerAttributes]?: DsDatepicker[K] } & { [K in keyof DsDatepicker & keyof DsDatepickerAttributes as `attr:${K}`]?: DsDatepickerAttributes[K] } & { [K in keyof DsDatepicker & keyof DsDatepickerAttributes as `prop:${K}`]?: DsDatepicker[K] };
        "ds-datepicker-custom": Omit<DsDatepickerCustom, keyof DsDatepickerCustomAttributes> & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes]?: DsDatepickerCustom[K] } & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes as `attr:${K}`]?: DsDatepickerCustomAttributes[K] } & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes as `prop:${K}`]?: DsDatepickerCustom[K] };
        "ds-datepicker-native": Omit<DsDatepickerNative, keyof DsDatepickerNativeAttributes> & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes]?: DsDatepickerNative[K] } & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes as `attr:${K}`]?: DsDatepickerNativeAttributes[K] } & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes as `prop:${K}`]?: DsDatepickerNative[K] };
        "ds-datepicker-simple": Omit<DsDatepickerSimple, keyof DsDatepickerSimpleAttributes> & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes]?: DsDatepickerSimple[K] } & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes as `attr:${K}`]?: DsDatepickerSimpleAttributes[K] } & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes as `prop:${K}`]?: DsDatepickerSimple[K] };
        "ds-divider": Omit<DsDivider, keyof DsDividerAttributes> & { [K in keyof DsDivider & keyof DsDividerAttributes]?: DsDivider[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `attr:${K}`]?: DsDividerAttributes[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `prop:${K}`]?: DsDivider[K] };
        "ds-feedback": Omit<DsFeedback, keyof DsFeedbackAttributes> & { [K in keyof DsFeedback & keyof DsFeedbackAttributes]?: DsFeedback[K] } & { [K in keyof DsFeedback & keyof DsFeedbackAttributes as `attr:${K}`]?: DsFeedbackAttributes[K] } & { [K in keyof DsFeedback & keyof DsFeedbackAttributes as `prop:${K}`]?: DsFeedback[K] };
        "ds-grid": Omit<DsGrid, keyof DsGridAttributes> & { [K in keyof DsGrid & keyof DsGridAttributes]?: DsGrid[K] } & { [K in keyof DsGrid & keyof DsGridAttributes as `attr:${K}`]?: DsGridAttributes[K] } & { [K in keyof DsGrid & keyof DsGridAttributes as `prop:${K}`]?: DsGrid[K] };
        "ds-group-label": Omit<DsGroupLabel, keyof DsGroupLabelAttributes> & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes]?: DsGroupLabel[K] } & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes as `attr:${K}`]?: DsGroupLabelAttributes[K] } & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes as `prop:${K}`]?: DsGroupLabel[K] };
        "ds-icon": Omit<DsIcon, keyof DsIconAttributes> & { [K in keyof DsIcon & keyof DsIconAttributes]?: DsIcon[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `attr:${K}`]?: DsIconAttributes[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `prop:${K}`]?: DsIcon[K] } & OneOf<"dsName", DsIcon["dsName"], DsIconAttributes["dsName"]>;
        "ds-icon-360": Omit<DsIcon360, keyof DsIcon360Attributes> & { [K in keyof DsIcon360 & keyof DsIcon360Attributes]?: DsIcon360[K] } & { [K in keyof DsIcon360 & keyof DsIcon360Attributes as `attr:${K}`]?: DsIcon360Attributes[K] } & { [K in keyof DsIcon360 & keyof DsIcon360Attributes as `prop:${K}`]?: DsIcon360[K] };
        "ds-icon-account-balance": Omit<DsIconAccountBalance, keyof DsIconAccountBalanceAttributes> & { [K in keyof DsIconAccountBalance & keyof DsIconAccountBalanceAttributes]?: DsIconAccountBalance[K] } & { [K in keyof DsIconAccountBalance & keyof DsIconAccountBalanceAttributes as `attr:${K}`]?: DsIconAccountBalanceAttributes[K] } & { [K in keyof DsIconAccountBalance & keyof DsIconAccountBalanceAttributes as `prop:${K}`]?: DsIconAccountBalance[K] };
        "ds-icon-account-balance-fill": Omit<DsIconAccountBalanceFill, keyof DsIconAccountBalanceFillAttributes> & { [K in keyof DsIconAccountBalanceFill & keyof DsIconAccountBalanceFillAttributes]?: DsIconAccountBalanceFill[K] } & { [K in keyof DsIconAccountBalanceFill & keyof DsIconAccountBalanceFillAttributes as `attr:${K}`]?: DsIconAccountBalanceFillAttributes[K] } & { [K in keyof DsIconAccountBalanceFill & keyof DsIconAccountBalanceFillAttributes as `prop:${K}`]?: DsIconAccountBalanceFill[K] };
        "ds-icon-account-circle": Omit<DsIconAccountCircle, keyof DsIconAccountCircleAttributes> & { [K in keyof DsIconAccountCircle & keyof DsIconAccountCircleAttributes]?: DsIconAccountCircle[K] } & { [K in keyof DsIconAccountCircle & keyof DsIconAccountCircleAttributes as `attr:${K}`]?: DsIconAccountCircleAttributes[K] } & { [K in keyof DsIconAccountCircle & keyof DsIconAccountCircleAttributes as `prop:${K}`]?: DsIconAccountCircle[K] };
        "ds-icon-account-circle-fill": Omit<DsIconAccountCircleFill, keyof DsIconAccountCircleFillAttributes> & { [K in keyof DsIconAccountCircleFill & keyof DsIconAccountCircleFillAttributes]?: DsIconAccountCircleFill[K] } & { [K in keyof DsIconAccountCircleFill & keyof DsIconAccountCircleFillAttributes as `attr:${K}`]?: DsIconAccountCircleFillAttributes[K] } & { [K in keyof DsIconAccountCircleFill & keyof DsIconAccountCircleFillAttributes as `prop:${K}`]?: DsIconAccountCircleFill[K] };
        "ds-icon-add": Omit<DsIconAdd, keyof DsIconAddAttributes> & { [K in keyof DsIconAdd & keyof DsIconAddAttributes]?: DsIconAdd[K] } & { [K in keyof DsIconAdd & keyof DsIconAddAttributes as `attr:${K}`]?: DsIconAddAttributes[K] } & { [K in keyof DsIconAdd & keyof DsIconAddAttributes as `prop:${K}`]?: DsIconAdd[K] };
        "ds-icon-archive": Omit<DsIconArchive, keyof DsIconArchiveAttributes> & { [K in keyof DsIconArchive & keyof DsIconArchiveAttributes]?: DsIconArchive[K] } & { [K in keyof DsIconArchive & keyof DsIconArchiveAttributes as `attr:${K}`]?: DsIconArchiveAttributes[K] } & { [K in keyof DsIconArchive & keyof DsIconArchiveAttributes as `prop:${K}`]?: DsIconArchive[K] };
        "ds-icon-archive-fill": Omit<DsIconArchiveFill, keyof DsIconArchiveFillAttributes> & { [K in keyof DsIconArchiveFill & keyof DsIconArchiveFillAttributes]?: DsIconArchiveFill[K] } & { [K in keyof DsIconArchiveFill & keyof DsIconArchiveFillAttributes as `attr:${K}`]?: DsIconArchiveFillAttributes[K] } & { [K in keyof DsIconArchiveFill & keyof DsIconArchiveFillAttributes as `prop:${K}`]?: DsIconArchiveFill[K] };
        "ds-icon-arrow-back": Omit<DsIconArrowBack, keyof DsIconArrowBackAttributes> & { [K in keyof DsIconArrowBack & keyof DsIconArrowBackAttributes]?: DsIconArrowBack[K] } & { [K in keyof DsIconArrowBack & keyof DsIconArrowBackAttributes as `attr:${K}`]?: DsIconArrowBackAttributes[K] } & { [K in keyof DsIconArrowBack & keyof DsIconArrowBackAttributes as `prop:${K}`]?: DsIconArrowBack[K] };
        "ds-icon-arrow-downward": Omit<DsIconArrowDownward, keyof DsIconArrowDownwardAttributes> & { [K in keyof DsIconArrowDownward & keyof DsIconArrowDownwardAttributes]?: DsIconArrowDownward[K] } & { [K in keyof DsIconArrowDownward & keyof DsIconArrowDownwardAttributes as `attr:${K}`]?: DsIconArrowDownwardAttributes[K] } & { [K in keyof DsIconArrowDownward & keyof DsIconArrowDownwardAttributes as `prop:${K}`]?: DsIconArrowDownward[K] };
        "ds-icon-arrow-drop-down": Omit<DsIconArrowDropDown, keyof DsIconArrowDropDownAttributes> & { [K in keyof DsIconArrowDropDown & keyof DsIconArrowDropDownAttributes]?: DsIconArrowDropDown[K] } & { [K in keyof DsIconArrowDropDown & keyof DsIconArrowDropDownAttributes as `attr:${K}`]?: DsIconArrowDropDownAttributes[K] } & { [K in keyof DsIconArrowDropDown & keyof DsIconArrowDropDownAttributes as `prop:${K}`]?: DsIconArrowDropDown[K] };
        "ds-icon-arrow-drop-down-circle": Omit<DsIconArrowDropDownCircle, keyof DsIconArrowDropDownCircleAttributes> & { [K in keyof DsIconArrowDropDownCircle & keyof DsIconArrowDropDownCircleAttributes]?: DsIconArrowDropDownCircle[K] } & { [K in keyof DsIconArrowDropDownCircle & keyof DsIconArrowDropDownCircleAttributes as `attr:${K}`]?: DsIconArrowDropDownCircleAttributes[K] } & { [K in keyof DsIconArrowDropDownCircle & keyof DsIconArrowDropDownCircleAttributes as `prop:${K}`]?: DsIconArrowDropDownCircle[K] };
        "ds-icon-arrow-drop-down-circle-fill": Omit<DsIconArrowDropDownCircleFill, keyof DsIconArrowDropDownCircleFillAttributes> & { [K in keyof DsIconArrowDropDownCircleFill & keyof DsIconArrowDropDownCircleFillAttributes]?: DsIconArrowDropDownCircleFill[K] } & { [K in keyof DsIconArrowDropDownCircleFill & keyof DsIconArrowDropDownCircleFillAttributes as `attr:${K}`]?: DsIconArrowDropDownCircleFillAttributes[K] } & { [K in keyof DsIconArrowDropDownCircleFill & keyof DsIconArrowDropDownCircleFillAttributes as `prop:${K}`]?: DsIconArrowDropDownCircleFill[K] };
        "ds-icon-arrow-drop-up": Omit<DsIconArrowDropUp, keyof DsIconArrowDropUpAttributes> & { [K in keyof DsIconArrowDropUp & keyof DsIconArrowDropUpAttributes]?: DsIconArrowDropUp[K] } & { [K in keyof DsIconArrowDropUp & keyof DsIconArrowDropUpAttributes as `attr:${K}`]?: DsIconArrowDropUpAttributes[K] } & { [K in keyof DsIconArrowDropUp & keyof DsIconArrowDropUpAttributes as `prop:${K}`]?: DsIconArrowDropUp[K] };
        "ds-icon-arrow-forward": Omit<DsIconArrowForward, keyof DsIconArrowForwardAttributes> & { [K in keyof DsIconArrowForward & keyof DsIconArrowForwardAttributes]?: DsIconArrowForward[K] } & { [K in keyof DsIconArrowForward & keyof DsIconArrowForwardAttributes as `attr:${K}`]?: DsIconArrowForwardAttributes[K] } & { [K in keyof DsIconArrowForward & keyof DsIconArrowForwardAttributes as `prop:${K}`]?: DsIconArrowForward[K] };
        "ds-icon-arrow-insert": Omit<DsIconArrowInsert, keyof DsIconArrowInsertAttributes> & { [K in keyof DsIconArrowInsert & keyof DsIconArrowInsertAttributes]?: DsIconArrowInsert[K] } & { [K in keyof DsIconArrowInsert & keyof DsIconArrowInsertAttributes as `attr:${K}`]?: DsIconArrowInsertAttributes[K] } & { [K in keyof DsIconArrowInsert & keyof DsIconArrowInsertAttributes as `prop:${K}`]?: DsIconArrowInsert[K] };
        "ds-icon-arrow-outward": Omit<DsIconArrowOutward, keyof DsIconArrowOutwardAttributes> & { [K in keyof DsIconArrowOutward & keyof DsIconArrowOutwardAttributes]?: DsIconArrowOutward[K] } & { [K in keyof DsIconArrowOutward & keyof DsIconArrowOutwardAttributes as `attr:${K}`]?: DsIconArrowOutwardAttributes[K] } & { [K in keyof DsIconArrowOutward & keyof DsIconArrowOutwardAttributes as `prop:${K}`]?: DsIconArrowOutward[K] };
        "ds-icon-arrow-upward": Omit<DsIconArrowUpward, keyof DsIconArrowUpwardAttributes> & { [K in keyof DsIconArrowUpward & keyof DsIconArrowUpwardAttributes]?: DsIconArrowUpward[K] } & { [K in keyof DsIconArrowUpward & keyof DsIconArrowUpwardAttributes as `attr:${K}`]?: DsIconArrowUpwardAttributes[K] } & { [K in keyof DsIconArrowUpward & keyof DsIconArrowUpwardAttributes as `prop:${K}`]?: DsIconArrowUpward[K] };
        "ds-icon-attach-email": Omit<DsIconAttachEmail, keyof DsIconAttachEmailAttributes> & { [K in keyof DsIconAttachEmail & keyof DsIconAttachEmailAttributes]?: DsIconAttachEmail[K] } & { [K in keyof DsIconAttachEmail & keyof DsIconAttachEmailAttributes as `attr:${K}`]?: DsIconAttachEmailAttributes[K] } & { [K in keyof DsIconAttachEmail & keyof DsIconAttachEmailAttributes as `prop:${K}`]?: DsIconAttachEmail[K] };
        "ds-icon-attach-email-fill": Omit<DsIconAttachEmailFill, keyof DsIconAttachEmailFillAttributes> & { [K in keyof DsIconAttachEmailFill & keyof DsIconAttachEmailFillAttributes]?: DsIconAttachEmailFill[K] } & { [K in keyof DsIconAttachEmailFill & keyof DsIconAttachEmailFillAttributes as `attr:${K}`]?: DsIconAttachEmailFillAttributes[K] } & { [K in keyof DsIconAttachEmailFill & keyof DsIconAttachEmailFillAttributes as `prop:${K}`]?: DsIconAttachEmailFill[K] };
        "ds-icon-attach-file": Omit<DsIconAttachFile, keyof DsIconAttachFileAttributes> & { [K in keyof DsIconAttachFile & keyof DsIconAttachFileAttributes]?: DsIconAttachFile[K] } & { [K in keyof DsIconAttachFile & keyof DsIconAttachFileAttributes as `attr:${K}`]?: DsIconAttachFileAttributes[K] } & { [K in keyof DsIconAttachFile & keyof DsIconAttachFileAttributes as `prop:${K}`]?: DsIconAttachFile[K] };
        "ds-icon-attach-file-add": Omit<DsIconAttachFileAdd, keyof DsIconAttachFileAddAttributes> & { [K in keyof DsIconAttachFileAdd & keyof DsIconAttachFileAddAttributes]?: DsIconAttachFileAdd[K] } & { [K in keyof DsIconAttachFileAdd & keyof DsIconAttachFileAddAttributes as `attr:${K}`]?: DsIconAttachFileAddAttributes[K] } & { [K in keyof DsIconAttachFileAdd & keyof DsIconAttachFileAddAttributes as `prop:${K}`]?: DsIconAttachFileAdd[K] };
        "ds-icon-attach-file-off": Omit<DsIconAttachFileOff, keyof DsIconAttachFileOffAttributes> & { [K in keyof DsIconAttachFileOff & keyof DsIconAttachFileOffAttributes]?: DsIconAttachFileOff[K] } & { [K in keyof DsIconAttachFileOff & keyof DsIconAttachFileOffAttributes as `attr:${K}`]?: DsIconAttachFileOffAttributes[K] } & { [K in keyof DsIconAttachFileOff & keyof DsIconAttachFileOffAttributes as `prop:${K}`]?: DsIconAttachFileOff[K] };
        "ds-icon-badge": Omit<DsIconBadge, keyof DsIconBadgeAttributes> & { [K in keyof DsIconBadge & keyof DsIconBadgeAttributes]?: DsIconBadge[K] } & { [K in keyof DsIconBadge & keyof DsIconBadgeAttributes as `attr:${K}`]?: DsIconBadgeAttributes[K] } & { [K in keyof DsIconBadge & keyof DsIconBadgeAttributes as `prop:${K}`]?: DsIconBadge[K] };
        "ds-icon-badge-fill": Omit<DsIconBadgeFill, keyof DsIconBadgeFillAttributes> & { [K in keyof DsIconBadgeFill & keyof DsIconBadgeFillAttributes]?: DsIconBadgeFill[K] } & { [K in keyof DsIconBadgeFill & keyof DsIconBadgeFillAttributes as `attr:${K}`]?: DsIconBadgeFillAttributes[K] } & { [K in keyof DsIconBadgeFill & keyof DsIconBadgeFillAttributes as `prop:${K}`]?: DsIconBadgeFill[K] };
        "ds-icon-bar-chart": Omit<DsIconBarChart, keyof DsIconBarChartAttributes> & { [K in keyof DsIconBarChart & keyof DsIconBarChartAttributes]?: DsIconBarChart[K] } & { [K in keyof DsIconBarChart & keyof DsIconBarChartAttributes as `attr:${K}`]?: DsIconBarChartAttributes[K] } & { [K in keyof DsIconBarChart & keyof DsIconBarChartAttributes as `prop:${K}`]?: DsIconBarChart[K] };
        "ds-icon-bluesky": Omit<DsIconBluesky, keyof DsIconBlueskyAttributes> & { [K in keyof DsIconBluesky & keyof DsIconBlueskyAttributes]?: DsIconBluesky[K] } & { [K in keyof DsIconBluesky & keyof DsIconBlueskyAttributes as `attr:${K}`]?: DsIconBlueskyAttributes[K] } & { [K in keyof DsIconBluesky & keyof DsIconBlueskyAttributes as `prop:${K}`]?: DsIconBluesky[K] };
        "ds-icon-book-2": Omit<DsIconBook2, keyof DsIconBook2Attributes> & { [K in keyof DsIconBook2 & keyof DsIconBook2Attributes]?: DsIconBook2[K] } & { [K in keyof DsIconBook2 & keyof DsIconBook2Attributes as `attr:${K}`]?: DsIconBook2Attributes[K] } & { [K in keyof DsIconBook2 & keyof DsIconBook2Attributes as `prop:${K}`]?: DsIconBook2[K] };
        "ds-icon-book-2-fill": Omit<DsIconBook2Fill, keyof DsIconBook2FillAttributes> & { [K in keyof DsIconBook2Fill & keyof DsIconBook2FillAttributes]?: DsIconBook2Fill[K] } & { [K in keyof DsIconBook2Fill & keyof DsIconBook2FillAttributes as `attr:${K}`]?: DsIconBook2FillAttributes[K] } & { [K in keyof DsIconBook2Fill & keyof DsIconBook2FillAttributes as `prop:${K}`]?: DsIconBook2Fill[K] };
        "ds-icon-boy": Omit<DsIconBoy, keyof DsIconBoyAttributes> & { [K in keyof DsIconBoy & keyof DsIconBoyAttributes]?: DsIconBoy[K] } & { [K in keyof DsIconBoy & keyof DsIconBoyAttributes as `attr:${K}`]?: DsIconBoyAttributes[K] } & { [K in keyof DsIconBoy & keyof DsIconBoyAttributes as `prop:${K}`]?: DsIconBoy[K] };
        "ds-icon-build": Omit<DsIconBuild, keyof DsIconBuildAttributes> & { [K in keyof DsIconBuild & keyof DsIconBuildAttributes]?: DsIconBuild[K] } & { [K in keyof DsIconBuild & keyof DsIconBuildAttributes as `attr:${K}`]?: DsIconBuildAttributes[K] } & { [K in keyof DsIconBuild & keyof DsIconBuildAttributes as `prop:${K}`]?: DsIconBuild[K] };
        "ds-icon-build-fill": Omit<DsIconBuildFill, keyof DsIconBuildFillAttributes> & { [K in keyof DsIconBuildFill & keyof DsIconBuildFillAttributes]?: DsIconBuildFill[K] } & { [K in keyof DsIconBuildFill & keyof DsIconBuildFillAttributes as `attr:${K}`]?: DsIconBuildFillAttributes[K] } & { [K in keyof DsIconBuildFill & keyof DsIconBuildFillAttributes as `prop:${K}`]?: DsIconBuildFill[K] };
        "ds-icon-calculate": Omit<DsIconCalculate, keyof DsIconCalculateAttributes> & { [K in keyof DsIconCalculate & keyof DsIconCalculateAttributes]?: DsIconCalculate[K] } & { [K in keyof DsIconCalculate & keyof DsIconCalculateAttributes as `attr:${K}`]?: DsIconCalculateAttributes[K] } & { [K in keyof DsIconCalculate & keyof DsIconCalculateAttributes as `prop:${K}`]?: DsIconCalculate[K] };
        "ds-icon-calculate-fill": Omit<DsIconCalculateFill, keyof DsIconCalculateFillAttributes> & { [K in keyof DsIconCalculateFill & keyof DsIconCalculateFillAttributes]?: DsIconCalculateFill[K] } & { [K in keyof DsIconCalculateFill & keyof DsIconCalculateFillAttributes as `attr:${K}`]?: DsIconCalculateFillAttributes[K] } & { [K in keyof DsIconCalculateFill & keyof DsIconCalculateFillAttributes as `prop:${K}`]?: DsIconCalculateFill[K] };
        "ds-icon-calendar-month": Omit<DsIconCalendarMonth, keyof DsIconCalendarMonthAttributes> & { [K in keyof DsIconCalendarMonth & keyof DsIconCalendarMonthAttributes]?: DsIconCalendarMonth[K] } & { [K in keyof DsIconCalendarMonth & keyof DsIconCalendarMonthAttributes as `attr:${K}`]?: DsIconCalendarMonthAttributes[K] } & { [K in keyof DsIconCalendarMonth & keyof DsIconCalendarMonthAttributes as `prop:${K}`]?: DsIconCalendarMonth[K] };
        "ds-icon-calendar-month-fill": Omit<DsIconCalendarMonthFill, keyof DsIconCalendarMonthFillAttributes> & { [K in keyof DsIconCalendarMonthFill & keyof DsIconCalendarMonthFillAttributes]?: DsIconCalendarMonthFill[K] } & { [K in keyof DsIconCalendarMonthFill & keyof DsIconCalendarMonthFillAttributes as `attr:${K}`]?: DsIconCalendarMonthFillAttributes[K] } & { [K in keyof DsIconCalendarMonthFill & keyof DsIconCalendarMonthFillAttributes as `prop:${K}`]?: DsIconCalendarMonthFill[K] };
        "ds-icon-call": Omit<DsIconCall, keyof DsIconCallAttributes> & { [K in keyof DsIconCall & keyof DsIconCallAttributes]?: DsIconCall[K] } & { [K in keyof DsIconCall & keyof DsIconCallAttributes as `attr:${K}`]?: DsIconCallAttributes[K] } & { [K in keyof DsIconCall & keyof DsIconCallAttributes as `prop:${K}`]?: DsIconCall[K] };
        "ds-icon-call-fill": Omit<DsIconCallFill, keyof DsIconCallFillAttributes> & { [K in keyof DsIconCallFill & keyof DsIconCallFillAttributes]?: DsIconCallFill[K] } & { [K in keyof DsIconCallFill & keyof DsIconCallFillAttributes as `attr:${K}`]?: DsIconCallFillAttributes[K] } & { [K in keyof DsIconCallFill & keyof DsIconCallFillAttributes as `prop:${K}`]?: DsIconCallFill[K] };
        "ds-icon-cancel": Omit<DsIconCancel, keyof DsIconCancelAttributes> & { [K in keyof DsIconCancel & keyof DsIconCancelAttributes]?: DsIconCancel[K] } & { [K in keyof DsIconCancel & keyof DsIconCancelAttributes as `attr:${K}`]?: DsIconCancelAttributes[K] } & { [K in keyof DsIconCancel & keyof DsIconCancelAttributes as `prop:${K}`]?: DsIconCancel[K] };
        "ds-icon-cancel-fill": Omit<DsIconCancelFill, keyof DsIconCancelFillAttributes> & { [K in keyof DsIconCancelFill & keyof DsIconCancelFillAttributes]?: DsIconCancelFill[K] } & { [K in keyof DsIconCancelFill & keyof DsIconCancelFillAttributes as `attr:${K}`]?: DsIconCancelFillAttributes[K] } & { [K in keyof DsIconCancelFill & keyof DsIconCancelFillAttributes as `prop:${K}`]?: DsIconCancelFill[K] };
        "ds-icon-chat": Omit<DsIconChat, keyof DsIconChatAttributes> & { [K in keyof DsIconChat & keyof DsIconChatAttributes]?: DsIconChat[K] } & { [K in keyof DsIconChat & keyof DsIconChatAttributes as `attr:${K}`]?: DsIconChatAttributes[K] } & { [K in keyof DsIconChat & keyof DsIconChatAttributes as `prop:${K}`]?: DsIconChat[K] };
        "ds-icon-chat-fill": Omit<DsIconChatFill, keyof DsIconChatFillAttributes> & { [K in keyof DsIconChatFill & keyof DsIconChatFillAttributes]?: DsIconChatFill[K] } & { [K in keyof DsIconChatFill & keyof DsIconChatFillAttributes as `attr:${K}`]?: DsIconChatFillAttributes[K] } & { [K in keyof DsIconChatFill & keyof DsIconChatFillAttributes as `prop:${K}`]?: DsIconChatFill[K] };
        "ds-icon-check": Omit<DsIconCheck, keyof DsIconCheckAttributes> & { [K in keyof DsIconCheck & keyof DsIconCheckAttributes]?: DsIconCheck[K] } & { [K in keyof DsIconCheck & keyof DsIconCheckAttributes as `attr:${K}`]?: DsIconCheckAttributes[K] } & { [K in keyof DsIconCheck & keyof DsIconCheckAttributes as `prop:${K}`]?: DsIconCheck[K] };
        "ds-icon-check-box": Omit<DsIconCheckBox, keyof DsIconCheckBoxAttributes> & { [K in keyof DsIconCheckBox & keyof DsIconCheckBoxAttributes]?: DsIconCheckBox[K] } & { [K in keyof DsIconCheckBox & keyof DsIconCheckBoxAttributes as `attr:${K}`]?: DsIconCheckBoxAttributes[K] } & { [K in keyof DsIconCheckBox & keyof DsIconCheckBoxAttributes as `prop:${K}`]?: DsIconCheckBox[K] };
        "ds-icon-check-box-fill": Omit<DsIconCheckBoxFill, keyof DsIconCheckBoxFillAttributes> & { [K in keyof DsIconCheckBoxFill & keyof DsIconCheckBoxFillAttributes]?: DsIconCheckBoxFill[K] } & { [K in keyof DsIconCheckBoxFill & keyof DsIconCheckBoxFillAttributes as `attr:${K}`]?: DsIconCheckBoxFillAttributes[K] } & { [K in keyof DsIconCheckBoxFill & keyof DsIconCheckBoxFillAttributes as `prop:${K}`]?: DsIconCheckBoxFill[K] };
        "ds-icon-check-box-outline-blank": Omit<DsIconCheckBoxOutlineBlank, keyof DsIconCheckBoxOutlineBlankAttributes> & { [K in keyof DsIconCheckBoxOutlineBlank & keyof DsIconCheckBoxOutlineBlankAttributes]?: DsIconCheckBoxOutlineBlank[K] } & { [K in keyof DsIconCheckBoxOutlineBlank & keyof DsIconCheckBoxOutlineBlankAttributes as `attr:${K}`]?: DsIconCheckBoxOutlineBlankAttributes[K] } & { [K in keyof DsIconCheckBoxOutlineBlank & keyof DsIconCheckBoxOutlineBlankAttributes as `prop:${K}`]?: DsIconCheckBoxOutlineBlank[K] };
        "ds-icon-check-circle": Omit<DsIconCheckCircle, keyof DsIconCheckCircleAttributes> & { [K in keyof DsIconCheckCircle & keyof DsIconCheckCircleAttributes]?: DsIconCheckCircle[K] } & { [K in keyof DsIconCheckCircle & keyof DsIconCheckCircleAttributes as `attr:${K}`]?: DsIconCheckCircleAttributes[K] } & { [K in keyof DsIconCheckCircle & keyof DsIconCheckCircleAttributes as `prop:${K}`]?: DsIconCheckCircle[K] };
        "ds-icon-check-circle-fill": Omit<DsIconCheckCircleFill, keyof DsIconCheckCircleFillAttributes> & { [K in keyof DsIconCheckCircleFill & keyof DsIconCheckCircleFillAttributes]?: DsIconCheckCircleFill[K] } & { [K in keyof DsIconCheckCircleFill & keyof DsIconCheckCircleFillAttributes as `attr:${K}`]?: DsIconCheckCircleFillAttributes[K] } & { [K in keyof DsIconCheckCircleFill & keyof DsIconCheckCircleFillAttributes as `prop:${K}`]?: DsIconCheckCircleFill[K] };
        "ds-icon-check-indeterminate-small": Omit<DsIconCheckIndeterminateSmall, keyof DsIconCheckIndeterminateSmallAttributes> & { [K in keyof DsIconCheckIndeterminateSmall & keyof DsIconCheckIndeterminateSmallAttributes]?: DsIconCheckIndeterminateSmall[K] } & { [K in keyof DsIconCheckIndeterminateSmall & keyof DsIconCheckIndeterminateSmallAttributes as `attr:${K}`]?: DsIconCheckIndeterminateSmallAttributes[K] } & { [K in keyof DsIconCheckIndeterminateSmall & keyof DsIconCheckIndeterminateSmallAttributes as `prop:${K}`]?: DsIconCheckIndeterminateSmall[K] };
        "ds-icon-check-small": Omit<DsIconCheckSmall, keyof DsIconCheckSmallAttributes> & { [K in keyof DsIconCheckSmall & keyof DsIconCheckSmallAttributes]?: DsIconCheckSmall[K] } & { [K in keyof DsIconCheckSmall & keyof DsIconCheckSmallAttributes as `attr:${K}`]?: DsIconCheckSmallAttributes[K] } & { [K in keyof DsIconCheckSmall & keyof DsIconCheckSmallAttributes as `prop:${K}`]?: DsIconCheckSmall[K] };
        "ds-icon-checklist": Omit<DsIconChecklist, keyof DsIconChecklistAttributes> & { [K in keyof DsIconChecklist & keyof DsIconChecklistAttributes]?: DsIconChecklist[K] } & { [K in keyof DsIconChecklist & keyof DsIconChecklistAttributes as `attr:${K}`]?: DsIconChecklistAttributes[K] } & { [K in keyof DsIconChecklist & keyof DsIconChecklistAttributes as `prop:${K}`]?: DsIconChecklist[K] };
        "ds-icon-chevron-backward": Omit<DsIconChevronBackward, keyof DsIconChevronBackwardAttributes> & { [K in keyof DsIconChevronBackward & keyof DsIconChevronBackwardAttributes]?: DsIconChevronBackward[K] } & { [K in keyof DsIconChevronBackward & keyof DsIconChevronBackwardAttributes as `attr:${K}`]?: DsIconChevronBackwardAttributes[K] } & { [K in keyof DsIconChevronBackward & keyof DsIconChevronBackwardAttributes as `prop:${K}`]?: DsIconChevronBackward[K] };
        "ds-icon-chevron-forward": Omit<DsIconChevronForward, keyof DsIconChevronForwardAttributes> & { [K in keyof DsIconChevronForward & keyof DsIconChevronForwardAttributes]?: DsIconChevronForward[K] } & { [K in keyof DsIconChevronForward & keyof DsIconChevronForwardAttributes as `attr:${K}`]?: DsIconChevronForwardAttributes[K] } & { [K in keyof DsIconChevronForward & keyof DsIconChevronForwardAttributes as `prop:${K}`]?: DsIconChevronForward[K] };
        "ds-icon-close": Omit<DsIconClose, keyof DsIconCloseAttributes> & { [K in keyof DsIconClose & keyof DsIconCloseAttributes]?: DsIconClose[K] } & { [K in keyof DsIconClose & keyof DsIconCloseAttributes as `attr:${K}`]?: DsIconCloseAttributes[K] } & { [K in keyof DsIconClose & keyof DsIconCloseAttributes as `prop:${K}`]?: DsIconClose[K] };
        "ds-icon-close-small": Omit<DsIconCloseSmall, keyof DsIconCloseSmallAttributes> & { [K in keyof DsIconCloseSmall & keyof DsIconCloseSmallAttributes]?: DsIconCloseSmall[K] } & { [K in keyof DsIconCloseSmall & keyof DsIconCloseSmallAttributes as `attr:${K}`]?: DsIconCloseSmallAttributes[K] } & { [K in keyof DsIconCloseSmall & keyof DsIconCloseSmallAttributes as `prop:${K}`]?: DsIconCloseSmall[K] };
        "ds-icon-code-blocks": Omit<DsIconCodeBlocks, keyof DsIconCodeBlocksAttributes> & { [K in keyof DsIconCodeBlocks & keyof DsIconCodeBlocksAttributes]?: DsIconCodeBlocks[K] } & { [K in keyof DsIconCodeBlocks & keyof DsIconCodeBlocksAttributes as `attr:${K}`]?: DsIconCodeBlocksAttributes[K] } & { [K in keyof DsIconCodeBlocks & keyof DsIconCodeBlocksAttributes as `prop:${K}`]?: DsIconCodeBlocks[K] };
        "ds-icon-collapse-content": Omit<DsIconCollapseContent, keyof DsIconCollapseContentAttributes> & { [K in keyof DsIconCollapseContent & keyof DsIconCollapseContentAttributes]?: DsIconCollapseContent[K] } & { [K in keyof DsIconCollapseContent & keyof DsIconCollapseContentAttributes as `attr:${K}`]?: DsIconCollapseContentAttributes[K] } & { [K in keyof DsIconCollapseContent & keyof DsIconCollapseContentAttributes as `prop:${K}`]?: DsIconCollapseContent[K] };
        "ds-icon-construction": Omit<DsIconConstruction, keyof DsIconConstructionAttributes> & { [K in keyof DsIconConstruction & keyof DsIconConstructionAttributes]?: DsIconConstruction[K] } & { [K in keyof DsIconConstruction & keyof DsIconConstructionAttributes as `attr:${K}`]?: DsIconConstructionAttributes[K] } & { [K in keyof DsIconConstruction & keyof DsIconConstructionAttributes as `prop:${K}`]?: DsIconConstruction[K] };
        "ds-icon-content-copy": Omit<DsIconContentCopy, keyof DsIconContentCopyAttributes> & { [K in keyof DsIconContentCopy & keyof DsIconContentCopyAttributes]?: DsIconContentCopy[K] } & { [K in keyof DsIconContentCopy & keyof DsIconContentCopyAttributes as `attr:${K}`]?: DsIconContentCopyAttributes[K] } & { [K in keyof DsIconContentCopy & keyof DsIconContentCopyAttributes as `prop:${K}`]?: DsIconContentCopy[K] };
        "ds-icon-content-copy-fill": Omit<DsIconContentCopyFill, keyof DsIconContentCopyFillAttributes> & { [K in keyof DsIconContentCopyFill & keyof DsIconContentCopyFillAttributes]?: DsIconContentCopyFill[K] } & { [K in keyof DsIconContentCopyFill & keyof DsIconContentCopyFillAttributes as `attr:${K}`]?: DsIconContentCopyFillAttributes[K] } & { [K in keyof DsIconContentCopyFill & keyof DsIconContentCopyFillAttributes as `prop:${K}`]?: DsIconContentCopyFill[K] };
        "ds-icon-delete": Omit<DsIconDelete, keyof DsIconDeleteAttributes> & { [K in keyof DsIconDelete & keyof DsIconDeleteAttributes]?: DsIconDelete[K] } & { [K in keyof DsIconDelete & keyof DsIconDeleteAttributes as `attr:${K}`]?: DsIconDeleteAttributes[K] } & { [K in keyof DsIconDelete & keyof DsIconDeleteAttributes as `prop:${K}`]?: DsIconDelete[K] };
        "ds-icon-delete-fill": Omit<DsIconDeleteFill, keyof DsIconDeleteFillAttributes> & { [K in keyof DsIconDeleteFill & keyof DsIconDeleteFillAttributes]?: DsIconDeleteFill[K] } & { [K in keyof DsIconDeleteFill & keyof DsIconDeleteFillAttributes as `attr:${K}`]?: DsIconDeleteFillAttributes[K] } & { [K in keyof DsIconDeleteFill & keyof DsIconDeleteFillAttributes as `prop:${K}`]?: DsIconDeleteFill[K] };
        "ds-icon-delete-forever": Omit<DsIconDeleteForever, keyof DsIconDeleteForeverAttributes> & { [K in keyof DsIconDeleteForever & keyof DsIconDeleteForeverAttributes]?: DsIconDeleteForever[K] } & { [K in keyof DsIconDeleteForever & keyof DsIconDeleteForeverAttributes as `attr:${K}`]?: DsIconDeleteForeverAttributes[K] } & { [K in keyof DsIconDeleteForever & keyof DsIconDeleteForeverAttributes as `prop:${K}`]?: DsIconDeleteForever[K] };
        "ds-icon-delete-forever-fill": Omit<DsIconDeleteForeverFill, keyof DsIconDeleteForeverFillAttributes> & { [K in keyof DsIconDeleteForeverFill & keyof DsIconDeleteForeverFillAttributes]?: DsIconDeleteForeverFill[K] } & { [K in keyof DsIconDeleteForeverFill & keyof DsIconDeleteForeverFillAttributes as `attr:${K}`]?: DsIconDeleteForeverFillAttributes[K] } & { [K in keyof DsIconDeleteForeverFill & keyof DsIconDeleteForeverFillAttributes as `prop:${K}`]?: DsIconDeleteForeverFill[K] };
        "ds-icon-description": Omit<DsIconDescription, keyof DsIconDescriptionAttributes> & { [K in keyof DsIconDescription & keyof DsIconDescriptionAttributes]?: DsIconDescription[K] } & { [K in keyof DsIconDescription & keyof DsIconDescriptionAttributes as `attr:${K}`]?: DsIconDescriptionAttributes[K] } & { [K in keyof DsIconDescription & keyof DsIconDescriptionAttributes as `prop:${K}`]?: DsIconDescription[K] };
        "ds-icon-download": Omit<DsIconDownload, keyof DsIconDownloadAttributes> & { [K in keyof DsIconDownload & keyof DsIconDownloadAttributes]?: DsIconDownload[K] } & { [K in keyof DsIconDownload & keyof DsIconDownloadAttributes as `attr:${K}`]?: DsIconDownloadAttributes[K] } & { [K in keyof DsIconDownload & keyof DsIconDownloadAttributes as `prop:${K}`]?: DsIconDownload[K] };
        "ds-icon-drafts": Omit<DsIconDrafts, keyof DsIconDraftsAttributes> & { [K in keyof DsIconDrafts & keyof DsIconDraftsAttributes]?: DsIconDrafts[K] } & { [K in keyof DsIconDrafts & keyof DsIconDraftsAttributes as `attr:${K}`]?: DsIconDraftsAttributes[K] } & { [K in keyof DsIconDrafts & keyof DsIconDraftsAttributes as `prop:${K}`]?: DsIconDrafts[K] };
        "ds-icon-drafts-fill": Omit<DsIconDraftsFill, keyof DsIconDraftsFillAttributes> & { [K in keyof DsIconDraftsFill & keyof DsIconDraftsFillAttributes]?: DsIconDraftsFill[K] } & { [K in keyof DsIconDraftsFill & keyof DsIconDraftsFillAttributes as `attr:${K}`]?: DsIconDraftsFillAttributes[K] } & { [K in keyof DsIconDraftsFill & keyof DsIconDraftsFillAttributes as `prop:${K}`]?: DsIconDraftsFill[K] };
        "ds-icon-drag-indicator": Omit<DsIconDragIndicator, keyof DsIconDragIndicatorAttributes> & { [K in keyof DsIconDragIndicator & keyof DsIconDragIndicatorAttributes]?: DsIconDragIndicator[K] } & { [K in keyof DsIconDragIndicator & keyof DsIconDragIndicatorAttributes as `attr:${K}`]?: DsIconDragIndicatorAttributes[K] } & { [K in keyof DsIconDragIndicator & keyof DsIconDragIndicatorAttributes as `prop:${K}`]?: DsIconDragIndicator[K] };
        "ds-icon-ds-check-indeterminate-small": Omit<DsIconDsCheckIndeterminateSmall, keyof DsIconDsCheckIndeterminateSmallAttributes> & { [K in keyof DsIconDsCheckIndeterminateSmall & keyof DsIconDsCheckIndeterminateSmallAttributes]?: DsIconDsCheckIndeterminateSmall[K] } & { [K in keyof DsIconDsCheckIndeterminateSmall & keyof DsIconDsCheckIndeterminateSmallAttributes as `attr:${K}`]?: DsIconDsCheckIndeterminateSmallAttributes[K] } & { [K in keyof DsIconDsCheckIndeterminateSmall & keyof DsIconDsCheckIndeterminateSmallAttributes as `prop:${K}`]?: DsIconDsCheckIndeterminateSmall[K] };
        "ds-icon-ds-check-small": Omit<DsIconDsCheckSmall, keyof DsIconDsCheckSmallAttributes> & { [K in keyof DsIconDsCheckSmall & keyof DsIconDsCheckSmallAttributes]?: DsIconDsCheckSmall[K] } & { [K in keyof DsIconDsCheckSmall & keyof DsIconDsCheckSmallAttributes as `attr:${K}`]?: DsIconDsCheckSmallAttributes[K] } & { [K in keyof DsIconDsCheckSmall & keyof DsIconDsCheckSmallAttributes as `prop:${K}`]?: DsIconDsCheckSmall[K] };
        "ds-icon-ds-flame": Omit<DsIconDsFlame, keyof DsIconDsFlameAttributes> & { [K in keyof DsIconDsFlame & keyof DsIconDsFlameAttributes]?: DsIconDsFlame[K] } & { [K in keyof DsIconDsFlame & keyof DsIconDsFlameAttributes as `attr:${K}`]?: DsIconDsFlameAttributes[K] } & { [K in keyof DsIconDsFlame & keyof DsIconDsFlameAttributes as `prop:${K}`]?: DsIconDsFlame[K] };
        "ds-icon-ds-flame-fill": Omit<DsIconDsFlameFill, keyof DsIconDsFlameFillAttributes> & { [K in keyof DsIconDsFlameFill & keyof DsIconDsFlameFillAttributes]?: DsIconDsFlameFill[K] } & { [K in keyof DsIconDsFlameFill & keyof DsIconDsFlameFillAttributes as `attr:${K}`]?: DsIconDsFlameFillAttributes[K] } & { [K in keyof DsIconDsFlameFill & keyof DsIconDsFlameFillAttributes as `prop:${K}`]?: DsIconDsFlameFill[K] };
        "ds-icon-edit": Omit<DsIconEdit, keyof DsIconEditAttributes> & { [K in keyof DsIconEdit & keyof DsIconEditAttributes]?: DsIconEdit[K] } & { [K in keyof DsIconEdit & keyof DsIconEditAttributes as `attr:${K}`]?: DsIconEditAttributes[K] } & { [K in keyof DsIconEdit & keyof DsIconEditAttributes as `prop:${K}`]?: DsIconEdit[K] };
        "ds-icon-edit-calendar": Omit<DsIconEditCalendar, keyof DsIconEditCalendarAttributes> & { [K in keyof DsIconEditCalendar & keyof DsIconEditCalendarAttributes]?: DsIconEditCalendar[K] } & { [K in keyof DsIconEditCalendar & keyof DsIconEditCalendarAttributes as `attr:${K}`]?: DsIconEditCalendarAttributes[K] } & { [K in keyof DsIconEditCalendar & keyof DsIconEditCalendarAttributes as `prop:${K}`]?: DsIconEditCalendar[K] };
        "ds-icon-edit-calendar-fill": Omit<DsIconEditCalendarFill, keyof DsIconEditCalendarFillAttributes> & { [K in keyof DsIconEditCalendarFill & keyof DsIconEditCalendarFillAttributes]?: DsIconEditCalendarFill[K] } & { [K in keyof DsIconEditCalendarFill & keyof DsIconEditCalendarFillAttributes as `attr:${K}`]?: DsIconEditCalendarFillAttributes[K] } & { [K in keyof DsIconEditCalendarFill & keyof DsIconEditCalendarFillAttributes as `prop:${K}`]?: DsIconEditCalendarFill[K] };
        "ds-icon-edit-fill": Omit<DsIconEditFill, keyof DsIconEditFillAttributes> & { [K in keyof DsIconEditFill & keyof DsIconEditFillAttributes]?: DsIconEditFill[K] } & { [K in keyof DsIconEditFill & keyof DsIconEditFillAttributes as `attr:${K}`]?: DsIconEditFillAttributes[K] } & { [K in keyof DsIconEditFill & keyof DsIconEditFillAttributes as `prop:${K}`]?: DsIconEditFill[K] };
        "ds-icon-equal": Omit<DsIconEqual, keyof DsIconEqualAttributes> & { [K in keyof DsIconEqual & keyof DsIconEqualAttributes]?: DsIconEqual[K] } & { [K in keyof DsIconEqual & keyof DsIconEqualAttributes as `attr:${K}`]?: DsIconEqualAttributes[K] } & { [K in keyof DsIconEqual & keyof DsIconEqualAttributes as `prop:${K}`]?: DsIconEqual[K] };
        "ds-icon-escalator-warning": Omit<DsIconEscalatorWarning, keyof DsIconEscalatorWarningAttributes> & { [K in keyof DsIconEscalatorWarning & keyof DsIconEscalatorWarningAttributes]?: DsIconEscalatorWarning[K] } & { [K in keyof DsIconEscalatorWarning & keyof DsIconEscalatorWarningAttributes as `attr:${K}`]?: DsIconEscalatorWarningAttributes[K] } & { [K in keyof DsIconEscalatorWarning & keyof DsIconEscalatorWarningAttributes as `prop:${K}`]?: DsIconEscalatorWarning[K] };
        "ds-icon-euro-symbol": Omit<DsIconEuroSymbol, keyof DsIconEuroSymbolAttributes> & { [K in keyof DsIconEuroSymbol & keyof DsIconEuroSymbolAttributes]?: DsIconEuroSymbol[K] } & { [K in keyof DsIconEuroSymbol & keyof DsIconEuroSymbolAttributes as `attr:${K}`]?: DsIconEuroSymbolAttributes[K] } & { [K in keyof DsIconEuroSymbol & keyof DsIconEuroSymbolAttributes as `prop:${K}`]?: DsIconEuroSymbol[K] };
        "ds-icon-event-available": Omit<DsIconEventAvailable, keyof DsIconEventAvailableAttributes> & { [K in keyof DsIconEventAvailable & keyof DsIconEventAvailableAttributes]?: DsIconEventAvailable[K] } & { [K in keyof DsIconEventAvailable & keyof DsIconEventAvailableAttributes as `attr:${K}`]?: DsIconEventAvailableAttributes[K] } & { [K in keyof DsIconEventAvailable & keyof DsIconEventAvailableAttributes as `prop:${K}`]?: DsIconEventAvailable[K] };
        "ds-icon-event-available-fill": Omit<DsIconEventAvailableFill, keyof DsIconEventAvailableFillAttributes> & { [K in keyof DsIconEventAvailableFill & keyof DsIconEventAvailableFillAttributes]?: DsIconEventAvailableFill[K] } & { [K in keyof DsIconEventAvailableFill & keyof DsIconEventAvailableFillAttributes as `attr:${K}`]?: DsIconEventAvailableFillAttributes[K] } & { [K in keyof DsIconEventAvailableFill & keyof DsIconEventAvailableFillAttributes as `prop:${K}`]?: DsIconEventAvailableFill[K] };
        "ds-icon-expand-content": Omit<DsIconExpandContent, keyof DsIconExpandContentAttributes> & { [K in keyof DsIconExpandContent & keyof DsIconExpandContentAttributes]?: DsIconExpandContent[K] } & { [K in keyof DsIconExpandContent & keyof DsIconExpandContentAttributes as `attr:${K}`]?: DsIconExpandContentAttributes[K] } & { [K in keyof DsIconExpandContent & keyof DsIconExpandContentAttributes as `prop:${K}`]?: DsIconExpandContent[K] };
        "ds-icon-explore": Omit<DsIconExplore, keyof DsIconExploreAttributes> & { [K in keyof DsIconExplore & keyof DsIconExploreAttributes]?: DsIconExplore[K] } & { [K in keyof DsIconExplore & keyof DsIconExploreAttributes as `attr:${K}`]?: DsIconExploreAttributes[K] } & { [K in keyof DsIconExplore & keyof DsIconExploreAttributes as `prop:${K}`]?: DsIconExplore[K] };
        "ds-icon-explore-fill": Omit<DsIconExploreFill, keyof DsIconExploreFillAttributes> & { [K in keyof DsIconExploreFill & keyof DsIconExploreFillAttributes]?: DsIconExploreFill[K] } & { [K in keyof DsIconExploreFill & keyof DsIconExploreFillAttributes as `attr:${K}`]?: DsIconExploreFillAttributes[K] } & { [K in keyof DsIconExploreFill & keyof DsIconExploreFillAttributes as `prop:${K}`]?: DsIconExploreFill[K] };
        "ds-icon-export-notes": Omit<DsIconExportNotes, keyof DsIconExportNotesAttributes> & { [K in keyof DsIconExportNotes & keyof DsIconExportNotesAttributes]?: DsIconExportNotes[K] } & { [K in keyof DsIconExportNotes & keyof DsIconExportNotesAttributes as `attr:${K}`]?: DsIconExportNotesAttributes[K] } & { [K in keyof DsIconExportNotes & keyof DsIconExportNotesAttributes as `prop:${K}`]?: DsIconExportNotes[K] };
        "ds-icon-export-notes-fill": Omit<DsIconExportNotesFill, keyof DsIconExportNotesFillAttributes> & { [K in keyof DsIconExportNotesFill & keyof DsIconExportNotesFillAttributes]?: DsIconExportNotesFill[K] } & { [K in keyof DsIconExportNotesFill & keyof DsIconExportNotesFillAttributes as `attr:${K}`]?: DsIconExportNotesFillAttributes[K] } & { [K in keyof DsIconExportNotesFill & keyof DsIconExportNotesFillAttributes as `prop:${K}`]?: DsIconExportNotesFill[K] };
        "ds-icon-facebook": Omit<DsIconFacebook, keyof DsIconFacebookAttributes> & { [K in keyof DsIconFacebook & keyof DsIconFacebookAttributes]?: DsIconFacebook[K] } & { [K in keyof DsIconFacebook & keyof DsIconFacebookAttributes as `attr:${K}`]?: DsIconFacebookAttributes[K] } & { [K in keyof DsIconFacebook & keyof DsIconFacebookAttributes as `prop:${K}`]?: DsIconFacebook[K] };
        "ds-icon-fast-forward": Omit<DsIconFastForward, keyof DsIconFastForwardAttributes> & { [K in keyof DsIconFastForward & keyof DsIconFastForwardAttributes]?: DsIconFastForward[K] } & { [K in keyof DsIconFastForward & keyof DsIconFastForwardAttributes as `attr:${K}`]?: DsIconFastForwardAttributes[K] } & { [K in keyof DsIconFastForward & keyof DsIconFastForwardAttributes as `prop:${K}`]?: DsIconFastForward[K] };
        "ds-icon-fast-forward-fill": Omit<DsIconFastForwardFill, keyof DsIconFastForwardFillAttributes> & { [K in keyof DsIconFastForwardFill & keyof DsIconFastForwardFillAttributes]?: DsIconFastForwardFill[K] } & { [K in keyof DsIconFastForwardFill & keyof DsIconFastForwardFillAttributes as `attr:${K}`]?: DsIconFastForwardFillAttributes[K] } & { [K in keyof DsIconFastForwardFill & keyof DsIconFastForwardFillAttributes as `prop:${K}`]?: DsIconFastForwardFill[K] };
        "ds-icon-fast-rewind": Omit<DsIconFastRewind, keyof DsIconFastRewindAttributes> & { [K in keyof DsIconFastRewind & keyof DsIconFastRewindAttributes]?: DsIconFastRewind[K] } & { [K in keyof DsIconFastRewind & keyof DsIconFastRewindAttributes as `attr:${K}`]?: DsIconFastRewindAttributes[K] } & { [K in keyof DsIconFastRewind & keyof DsIconFastRewindAttributes as `prop:${K}`]?: DsIconFastRewind[K] };
        "ds-icon-fast-rewind-fill": Omit<DsIconFastRewindFill, keyof DsIconFastRewindFillAttributes> & { [K in keyof DsIconFastRewindFill & keyof DsIconFastRewindFillAttributes]?: DsIconFastRewindFill[K] } & { [K in keyof DsIconFastRewindFill & keyof DsIconFastRewindFillAttributes as `attr:${K}`]?: DsIconFastRewindFillAttributes[K] } & { [K in keyof DsIconFastRewindFill & keyof DsIconFastRewindFillAttributes as `prop:${K}`]?: DsIconFastRewindFill[K] };
        "ds-icon-favorite": Omit<DsIconFavorite, keyof DsIconFavoriteAttributes> & { [K in keyof DsIconFavorite & keyof DsIconFavoriteAttributes]?: DsIconFavorite[K] } & { [K in keyof DsIconFavorite & keyof DsIconFavoriteAttributes as `attr:${K}`]?: DsIconFavoriteAttributes[K] } & { [K in keyof DsIconFavorite & keyof DsIconFavoriteAttributes as `prop:${K}`]?: DsIconFavorite[K] };
        "ds-icon-favorite-fill": Omit<DsIconFavoriteFill, keyof DsIconFavoriteFillAttributes> & { [K in keyof DsIconFavoriteFill & keyof DsIconFavoriteFillAttributes]?: DsIconFavoriteFill[K] } & { [K in keyof DsIconFavoriteFill & keyof DsIconFavoriteFillAttributes as `attr:${K}`]?: DsIconFavoriteFillAttributes[K] } & { [K in keyof DsIconFavoriteFill & keyof DsIconFavoriteFillAttributes as `prop:${K}`]?: DsIconFavoriteFill[K] };
        "ds-icon-fiber-manual-record": Omit<DsIconFiberManualRecord, keyof DsIconFiberManualRecordAttributes> & { [K in keyof DsIconFiberManualRecord & keyof DsIconFiberManualRecordAttributes]?: DsIconFiberManualRecord[K] } & { [K in keyof DsIconFiberManualRecord & keyof DsIconFiberManualRecordAttributes as `attr:${K}`]?: DsIconFiberManualRecordAttributes[K] } & { [K in keyof DsIconFiberManualRecord & keyof DsIconFiberManualRecordAttributes as `prop:${K}`]?: DsIconFiberManualRecord[K] };
        "ds-icon-fiber-manual-record-fill": Omit<DsIconFiberManualRecordFill, keyof DsIconFiberManualRecordFillAttributes> & { [K in keyof DsIconFiberManualRecordFill & keyof DsIconFiberManualRecordFillAttributes]?: DsIconFiberManualRecordFill[K] } & { [K in keyof DsIconFiberManualRecordFill & keyof DsIconFiberManualRecordFillAttributes as `attr:${K}`]?: DsIconFiberManualRecordFillAttributes[K] } & { [K in keyof DsIconFiberManualRecordFill & keyof DsIconFiberManualRecordFillAttributes as `prop:${K}`]?: DsIconFiberManualRecordFill[K] };
        "ds-icon-file-save": Omit<DsIconFileSave, keyof DsIconFileSaveAttributes> & { [K in keyof DsIconFileSave & keyof DsIconFileSaveAttributes]?: DsIconFileSave[K] } & { [K in keyof DsIconFileSave & keyof DsIconFileSaveAttributes as `attr:${K}`]?: DsIconFileSaveAttributes[K] } & { [K in keyof DsIconFileSave & keyof DsIconFileSaveAttributes as `prop:${K}`]?: DsIconFileSave[K] };
        "ds-icon-file-save-fill": Omit<DsIconFileSaveFill, keyof DsIconFileSaveFillAttributes> & { [K in keyof DsIconFileSaveFill & keyof DsIconFileSaveFillAttributes]?: DsIconFileSaveFill[K] } & { [K in keyof DsIconFileSaveFill & keyof DsIconFileSaveFillAttributes as `attr:${K}`]?: DsIconFileSaveFillAttributes[K] } & { [K in keyof DsIconFileSaveFill & keyof DsIconFileSaveFillAttributes as `prop:${K}`]?: DsIconFileSaveFill[K] };
        "ds-icon-filter-list": Omit<DsIconFilterList, keyof DsIconFilterListAttributes> & { [K in keyof DsIconFilterList & keyof DsIconFilterListAttributes]?: DsIconFilterList[K] } & { [K in keyof DsIconFilterList & keyof DsIconFilterListAttributes as `attr:${K}`]?: DsIconFilterListAttributes[K] } & { [K in keyof DsIconFilterList & keyof DsIconFilterListAttributes as `prop:${K}`]?: DsIconFilterList[K] };
        "ds-icon-first-page": Omit<DsIconFirstPage, keyof DsIconFirstPageAttributes> & { [K in keyof DsIconFirstPage & keyof DsIconFirstPageAttributes]?: DsIconFirstPage[K] } & { [K in keyof DsIconFirstPage & keyof DsIconFirstPageAttributes as `attr:${K}`]?: DsIconFirstPageAttributes[K] } & { [K in keyof DsIconFirstPage & keyof DsIconFirstPageAttributes as `prop:${K}`]?: DsIconFirstPage[K] };
        "ds-icon-fork-right": Omit<DsIconForkRight, keyof DsIconForkRightAttributes> & { [K in keyof DsIconForkRight & keyof DsIconForkRightAttributes]?: DsIconForkRight[K] } & { [K in keyof DsIconForkRight & keyof DsIconForkRightAttributes as `attr:${K}`]?: DsIconForkRightAttributes[K] } & { [K in keyof DsIconForkRight & keyof DsIconForkRightAttributes as `prop:${K}`]?: DsIconForkRight[K] };
        "ds-icon-format-bold": Omit<DsIconFormatBold, keyof DsIconFormatBoldAttributes> & { [K in keyof DsIconFormatBold & keyof DsIconFormatBoldAttributes]?: DsIconFormatBold[K] } & { [K in keyof DsIconFormatBold & keyof DsIconFormatBoldAttributes as `attr:${K}`]?: DsIconFormatBoldAttributes[K] } & { [K in keyof DsIconFormatBold & keyof DsIconFormatBoldAttributes as `prop:${K}`]?: DsIconFormatBold[K] };
        "ds-icon-format-italic": Omit<DsIconFormatItalic, keyof DsIconFormatItalicAttributes> & { [K in keyof DsIconFormatItalic & keyof DsIconFormatItalicAttributes]?: DsIconFormatItalic[K] } & { [K in keyof DsIconFormatItalic & keyof DsIconFormatItalicAttributes as `attr:${K}`]?: DsIconFormatItalicAttributes[K] } & { [K in keyof DsIconFormatItalic & keyof DsIconFormatItalicAttributes as `prop:${K}`]?: DsIconFormatItalic[K] };
        "ds-icon-format-quote": Omit<DsIconFormatQuote, keyof DsIconFormatQuoteAttributes> & { [K in keyof DsIconFormatQuote & keyof DsIconFormatQuoteAttributes]?: DsIconFormatQuote[K] } & { [K in keyof DsIconFormatQuote & keyof DsIconFormatQuoteAttributes as `attr:${K}`]?: DsIconFormatQuoteAttributes[K] } & { [K in keyof DsIconFormatQuote & keyof DsIconFormatQuoteAttributes as `prop:${K}`]?: DsIconFormatQuote[K] };
        "ds-icon-format-quote-fill": Omit<DsIconFormatQuoteFill, keyof DsIconFormatQuoteFillAttributes> & { [K in keyof DsIconFormatQuoteFill & keyof DsIconFormatQuoteFillAttributes]?: DsIconFormatQuoteFill[K] } & { [K in keyof DsIconFormatQuoteFill & keyof DsIconFormatQuoteFillAttributes as `attr:${K}`]?: DsIconFormatQuoteFillAttributes[K] } & { [K in keyof DsIconFormatQuoteFill & keyof DsIconFormatQuoteFillAttributes as `prop:${K}`]?: DsIconFormatQuoteFill[K] };
        "ds-icon-format-quote-off": Omit<DsIconFormatQuoteOff, keyof DsIconFormatQuoteOffAttributes> & { [K in keyof DsIconFormatQuoteOff & keyof DsIconFormatQuoteOffAttributes]?: DsIconFormatQuoteOff[K] } & { [K in keyof DsIconFormatQuoteOff & keyof DsIconFormatQuoteOffAttributes as `attr:${K}`]?: DsIconFormatQuoteOffAttributes[K] } & { [K in keyof DsIconFormatQuoteOff & keyof DsIconFormatQuoteOffAttributes as `prop:${K}`]?: DsIconFormatQuoteOff[K] };
        "ds-icon-format-quote-off-fill": Omit<DsIconFormatQuoteOffFill, keyof DsIconFormatQuoteOffFillAttributes> & { [K in keyof DsIconFormatQuoteOffFill & keyof DsIconFormatQuoteOffFillAttributes]?: DsIconFormatQuoteOffFill[K] } & { [K in keyof DsIconFormatQuoteOffFill & keyof DsIconFormatQuoteOffFillAttributes as `attr:${K}`]?: DsIconFormatQuoteOffFillAttributes[K] } & { [K in keyof DsIconFormatQuoteOffFill & keyof DsIconFormatQuoteOffFillAttributes as `prop:${K}`]?: DsIconFormatQuoteOffFill[K] };
        "ds-icon-function": Omit<DsIconFunction, keyof DsIconFunctionAttributes> & { [K in keyof DsIconFunction & keyof DsIconFunctionAttributes]?: DsIconFunction[K] } & { [K in keyof DsIconFunction & keyof DsIconFunctionAttributes as `attr:${K}`]?: DsIconFunctionAttributes[K] } & { [K in keyof DsIconFunction & keyof DsIconFunctionAttributes as `prop:${K}`]?: DsIconFunction[K] };
        "ds-icon-functions": Omit<DsIconFunctions, keyof DsIconFunctionsAttributes> & { [K in keyof DsIconFunctions & keyof DsIconFunctionsAttributes]?: DsIconFunctions[K] } & { [K in keyof DsIconFunctions & keyof DsIconFunctionsAttributes as `attr:${K}`]?: DsIconFunctionsAttributes[K] } & { [K in keyof DsIconFunctions & keyof DsIconFunctionsAttributes as `prop:${K}`]?: DsIconFunctions[K] };
        "ds-icon-gallery-thumbnail": Omit<DsIconGalleryThumbnail, keyof DsIconGalleryThumbnailAttributes> & { [K in keyof DsIconGalleryThumbnail & keyof DsIconGalleryThumbnailAttributes]?: DsIconGalleryThumbnail[K] } & { [K in keyof DsIconGalleryThumbnail & keyof DsIconGalleryThumbnailAttributes as `attr:${K}`]?: DsIconGalleryThumbnailAttributes[K] } & { [K in keyof DsIconGalleryThumbnail & keyof DsIconGalleryThumbnailAttributes as `prop:${K}`]?: DsIconGalleryThumbnail[K] };
        "ds-icon-girl": Omit<DsIconGirl, keyof DsIconGirlAttributes> & { [K in keyof DsIconGirl & keyof DsIconGirlAttributes]?: DsIconGirl[K] } & { [K in keyof DsIconGirl & keyof DsIconGirlAttributes as `attr:${K}`]?: DsIconGirlAttributes[K] } & { [K in keyof DsIconGirl & keyof DsIconGirlAttributes as `prop:${K}`]?: DsIconGirl[K] };
        "ds-icon-grid-4x4": Omit<DsIconGrid4x4, keyof DsIconGrid4x4Attributes> & { [K in keyof DsIconGrid4x4 & keyof DsIconGrid4x4Attributes]?: DsIconGrid4x4[K] } & { [K in keyof DsIconGrid4x4 & keyof DsIconGrid4x4Attributes as `attr:${K}`]?: DsIconGrid4x4Attributes[K] } & { [K in keyof DsIconGrid4x4 & keyof DsIconGrid4x4Attributes as `prop:${K}`]?: DsIconGrid4x4[K] };
        "ds-icon-grid-on": Omit<DsIconGridOn, keyof DsIconGridOnAttributes> & { [K in keyof DsIconGridOn & keyof DsIconGridOnAttributes]?: DsIconGridOn[K] } & { [K in keyof DsIconGridOn & keyof DsIconGridOnAttributes as `attr:${K}`]?: DsIconGridOnAttributes[K] } & { [K in keyof DsIconGridOn & keyof DsIconGridOnAttributes as `prop:${K}`]?: DsIconGridOn[K] };
        "ds-icon-grid-on-fill": Omit<DsIconGridOnFill, keyof DsIconGridOnFillAttributes> & { [K in keyof DsIconGridOnFill & keyof DsIconGridOnFillAttributes]?: DsIconGridOnFill[K] } & { [K in keyof DsIconGridOnFill & keyof DsIconGridOnFillAttributes as `attr:${K}`]?: DsIconGridOnFillAttributes[K] } & { [K in keyof DsIconGridOnFill & keyof DsIconGridOnFillAttributes as `prop:${K}`]?: DsIconGridOnFill[K] };
        "ds-icon-group": Omit<DsIconGroup, keyof DsIconGroupAttributes> & { [K in keyof DsIconGroup & keyof DsIconGroupAttributes]?: DsIconGroup[K] } & { [K in keyof DsIconGroup & keyof DsIconGroupAttributes as `attr:${K}`]?: DsIconGroupAttributes[K] } & { [K in keyof DsIconGroup & keyof DsIconGroupAttributes as `prop:${K}`]?: DsIconGroup[K] };
        "ds-icon-group-add": Omit<DsIconGroupAdd, keyof DsIconGroupAddAttributes> & { [K in keyof DsIconGroupAdd & keyof DsIconGroupAddAttributes]?: DsIconGroupAdd[K] } & { [K in keyof DsIconGroupAdd & keyof DsIconGroupAddAttributes as `attr:${K}`]?: DsIconGroupAddAttributes[K] } & { [K in keyof DsIconGroupAdd & keyof DsIconGroupAddAttributes as `prop:${K}`]?: DsIconGroupAdd[K] };
        "ds-icon-group-add-fill": Omit<DsIconGroupAddFill, keyof DsIconGroupAddFillAttributes> & { [K in keyof DsIconGroupAddFill & keyof DsIconGroupAddFillAttributes]?: DsIconGroupAddFill[K] } & { [K in keyof DsIconGroupAddFill & keyof DsIconGroupAddFillAttributes as `attr:${K}`]?: DsIconGroupAddFillAttributes[K] } & { [K in keyof DsIconGroupAddFill & keyof DsIconGroupAddFillAttributes as `prop:${K}`]?: DsIconGroupAddFill[K] };
        "ds-icon-group-fill": Omit<DsIconGroupFill, keyof DsIconGroupFillAttributes> & { [K in keyof DsIconGroupFill & keyof DsIconGroupFillAttributes]?: DsIconGroupFill[K] } & { [K in keyof DsIconGroupFill & keyof DsIconGroupFillAttributes as `attr:${K}`]?: DsIconGroupFillAttributes[K] } & { [K in keyof DsIconGroupFill & keyof DsIconGroupFillAttributes as `prop:${K}`]?: DsIconGroupFill[K] };
        "ds-icon-group-remove": Omit<DsIconGroupRemove, keyof DsIconGroupRemoveAttributes> & { [K in keyof DsIconGroupRemove & keyof DsIconGroupRemoveAttributes]?: DsIconGroupRemove[K] } & { [K in keyof DsIconGroupRemove & keyof DsIconGroupRemoveAttributes as `attr:${K}`]?: DsIconGroupRemoveAttributes[K] } & { [K in keyof DsIconGroupRemove & keyof DsIconGroupRemoveAttributes as `prop:${K}`]?: DsIconGroupRemove[K] };
        "ds-icon-group-remove-fill": Omit<DsIconGroupRemoveFill, keyof DsIconGroupRemoveFillAttributes> & { [K in keyof DsIconGroupRemoveFill & keyof DsIconGroupRemoveFillAttributes]?: DsIconGroupRemoveFill[K] } & { [K in keyof DsIconGroupRemoveFill & keyof DsIconGroupRemoveFillAttributes as `attr:${K}`]?: DsIconGroupRemoveFillAttributes[K] } & { [K in keyof DsIconGroupRemoveFill & keyof DsIconGroupRemoveFillAttributes as `prop:${K}`]?: DsIconGroupRemoveFill[K] };
        "ds-icon-help": Omit<DsIconHelp, keyof DsIconHelpAttributes> & { [K in keyof DsIconHelp & keyof DsIconHelpAttributes]?: DsIconHelp[K] } & { [K in keyof DsIconHelp & keyof DsIconHelpAttributes as `attr:${K}`]?: DsIconHelpAttributes[K] } & { [K in keyof DsIconHelp & keyof DsIconHelpAttributes as `prop:${K}`]?: DsIconHelp[K] };
        "ds-icon-help-fill": Omit<DsIconHelpFill, keyof DsIconHelpFillAttributes> & { [K in keyof DsIconHelpFill & keyof DsIconHelpFillAttributes]?: DsIconHelpFill[K] } & { [K in keyof DsIconHelpFill & keyof DsIconHelpFillAttributes as `attr:${K}`]?: DsIconHelpFillAttributes[K] } & { [K in keyof DsIconHelpFill & keyof DsIconHelpFillAttributes as `prop:${K}`]?: DsIconHelpFill[K] };
        "ds-icon-history": Omit<DsIconHistory, keyof DsIconHistoryAttributes> & { [K in keyof DsIconHistory & keyof DsIconHistoryAttributes]?: DsIconHistory[K] } & { [K in keyof DsIconHistory & keyof DsIconHistoryAttributes as `attr:${K}`]?: DsIconHistoryAttributes[K] } & { [K in keyof DsIconHistory & keyof DsIconHistoryAttributes as `prop:${K}`]?: DsIconHistory[K] };
        "ds-icon-home": Omit<DsIconHome, keyof DsIconHomeAttributes> & { [K in keyof DsIconHome & keyof DsIconHomeAttributes]?: DsIconHome[K] } & { [K in keyof DsIconHome & keyof DsIconHomeAttributes as `attr:${K}`]?: DsIconHomeAttributes[K] } & { [K in keyof DsIconHome & keyof DsIconHomeAttributes as `prop:${K}`]?: DsIconHome[K] };
        "ds-icon-home-fill": Omit<DsIconHomeFill, keyof DsIconHomeFillAttributes> & { [K in keyof DsIconHomeFill & keyof DsIconHomeFillAttributes]?: DsIconHomeFill[K] } & { [K in keyof DsIconHomeFill & keyof DsIconHomeFillAttributes as `attr:${K}`]?: DsIconHomeFillAttributes[K] } & { [K in keyof DsIconHomeFill & keyof DsIconHomeFillAttributes as `prop:${K}`]?: DsIconHomeFill[K] };
        "ds-icon-hourglass": Omit<DsIconHourglass, keyof DsIconHourglassAttributes> & { [K in keyof DsIconHourglass & keyof DsIconHourglassAttributes]?: DsIconHourglass[K] } & { [K in keyof DsIconHourglass & keyof DsIconHourglassAttributes as `attr:${K}`]?: DsIconHourglassAttributes[K] } & { [K in keyof DsIconHourglass & keyof DsIconHourglassAttributes as `prop:${K}`]?: DsIconHourglass[K] };
        "ds-icon-hourglass-bottom": Omit<DsIconHourglassBottom, keyof DsIconHourglassBottomAttributes> & { [K in keyof DsIconHourglassBottom & keyof DsIconHourglassBottomAttributes]?: DsIconHourglassBottom[K] } & { [K in keyof DsIconHourglassBottom & keyof DsIconHourglassBottomAttributes as `attr:${K}`]?: DsIconHourglassBottomAttributes[K] } & { [K in keyof DsIconHourglassBottom & keyof DsIconHourglassBottomAttributes as `prop:${K}`]?: DsIconHourglassBottom[K] };
        "ds-icon-hourglass-top": Omit<DsIconHourglassTop, keyof DsIconHourglassTopAttributes> & { [K in keyof DsIconHourglassTop & keyof DsIconHourglassTopAttributes]?: DsIconHourglassTop[K] } & { [K in keyof DsIconHourglassTop & keyof DsIconHourglassTopAttributes as `attr:${K}`]?: DsIconHourglassTopAttributes[K] } & { [K in keyof DsIconHourglassTop & keyof DsIconHourglassTopAttributes as `prop:${K}`]?: DsIconHourglassTop[K] };
        "ds-icon-image": Omit<DsIconImage, keyof DsIconImageAttributes> & { [K in keyof DsIconImage & keyof DsIconImageAttributes]?: DsIconImage[K] } & { [K in keyof DsIconImage & keyof DsIconImageAttributes as `attr:${K}`]?: DsIconImageAttributes[K] } & { [K in keyof DsIconImage & keyof DsIconImageAttributes as `prop:${K}`]?: DsIconImage[K] };
        "ds-icon-image-fill": Omit<DsIconImageFill, keyof DsIconImageFillAttributes> & { [K in keyof DsIconImageFill & keyof DsIconImageFillAttributes]?: DsIconImageFill[K] } & { [K in keyof DsIconImageFill & keyof DsIconImageFillAttributes as `attr:${K}`]?: DsIconImageFillAttributes[K] } & { [K in keyof DsIconImageFill & keyof DsIconImageFillAttributes as `prop:${K}`]?: DsIconImageFill[K] };
        "ds-icon-info": Omit<DsIconInfo, keyof DsIconInfoAttributes> & { [K in keyof DsIconInfo & keyof DsIconInfoAttributes]?: DsIconInfo[K] } & { [K in keyof DsIconInfo & keyof DsIconInfoAttributes as `attr:${K}`]?: DsIconInfoAttributes[K] } & { [K in keyof DsIconInfo & keyof DsIconInfoAttributes as `prop:${K}`]?: DsIconInfo[K] };
        "ds-icon-info-fill": Omit<DsIconInfoFill, keyof DsIconInfoFillAttributes> & { [K in keyof DsIconInfoFill & keyof DsIconInfoFillAttributes]?: DsIconInfoFill[K] } & { [K in keyof DsIconInfoFill & keyof DsIconInfoFillAttributes as `attr:${K}`]?: DsIconInfoFillAttributes[K] } & { [K in keyof DsIconInfoFill & keyof DsIconInfoFillAttributes as `prop:${K}`]?: DsIconInfoFill[K] };
        "ds-icon-instagram": Omit<DsIconInstagram, keyof DsIconInstagramAttributes> & { [K in keyof DsIconInstagram & keyof DsIconInstagramAttributes]?: DsIconInstagram[K] } & { [K in keyof DsIconInstagram & keyof DsIconInstagramAttributes as `attr:${K}`]?: DsIconInstagramAttributes[K] } & { [K in keyof DsIconInstagram & keyof DsIconInstagramAttributes as `prop:${K}`]?: DsIconInstagram[K] };
        "ds-icon-keyboard-arrow-down": Omit<DsIconKeyboardArrowDown, keyof DsIconKeyboardArrowDownAttributes> & { [K in keyof DsIconKeyboardArrowDown & keyof DsIconKeyboardArrowDownAttributes]?: DsIconKeyboardArrowDown[K] } & { [K in keyof DsIconKeyboardArrowDown & keyof DsIconKeyboardArrowDownAttributes as `attr:${K}`]?: DsIconKeyboardArrowDownAttributes[K] } & { [K in keyof DsIconKeyboardArrowDown & keyof DsIconKeyboardArrowDownAttributes as `prop:${K}`]?: DsIconKeyboardArrowDown[K] };
        "ds-icon-keyboard-arrow-up": Omit<DsIconKeyboardArrowUp, keyof DsIconKeyboardArrowUpAttributes> & { [K in keyof DsIconKeyboardArrowUp & keyof DsIconKeyboardArrowUpAttributes]?: DsIconKeyboardArrowUp[K] } & { [K in keyof DsIconKeyboardArrowUp & keyof DsIconKeyboardArrowUpAttributes as `attr:${K}`]?: DsIconKeyboardArrowUpAttributes[K] } & { [K in keyof DsIconKeyboardArrowUp & keyof DsIconKeyboardArrowUpAttributes as `prop:${K}`]?: DsIconKeyboardArrowUp[K] };
        "ds-icon-language": Omit<DsIconLanguage, keyof DsIconLanguageAttributes> & { [K in keyof DsIconLanguage & keyof DsIconLanguageAttributes]?: DsIconLanguage[K] } & { [K in keyof DsIconLanguage & keyof DsIconLanguageAttributes as `attr:${K}`]?: DsIconLanguageAttributes[K] } & { [K in keyof DsIconLanguage & keyof DsIconLanguageAttributes as `prop:${K}`]?: DsIconLanguage[K] };
        "ds-icon-last-page": Omit<DsIconLastPage, keyof DsIconLastPageAttributes> & { [K in keyof DsIconLastPage & keyof DsIconLastPageAttributes]?: DsIconLastPage[K] } & { [K in keyof DsIconLastPage & keyof DsIconLastPageAttributes as `attr:${K}`]?: DsIconLastPageAttributes[K] } & { [K in keyof DsIconLastPage & keyof DsIconLastPageAttributes as `prop:${K}`]?: DsIconLastPage[K] };
        "ds-icon-link": Omit<DsIconLink, keyof DsIconLinkAttributes> & { [K in keyof DsIconLink & keyof DsIconLinkAttributes]?: DsIconLink[K] } & { [K in keyof DsIconLink & keyof DsIconLinkAttributes as `attr:${K}`]?: DsIconLinkAttributes[K] } & { [K in keyof DsIconLink & keyof DsIconLinkAttributes as `prop:${K}`]?: DsIconLink[K] };
        "ds-icon-linkedin": Omit<DsIconLinkedin, keyof DsIconLinkedinAttributes> & { [K in keyof DsIconLinkedin & keyof DsIconLinkedinAttributes]?: DsIconLinkedin[K] } & { [K in keyof DsIconLinkedin & keyof DsIconLinkedinAttributes as `attr:${K}`]?: DsIconLinkedinAttributes[K] } & { [K in keyof DsIconLinkedin & keyof DsIconLinkedinAttributes as `prop:${K}`]?: DsIconLinkedin[K] };
        "ds-icon-list-alt": Omit<DsIconListAlt, keyof DsIconListAltAttributes> & { [K in keyof DsIconListAlt & keyof DsIconListAltAttributes]?: DsIconListAlt[K] } & { [K in keyof DsIconListAlt & keyof DsIconListAltAttributes as `attr:${K}`]?: DsIconListAltAttributes[K] } & { [K in keyof DsIconListAlt & keyof DsIconListAltAttributes as `prop:${K}`]?: DsIconListAlt[K] };
        "ds-icon-list-alt-add": Omit<DsIconListAltAdd, keyof DsIconListAltAddAttributes> & { [K in keyof DsIconListAltAdd & keyof DsIconListAltAddAttributes]?: DsIconListAltAdd[K] } & { [K in keyof DsIconListAltAdd & keyof DsIconListAltAddAttributes as `attr:${K}`]?: DsIconListAltAddAttributes[K] } & { [K in keyof DsIconListAltAdd & keyof DsIconListAltAddAttributes as `prop:${K}`]?: DsIconListAltAdd[K] };
        "ds-icon-list-alt-check": Omit<DsIconListAltCheck, keyof DsIconListAltCheckAttributes> & { [K in keyof DsIconListAltCheck & keyof DsIconListAltCheckAttributes]?: DsIconListAltCheck[K] } & { [K in keyof DsIconListAltCheck & keyof DsIconListAltCheckAttributes as `attr:${K}`]?: DsIconListAltCheckAttributes[K] } & { [K in keyof DsIconListAltCheck & keyof DsIconListAltCheckAttributes as `prop:${K}`]?: DsIconListAltCheck[K] };
        "ds-icon-location-on": Omit<DsIconLocationOn, keyof DsIconLocationOnAttributes> & { [K in keyof DsIconLocationOn & keyof DsIconLocationOnAttributes]?: DsIconLocationOn[K] } & { [K in keyof DsIconLocationOn & keyof DsIconLocationOnAttributes as `attr:${K}`]?: DsIconLocationOnAttributes[K] } & { [K in keyof DsIconLocationOn & keyof DsIconLocationOnAttributes as `prop:${K}`]?: DsIconLocationOn[K] };
        "ds-icon-location-on-fill": Omit<DsIconLocationOnFill, keyof DsIconLocationOnFillAttributes> & { [K in keyof DsIconLocationOnFill & keyof DsIconLocationOnFillAttributes]?: DsIconLocationOnFill[K] } & { [K in keyof DsIconLocationOnFill & keyof DsIconLocationOnFillAttributes as `attr:${K}`]?: DsIconLocationOnFillAttributes[K] } & { [K in keyof DsIconLocationOnFill & keyof DsIconLocationOnFillAttributes as `prop:${K}`]?: DsIconLocationOnFill[K] };
        "ds-icon-location-searching": Omit<DsIconLocationSearching, keyof DsIconLocationSearchingAttributes> & { [K in keyof DsIconLocationSearching & keyof DsIconLocationSearchingAttributes]?: DsIconLocationSearching[K] } & { [K in keyof DsIconLocationSearching & keyof DsIconLocationSearchingAttributes as `attr:${K}`]?: DsIconLocationSearchingAttributes[K] } & { [K in keyof DsIconLocationSearching & keyof DsIconLocationSearchingAttributes as `prop:${K}`]?: DsIconLocationSearching[K] };
        "ds-icon-lock": Omit<DsIconLock, keyof DsIconLockAttributes> & { [K in keyof DsIconLock & keyof DsIconLockAttributes]?: DsIconLock[K] } & { [K in keyof DsIconLock & keyof DsIconLockAttributes as `attr:${K}`]?: DsIconLockAttributes[K] } & { [K in keyof DsIconLock & keyof DsIconLockAttributes as `prop:${K}`]?: DsIconLock[K] };
        "ds-icon-lock-fill": Omit<DsIconLockFill, keyof DsIconLockFillAttributes> & { [K in keyof DsIconLockFill & keyof DsIconLockFillAttributes]?: DsIconLockFill[K] } & { [K in keyof DsIconLockFill & keyof DsIconLockFillAttributes as `attr:${K}`]?: DsIconLockFillAttributes[K] } & { [K in keyof DsIconLockFill & keyof DsIconLockFillAttributes as `prop:${K}`]?: DsIconLockFill[K] };
        "ds-icon-lock-open": Omit<DsIconLockOpen, keyof DsIconLockOpenAttributes> & { [K in keyof DsIconLockOpen & keyof DsIconLockOpenAttributes]?: DsIconLockOpen[K] } & { [K in keyof DsIconLockOpen & keyof DsIconLockOpenAttributes as `attr:${K}`]?: DsIconLockOpenAttributes[K] } & { [K in keyof DsIconLockOpen & keyof DsIconLockOpenAttributes as `prop:${K}`]?: DsIconLockOpen[K] };
        "ds-icon-lock-open-fill": Omit<DsIconLockOpenFill, keyof DsIconLockOpenFillAttributes> & { [K in keyof DsIconLockOpenFill & keyof DsIconLockOpenFillAttributes]?: DsIconLockOpenFill[K] } & { [K in keyof DsIconLockOpenFill & keyof DsIconLockOpenFillAttributes as `attr:${K}`]?: DsIconLockOpenFillAttributes[K] } & { [K in keyof DsIconLockOpenFill & keyof DsIconLockOpenFillAttributes as `prop:${K}`]?: DsIconLockOpenFill[K] };
        "ds-icon-login": Omit<DsIconLogin, keyof DsIconLoginAttributes> & { [K in keyof DsIconLogin & keyof DsIconLoginAttributes]?: DsIconLogin[K] } & { [K in keyof DsIconLogin & keyof DsIconLoginAttributes as `attr:${K}`]?: DsIconLoginAttributes[K] } & { [K in keyof DsIconLogin & keyof DsIconLoginAttributes as `prop:${K}`]?: DsIconLogin[K] };
        "ds-icon-logout": Omit<DsIconLogout, keyof DsIconLogoutAttributes> & { [K in keyof DsIconLogout & keyof DsIconLogoutAttributes]?: DsIconLogout[K] } & { [K in keyof DsIconLogout & keyof DsIconLogoutAttributes as `attr:${K}`]?: DsIconLogoutAttributes[K] } & { [K in keyof DsIconLogout & keyof DsIconLogoutAttributes as `prop:${K}`]?: DsIconLogout[K] };
        "ds-icon-mail": Omit<DsIconMail, keyof DsIconMailAttributes> & { [K in keyof DsIconMail & keyof DsIconMailAttributes]?: DsIconMail[K] } & { [K in keyof DsIconMail & keyof DsIconMailAttributes as `attr:${K}`]?: DsIconMailAttributes[K] } & { [K in keyof DsIconMail & keyof DsIconMailAttributes as `prop:${K}`]?: DsIconMail[K] };
        "ds-icon-mail-fill": Omit<DsIconMailFill, keyof DsIconMailFillAttributes> & { [K in keyof DsIconMailFill & keyof DsIconMailFillAttributes]?: DsIconMailFill[K] } & { [K in keyof DsIconMailFill & keyof DsIconMailFillAttributes as `attr:${K}`]?: DsIconMailFillAttributes[K] } & { [K in keyof DsIconMailFill & keyof DsIconMailFillAttributes as `prop:${K}`]?: DsIconMailFill[K] };
        "ds-icon-manufacturing": Omit<DsIconManufacturing, keyof DsIconManufacturingAttributes> & { [K in keyof DsIconManufacturing & keyof DsIconManufacturingAttributes]?: DsIconManufacturing[K] } & { [K in keyof DsIconManufacturing & keyof DsIconManufacturingAttributes as `attr:${K}`]?: DsIconManufacturingAttributes[K] } & { [K in keyof DsIconManufacturing & keyof DsIconManufacturingAttributes as `prop:${K}`]?: DsIconManufacturing[K] };
        "ds-icon-map": Omit<DsIconMap, keyof DsIconMapAttributes> & { [K in keyof DsIconMap & keyof DsIconMapAttributes]?: DsIconMap[K] } & { [K in keyof DsIconMap & keyof DsIconMapAttributes as `attr:${K}`]?: DsIconMapAttributes[K] } & { [K in keyof DsIconMap & keyof DsIconMapAttributes as `prop:${K}`]?: DsIconMap[K] };
        "ds-icon-map-fill": Omit<DsIconMapFill, keyof DsIconMapFillAttributes> & { [K in keyof DsIconMapFill & keyof DsIconMapFillAttributes]?: DsIconMapFill[K] } & { [K in keyof DsIconMapFill & keyof DsIconMapFillAttributes as `attr:${K}`]?: DsIconMapFillAttributes[K] } & { [K in keyof DsIconMapFill & keyof DsIconMapFillAttributes as `prop:${K}`]?: DsIconMapFill[K] };
        "ds-icon-map-search": Omit<DsIconMapSearch, keyof DsIconMapSearchAttributes> & { [K in keyof DsIconMapSearch & keyof DsIconMapSearchAttributes]?: DsIconMapSearch[K] } & { [K in keyof DsIconMapSearch & keyof DsIconMapSearchAttributes as `attr:${K}`]?: DsIconMapSearchAttributes[K] } & { [K in keyof DsIconMapSearch & keyof DsIconMapSearchAttributes as `prop:${K}`]?: DsIconMapSearch[K] };
        "ds-icon-map-search-fill": Omit<DsIconMapSearchFill, keyof DsIconMapSearchFillAttributes> & { [K in keyof DsIconMapSearchFill & keyof DsIconMapSearchFillAttributes]?: DsIconMapSearchFill[K] } & { [K in keyof DsIconMapSearchFill & keyof DsIconMapSearchFillAttributes as `attr:${K}`]?: DsIconMapSearchFillAttributes[K] } & { [K in keyof DsIconMapSearchFill & keyof DsIconMapSearchFillAttributes as `prop:${K}`]?: DsIconMapSearchFill[K] };
        "ds-icon-menu": Omit<DsIconMenu, keyof DsIconMenuAttributes> & { [K in keyof DsIconMenu & keyof DsIconMenuAttributes]?: DsIconMenu[K] } & { [K in keyof DsIconMenu & keyof DsIconMenuAttributes as `attr:${K}`]?: DsIconMenuAttributes[K] } & { [K in keyof DsIconMenu & keyof DsIconMenuAttributes as `prop:${K}`]?: DsIconMenu[K] };
        "ds-icon-more-horiz": Omit<DsIconMoreHoriz, keyof DsIconMoreHorizAttributes> & { [K in keyof DsIconMoreHoriz & keyof DsIconMoreHorizAttributes]?: DsIconMoreHoriz[K] } & { [K in keyof DsIconMoreHoriz & keyof DsIconMoreHorizAttributes as `attr:${K}`]?: DsIconMoreHorizAttributes[K] } & { [K in keyof DsIconMoreHoriz & keyof DsIconMoreHorizAttributes as `prop:${K}`]?: DsIconMoreHoriz[K] };
        "ds-icon-more-vert": Omit<DsIconMoreVert, keyof DsIconMoreVertAttributes> & { [K in keyof DsIconMoreVert & keyof DsIconMoreVertAttributes]?: DsIconMoreVert[K] } & { [K in keyof DsIconMoreVert & keyof DsIconMoreVertAttributes as `attr:${K}`]?: DsIconMoreVertAttributes[K] } & { [K in keyof DsIconMoreVert & keyof DsIconMoreVertAttributes as `prop:${K}`]?: DsIconMoreVert[K] };
        "ds-icon-mountain-flag": Omit<DsIconMountainFlag, keyof DsIconMountainFlagAttributes> & { [K in keyof DsIconMountainFlag & keyof DsIconMountainFlagAttributes]?: DsIconMountainFlag[K] } & { [K in keyof DsIconMountainFlag & keyof DsIconMountainFlagAttributes as `attr:${K}`]?: DsIconMountainFlagAttributes[K] } & { [K in keyof DsIconMountainFlag & keyof DsIconMountainFlagAttributes as `prop:${K}`]?: DsIconMountainFlag[K] };
        "ds-icon-mountain-flag-fill": Omit<DsIconMountainFlagFill, keyof DsIconMountainFlagFillAttributes> & { [K in keyof DsIconMountainFlagFill & keyof DsIconMountainFlagFillAttributes]?: DsIconMountainFlagFill[K] } & { [K in keyof DsIconMountainFlagFill & keyof DsIconMountainFlagFillAttributes as `attr:${K}`]?: DsIconMountainFlagFillAttributes[K] } & { [K in keyof DsIconMountainFlagFill & keyof DsIconMountainFlagFillAttributes as `prop:${K}`]?: DsIconMountainFlagFill[K] };
        "ds-icon-my-location": Omit<DsIconMyLocation, keyof DsIconMyLocationAttributes> & { [K in keyof DsIconMyLocation & keyof DsIconMyLocationAttributes]?: DsIconMyLocation[K] } & { [K in keyof DsIconMyLocation & keyof DsIconMyLocationAttributes as `attr:${K}`]?: DsIconMyLocationAttributes[K] } & { [K in keyof DsIconMyLocation & keyof DsIconMyLocationAttributes as `prop:${K}`]?: DsIconMyLocation[K] };
        "ds-icon-my-location-fill": Omit<DsIconMyLocationFill, keyof DsIconMyLocationFillAttributes> & { [K in keyof DsIconMyLocationFill & keyof DsIconMyLocationFillAttributes]?: DsIconMyLocationFill[K] } & { [K in keyof DsIconMyLocationFill & keyof DsIconMyLocationFillAttributes as `attr:${K}`]?: DsIconMyLocationFillAttributes[K] } & { [K in keyof DsIconMyLocationFill & keyof DsIconMyLocationFillAttributes as `prop:${K}`]?: DsIconMyLocationFill[K] };
        "ds-icon-notifications": Omit<DsIconNotifications, keyof DsIconNotificationsAttributes> & { [K in keyof DsIconNotifications & keyof DsIconNotificationsAttributes]?: DsIconNotifications[K] } & { [K in keyof DsIconNotifications & keyof DsIconNotificationsAttributes as `attr:${K}`]?: DsIconNotificationsAttributes[K] } & { [K in keyof DsIconNotifications & keyof DsIconNotificationsAttributes as `prop:${K}`]?: DsIconNotifications[K] };
        "ds-icon-notifications-active": Omit<DsIconNotificationsActive, keyof DsIconNotificationsActiveAttributes> & { [K in keyof DsIconNotificationsActive & keyof DsIconNotificationsActiveAttributes]?: DsIconNotificationsActive[K] } & { [K in keyof DsIconNotificationsActive & keyof DsIconNotificationsActiveAttributes as `attr:${K}`]?: DsIconNotificationsActiveAttributes[K] } & { [K in keyof DsIconNotificationsActive & keyof DsIconNotificationsActiveAttributes as `prop:${K}`]?: DsIconNotificationsActive[K] };
        "ds-icon-notifications-active-fill": Omit<DsIconNotificationsActiveFill, keyof DsIconNotificationsActiveFillAttributes> & { [K in keyof DsIconNotificationsActiveFill & keyof DsIconNotificationsActiveFillAttributes]?: DsIconNotificationsActiveFill[K] } & { [K in keyof DsIconNotificationsActiveFill & keyof DsIconNotificationsActiveFillAttributes as `attr:${K}`]?: DsIconNotificationsActiveFillAttributes[K] } & { [K in keyof DsIconNotificationsActiveFill & keyof DsIconNotificationsActiveFillAttributes as `prop:${K}`]?: DsIconNotificationsActiveFill[K] };
        "ds-icon-notifications-fill": Omit<DsIconNotificationsFill, keyof DsIconNotificationsFillAttributes> & { [K in keyof DsIconNotificationsFill & keyof DsIconNotificationsFillAttributes]?: DsIconNotificationsFill[K] } & { [K in keyof DsIconNotificationsFill & keyof DsIconNotificationsFillAttributes as `attr:${K}`]?: DsIconNotificationsFillAttributes[K] } & { [K in keyof DsIconNotificationsFill & keyof DsIconNotificationsFillAttributes as `prop:${K}`]?: DsIconNotificationsFill[K] };
        "ds-icon-notifications-off": Omit<DsIconNotificationsOff, keyof DsIconNotificationsOffAttributes> & { [K in keyof DsIconNotificationsOff & keyof DsIconNotificationsOffAttributes]?: DsIconNotificationsOff[K] } & { [K in keyof DsIconNotificationsOff & keyof DsIconNotificationsOffAttributes as `attr:${K}`]?: DsIconNotificationsOffAttributes[K] } & { [K in keyof DsIconNotificationsOff & keyof DsIconNotificationsOffAttributes as `prop:${K}`]?: DsIconNotificationsOff[K] };
        "ds-icon-notifications-off-fill": Omit<DsIconNotificationsOffFill, keyof DsIconNotificationsOffFillAttributes> & { [K in keyof DsIconNotificationsOffFill & keyof DsIconNotificationsOffFillAttributes]?: DsIconNotificationsOffFill[K] } & { [K in keyof DsIconNotificationsOffFill & keyof DsIconNotificationsOffFillAttributes as `attr:${K}`]?: DsIconNotificationsOffFillAttributes[K] } & { [K in keyof DsIconNotificationsOffFill & keyof DsIconNotificationsOffFillAttributes as `prop:${K}`]?: DsIconNotificationsOffFill[K] };
        "ds-icon-notifications-unread": Omit<DsIconNotificationsUnread, keyof DsIconNotificationsUnreadAttributes> & { [K in keyof DsIconNotificationsUnread & keyof DsIconNotificationsUnreadAttributes]?: DsIconNotificationsUnread[K] } & { [K in keyof DsIconNotificationsUnread & keyof DsIconNotificationsUnreadAttributes as `attr:${K}`]?: DsIconNotificationsUnreadAttributes[K] } & { [K in keyof DsIconNotificationsUnread & keyof DsIconNotificationsUnreadAttributes as `prop:${K}`]?: DsIconNotificationsUnread[K] };
        "ds-icon-notifications-unread-fill": Omit<DsIconNotificationsUnreadFill, keyof DsIconNotificationsUnreadFillAttributes> & { [K in keyof DsIconNotificationsUnreadFill & keyof DsIconNotificationsUnreadFillAttributes]?: DsIconNotificationsUnreadFill[K] } & { [K in keyof DsIconNotificationsUnreadFill & keyof DsIconNotificationsUnreadFillAttributes as `attr:${K}`]?: DsIconNotificationsUnreadFillAttributes[K] } & { [K in keyof DsIconNotificationsUnreadFill & keyof DsIconNotificationsUnreadFillAttributes as `prop:${K}`]?: DsIconNotificationsUnreadFill[K] };
        "ds-icon-open-in-new": Omit<DsIconOpenInNew, keyof DsIconOpenInNewAttributes> & { [K in keyof DsIconOpenInNew & keyof DsIconOpenInNewAttributes]?: DsIconOpenInNew[K] } & { [K in keyof DsIconOpenInNew & keyof DsIconOpenInNewAttributes as `attr:${K}`]?: DsIconOpenInNewAttributes[K] } & { [K in keyof DsIconOpenInNew & keyof DsIconOpenInNewAttributes as `prop:${K}`]?: DsIconOpenInNew[K] };
        "ds-icon-pause": Omit<DsIconPause, keyof DsIconPauseAttributes> & { [K in keyof DsIconPause & keyof DsIconPauseAttributes]?: DsIconPause[K] } & { [K in keyof DsIconPause & keyof DsIconPauseAttributes as `attr:${K}`]?: DsIconPauseAttributes[K] } & { [K in keyof DsIconPause & keyof DsIconPauseAttributes as `prop:${K}`]?: DsIconPause[K] };
        "ds-icon-pause-circle": Omit<DsIconPauseCircle, keyof DsIconPauseCircleAttributes> & { [K in keyof DsIconPauseCircle & keyof DsIconPauseCircleAttributes]?: DsIconPauseCircle[K] } & { [K in keyof DsIconPauseCircle & keyof DsIconPauseCircleAttributes as `attr:${K}`]?: DsIconPauseCircleAttributes[K] } & { [K in keyof DsIconPauseCircle & keyof DsIconPauseCircleAttributes as `prop:${K}`]?: DsIconPauseCircle[K] };
        "ds-icon-pause-circle-fill": Omit<DsIconPauseCircleFill, keyof DsIconPauseCircleFillAttributes> & { [K in keyof DsIconPauseCircleFill & keyof DsIconPauseCircleFillAttributes]?: DsIconPauseCircleFill[K] } & { [K in keyof DsIconPauseCircleFill & keyof DsIconPauseCircleFillAttributes as `attr:${K}`]?: DsIconPauseCircleFillAttributes[K] } & { [K in keyof DsIconPauseCircleFill & keyof DsIconPauseCircleFillAttributes as `prop:${K}`]?: DsIconPauseCircleFill[K] };
        "ds-icon-pause-fill": Omit<DsIconPauseFill, keyof DsIconPauseFillAttributes> & { [K in keyof DsIconPauseFill & keyof DsIconPauseFillAttributes]?: DsIconPauseFill[K] } & { [K in keyof DsIconPauseFill & keyof DsIconPauseFillAttributes as `attr:${K}`]?: DsIconPauseFillAttributes[K] } & { [K in keyof DsIconPauseFill & keyof DsIconPauseFillAttributes as `prop:${K}`]?: DsIconPauseFill[K] };
        "ds-icon-pending": Omit<DsIconPending, keyof DsIconPendingAttributes> & { [K in keyof DsIconPending & keyof DsIconPendingAttributes]?: DsIconPending[K] } & { [K in keyof DsIconPending & keyof DsIconPendingAttributes as `attr:${K}`]?: DsIconPendingAttributes[K] } & { [K in keyof DsIconPending & keyof DsIconPendingAttributes as `prop:${K}`]?: DsIconPending[K] };
        "ds-icon-percent": Omit<DsIconPercent, keyof DsIconPercentAttributes> & { [K in keyof DsIconPercent & keyof DsIconPercentAttributes]?: DsIconPercent[K] } & { [K in keyof DsIconPercent & keyof DsIconPercentAttributes as `attr:${K}`]?: DsIconPercentAttributes[K] } & { [K in keyof DsIconPercent & keyof DsIconPercentAttributes as `prop:${K}`]?: DsIconPercent[K] };
        "ds-icon-person": Omit<DsIconPerson, keyof DsIconPersonAttributes> & { [K in keyof DsIconPerson & keyof DsIconPersonAttributes]?: DsIconPerson[K] } & { [K in keyof DsIconPerson & keyof DsIconPersonAttributes as `attr:${K}`]?: DsIconPersonAttributes[K] } & { [K in keyof DsIconPerson & keyof DsIconPersonAttributes as `prop:${K}`]?: DsIconPerson[K] };
        "ds-icon-person-add": Omit<DsIconPersonAdd, keyof DsIconPersonAddAttributes> & { [K in keyof DsIconPersonAdd & keyof DsIconPersonAddAttributes]?: DsIconPersonAdd[K] } & { [K in keyof DsIconPersonAdd & keyof DsIconPersonAddAttributes as `attr:${K}`]?: DsIconPersonAddAttributes[K] } & { [K in keyof DsIconPersonAdd & keyof DsIconPersonAddAttributes as `prop:${K}`]?: DsIconPersonAdd[K] };
        "ds-icon-person-add-fill": Omit<DsIconPersonAddFill, keyof DsIconPersonAddFillAttributes> & { [K in keyof DsIconPersonAddFill & keyof DsIconPersonAddFillAttributes]?: DsIconPersonAddFill[K] } & { [K in keyof DsIconPersonAddFill & keyof DsIconPersonAddFillAttributes as `attr:${K}`]?: DsIconPersonAddFillAttributes[K] } & { [K in keyof DsIconPersonAddFill & keyof DsIconPersonAddFillAttributes as `prop:${K}`]?: DsIconPersonAddFill[K] };
        "ds-icon-person-alert": Omit<DsIconPersonAlert, keyof DsIconPersonAlertAttributes> & { [K in keyof DsIconPersonAlert & keyof DsIconPersonAlertAttributes]?: DsIconPersonAlert[K] } & { [K in keyof DsIconPersonAlert & keyof DsIconPersonAlertAttributes as `attr:${K}`]?: DsIconPersonAlertAttributes[K] } & { [K in keyof DsIconPersonAlert & keyof DsIconPersonAlertAttributes as `prop:${K}`]?: DsIconPersonAlert[K] };
        "ds-icon-person-alert-fill": Omit<DsIconPersonAlertFill, keyof DsIconPersonAlertFillAttributes> & { [K in keyof DsIconPersonAlertFill & keyof DsIconPersonAlertFillAttributes]?: DsIconPersonAlertFill[K] } & { [K in keyof DsIconPersonAlertFill & keyof DsIconPersonAlertFillAttributes as `attr:${K}`]?: DsIconPersonAlertFillAttributes[K] } & { [K in keyof DsIconPersonAlertFill & keyof DsIconPersonAlertFillAttributes as `prop:${K}`]?: DsIconPersonAlertFill[K] };
        "ds-icon-person-fill": Omit<DsIconPersonFill, keyof DsIconPersonFillAttributes> & { [K in keyof DsIconPersonFill & keyof DsIconPersonFillAttributes]?: DsIconPersonFill[K] } & { [K in keyof DsIconPersonFill & keyof DsIconPersonFillAttributes as `attr:${K}`]?: DsIconPersonFillAttributes[K] } & { [K in keyof DsIconPersonFill & keyof DsIconPersonFillAttributes as `prop:${K}`]?: DsIconPersonFill[K] };
        "ds-icon-person-pin-circle": Omit<DsIconPersonPinCircle, keyof DsIconPersonPinCircleAttributes> & { [K in keyof DsIconPersonPinCircle & keyof DsIconPersonPinCircleAttributes]?: DsIconPersonPinCircle[K] } & { [K in keyof DsIconPersonPinCircle & keyof DsIconPersonPinCircleAttributes as `attr:${K}`]?: DsIconPersonPinCircleAttributes[K] } & { [K in keyof DsIconPersonPinCircle & keyof DsIconPersonPinCircleAttributes as `prop:${K}`]?: DsIconPersonPinCircle[K] };
        "ds-icon-person-pin-circle-fill": Omit<DsIconPersonPinCircleFill, keyof DsIconPersonPinCircleFillAttributes> & { [K in keyof DsIconPersonPinCircleFill & keyof DsIconPersonPinCircleFillAttributes]?: DsIconPersonPinCircleFill[K] } & { [K in keyof DsIconPersonPinCircleFill & keyof DsIconPersonPinCircleFillAttributes as `attr:${K}`]?: DsIconPersonPinCircleFillAttributes[K] } & { [K in keyof DsIconPersonPinCircleFill & keyof DsIconPersonPinCircleFillAttributes as `prop:${K}`]?: DsIconPersonPinCircleFill[K] };
        "ds-icon-person-remove": Omit<DsIconPersonRemove, keyof DsIconPersonRemoveAttributes> & { [K in keyof DsIconPersonRemove & keyof DsIconPersonRemoveAttributes]?: DsIconPersonRemove[K] } & { [K in keyof DsIconPersonRemove & keyof DsIconPersonRemoveAttributes as `attr:${K}`]?: DsIconPersonRemoveAttributes[K] } & { [K in keyof DsIconPersonRemove & keyof DsIconPersonRemoveAttributes as `prop:${K}`]?: DsIconPersonRemove[K] };
        "ds-icon-person-remove-fill": Omit<DsIconPersonRemoveFill, keyof DsIconPersonRemoveFillAttributes> & { [K in keyof DsIconPersonRemoveFill & keyof DsIconPersonRemoveFillAttributes]?: DsIconPersonRemoveFill[K] } & { [K in keyof DsIconPersonRemoveFill & keyof DsIconPersonRemoveFillAttributes as `attr:${K}`]?: DsIconPersonRemoveFillAttributes[K] } & { [K in keyof DsIconPersonRemoveFill & keyof DsIconPersonRemoveFillAttributes as `prop:${K}`]?: DsIconPersonRemoveFill[K] };
        "ds-icon-person-search": Omit<DsIconPersonSearch, keyof DsIconPersonSearchAttributes> & { [K in keyof DsIconPersonSearch & keyof DsIconPersonSearchAttributes]?: DsIconPersonSearch[K] } & { [K in keyof DsIconPersonSearch & keyof DsIconPersonSearchAttributes as `attr:${K}`]?: DsIconPersonSearchAttributes[K] } & { [K in keyof DsIconPersonSearch & keyof DsIconPersonSearchAttributes as `prop:${K}`]?: DsIconPersonSearch[K] };
        "ds-icon-person-search-fill": Omit<DsIconPersonSearchFill, keyof DsIconPersonSearchFillAttributes> & { [K in keyof DsIconPersonSearchFill & keyof DsIconPersonSearchFillAttributes]?: DsIconPersonSearchFill[K] } & { [K in keyof DsIconPersonSearchFill & keyof DsIconPersonSearchFillAttributes as `attr:${K}`]?: DsIconPersonSearchFillAttributes[K] } & { [K in keyof DsIconPersonSearchFill & keyof DsIconPersonSearchFillAttributes as `prop:${K}`]?: DsIconPersonSearchFill[K] };
        "ds-icon-photo-camera": Omit<DsIconPhotoCamera, keyof DsIconPhotoCameraAttributes> & { [K in keyof DsIconPhotoCamera & keyof DsIconPhotoCameraAttributes]?: DsIconPhotoCamera[K] } & { [K in keyof DsIconPhotoCamera & keyof DsIconPhotoCameraAttributes as `attr:${K}`]?: DsIconPhotoCameraAttributes[K] } & { [K in keyof DsIconPhotoCamera & keyof DsIconPhotoCameraAttributes as `prop:${K}`]?: DsIconPhotoCamera[K] };
        "ds-icon-photo-camera-fill": Omit<DsIconPhotoCameraFill, keyof DsIconPhotoCameraFillAttributes> & { [K in keyof DsIconPhotoCameraFill & keyof DsIconPhotoCameraFillAttributes]?: DsIconPhotoCameraFill[K] } & { [K in keyof DsIconPhotoCameraFill & keyof DsIconPhotoCameraFillAttributes as `attr:${K}`]?: DsIconPhotoCameraFillAttributes[K] } & { [K in keyof DsIconPhotoCameraFill & keyof DsIconPhotoCameraFillAttributes as `prop:${K}`]?: DsIconPhotoCameraFill[K] };
        "ds-icon-photo-library": Omit<DsIconPhotoLibrary, keyof DsIconPhotoLibraryAttributes> & { [K in keyof DsIconPhotoLibrary & keyof DsIconPhotoLibraryAttributes]?: DsIconPhotoLibrary[K] } & { [K in keyof DsIconPhotoLibrary & keyof DsIconPhotoLibraryAttributes as `attr:${K}`]?: DsIconPhotoLibraryAttributes[K] } & { [K in keyof DsIconPhotoLibrary & keyof DsIconPhotoLibraryAttributes as `prop:${K}`]?: DsIconPhotoLibrary[K] };
        "ds-icon-picture-as-pdf": Omit<DsIconPictureAsPdf, keyof DsIconPictureAsPdfAttributes> & { [K in keyof DsIconPictureAsPdf & keyof DsIconPictureAsPdfAttributes]?: DsIconPictureAsPdf[K] } & { [K in keyof DsIconPictureAsPdf & keyof DsIconPictureAsPdfAttributes as `attr:${K}`]?: DsIconPictureAsPdfAttributes[K] } & { [K in keyof DsIconPictureAsPdf & keyof DsIconPictureAsPdfAttributes as `prop:${K}`]?: DsIconPictureAsPdf[K] };
        "ds-icon-picture-as-pdf-fill": Omit<DsIconPictureAsPdfFill, keyof DsIconPictureAsPdfFillAttributes> & { [K in keyof DsIconPictureAsPdfFill & keyof DsIconPictureAsPdfFillAttributes]?: DsIconPictureAsPdfFill[K] } & { [K in keyof DsIconPictureAsPdfFill & keyof DsIconPictureAsPdfFillAttributes as `attr:${K}`]?: DsIconPictureAsPdfFillAttributes[K] } & { [K in keyof DsIconPictureAsPdfFill & keyof DsIconPictureAsPdfFillAttributes as `prop:${K}`]?: DsIconPictureAsPdfFill[K] };
        "ds-icon-pie-chart": Omit<DsIconPieChart, keyof DsIconPieChartAttributes> & { [K in keyof DsIconPieChart & keyof DsIconPieChartAttributes]?: DsIconPieChart[K] } & { [K in keyof DsIconPieChart & keyof DsIconPieChartAttributes as `attr:${K}`]?: DsIconPieChartAttributes[K] } & { [K in keyof DsIconPieChart & keyof DsIconPieChartAttributes as `prop:${K}`]?: DsIconPieChart[K] };
        "ds-icon-pie-chart-fill": Omit<DsIconPieChartFill, keyof DsIconPieChartFillAttributes> & { [K in keyof DsIconPieChartFill & keyof DsIconPieChartFillAttributes]?: DsIconPieChartFill[K] } & { [K in keyof DsIconPieChartFill & keyof DsIconPieChartFillAttributes as `attr:${K}`]?: DsIconPieChartFillAttributes[K] } & { [K in keyof DsIconPieChartFill & keyof DsIconPieChartFillAttributes as `prop:${K}`]?: DsIconPieChartFill[K] };
        "ds-icon-plagiarism": Omit<DsIconPlagiarism, keyof DsIconPlagiarismAttributes> & { [K in keyof DsIconPlagiarism & keyof DsIconPlagiarismAttributes]?: DsIconPlagiarism[K] } & { [K in keyof DsIconPlagiarism & keyof DsIconPlagiarismAttributes as `attr:${K}`]?: DsIconPlagiarismAttributes[K] } & { [K in keyof DsIconPlagiarism & keyof DsIconPlagiarismAttributes as `prop:${K}`]?: DsIconPlagiarism[K] };
        "ds-icon-plagiarism-fill": Omit<DsIconPlagiarismFill, keyof DsIconPlagiarismFillAttributes> & { [K in keyof DsIconPlagiarismFill & keyof DsIconPlagiarismFillAttributes]?: DsIconPlagiarismFill[K] } & { [K in keyof DsIconPlagiarismFill & keyof DsIconPlagiarismFillAttributes as `attr:${K}`]?: DsIconPlagiarismFillAttributes[K] } & { [K in keyof DsIconPlagiarismFill & keyof DsIconPlagiarismFillAttributes as `prop:${K}`]?: DsIconPlagiarismFill[K] };
        "ds-icon-play-arrow": Omit<DsIconPlayArrow, keyof DsIconPlayArrowAttributes> & { [K in keyof DsIconPlayArrow & keyof DsIconPlayArrowAttributes]?: DsIconPlayArrow[K] } & { [K in keyof DsIconPlayArrow & keyof DsIconPlayArrowAttributes as `attr:${K}`]?: DsIconPlayArrowAttributes[K] } & { [K in keyof DsIconPlayArrow & keyof DsIconPlayArrowAttributes as `prop:${K}`]?: DsIconPlayArrow[K] };
        "ds-icon-play-arrow-fill": Omit<DsIconPlayArrowFill, keyof DsIconPlayArrowFillAttributes> & { [K in keyof DsIconPlayArrowFill & keyof DsIconPlayArrowFillAttributes]?: DsIconPlayArrowFill[K] } & { [K in keyof DsIconPlayArrowFill & keyof DsIconPlayArrowFillAttributes as `attr:${K}`]?: DsIconPlayArrowFillAttributes[K] } & { [K in keyof DsIconPlayArrowFill & keyof DsIconPlayArrowFillAttributes as `prop:${K}`]?: DsIconPlayArrowFill[K] };
        "ds-icon-play-circle": Omit<DsIconPlayCircle, keyof DsIconPlayCircleAttributes> & { [K in keyof DsIconPlayCircle & keyof DsIconPlayCircleAttributes]?: DsIconPlayCircle[K] } & { [K in keyof DsIconPlayCircle & keyof DsIconPlayCircleAttributes as `attr:${K}`]?: DsIconPlayCircleAttributes[K] } & { [K in keyof DsIconPlayCircle & keyof DsIconPlayCircleAttributes as `prop:${K}`]?: DsIconPlayCircle[K] };
        "ds-icon-play-circle-fill": Omit<DsIconPlayCircleFill, keyof DsIconPlayCircleFillAttributes> & { [K in keyof DsIconPlayCircleFill & keyof DsIconPlayCircleFillAttributes]?: DsIconPlayCircleFill[K] } & { [K in keyof DsIconPlayCircleFill & keyof DsIconPlayCircleFillAttributes as `attr:${K}`]?: DsIconPlayCircleFillAttributes[K] } & { [K in keyof DsIconPlayCircleFill & keyof DsIconPlayCircleFillAttributes as `prop:${K}`]?: DsIconPlayCircleFill[K] };
        "ds-icon-play-pause": Omit<DsIconPlayPause, keyof DsIconPlayPauseAttributes> & { [K in keyof DsIconPlayPause & keyof DsIconPlayPauseAttributes]?: DsIconPlayPause[K] } & { [K in keyof DsIconPlayPause & keyof DsIconPlayPauseAttributes as `attr:${K}`]?: DsIconPlayPauseAttributes[K] } & { [K in keyof DsIconPlayPause & keyof DsIconPlayPauseAttributes as `prop:${K}`]?: DsIconPlayPause[K] };
        "ds-icon-progress-activity": Omit<DsIconProgressActivity, keyof DsIconProgressActivityAttributes> & { [K in keyof DsIconProgressActivity & keyof DsIconProgressActivityAttributes]?: DsIconProgressActivity[K] } & { [K in keyof DsIconProgressActivity & keyof DsIconProgressActivityAttributes as `attr:${K}`]?: DsIconProgressActivityAttributes[K] } & { [K in keyof DsIconProgressActivity & keyof DsIconProgressActivityAttributes as `prop:${K}`]?: DsIconProgressActivity[K] };
        "ds-icon-public": Omit<DsIconPublic, keyof DsIconPublicAttributes> & { [K in keyof DsIconPublic & keyof DsIconPublicAttributes]?: DsIconPublic[K] } & { [K in keyof DsIconPublic & keyof DsIconPublicAttributes as `attr:${K}`]?: DsIconPublicAttributes[K] } & { [K in keyof DsIconPublic & keyof DsIconPublicAttributes as `prop:${K}`]?: DsIconPublic[K] };
        "ds-icon-refresh": Omit<DsIconRefresh, keyof DsIconRefreshAttributes> & { [K in keyof DsIconRefresh & keyof DsIconRefreshAttributes]?: DsIconRefresh[K] } & { [K in keyof DsIconRefresh & keyof DsIconRefreshAttributes as `attr:${K}`]?: DsIconRefreshAttributes[K] } & { [K in keyof DsIconRefresh & keyof DsIconRefreshAttributes as `prop:${K}`]?: DsIconRefresh[K] };
        "ds-icon-remove": Omit<DsIconRemove, keyof DsIconRemoveAttributes> & { [K in keyof DsIconRemove & keyof DsIconRemoveAttributes]?: DsIconRemove[K] } & { [K in keyof DsIconRemove & keyof DsIconRemoveAttributes as `attr:${K}`]?: DsIconRemoveAttributes[K] } & { [K in keyof DsIconRemove & keyof DsIconRemoveAttributes as `prop:${K}`]?: DsIconRemove[K] };
        "ds-icon-reorder": Omit<DsIconReorder, keyof DsIconReorderAttributes> & { [K in keyof DsIconReorder & keyof DsIconReorderAttributes]?: DsIconReorder[K] } & { [K in keyof DsIconReorder & keyof DsIconReorderAttributes as `attr:${K}`]?: DsIconReorderAttributes[K] } & { [K in keyof DsIconReorder & keyof DsIconReorderAttributes as `prop:${K}`]?: DsIconReorder[K] };
        "ds-icon-report": Omit<DsIconReport, keyof DsIconReportAttributes> & { [K in keyof DsIconReport & keyof DsIconReportAttributes]?: DsIconReport[K] } & { [K in keyof DsIconReport & keyof DsIconReportAttributes as `attr:${K}`]?: DsIconReportAttributes[K] } & { [K in keyof DsIconReport & keyof DsIconReportAttributes as `prop:${K}`]?: DsIconReport[K] };
        "ds-icon-report-fill": Omit<DsIconReportFill, keyof DsIconReportFillAttributes> & { [K in keyof DsIconReportFill & keyof DsIconReportFillAttributes]?: DsIconReportFill[K] } & { [K in keyof DsIconReportFill & keyof DsIconReportFillAttributes as `attr:${K}`]?: DsIconReportFillAttributes[K] } & { [K in keyof DsIconReportFill & keyof DsIconReportFillAttributes as `prop:${K}`]?: DsIconReportFill[K] };
        "ds-icon-resize": Omit<DsIconResize, keyof DsIconResizeAttributes> & { [K in keyof DsIconResize & keyof DsIconResizeAttributes]?: DsIconResize[K] } & { [K in keyof DsIconResize & keyof DsIconResizeAttributes as `attr:${K}`]?: DsIconResizeAttributes[K] } & { [K in keyof DsIconResize & keyof DsIconResizeAttributes as `prop:${K}`]?: DsIconResize[K] };
        "ds-icon-rotate-left": Omit<DsIconRotateLeft, keyof DsIconRotateLeftAttributes> & { [K in keyof DsIconRotateLeft & keyof DsIconRotateLeftAttributes]?: DsIconRotateLeft[K] } & { [K in keyof DsIconRotateLeft & keyof DsIconRotateLeftAttributes as `attr:${K}`]?: DsIconRotateLeftAttributes[K] } & { [K in keyof DsIconRotateLeft & keyof DsIconRotateLeftAttributes as `prop:${K}`]?: DsIconRotateLeft[K] };
        "ds-icon-rotate-right": Omit<DsIconRotateRight, keyof DsIconRotateRightAttributes> & { [K in keyof DsIconRotateRight & keyof DsIconRotateRightAttributes]?: DsIconRotateRight[K] } & { [K in keyof DsIconRotateRight & keyof DsIconRotateRightAttributes as `attr:${K}`]?: DsIconRotateRightAttributes[K] } & { [K in keyof DsIconRotateRight & keyof DsIconRotateRightAttributes as `prop:${K}`]?: DsIconRotateRight[K] };
        "ds-icon-rss-feed": Omit<DsIconRssFeed, keyof DsIconRssFeedAttributes> & { [K in keyof DsIconRssFeed & keyof DsIconRssFeedAttributes]?: DsIconRssFeed[K] } & { [K in keyof DsIconRssFeed & keyof DsIconRssFeedAttributes as `attr:${K}`]?: DsIconRssFeedAttributes[K] } & { [K in keyof DsIconRssFeed & keyof DsIconRssFeedAttributes as `prop:${K}`]?: DsIconRssFeed[K] };
        "ds-icon-save": Omit<DsIconSave, keyof DsIconSaveAttributes> & { [K in keyof DsIconSave & keyof DsIconSaveAttributes]?: DsIconSave[K] } & { [K in keyof DsIconSave & keyof DsIconSaveAttributes as `attr:${K}`]?: DsIconSaveAttributes[K] } & { [K in keyof DsIconSave & keyof DsIconSaveAttributes as `prop:${K}`]?: DsIconSave[K] };
        "ds-icon-save-fill": Omit<DsIconSaveFill, keyof DsIconSaveFillAttributes> & { [K in keyof DsIconSaveFill & keyof DsIconSaveFillAttributes]?: DsIconSaveFill[K] } & { [K in keyof DsIconSaveFill & keyof DsIconSaveFillAttributes as `attr:${K}`]?: DsIconSaveFillAttributes[K] } & { [K in keyof DsIconSaveFill & keyof DsIconSaveFillAttributes as `prop:${K}`]?: DsIconSaveFill[K] };
        "ds-icon-schedule": Omit<DsIconSchedule, keyof DsIconScheduleAttributes> & { [K in keyof DsIconSchedule & keyof DsIconScheduleAttributes]?: DsIconSchedule[K] } & { [K in keyof DsIconSchedule & keyof DsIconScheduleAttributes as `attr:${K}`]?: DsIconScheduleAttributes[K] } & { [K in keyof DsIconSchedule & keyof DsIconScheduleAttributes as `prop:${K}`]?: DsIconSchedule[K] };
        "ds-icon-schedule-fill": Omit<DsIconScheduleFill, keyof DsIconScheduleFillAttributes> & { [K in keyof DsIconScheduleFill & keyof DsIconScheduleFillAttributes]?: DsIconScheduleFill[K] } & { [K in keyof DsIconScheduleFill & keyof DsIconScheduleFillAttributes as `attr:${K}`]?: DsIconScheduleFillAttributes[K] } & { [K in keyof DsIconScheduleFill & keyof DsIconScheduleFillAttributes as `prop:${K}`]?: DsIconScheduleFill[K] };
        "ds-icon-search": Omit<DsIconSearch, keyof DsIconSearchAttributes> & { [K in keyof DsIconSearch & keyof DsIconSearchAttributes]?: DsIconSearch[K] } & { [K in keyof DsIconSearch & keyof DsIconSearchAttributes as `attr:${K}`]?: DsIconSearchAttributes[K] } & { [K in keyof DsIconSearch & keyof DsIconSearchAttributes as `prop:${K}`]?: DsIconSearch[K] };
        "ds-icon-sell": Omit<DsIconSell, keyof DsIconSellAttributes> & { [K in keyof DsIconSell & keyof DsIconSellAttributes]?: DsIconSell[K] } & { [K in keyof DsIconSell & keyof DsIconSellAttributes as `attr:${K}`]?: DsIconSellAttributes[K] } & { [K in keyof DsIconSell & keyof DsIconSellAttributes as `prop:${K}`]?: DsIconSell[K] };
        "ds-icon-sell-fill": Omit<DsIconSellFill, keyof DsIconSellFillAttributes> & { [K in keyof DsIconSellFill & keyof DsIconSellFillAttributes]?: DsIconSellFill[K] } & { [K in keyof DsIconSellFill & keyof DsIconSellFillAttributes as `attr:${K}`]?: DsIconSellFillAttributes[K] } & { [K in keyof DsIconSellFill & keyof DsIconSellFillAttributes as `prop:${K}`]?: DsIconSellFill[K] };
        "ds-icon-send": Omit<DsIconSend, keyof DsIconSendAttributes> & { [K in keyof DsIconSend & keyof DsIconSendAttributes]?: DsIconSend[K] } & { [K in keyof DsIconSend & keyof DsIconSendAttributes as `attr:${K}`]?: DsIconSendAttributes[K] } & { [K in keyof DsIconSend & keyof DsIconSendAttributes as `prop:${K}`]?: DsIconSend[K] };
        "ds-icon-send-fill": Omit<DsIconSendFill, keyof DsIconSendFillAttributes> & { [K in keyof DsIconSendFill & keyof DsIconSendFillAttributes]?: DsIconSendFill[K] } & { [K in keyof DsIconSendFill & keyof DsIconSendFillAttributes as `attr:${K}`]?: DsIconSendFillAttributes[K] } & { [K in keyof DsIconSendFill & keyof DsIconSendFillAttributes as `prop:${K}`]?: DsIconSendFill[K] };
        "ds-icon-sentiment-dissatisfied": Omit<DsIconSentimentDissatisfied, keyof DsIconSentimentDissatisfiedAttributes> & { [K in keyof DsIconSentimentDissatisfied & keyof DsIconSentimentDissatisfiedAttributes]?: DsIconSentimentDissatisfied[K] } & { [K in keyof DsIconSentimentDissatisfied & keyof DsIconSentimentDissatisfiedAttributes as `attr:${K}`]?: DsIconSentimentDissatisfiedAttributes[K] } & { [K in keyof DsIconSentimentDissatisfied & keyof DsIconSentimentDissatisfiedAttributes as `prop:${K}`]?: DsIconSentimentDissatisfied[K] };
        "ds-icon-sentiment-dissatisfied-fill": Omit<DsIconSentimentDissatisfiedFill, keyof DsIconSentimentDissatisfiedFillAttributes> & { [K in keyof DsIconSentimentDissatisfiedFill & keyof DsIconSentimentDissatisfiedFillAttributes]?: DsIconSentimentDissatisfiedFill[K] } & { [K in keyof DsIconSentimentDissatisfiedFill & keyof DsIconSentimentDissatisfiedFillAttributes as `attr:${K}`]?: DsIconSentimentDissatisfiedFillAttributes[K] } & { [K in keyof DsIconSentimentDissatisfiedFill & keyof DsIconSentimentDissatisfiedFillAttributes as `prop:${K}`]?: DsIconSentimentDissatisfiedFill[K] };
        "ds-icon-sentiment-neutral": Omit<DsIconSentimentNeutral, keyof DsIconSentimentNeutralAttributes> & { [K in keyof DsIconSentimentNeutral & keyof DsIconSentimentNeutralAttributes]?: DsIconSentimentNeutral[K] } & { [K in keyof DsIconSentimentNeutral & keyof DsIconSentimentNeutralAttributes as `attr:${K}`]?: DsIconSentimentNeutralAttributes[K] } & { [K in keyof DsIconSentimentNeutral & keyof DsIconSentimentNeutralAttributes as `prop:${K}`]?: DsIconSentimentNeutral[K] };
        "ds-icon-sentiment-neutral-fill": Omit<DsIconSentimentNeutralFill, keyof DsIconSentimentNeutralFillAttributes> & { [K in keyof DsIconSentimentNeutralFill & keyof DsIconSentimentNeutralFillAttributes]?: DsIconSentimentNeutralFill[K] } & { [K in keyof DsIconSentimentNeutralFill & keyof DsIconSentimentNeutralFillAttributes as `attr:${K}`]?: DsIconSentimentNeutralFillAttributes[K] } & { [K in keyof DsIconSentimentNeutralFill & keyof DsIconSentimentNeutralFillAttributes as `prop:${K}`]?: DsIconSentimentNeutralFill[K] };
        "ds-icon-sentiment-satisfied": Omit<DsIconSentimentSatisfied, keyof DsIconSentimentSatisfiedAttributes> & { [K in keyof DsIconSentimentSatisfied & keyof DsIconSentimentSatisfiedAttributes]?: DsIconSentimentSatisfied[K] } & { [K in keyof DsIconSentimentSatisfied & keyof DsIconSentimentSatisfiedAttributes as `attr:${K}`]?: DsIconSentimentSatisfiedAttributes[K] } & { [K in keyof DsIconSentimentSatisfied & keyof DsIconSentimentSatisfiedAttributes as `prop:${K}`]?: DsIconSentimentSatisfied[K] };
        "ds-icon-sentiment-satisfied-fill": Omit<DsIconSentimentSatisfiedFill, keyof DsIconSentimentSatisfiedFillAttributes> & { [K in keyof DsIconSentimentSatisfiedFill & keyof DsIconSentimentSatisfiedFillAttributes]?: DsIconSentimentSatisfiedFill[K] } & { [K in keyof DsIconSentimentSatisfiedFill & keyof DsIconSentimentSatisfiedFillAttributes as `attr:${K}`]?: DsIconSentimentSatisfiedFillAttributes[K] } & { [K in keyof DsIconSentimentSatisfiedFill & keyof DsIconSentimentSatisfiedFillAttributes as `prop:${K}`]?: DsIconSentimentSatisfiedFill[K] };
        "ds-icon-settings": Omit<DsIconSettings, keyof DsIconSettingsAttributes> & { [K in keyof DsIconSettings & keyof DsIconSettingsAttributes]?: DsIconSettings[K] } & { [K in keyof DsIconSettings & keyof DsIconSettingsAttributes as `attr:${K}`]?: DsIconSettingsAttributes[K] } & { [K in keyof DsIconSettings & keyof DsIconSettingsAttributes as `prop:${K}`]?: DsIconSettings[K] };
        "ds-icon-settings-fill": Omit<DsIconSettingsFill, keyof DsIconSettingsFillAttributes> & { [K in keyof DsIconSettingsFill & keyof DsIconSettingsFillAttributes]?: DsIconSettingsFill[K] } & { [K in keyof DsIconSettingsFill & keyof DsIconSettingsFillAttributes as `attr:${K}`]?: DsIconSettingsFillAttributes[K] } & { [K in keyof DsIconSettingsFill & keyof DsIconSettingsFillAttributes as `prop:${K}`]?: DsIconSettingsFill[K] };
        "ds-icon-share": Omit<DsIconShare, keyof DsIconShareAttributes> & { [K in keyof DsIconShare & keyof DsIconShareAttributes]?: DsIconShare[K] } & { [K in keyof DsIconShare & keyof DsIconShareAttributes as `attr:${K}`]?: DsIconShareAttributes[K] } & { [K in keyof DsIconShare & keyof DsIconShareAttributes as `prop:${K}`]?: DsIconShare[K] };
        "ds-icon-show-chart": Omit<DsIconShowChart, keyof DsIconShowChartAttributes> & { [K in keyof DsIconShowChart & keyof DsIconShowChartAttributes]?: DsIconShowChart[K] } & { [K in keyof DsIconShowChart & keyof DsIconShowChartAttributes as `attr:${K}`]?: DsIconShowChartAttributes[K] } & { [K in keyof DsIconShowChart & keyof DsIconShowChartAttributes as `prop:${K}`]?: DsIconShowChart[K] };
        "ds-icon-skip-next": Omit<DsIconSkipNext, keyof DsIconSkipNextAttributes> & { [K in keyof DsIconSkipNext & keyof DsIconSkipNextAttributes]?: DsIconSkipNext[K] } & { [K in keyof DsIconSkipNext & keyof DsIconSkipNextAttributes as `attr:${K}`]?: DsIconSkipNextAttributes[K] } & { [K in keyof DsIconSkipNext & keyof DsIconSkipNextAttributes as `prop:${K}`]?: DsIconSkipNext[K] };
        "ds-icon-skip-next-fill": Omit<DsIconSkipNextFill, keyof DsIconSkipNextFillAttributes> & { [K in keyof DsIconSkipNextFill & keyof DsIconSkipNextFillAttributes]?: DsIconSkipNextFill[K] } & { [K in keyof DsIconSkipNextFill & keyof DsIconSkipNextFillAttributes as `attr:${K}`]?: DsIconSkipNextFillAttributes[K] } & { [K in keyof DsIconSkipNextFill & keyof DsIconSkipNextFillAttributes as `prop:${K}`]?: DsIconSkipNextFill[K] };
        "ds-icon-skip-previous": Omit<DsIconSkipPrevious, keyof DsIconSkipPreviousAttributes> & { [K in keyof DsIconSkipPrevious & keyof DsIconSkipPreviousAttributes]?: DsIconSkipPrevious[K] } & { [K in keyof DsIconSkipPrevious & keyof DsIconSkipPreviousAttributes as `attr:${K}`]?: DsIconSkipPreviousAttributes[K] } & { [K in keyof DsIconSkipPrevious & keyof DsIconSkipPreviousAttributes as `prop:${K}`]?: DsIconSkipPrevious[K] };
        "ds-icon-skip-previous-fill": Omit<DsIconSkipPreviousFill, keyof DsIconSkipPreviousFillAttributes> & { [K in keyof DsIconSkipPreviousFill & keyof DsIconSkipPreviousFillAttributes]?: DsIconSkipPreviousFill[K] } & { [K in keyof DsIconSkipPreviousFill & keyof DsIconSkipPreviousFillAttributes as `attr:${K}`]?: DsIconSkipPreviousFillAttributes[K] } & { [K in keyof DsIconSkipPreviousFill & keyof DsIconSkipPreviousFillAttributes as `prop:${K}`]?: DsIconSkipPreviousFill[K] };
        "ds-icon-smart-toy": Omit<DsIconSmartToy, keyof DsIconSmartToyAttributes> & { [K in keyof DsIconSmartToy & keyof DsIconSmartToyAttributes]?: DsIconSmartToy[K] } & { [K in keyof DsIconSmartToy & keyof DsIconSmartToyAttributes as `attr:${K}`]?: DsIconSmartToyAttributes[K] } & { [K in keyof DsIconSmartToy & keyof DsIconSmartToyAttributes as `prop:${K}`]?: DsIconSmartToy[K] };
        "ds-icon-smart-toy-fill": Omit<DsIconSmartToyFill, keyof DsIconSmartToyFillAttributes> & { [K in keyof DsIconSmartToyFill & keyof DsIconSmartToyFillAttributes]?: DsIconSmartToyFill[K] } & { [K in keyof DsIconSmartToyFill & keyof DsIconSmartToyFillAttributes as `attr:${K}`]?: DsIconSmartToyFillAttributes[K] } & { [K in keyof DsIconSmartToyFill & keyof DsIconSmartToyFillAttributes as `prop:${K}`]?: DsIconSmartToyFill[K] };
        "ds-icon-star": Omit<DsIconStar, keyof DsIconStarAttributes> & { [K in keyof DsIconStar & keyof DsIconStarAttributes]?: DsIconStar[K] } & { [K in keyof DsIconStar & keyof DsIconStarAttributes as `attr:${K}`]?: DsIconStarAttributes[K] } & { [K in keyof DsIconStar & keyof DsIconStarAttributes as `prop:${K}`]?: DsIconStar[K] };
        "ds-icon-star-fill": Omit<DsIconStarFill, keyof DsIconStarFillAttributes> & { [K in keyof DsIconStarFill & keyof DsIconStarFillAttributes]?: DsIconStarFill[K] } & { [K in keyof DsIconStarFill & keyof DsIconStarFillAttributes as `attr:${K}`]?: DsIconStarFillAttributes[K] } & { [K in keyof DsIconStarFill & keyof DsIconStarFillAttributes as `prop:${K}`]?: DsIconStarFill[K] };
        "ds-icon-stop": Omit<DsIconStop, keyof DsIconStopAttributes> & { [K in keyof DsIconStop & keyof DsIconStopAttributes]?: DsIconStop[K] } & { [K in keyof DsIconStop & keyof DsIconStopAttributes as `attr:${K}`]?: DsIconStopAttributes[K] } & { [K in keyof DsIconStop & keyof DsIconStopAttributes as `prop:${K}`]?: DsIconStop[K] };
        "ds-icon-stop-circle": Omit<DsIconStopCircle, keyof DsIconStopCircleAttributes> & { [K in keyof DsIconStopCircle & keyof DsIconStopCircleAttributes]?: DsIconStopCircle[K] } & { [K in keyof DsIconStopCircle & keyof DsIconStopCircleAttributes as `attr:${K}`]?: DsIconStopCircleAttributes[K] } & { [K in keyof DsIconStopCircle & keyof DsIconStopCircleAttributes as `prop:${K}`]?: DsIconStopCircle[K] };
        "ds-icon-stop-circle-fill": Omit<DsIconStopCircleFill, keyof DsIconStopCircleFillAttributes> & { [K in keyof DsIconStopCircleFill & keyof DsIconStopCircleFillAttributes]?: DsIconStopCircleFill[K] } & { [K in keyof DsIconStopCircleFill & keyof DsIconStopCircleFillAttributes as `attr:${K}`]?: DsIconStopCircleFillAttributes[K] } & { [K in keyof DsIconStopCircleFill & keyof DsIconStopCircleFillAttributes as `prop:${K}`]?: DsIconStopCircleFill[K] };
        "ds-icon-stop-fill": Omit<DsIconStopFill, keyof DsIconStopFillAttributes> & { [K in keyof DsIconStopFill & keyof DsIconStopFillAttributes]?: DsIconStopFill[K] } & { [K in keyof DsIconStopFill & keyof DsIconStopFillAttributes as `attr:${K}`]?: DsIconStopFillAttributes[K] } & { [K in keyof DsIconStopFill & keyof DsIconStopFillAttributes as `prop:${K}`]?: DsIconStopFill[K] };
        "ds-icon-supervisor-account": Omit<DsIconSupervisorAccount, keyof DsIconSupervisorAccountAttributes> & { [K in keyof DsIconSupervisorAccount & keyof DsIconSupervisorAccountAttributes]?: DsIconSupervisorAccount[K] } & { [K in keyof DsIconSupervisorAccount & keyof DsIconSupervisorAccountAttributes as `attr:${K}`]?: DsIconSupervisorAccountAttributes[K] } & { [K in keyof DsIconSupervisorAccount & keyof DsIconSupervisorAccountAttributes as `prop:${K}`]?: DsIconSupervisorAccount[K] };
        "ds-icon-supervisor-account-fill": Omit<DsIconSupervisorAccountFill, keyof DsIconSupervisorAccountFillAttributes> & { [K in keyof DsIconSupervisorAccountFill & keyof DsIconSupervisorAccountFillAttributes]?: DsIconSupervisorAccountFill[K] } & { [K in keyof DsIconSupervisorAccountFill & keyof DsIconSupervisorAccountFillAttributes as `attr:${K}`]?: DsIconSupervisorAccountFillAttributes[K] } & { [K in keyof DsIconSupervisorAccountFill & keyof DsIconSupervisorAccountFillAttributes as `prop:${K}`]?: DsIconSupervisorAccountFill[K] };
        "ds-icon-swap-horiz": Omit<DsIconSwapHoriz, keyof DsIconSwapHorizAttributes> & { [K in keyof DsIconSwapHoriz & keyof DsIconSwapHorizAttributes]?: DsIconSwapHoriz[K] } & { [K in keyof DsIconSwapHoriz & keyof DsIconSwapHorizAttributes as `attr:${K}`]?: DsIconSwapHorizAttributes[K] } & { [K in keyof DsIconSwapHoriz & keyof DsIconSwapHorizAttributes as `prop:${K}`]?: DsIconSwapHoriz[K] };
        "ds-icon-sync": Omit<DsIconSync, keyof DsIconSyncAttributes> & { [K in keyof DsIconSync & keyof DsIconSyncAttributes]?: DsIconSync[K] } & { [K in keyof DsIconSync & keyof DsIconSyncAttributes as `attr:${K}`]?: DsIconSyncAttributes[K] } & { [K in keyof DsIconSync & keyof DsIconSyncAttributes as `prop:${K}`]?: DsIconSync[K] };
        "ds-icon-table": Omit<DsIconTable, keyof DsIconTableAttributes> & { [K in keyof DsIconTable & keyof DsIconTableAttributes]?: DsIconTable[K] } & { [K in keyof DsIconTable & keyof DsIconTableAttributes as `attr:${K}`]?: DsIconTableAttributes[K] } & { [K in keyof DsIconTable & keyof DsIconTableAttributes as `prop:${K}`]?: DsIconTable[K] };
        "ds-icon-table-fill": Omit<DsIconTableFill, keyof DsIconTableFillAttributes> & { [K in keyof DsIconTableFill & keyof DsIconTableFillAttributes]?: DsIconTableFill[K] } & { [K in keyof DsIconTableFill & keyof DsIconTableFillAttributes as `attr:${K}`]?: DsIconTableFillAttributes[K] } & { [K in keyof DsIconTableFill & keyof DsIconTableFillAttributes as `prop:${K}`]?: DsIconTableFill[K] };
        "ds-icon-tiktok": Omit<DsIconTiktok, keyof DsIconTiktokAttributes> & { [K in keyof DsIconTiktok & keyof DsIconTiktokAttributes]?: DsIconTiktok[K] } & { [K in keyof DsIconTiktok & keyof DsIconTiktokAttributes as `attr:${K}`]?: DsIconTiktokAttributes[K] } & { [K in keyof DsIconTiktok & keyof DsIconTiktokAttributes as `prop:${K}`]?: DsIconTiktok[K] };
        "ds-icon-timer": Omit<DsIconTimer, keyof DsIconTimerAttributes> & { [K in keyof DsIconTimer & keyof DsIconTimerAttributes]?: DsIconTimer[K] } & { [K in keyof DsIconTimer & keyof DsIconTimerAttributes as `attr:${K}`]?: DsIconTimerAttributes[K] } & { [K in keyof DsIconTimer & keyof DsIconTimerAttributes as `prop:${K}`]?: DsIconTimer[K] };
        "ds-icon-timer-fill": Omit<DsIconTimerFill, keyof DsIconTimerFillAttributes> & { [K in keyof DsIconTimerFill & keyof DsIconTimerFillAttributes]?: DsIconTimerFill[K] } & { [K in keyof DsIconTimerFill & keyof DsIconTimerFillAttributes as `attr:${K}`]?: DsIconTimerFillAttributes[K] } & { [K in keyof DsIconTimerFill & keyof DsIconTimerFillAttributes as `prop:${K}`]?: DsIconTimerFill[K] };
        "ds-icon-tour": Omit<DsIconTour, keyof DsIconTourAttributes> & { [K in keyof DsIconTour & keyof DsIconTourAttributes]?: DsIconTour[K] } & { [K in keyof DsIconTour & keyof DsIconTourAttributes as `attr:${K}`]?: DsIconTourAttributes[K] } & { [K in keyof DsIconTour & keyof DsIconTourAttributes as `prop:${K}`]?: DsIconTour[K] };
        "ds-icon-tour-fill": Omit<DsIconTourFill, keyof DsIconTourFillAttributes> & { [K in keyof DsIconTourFill & keyof DsIconTourFillAttributes]?: DsIconTourFill[K] } & { [K in keyof DsIconTourFill & keyof DsIconTourFillAttributes as `attr:${K}`]?: DsIconTourFillAttributes[K] } & { [K in keyof DsIconTourFill & keyof DsIconTourFillAttributes as `prop:${K}`]?: DsIconTourFill[K] };
        "ds-icon-translate": Omit<DsIconTranslate, keyof DsIconTranslateAttributes> & { [K in keyof DsIconTranslate & keyof DsIconTranslateAttributes]?: DsIconTranslate[K] } & { [K in keyof DsIconTranslate & keyof DsIconTranslateAttributes as `attr:${K}`]?: DsIconTranslateAttributes[K] } & { [K in keyof DsIconTranslate & keyof DsIconTranslateAttributes as `prop:${K}`]?: DsIconTranslate[K] };
        "ds-icon-trending-down": Omit<DsIconTrendingDown, keyof DsIconTrendingDownAttributes> & { [K in keyof DsIconTrendingDown & keyof DsIconTrendingDownAttributes]?: DsIconTrendingDown[K] } & { [K in keyof DsIconTrendingDown & keyof DsIconTrendingDownAttributes as `attr:${K}`]?: DsIconTrendingDownAttributes[K] } & { [K in keyof DsIconTrendingDown & keyof DsIconTrendingDownAttributes as `prop:${K}`]?: DsIconTrendingDown[K] };
        "ds-icon-trending-up": Omit<DsIconTrendingUp, keyof DsIconTrendingUpAttributes> & { [K in keyof DsIconTrendingUp & keyof DsIconTrendingUpAttributes]?: DsIconTrendingUp[K] } & { [K in keyof DsIconTrendingUp & keyof DsIconTrendingUpAttributes as `attr:${K}`]?: DsIconTrendingUpAttributes[K] } & { [K in keyof DsIconTrendingUp & keyof DsIconTrendingUpAttributes as `prop:${K}`]?: DsIconTrendingUp[K] };
        "ds-icon-unfold-less": Omit<DsIconUnfoldLess, keyof DsIconUnfoldLessAttributes> & { [K in keyof DsIconUnfoldLess & keyof DsIconUnfoldLessAttributes]?: DsIconUnfoldLess[K] } & { [K in keyof DsIconUnfoldLess & keyof DsIconUnfoldLessAttributes as `attr:${K}`]?: DsIconUnfoldLessAttributes[K] } & { [K in keyof DsIconUnfoldLess & keyof DsIconUnfoldLessAttributes as `prop:${K}`]?: DsIconUnfoldLess[K] };
        "ds-icon-unfold-more": Omit<DsIconUnfoldMore, keyof DsIconUnfoldMoreAttributes> & { [K in keyof DsIconUnfoldMore & keyof DsIconUnfoldMoreAttributes]?: DsIconUnfoldMore[K] } & { [K in keyof DsIconUnfoldMore & keyof DsIconUnfoldMoreAttributes as `attr:${K}`]?: DsIconUnfoldMoreAttributes[K] } & { [K in keyof DsIconUnfoldMore & keyof DsIconUnfoldMoreAttributes as `prop:${K}`]?: DsIconUnfoldMore[K] };
        "ds-icon-ungroup": Omit<DsIconUngroup, keyof DsIconUngroupAttributes> & { [K in keyof DsIconUngroup & keyof DsIconUngroupAttributes]?: DsIconUngroup[K] } & { [K in keyof DsIconUngroup & keyof DsIconUngroupAttributes as `attr:${K}`]?: DsIconUngroupAttributes[K] } & { [K in keyof DsIconUngroup & keyof DsIconUngroupAttributes as `prop:${K}`]?: DsIconUngroup[K] };
        "ds-icon-upload": Omit<DsIconUpload, keyof DsIconUploadAttributes> & { [K in keyof DsIconUpload & keyof DsIconUploadAttributes]?: DsIconUpload[K] } & { [K in keyof DsIconUpload & keyof DsIconUploadAttributes as `attr:${K}`]?: DsIconUploadAttributes[K] } & { [K in keyof DsIconUpload & keyof DsIconUploadAttributes as `prop:${K}`]?: DsIconUpload[K] };
        "ds-icon-view-list": Omit<DsIconViewList, keyof DsIconViewListAttributes> & { [K in keyof DsIconViewList & keyof DsIconViewListAttributes]?: DsIconViewList[K] } & { [K in keyof DsIconViewList & keyof DsIconViewListAttributes as `attr:${K}`]?: DsIconViewListAttributes[K] } & { [K in keyof DsIconViewList & keyof DsIconViewListAttributes as `prop:${K}`]?: DsIconViewList[K] };
        "ds-icon-view-list-fill": Omit<DsIconViewListFill, keyof DsIconViewListFillAttributes> & { [K in keyof DsIconViewListFill & keyof DsIconViewListFillAttributes]?: DsIconViewListFill[K] } & { [K in keyof DsIconViewListFill & keyof DsIconViewListFillAttributes as `attr:${K}`]?: DsIconViewListFillAttributes[K] } & { [K in keyof DsIconViewListFill & keyof DsIconViewListFillAttributes as `prop:${K}`]?: DsIconViewListFill[K] };
        "ds-icon-visibility": Omit<DsIconVisibility, keyof DsIconVisibilityAttributes> & { [K in keyof DsIconVisibility & keyof DsIconVisibilityAttributes]?: DsIconVisibility[K] } & { [K in keyof DsIconVisibility & keyof DsIconVisibilityAttributes as `attr:${K}`]?: DsIconVisibilityAttributes[K] } & { [K in keyof DsIconVisibility & keyof DsIconVisibilityAttributes as `prop:${K}`]?: DsIconVisibility[K] };
        "ds-icon-visibility-fill": Omit<DsIconVisibilityFill, keyof DsIconVisibilityFillAttributes> & { [K in keyof DsIconVisibilityFill & keyof DsIconVisibilityFillAttributes]?: DsIconVisibilityFill[K] } & { [K in keyof DsIconVisibilityFill & keyof DsIconVisibilityFillAttributes as `attr:${K}`]?: DsIconVisibilityFillAttributes[K] } & { [K in keyof DsIconVisibilityFill & keyof DsIconVisibilityFillAttributes as `prop:${K}`]?: DsIconVisibilityFill[K] };
        "ds-icon-visibility-off": Omit<DsIconVisibilityOff, keyof DsIconVisibilityOffAttributes> & { [K in keyof DsIconVisibilityOff & keyof DsIconVisibilityOffAttributes]?: DsIconVisibilityOff[K] } & { [K in keyof DsIconVisibilityOff & keyof DsIconVisibilityOffAttributes as `attr:${K}`]?: DsIconVisibilityOffAttributes[K] } & { [K in keyof DsIconVisibilityOff & keyof DsIconVisibilityOffAttributes as `prop:${K}`]?: DsIconVisibilityOff[K] };
        "ds-icon-visibility-off-fill": Omit<DsIconVisibilityOffFill, keyof DsIconVisibilityOffFillAttributes> & { [K in keyof DsIconVisibilityOffFill & keyof DsIconVisibilityOffFillAttributes]?: DsIconVisibilityOffFill[K] } & { [K in keyof DsIconVisibilityOffFill & keyof DsIconVisibilityOffFillAttributes as `attr:${K}`]?: DsIconVisibilityOffFillAttributes[K] } & { [K in keyof DsIconVisibilityOffFill & keyof DsIconVisibilityOffFillAttributes as `prop:${K}`]?: DsIconVisibilityOffFill[K] };
        "ds-icon-vpn-lock": Omit<DsIconVpnLock, keyof DsIconVpnLockAttributes> & { [K in keyof DsIconVpnLock & keyof DsIconVpnLockAttributes]?: DsIconVpnLock[K] } & { [K in keyof DsIconVpnLock & keyof DsIconVpnLockAttributes as `attr:${K}`]?: DsIconVpnLockAttributes[K] } & { [K in keyof DsIconVpnLock & keyof DsIconVpnLockAttributes as `prop:${K}`]?: DsIconVpnLock[K] };
        "ds-icon-warning": Omit<DsIconWarning, keyof DsIconWarningAttributes> & { [K in keyof DsIconWarning & keyof DsIconWarningAttributes]?: DsIconWarning[K] } & { [K in keyof DsIconWarning & keyof DsIconWarningAttributes as `attr:${K}`]?: DsIconWarningAttributes[K] } & { [K in keyof DsIconWarning & keyof DsIconWarningAttributes as `prop:${K}`]?: DsIconWarning[K] };
        "ds-icon-warning-fill": Omit<DsIconWarningFill, keyof DsIconWarningFillAttributes> & { [K in keyof DsIconWarningFill & keyof DsIconWarningFillAttributes]?: DsIconWarningFill[K] } & { [K in keyof DsIconWarningFill & keyof DsIconWarningFillAttributes as `attr:${K}`]?: DsIconWarningFillAttributes[K] } & { [K in keyof DsIconWarningFill & keyof DsIconWarningFillAttributes as `prop:${K}`]?: DsIconWarningFill[K] };
        "ds-icon-widget-small": Omit<DsIconWidgetSmall, keyof DsIconWidgetSmallAttributes> & { [K in keyof DsIconWidgetSmall & keyof DsIconWidgetSmallAttributes]?: DsIconWidgetSmall[K] } & { [K in keyof DsIconWidgetSmall & keyof DsIconWidgetSmallAttributes as `attr:${K}`]?: DsIconWidgetSmallAttributes[K] } & { [K in keyof DsIconWidgetSmall & keyof DsIconWidgetSmallAttributes as `prop:${K}`]?: DsIconWidgetSmall[K] };
        "ds-icon-widget-small-fill": Omit<DsIconWidgetSmallFill, keyof DsIconWidgetSmallFillAttributes> & { [K in keyof DsIconWidgetSmallFill & keyof DsIconWidgetSmallFillAttributes]?: DsIconWidgetSmallFill[K] } & { [K in keyof DsIconWidgetSmallFill & keyof DsIconWidgetSmallFillAttributes as `attr:${K}`]?: DsIconWidgetSmallFillAttributes[K] } & { [K in keyof DsIconWidgetSmallFill & keyof DsIconWidgetSmallFillAttributes as `prop:${K}`]?: DsIconWidgetSmallFill[K] };
        "ds-icon-x": Omit<DsIconX, keyof DsIconXAttributes> & { [K in keyof DsIconX & keyof DsIconXAttributes]?: DsIconX[K] } & { [K in keyof DsIconX & keyof DsIconXAttributes as `attr:${K}`]?: DsIconXAttributes[K] } & { [K in keyof DsIconX & keyof DsIconXAttributes as `prop:${K}`]?: DsIconX[K] };
        "ds-icon-youtube": Omit<DsIconYoutube, keyof DsIconYoutubeAttributes> & { [K in keyof DsIconYoutube & keyof DsIconYoutubeAttributes]?: DsIconYoutube[K] } & { [K in keyof DsIconYoutube & keyof DsIconYoutubeAttributes as `attr:${K}`]?: DsIconYoutubeAttributes[K] } & { [K in keyof DsIconYoutube & keyof DsIconYoutubeAttributes as `prop:${K}`]?: DsIconYoutube[K] };
        "ds-icon-zoom-in": Omit<DsIconZoomIn, keyof DsIconZoomInAttributes> & { [K in keyof DsIconZoomIn & keyof DsIconZoomInAttributes]?: DsIconZoomIn[K] } & { [K in keyof DsIconZoomIn & keyof DsIconZoomInAttributes as `attr:${K}`]?: DsIconZoomInAttributes[K] } & { [K in keyof DsIconZoomIn & keyof DsIconZoomInAttributes as `prop:${K}`]?: DsIconZoomIn[K] };
        "ds-icon-zoom-in-map": Omit<DsIconZoomInMap, keyof DsIconZoomInMapAttributes> & { [K in keyof DsIconZoomInMap & keyof DsIconZoomInMapAttributes]?: DsIconZoomInMap[K] } & { [K in keyof DsIconZoomInMap & keyof DsIconZoomInMapAttributes as `attr:${K}`]?: DsIconZoomInMapAttributes[K] } & { [K in keyof DsIconZoomInMap & keyof DsIconZoomInMapAttributes as `prop:${K}`]?: DsIconZoomInMap[K] };
        "ds-icon-zoom-out": Omit<DsIconZoomOut, keyof DsIconZoomOutAttributes> & { [K in keyof DsIconZoomOut & keyof DsIconZoomOutAttributes]?: DsIconZoomOut[K] } & { [K in keyof DsIconZoomOut & keyof DsIconZoomOutAttributes as `attr:${K}`]?: DsIconZoomOutAttributes[K] } & { [K in keyof DsIconZoomOut & keyof DsIconZoomOutAttributes as `prop:${K}`]?: DsIconZoomOut[K] };
        "ds-icon-zoom-out-map": Omit<DsIconZoomOutMap, keyof DsIconZoomOutMapAttributes> & { [K in keyof DsIconZoomOutMap & keyof DsIconZoomOutMapAttributes]?: DsIconZoomOutMap[K] } & { [K in keyof DsIconZoomOutMap & keyof DsIconZoomOutMapAttributes as `attr:${K}`]?: DsIconZoomOutMapAttributes[K] } & { [K in keyof DsIconZoomOutMap & keyof DsIconZoomOutMapAttributes as `prop:${K}`]?: DsIconZoomOutMap[K] };
        "ds-input-validity": Omit<DsInputValidity, keyof DsInputValidityAttributes> & { [K in keyof DsInputValidity & keyof DsInputValidityAttributes]?: DsInputValidity[K] } & { [K in keyof DsInputValidity & keyof DsInputValidityAttributes as `attr:${K}`]?: DsInputValidityAttributes[K] } & { [K in keyof DsInputValidity & keyof DsInputValidityAttributes as `prop:${K}`]?: DsInputValidity[K] };
        "ds-link": Omit<DsLink, keyof DsLinkAttributes> & { [K in keyof DsLink & keyof DsLinkAttributes]?: DsLink[K] } & { [K in keyof DsLink & keyof DsLinkAttributes as `attr:${K}`]?: DsLinkAttributes[K] } & { [K in keyof DsLink & keyof DsLinkAttributes as `prop:${K}`]?: DsLink[K] } & OneOf<"dsText", DsLink["dsText"], DsLinkAttributes["dsText"]>;
        "ds-link-cta": Omit<DsLinkCta, keyof DsLinkCtaAttributes> & { [K in keyof DsLinkCta & keyof DsLinkCtaAttributes]?: DsLinkCta[K] } & { [K in keyof DsLinkCta & keyof DsLinkCtaAttributes as `attr:${K}`]?: DsLinkCtaAttributes[K] } & { [K in keyof DsLinkCta & keyof DsLinkCtaAttributes as `prop:${K}`]?: DsLinkCta[K] } & OneOf<"dsText", DsLinkCta["dsText"], DsLinkCtaAttributes["dsText"]>;
        "ds-link-logo": Omit<DsLinkLogo, keyof DsLinkLogoAttributes> & { [K in keyof DsLinkLogo & keyof DsLinkLogoAttributes]?: DsLinkLogo[K] } & { [K in keyof DsLinkLogo & keyof DsLinkLogoAttributes as `attr:${K}`]?: DsLinkLogoAttributes[K] } & { [K in keyof DsLinkLogo & keyof DsLinkLogoAttributes as `prop:${K}`]?: DsLinkLogo[K] };
        "ds-link-with-arrow": Omit<DsLinkWithArrow, keyof DsLinkWithArrowAttributes> & { [K in keyof DsLinkWithArrow & keyof DsLinkWithArrowAttributes]?: DsLinkWithArrow[K] } & { [K in keyof DsLinkWithArrow & keyof DsLinkWithArrowAttributes as `attr:${K}`]?: DsLinkWithArrowAttributes[K] } & { [K in keyof DsLinkWithArrow & keyof DsLinkWithArrowAttributes as `prop:${K}`]?: DsLinkWithArrow[K] };
        "ds-media": Omit<DsMedia, keyof DsMediaAttributes> & { [K in keyof DsMedia & keyof DsMediaAttributes]?: DsMedia[K] } & { [K in keyof DsMedia & keyof DsMediaAttributes as `attr:${K}`]?: DsMediaAttributes[K] } & { [K in keyof DsMedia & keyof DsMediaAttributes as `prop:${K}`]?: DsMedia[K] } & OneOf<"dsSrc", DsMedia["dsSrc"], DsMediaAttributes["dsSrc"]> & OneOf<"dsType", DsMedia["dsType"], DsMediaAttributes["dsType"]>;
        "ds-modal": Omit<DsModal, keyof DsModalAttributes> & { [K in keyof DsModal & keyof DsModalAttributes]?: DsModal[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `attr:${K}`]?: DsModalAttributes[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `prop:${K}`]?: DsModal[K] };
        "ds-notification": Omit<DsNotification, keyof DsNotificationAttributes> & { [K in keyof DsNotification & keyof DsNotificationAttributes]?: DsNotification[K] } & { [K in keyof DsNotification & keyof DsNotificationAttributes as `attr:${K}`]?: DsNotificationAttributes[K] } & { [K in keyof DsNotification & keyof DsNotificationAttributes as `prop:${K}`]?: DsNotification[K] };
        "ds-option": Omit<DsOption, keyof DsOptionAttributes> & { [K in keyof DsOption & keyof DsOptionAttributes]?: DsOption[K] } & { [K in keyof DsOption & keyof DsOptionAttributes as `attr:${K}`]?: DsOptionAttributes[K] } & { [K in keyof DsOption & keyof DsOptionAttributes as `prop:${K}`]?: DsOption[K] } & OneOf<"dsValue", DsOption["dsValue"], DsOptionAttributes["dsValue"]>;
        "ds-option-group": Omit<DsOptionGroup, keyof DsOptionGroupAttributes> & { [K in keyof DsOptionGroup & keyof DsOptionGroupAttributes]?: DsOptionGroup[K] } & { [K in keyof DsOptionGroup & keyof DsOptionGroupAttributes as `attr:${K}`]?: DsOptionGroupAttributes[K] } & { [K in keyof DsOptionGroup & keyof DsOptionGroupAttributes as `prop:${K}`]?: DsOptionGroup[K] } & OneOf<"dsLabel", DsOptionGroup["dsLabel"], DsOptionGroupAttributes["dsLabel"]>;
        "ds-options": Omit<DsOptions, keyof DsOptionsAttributes> & { [K in keyof DsOptions & keyof DsOptionsAttributes]?: DsOptions[K] } & { [K in keyof DsOptions & keyof DsOptionsAttributes as `attr:${K}`]?: DsOptionsAttributes[K] } & { [K in keyof DsOptions & keyof DsOptionsAttributes as `prop:${K}`]?: DsOptions[K] };
        "ds-options-message": Omit<DsOptionsMessage, keyof DsOptionsMessageAttributes> & { [K in keyof DsOptionsMessage & keyof DsOptionsMessageAttributes]?: DsOptionsMessage[K] } & { [K in keyof DsOptionsMessage & keyof DsOptionsMessageAttributes as `attr:${K}`]?: DsOptionsMessageAttributes[K] } & { [K in keyof DsOptionsMessage & keyof DsOptionsMessageAttributes as `prop:${K}`]?: DsOptionsMessage[K] };
        "ds-pagination": Omit<DsPagination, keyof DsPaginationAttributes> & { [K in keyof DsPagination & keyof DsPaginationAttributes]?: DsPagination[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `attr:${K}`]?: DsPaginationAttributes[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `prop:${K}`]?: DsPagination[K] };
        "ds-pagination-ellipsis": DsPaginationEllipsis;
        "ds-pagination-item": Omit<DsPaginationItem, keyof DsPaginationItemAttributes> & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes]?: DsPaginationItem[K] } & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes as `attr:${K}`]?: DsPaginationItemAttributes[K] } & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes as `prop:${K}`]?: DsPaginationItem[K] } & OneOf<"dsType", DsPaginationItem["dsType"], DsPaginationItemAttributes["dsType"]>;
        "ds-pagination-page": Omit<DsPaginationPage, keyof DsPaginationPageAttributes> & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes]?: DsPaginationPage[K] } & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes as `attr:${K}`]?: DsPaginationPageAttributes[K] } & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes as `prop:${K}`]?: DsPaginationPage[K] } & OneOf<"dsPage", DsPaginationPage["dsPage"], DsPaginationPageAttributes["dsPage"]>;
        "ds-pagination-page-info": DsPaginationPageInfo;
        "ds-radio-button": Omit<DsRadioButton, keyof DsRadioButtonAttributes> & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes]?: DsRadioButton[K] } & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes as `attr:${K}`]?: DsRadioButtonAttributes[K] } & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes as `prop:${K}`]?: DsRadioButton[K] };
        "ds-radio-button-group": Omit<DsRadioButtonGroup, keyof DsRadioButtonGroupAttributes> & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes]?: DsRadioButtonGroup[K] } & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes as `attr:${K}`]?: DsRadioButtonGroupAttributes[K] } & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes as `prop:${K}`]?: DsRadioButtonGroup[K] };
        "ds-ribbon": Omit<DsRibbon, keyof DsRibbonAttributes> & { [K in keyof DsRibbon & keyof DsRibbonAttributes]?: DsRibbon[K] } & { [K in keyof DsRibbon & keyof DsRibbonAttributes as `attr:${K}`]?: DsRibbonAttributes[K] } & { [K in keyof DsRibbon & keyof DsRibbonAttributes as `prop:${K}`]?: DsRibbon[K] };
        "ds-select": Omit<DsSelect, keyof DsSelectAttributes> & { [K in keyof DsSelect & keyof DsSelectAttributes]?: DsSelect[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `attr:${K}`]?: DsSelectAttributes[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `prop:${K}`]?: DsSelect[K] };
        "ds-select-native": Omit<DsSelectNative, keyof DsSelectNativeAttributes> & { [K in keyof DsSelectNative & keyof DsSelectNativeAttributes]?: DsSelectNative[K] } & { [K in keyof DsSelectNative & keyof DsSelectNativeAttributes as `attr:${K}`]?: DsSelectNativeAttributes[K] } & { [K in keyof DsSelectNative & keyof DsSelectNativeAttributes as `prop:${K}`]?: DsSelectNative[K] };
        "ds-spinner": Omit<DsSpinner, keyof DsSpinnerAttributes> & { [K in keyof DsSpinner & keyof DsSpinnerAttributes]?: DsSpinner[K] } & { [K in keyof DsSpinner & keyof DsSpinnerAttributes as `attr:${K}`]?: DsSpinnerAttributes[K] } & { [K in keyof DsSpinner & keyof DsSpinnerAttributes as `prop:${K}`]?: DsSpinner[K] };
        "ds-step": Omit<DsStep, keyof DsStepAttributes> & { [K in keyof DsStep & keyof DsStepAttributes]?: DsStep[K] } & { [K in keyof DsStep & keyof DsStepAttributes as `attr:${K}`]?: DsStepAttributes[K] } & { [K in keyof DsStep & keyof DsStepAttributes as `prop:${K}`]?: DsStep[K] } & OneOf<"dsOrdinal", DsStep["dsOrdinal"], DsStepAttributes["dsOrdinal"]>;
        "ds-step-base": Omit<DsStepBase, keyof DsStepBaseAttributes> & { [K in keyof DsStepBase & keyof DsStepBaseAttributes]?: DsStepBase[K] } & { [K in keyof DsStepBase & keyof DsStepBaseAttributes as `attr:${K}`]?: DsStepBaseAttributes[K] } & { [K in keyof DsStepBase & keyof DsStepBaseAttributes as `prop:${K}`]?: DsStepBase[K] };
        "ds-step-bullet": Omit<DsStepBullet, keyof DsStepBulletAttributes> & { [K in keyof DsStepBullet & keyof DsStepBulletAttributes]?: DsStepBullet[K] } & { [K in keyof DsStepBullet & keyof DsStepBulletAttributes as `attr:${K}`]?: DsStepBulletAttributes[K] } & { [K in keyof DsStepBullet & keyof DsStepBulletAttributes as `prop:${K}`]?: DsStepBullet[K] };
        "ds-step-bullet-base": Omit<DsStepBulletBase, keyof DsStepBulletBaseAttributes> & { [K in keyof DsStepBulletBase & keyof DsStepBulletBaseAttributes]?: DsStepBulletBase[K] } & { [K in keyof DsStepBulletBase & keyof DsStepBulletBaseAttributes as `attr:${K}`]?: DsStepBulletBaseAttributes[K] } & { [K in keyof DsStepBulletBase & keyof DsStepBulletBaseAttributes as `prop:${K}`]?: DsStepBulletBase[K] };
        "ds-step-content": Omit<DsStepContent, keyof DsStepContentAttributes> & { [K in keyof DsStepContent & keyof DsStepContentAttributes]?: DsStepContent[K] } & { [K in keyof DsStepContent & keyof DsStepContentAttributes as `attr:${K}`]?: DsStepContentAttributes[K] } & { [K in keyof DsStepContent & keyof DsStepContentAttributes as `prop:${K}`]?: DsStepContent[K] };
        "ds-step-content-base": Omit<DsStepContentBase, keyof DsStepContentBaseAttributes> & { [K in keyof DsStepContentBase & keyof DsStepContentBaseAttributes]?: DsStepContentBase[K] } & { [K in keyof DsStepContentBase & keyof DsStepContentBaseAttributes as `attr:${K}`]?: DsStepContentBaseAttributes[K] } & { [K in keyof DsStepContentBase & keyof DsStepContentBaseAttributes as `prop:${K}`]?: DsStepContentBase[K] };
        "ds-steps": Omit<DsSteps, keyof DsStepsAttributes> & { [K in keyof DsSteps & keyof DsStepsAttributes]?: DsSteps[K] } & { [K in keyof DsSteps & keyof DsStepsAttributes as `attr:${K}`]?: DsStepsAttributes[K] } & { [K in keyof DsSteps & keyof DsStepsAttributes as `prop:${K}`]?: DsSteps[K] };
        "ds-store": Omit<DsStore, keyof DsStoreAttributes> & { [K in keyof DsStore & keyof DsStoreAttributes]?: DsStore[K] } & { [K in keyof DsStore & keyof DsStoreAttributes as `attr:${K}`]?: DsStoreAttributes[K] } & { [K in keyof DsStore & keyof DsStoreAttributes as `prop:${K}`]?: DsStore[K] };
        "ds-tab": Omit<DsTab, keyof DsTabAttributes> & { [K in keyof DsTab & keyof DsTabAttributes]?: DsTab[K] } & { [K in keyof DsTab & keyof DsTabAttributes as `attr:${K}`]?: DsTabAttributes[K] } & { [K in keyof DsTab & keyof DsTabAttributes as `prop:${K}`]?: DsTab[K] } & OneOf<"dsId", DsTab["dsId"], DsTabAttributes["dsId"]> & OneOf<"dsTabPanelId", DsTab["dsTabPanelId"], DsTabAttributes["dsTabPanelId"]>;
        "ds-tablist": Omit<DsTablist, keyof DsTablistAttributes> & { [K in keyof DsTablist & keyof DsTablistAttributes]?: DsTablist[K] } & { [K in keyof DsTablist & keyof DsTablistAttributes as `attr:${K}`]?: DsTablistAttributes[K] } & { [K in keyof DsTablist & keyof DsTablistAttributes as `prop:${K}`]?: DsTablist[K] };
        "ds-tabpanel": Omit<DsTabpanel, keyof DsTabpanelAttributes> & { [K in keyof DsTabpanel & keyof DsTabpanelAttributes]?: DsTabpanel[K] } & { [K in keyof DsTabpanel & keyof DsTabpanelAttributes as `attr:${K}`]?: DsTabpanelAttributes[K] } & { [K in keyof DsTabpanel & keyof DsTabpanelAttributes as `prop:${K}`]?: DsTabpanel[K] } & OneOf<"dsId", DsTabpanel["dsId"], DsTabpanelAttributes["dsId"]> & OneOf<"dsTabId", DsTabpanel["dsTabId"], DsTabpanelAttributes["dsTabId"]>;
        "ds-tabs": Omit<DsTabs, keyof DsTabsAttributes> & { [K in keyof DsTabs & keyof DsTabsAttributes]?: DsTabs[K] } & { [K in keyof DsTabs & keyof DsTabsAttributes as `attr:${K}`]?: DsTabsAttributes[K] } & { [K in keyof DsTabs & keyof DsTabsAttributes as `prop:${K}`]?: DsTabs[K] } & OneOf<"dsCurrentTab", DsTabs["dsCurrentTab"], DsTabsAttributes["dsCurrentTab"]> & OneOf<"dsCurrentTabPanel", DsTabs["dsCurrentTabPanel"], DsTabsAttributes["dsCurrentTabPanel"]>;
        "ds-tag": Omit<DsTag, keyof DsTagAttributes> & { [K in keyof DsTag & keyof DsTagAttributes]?: DsTag[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `attr:${K}`]?: DsTagAttributes[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `prop:${K}`]?: DsTag[K] };
        "ds-tag-group": Omit<DsTagGroup, keyof DsTagGroupAttributes> & { [K in keyof DsTagGroup & keyof DsTagGroupAttributes]?: DsTagGroup[K] } & { [K in keyof DsTagGroup & keyof DsTagGroupAttributes as `attr:${K}`]?: DsTagGroupAttributes[K] } & { [K in keyof DsTagGroup & keyof DsTagGroupAttributes as `prop:${K}`]?: DsTagGroup[K] };
        "ds-text-area": Omit<DsTextArea, keyof DsTextAreaAttributes> & { [K in keyof DsTextArea & keyof DsTextAreaAttributes]?: DsTextArea[K] } & { [K in keyof DsTextArea & keyof DsTextAreaAttributes as `attr:${K}`]?: DsTextAreaAttributes[K] } & { [K in keyof DsTextArea & keyof DsTextAreaAttributes as `prop:${K}`]?: DsTextArea[K] };
        "ds-text-input": Omit<DsTextInput, keyof DsTextInputAttributes> & { [K in keyof DsTextInput & keyof DsTextInputAttributes]?: DsTextInput[K] } & { [K in keyof DsTextInput & keyof DsTextInputAttributes as `attr:${K}`]?: DsTextInputAttributes[K] } & { [K in keyof DsTextInput & keyof DsTextInputAttributes as `prop:${K}`]?: DsTextInput[K] };
        "ds-versioned-css-variables": DsVersionedCssVariables;
        "ds-visually-hidden": Omit<DsVisuallyHidden, keyof DsVisuallyHiddenAttributes> & { [K in keyof DsVisuallyHidden & keyof DsVisuallyHiddenAttributes]?: DsVisuallyHidden[K] } & { [K in keyof DsVisuallyHidden & keyof DsVisuallyHiddenAttributes as `attr:${K}`]?: DsVisuallyHiddenAttributes[K] } & { [K in keyof DsVisuallyHidden & keyof DsVisuallyHiddenAttributes as `prop:${K}`]?: DsVisuallyHidden[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "ds-accordion": LocalJSX.IntrinsicElements["ds-accordion"] & JSXBase.HTMLAttributes<HTMLDsAccordionElement>;
            "ds-action-list": LocalJSX.IntrinsicElements["ds-action-list"] & JSXBase.HTMLAttributes<HTMLDsActionListElement>;
            "ds-action-list-divider": LocalJSX.IntrinsicElements["ds-action-list-divider"] & JSXBase.HTMLAttributes<HTMLDsActionListDividerElement>;
            "ds-action-list-group-title": LocalJSX.IntrinsicElements["ds-action-list-group-title"] & JSXBase.HTMLAttributes<HTMLDsActionListGroupTitleElement>;
            "ds-action-list-item": LocalJSX.IntrinsicElements["ds-action-list-item"] & JSXBase.HTMLAttributes<HTMLDsActionListItemElement>;
            "ds-action-menu": LocalJSX.IntrinsicElements["ds-action-menu"] & JSXBase.HTMLAttributes<HTMLDsActionMenuElement>;
            "ds-assistive-text": LocalJSX.IntrinsicElements["ds-assistive-text"] & JSXBase.HTMLAttributes<HTMLDsAssistiveTextElement>;
            "ds-backdrop": LocalJSX.IntrinsicElements["ds-backdrop"] & JSXBase.HTMLAttributes<HTMLDsBackdropElement>;
            "ds-badge": LocalJSX.IntrinsicElements["ds-badge"] & JSXBase.HTMLAttributes<HTMLDsBadgeElement>;
            "ds-breadcrumb": LocalJSX.IntrinsicElements["ds-breadcrumb"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbElement>;
            "ds-breadcrumbs": LocalJSX.IntrinsicElements["ds-breadcrumbs"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbsElement>;
            "ds-breadcrumbs-collapsible": LocalJSX.IntrinsicElements["ds-breadcrumbs-collapsible"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbsCollapsibleElement>;
            "ds-breadcrumbs-expand-button": LocalJSX.IntrinsicElements["ds-breadcrumbs-expand-button"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbsExpandButtonElement>;
            "ds-breadcrumbs-separator": LocalJSX.IntrinsicElements["ds-breadcrumbs-separator"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbsSeparatorElement>;
            "ds-button": LocalJSX.IntrinsicElements["ds-button"] & JSXBase.HTMLAttributes<HTMLDsButtonElement>;
            "ds-card": LocalJSX.IntrinsicElements["ds-card"] & JSXBase.HTMLAttributes<HTMLDsCardElement>;
            "ds-checkbox": LocalJSX.IntrinsicElements["ds-checkbox"] & JSXBase.HTMLAttributes<HTMLDsCheckboxElement>;
            "ds-checkbox-group": LocalJSX.IntrinsicElements["ds-checkbox-group"] & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupElement>;
            /**
             * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
             */
            "ds-checkbox-group-expand-button": LocalJSX.IntrinsicElements["ds-checkbox-group-expand-button"] & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupExpandButtonElement>;
            "ds-chip": LocalJSX.IntrinsicElements["ds-chip"] & JSXBase.HTMLAttributes<HTMLDsChipElement>;
            "ds-chip-group": LocalJSX.IntrinsicElements["ds-chip-group"] & JSXBase.HTMLAttributes<HTMLDsChipGroupElement>;
            "ds-combobox": LocalJSX.IntrinsicElements["ds-combobox"] & JSXBase.HTMLAttributes<HTMLDsComboboxElement>;
            "ds-control-label": LocalJSX.IntrinsicElements["ds-control-label"] & JSXBase.HTMLAttributes<HTMLDsControlLabelElement>;
            "ds-datepicker": LocalJSX.IntrinsicElements["ds-datepicker"] & JSXBase.HTMLAttributes<HTMLDsDatepickerElement>;
            "ds-datepicker-custom": LocalJSX.IntrinsicElements["ds-datepicker-custom"] & JSXBase.HTMLAttributes<HTMLDsDatepickerCustomElement>;
            "ds-datepicker-native": LocalJSX.IntrinsicElements["ds-datepicker-native"] & JSXBase.HTMLAttributes<HTMLDsDatepickerNativeElement>;
            /**
             * Simple datepicker variant that uses ds-text-input for manual date entry.
             */
            "ds-datepicker-simple": LocalJSX.IntrinsicElements["ds-datepicker-simple"] & JSXBase.HTMLAttributes<HTMLDsDatepickerSimpleElement>;
            "ds-divider": LocalJSX.IntrinsicElements["ds-divider"] & JSXBase.HTMLAttributes<HTMLDsDividerElement>;
            "ds-feedback": LocalJSX.IntrinsicElements["ds-feedback"] & JSXBase.HTMLAttributes<HTMLDsFeedbackElement>;
            "ds-grid": LocalJSX.IntrinsicElements["ds-grid"] & JSXBase.HTMLAttributes<HTMLDsGridElement>;
            "ds-group-label": LocalJSX.IntrinsicElements["ds-group-label"] & JSXBase.HTMLAttributes<HTMLDsGroupLabelElement>;
            "ds-icon": LocalJSX.IntrinsicElements["ds-icon"] & JSXBase.HTMLAttributes<HTMLDsIconElement>;
            "ds-icon-360": LocalJSX.IntrinsicElements["ds-icon-360"] & JSXBase.HTMLAttributes<HTMLDsIcon360Element>;
            "ds-icon-account-balance": LocalJSX.IntrinsicElements["ds-icon-account-balance"] & JSXBase.HTMLAttributes<HTMLDsIconAccountBalanceElement>;
            "ds-icon-account-balance-fill": LocalJSX.IntrinsicElements["ds-icon-account-balance-fill"] & JSXBase.HTMLAttributes<HTMLDsIconAccountBalanceFillElement>;
            "ds-icon-account-circle": LocalJSX.IntrinsicElements["ds-icon-account-circle"] & JSXBase.HTMLAttributes<HTMLDsIconAccountCircleElement>;
            "ds-icon-account-circle-fill": LocalJSX.IntrinsicElements["ds-icon-account-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconAccountCircleFillElement>;
            "ds-icon-add": LocalJSX.IntrinsicElements["ds-icon-add"] & JSXBase.HTMLAttributes<HTMLDsIconAddElement>;
            "ds-icon-archive": LocalJSX.IntrinsicElements["ds-icon-archive"] & JSXBase.HTMLAttributes<HTMLDsIconArchiveElement>;
            "ds-icon-archive-fill": LocalJSX.IntrinsicElements["ds-icon-archive-fill"] & JSXBase.HTMLAttributes<HTMLDsIconArchiveFillElement>;
            "ds-icon-arrow-back": LocalJSX.IntrinsicElements["ds-icon-arrow-back"] & JSXBase.HTMLAttributes<HTMLDsIconArrowBackElement>;
            "ds-icon-arrow-downward": LocalJSX.IntrinsicElements["ds-icon-arrow-downward"] & JSXBase.HTMLAttributes<HTMLDsIconArrowDownwardElement>;
            "ds-icon-arrow-drop-down": LocalJSX.IntrinsicElements["ds-icon-arrow-drop-down"] & JSXBase.HTMLAttributes<HTMLDsIconArrowDropDownElement>;
            "ds-icon-arrow-drop-down-circle": LocalJSX.IntrinsicElements["ds-icon-arrow-drop-down-circle"] & JSXBase.HTMLAttributes<HTMLDsIconArrowDropDownCircleElement>;
            "ds-icon-arrow-drop-down-circle-fill": LocalJSX.IntrinsicElements["ds-icon-arrow-drop-down-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconArrowDropDownCircleFillElement>;
            "ds-icon-arrow-drop-up": LocalJSX.IntrinsicElements["ds-icon-arrow-drop-up"] & JSXBase.HTMLAttributes<HTMLDsIconArrowDropUpElement>;
            "ds-icon-arrow-forward": LocalJSX.IntrinsicElements["ds-icon-arrow-forward"] & JSXBase.HTMLAttributes<HTMLDsIconArrowForwardElement>;
            "ds-icon-arrow-insert": LocalJSX.IntrinsicElements["ds-icon-arrow-insert"] & JSXBase.HTMLAttributes<HTMLDsIconArrowInsertElement>;
            "ds-icon-arrow-outward": LocalJSX.IntrinsicElements["ds-icon-arrow-outward"] & JSXBase.HTMLAttributes<HTMLDsIconArrowOutwardElement>;
            "ds-icon-arrow-upward": LocalJSX.IntrinsicElements["ds-icon-arrow-upward"] & JSXBase.HTMLAttributes<HTMLDsIconArrowUpwardElement>;
            "ds-icon-attach-email": LocalJSX.IntrinsicElements["ds-icon-attach-email"] & JSXBase.HTMLAttributes<HTMLDsIconAttachEmailElement>;
            "ds-icon-attach-email-fill": LocalJSX.IntrinsicElements["ds-icon-attach-email-fill"] & JSXBase.HTMLAttributes<HTMLDsIconAttachEmailFillElement>;
            "ds-icon-attach-file": LocalJSX.IntrinsicElements["ds-icon-attach-file"] & JSXBase.HTMLAttributes<HTMLDsIconAttachFileElement>;
            "ds-icon-attach-file-add": LocalJSX.IntrinsicElements["ds-icon-attach-file-add"] & JSXBase.HTMLAttributes<HTMLDsIconAttachFileAddElement>;
            "ds-icon-attach-file-off": LocalJSX.IntrinsicElements["ds-icon-attach-file-off"] & JSXBase.HTMLAttributes<HTMLDsIconAttachFileOffElement>;
            "ds-icon-badge": LocalJSX.IntrinsicElements["ds-icon-badge"] & JSXBase.HTMLAttributes<HTMLDsIconBadgeElement>;
            "ds-icon-badge-fill": LocalJSX.IntrinsicElements["ds-icon-badge-fill"] & JSXBase.HTMLAttributes<HTMLDsIconBadgeFillElement>;
            "ds-icon-bar-chart": LocalJSX.IntrinsicElements["ds-icon-bar-chart"] & JSXBase.HTMLAttributes<HTMLDsIconBarChartElement>;
            "ds-icon-bluesky": LocalJSX.IntrinsicElements["ds-icon-bluesky"] & JSXBase.HTMLAttributes<HTMLDsIconBlueskyElement>;
            "ds-icon-book-2": LocalJSX.IntrinsicElements["ds-icon-book-2"] & JSXBase.HTMLAttributes<HTMLDsIconBook2Element>;
            "ds-icon-book-2-fill": LocalJSX.IntrinsicElements["ds-icon-book-2-fill"] & JSXBase.HTMLAttributes<HTMLDsIconBook2FillElement>;
            "ds-icon-boy": LocalJSX.IntrinsicElements["ds-icon-boy"] & JSXBase.HTMLAttributes<HTMLDsIconBoyElement>;
            "ds-icon-build": LocalJSX.IntrinsicElements["ds-icon-build"] & JSXBase.HTMLAttributes<HTMLDsIconBuildElement>;
            "ds-icon-build-fill": LocalJSX.IntrinsicElements["ds-icon-build-fill"] & JSXBase.HTMLAttributes<HTMLDsIconBuildFillElement>;
            "ds-icon-calculate": LocalJSX.IntrinsicElements["ds-icon-calculate"] & JSXBase.HTMLAttributes<HTMLDsIconCalculateElement>;
            "ds-icon-calculate-fill": LocalJSX.IntrinsicElements["ds-icon-calculate-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCalculateFillElement>;
            "ds-icon-calendar-month": LocalJSX.IntrinsicElements["ds-icon-calendar-month"] & JSXBase.HTMLAttributes<HTMLDsIconCalendarMonthElement>;
            "ds-icon-calendar-month-fill": LocalJSX.IntrinsicElements["ds-icon-calendar-month-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCalendarMonthFillElement>;
            "ds-icon-call": LocalJSX.IntrinsicElements["ds-icon-call"] & JSXBase.HTMLAttributes<HTMLDsIconCallElement>;
            "ds-icon-call-fill": LocalJSX.IntrinsicElements["ds-icon-call-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCallFillElement>;
            "ds-icon-cancel": LocalJSX.IntrinsicElements["ds-icon-cancel"] & JSXBase.HTMLAttributes<HTMLDsIconCancelElement>;
            "ds-icon-cancel-fill": LocalJSX.IntrinsicElements["ds-icon-cancel-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCancelFillElement>;
            "ds-icon-chat": LocalJSX.IntrinsicElements["ds-icon-chat"] & JSXBase.HTMLAttributes<HTMLDsIconChatElement>;
            "ds-icon-chat-fill": LocalJSX.IntrinsicElements["ds-icon-chat-fill"] & JSXBase.HTMLAttributes<HTMLDsIconChatFillElement>;
            "ds-icon-check": LocalJSX.IntrinsicElements["ds-icon-check"] & JSXBase.HTMLAttributes<HTMLDsIconCheckElement>;
            "ds-icon-check-box": LocalJSX.IntrinsicElements["ds-icon-check-box"] & JSXBase.HTMLAttributes<HTMLDsIconCheckBoxElement>;
            "ds-icon-check-box-fill": LocalJSX.IntrinsicElements["ds-icon-check-box-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCheckBoxFillElement>;
            "ds-icon-check-box-outline-blank": LocalJSX.IntrinsicElements["ds-icon-check-box-outline-blank"] & JSXBase.HTMLAttributes<HTMLDsIconCheckBoxOutlineBlankElement>;
            "ds-icon-check-circle": LocalJSX.IntrinsicElements["ds-icon-check-circle"] & JSXBase.HTMLAttributes<HTMLDsIconCheckCircleElement>;
            "ds-icon-check-circle-fill": LocalJSX.IntrinsicElements["ds-icon-check-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconCheckCircleFillElement>;
            "ds-icon-check-indeterminate-small": LocalJSX.IntrinsicElements["ds-icon-check-indeterminate-small"] & JSXBase.HTMLAttributes<HTMLDsIconCheckIndeterminateSmallElement>;
            "ds-icon-check-small": LocalJSX.IntrinsicElements["ds-icon-check-small"] & JSXBase.HTMLAttributes<HTMLDsIconCheckSmallElement>;
            "ds-icon-checklist": LocalJSX.IntrinsicElements["ds-icon-checklist"] & JSXBase.HTMLAttributes<HTMLDsIconChecklistElement>;
            "ds-icon-chevron-backward": LocalJSX.IntrinsicElements["ds-icon-chevron-backward"] & JSXBase.HTMLAttributes<HTMLDsIconChevronBackwardElement>;
            "ds-icon-chevron-forward": LocalJSX.IntrinsicElements["ds-icon-chevron-forward"] & JSXBase.HTMLAttributes<HTMLDsIconChevronForwardElement>;
            "ds-icon-close": LocalJSX.IntrinsicElements["ds-icon-close"] & JSXBase.HTMLAttributes<HTMLDsIconCloseElement>;
            "ds-icon-close-small": LocalJSX.IntrinsicElements["ds-icon-close-small"] & JSXBase.HTMLAttributes<HTMLDsIconCloseSmallElement>;
            "ds-icon-code-blocks": LocalJSX.IntrinsicElements["ds-icon-code-blocks"] & JSXBase.HTMLAttributes<HTMLDsIconCodeBlocksElement>;
            "ds-icon-collapse-content": LocalJSX.IntrinsicElements["ds-icon-collapse-content"] & JSXBase.HTMLAttributes<HTMLDsIconCollapseContentElement>;
            "ds-icon-construction": LocalJSX.IntrinsicElements["ds-icon-construction"] & JSXBase.HTMLAttributes<HTMLDsIconConstructionElement>;
            "ds-icon-content-copy": LocalJSX.IntrinsicElements["ds-icon-content-copy"] & JSXBase.HTMLAttributes<HTMLDsIconContentCopyElement>;
            "ds-icon-content-copy-fill": LocalJSX.IntrinsicElements["ds-icon-content-copy-fill"] & JSXBase.HTMLAttributes<HTMLDsIconContentCopyFillElement>;
            "ds-icon-delete": LocalJSX.IntrinsicElements["ds-icon-delete"] & JSXBase.HTMLAttributes<HTMLDsIconDeleteElement>;
            "ds-icon-delete-fill": LocalJSX.IntrinsicElements["ds-icon-delete-fill"] & JSXBase.HTMLAttributes<HTMLDsIconDeleteFillElement>;
            "ds-icon-delete-forever": LocalJSX.IntrinsicElements["ds-icon-delete-forever"] & JSXBase.HTMLAttributes<HTMLDsIconDeleteForeverElement>;
            "ds-icon-delete-forever-fill": LocalJSX.IntrinsicElements["ds-icon-delete-forever-fill"] & JSXBase.HTMLAttributes<HTMLDsIconDeleteForeverFillElement>;
            "ds-icon-description": LocalJSX.IntrinsicElements["ds-icon-description"] & JSXBase.HTMLAttributes<HTMLDsIconDescriptionElement>;
            "ds-icon-download": LocalJSX.IntrinsicElements["ds-icon-download"] & JSXBase.HTMLAttributes<HTMLDsIconDownloadElement>;
            "ds-icon-drafts": LocalJSX.IntrinsicElements["ds-icon-drafts"] & JSXBase.HTMLAttributes<HTMLDsIconDraftsElement>;
            "ds-icon-drafts-fill": LocalJSX.IntrinsicElements["ds-icon-drafts-fill"] & JSXBase.HTMLAttributes<HTMLDsIconDraftsFillElement>;
            "ds-icon-drag-indicator": LocalJSX.IntrinsicElements["ds-icon-drag-indicator"] & JSXBase.HTMLAttributes<HTMLDsIconDragIndicatorElement>;
            /**
             * @deprecated This icon is deprecated and will be removed in a future version.
             */
            "ds-icon-ds-check-indeterminate-small": LocalJSX.IntrinsicElements["ds-icon-ds-check-indeterminate-small"] & JSXBase.HTMLAttributes<HTMLDsIconDsCheckIndeterminateSmallElement>;
            /**
             * @deprecated This icon is deprecated and will be removed in a future version.
             */
            "ds-icon-ds-check-small": LocalJSX.IntrinsicElements["ds-icon-ds-check-small"] & JSXBase.HTMLAttributes<HTMLDsIconDsCheckSmallElement>;
            "ds-icon-ds-flame": LocalJSX.IntrinsicElements["ds-icon-ds-flame"] & JSXBase.HTMLAttributes<HTMLDsIconDsFlameElement>;
            "ds-icon-ds-flame-fill": LocalJSX.IntrinsicElements["ds-icon-ds-flame-fill"] & JSXBase.HTMLAttributes<HTMLDsIconDsFlameFillElement>;
            "ds-icon-edit": LocalJSX.IntrinsicElements["ds-icon-edit"] & JSXBase.HTMLAttributes<HTMLDsIconEditElement>;
            "ds-icon-edit-calendar": LocalJSX.IntrinsicElements["ds-icon-edit-calendar"] & JSXBase.HTMLAttributes<HTMLDsIconEditCalendarElement>;
            "ds-icon-edit-calendar-fill": LocalJSX.IntrinsicElements["ds-icon-edit-calendar-fill"] & JSXBase.HTMLAttributes<HTMLDsIconEditCalendarFillElement>;
            "ds-icon-edit-fill": LocalJSX.IntrinsicElements["ds-icon-edit-fill"] & JSXBase.HTMLAttributes<HTMLDsIconEditFillElement>;
            "ds-icon-equal": LocalJSX.IntrinsicElements["ds-icon-equal"] & JSXBase.HTMLAttributes<HTMLDsIconEqualElement>;
            "ds-icon-escalator-warning": LocalJSX.IntrinsicElements["ds-icon-escalator-warning"] & JSXBase.HTMLAttributes<HTMLDsIconEscalatorWarningElement>;
            "ds-icon-euro-symbol": LocalJSX.IntrinsicElements["ds-icon-euro-symbol"] & JSXBase.HTMLAttributes<HTMLDsIconEuroSymbolElement>;
            "ds-icon-event-available": LocalJSX.IntrinsicElements["ds-icon-event-available"] & JSXBase.HTMLAttributes<HTMLDsIconEventAvailableElement>;
            "ds-icon-event-available-fill": LocalJSX.IntrinsicElements["ds-icon-event-available-fill"] & JSXBase.HTMLAttributes<HTMLDsIconEventAvailableFillElement>;
            "ds-icon-expand-content": LocalJSX.IntrinsicElements["ds-icon-expand-content"] & JSXBase.HTMLAttributes<HTMLDsIconExpandContentElement>;
            "ds-icon-explore": LocalJSX.IntrinsicElements["ds-icon-explore"] & JSXBase.HTMLAttributes<HTMLDsIconExploreElement>;
            "ds-icon-explore-fill": LocalJSX.IntrinsicElements["ds-icon-explore-fill"] & JSXBase.HTMLAttributes<HTMLDsIconExploreFillElement>;
            "ds-icon-export-notes": LocalJSX.IntrinsicElements["ds-icon-export-notes"] & JSXBase.HTMLAttributes<HTMLDsIconExportNotesElement>;
            "ds-icon-export-notes-fill": LocalJSX.IntrinsicElements["ds-icon-export-notes-fill"] & JSXBase.HTMLAttributes<HTMLDsIconExportNotesFillElement>;
            "ds-icon-facebook": LocalJSX.IntrinsicElements["ds-icon-facebook"] & JSXBase.HTMLAttributes<HTMLDsIconFacebookElement>;
            "ds-icon-fast-forward": LocalJSX.IntrinsicElements["ds-icon-fast-forward"] & JSXBase.HTMLAttributes<HTMLDsIconFastForwardElement>;
            "ds-icon-fast-forward-fill": LocalJSX.IntrinsicElements["ds-icon-fast-forward-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFastForwardFillElement>;
            "ds-icon-fast-rewind": LocalJSX.IntrinsicElements["ds-icon-fast-rewind"] & JSXBase.HTMLAttributes<HTMLDsIconFastRewindElement>;
            "ds-icon-fast-rewind-fill": LocalJSX.IntrinsicElements["ds-icon-fast-rewind-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFastRewindFillElement>;
            "ds-icon-favorite": LocalJSX.IntrinsicElements["ds-icon-favorite"] & JSXBase.HTMLAttributes<HTMLDsIconFavoriteElement>;
            "ds-icon-favorite-fill": LocalJSX.IntrinsicElements["ds-icon-favorite-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFavoriteFillElement>;
            "ds-icon-fiber-manual-record": LocalJSX.IntrinsicElements["ds-icon-fiber-manual-record"] & JSXBase.HTMLAttributes<HTMLDsIconFiberManualRecordElement>;
            "ds-icon-fiber-manual-record-fill": LocalJSX.IntrinsicElements["ds-icon-fiber-manual-record-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFiberManualRecordFillElement>;
            "ds-icon-file-save": LocalJSX.IntrinsicElements["ds-icon-file-save"] & JSXBase.HTMLAttributes<HTMLDsIconFileSaveElement>;
            "ds-icon-file-save-fill": LocalJSX.IntrinsicElements["ds-icon-file-save-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFileSaveFillElement>;
            "ds-icon-filter-list": LocalJSX.IntrinsicElements["ds-icon-filter-list"] & JSXBase.HTMLAttributes<HTMLDsIconFilterListElement>;
            "ds-icon-first-page": LocalJSX.IntrinsicElements["ds-icon-first-page"] & JSXBase.HTMLAttributes<HTMLDsIconFirstPageElement>;
            "ds-icon-fork-right": LocalJSX.IntrinsicElements["ds-icon-fork-right"] & JSXBase.HTMLAttributes<HTMLDsIconForkRightElement>;
            "ds-icon-format-bold": LocalJSX.IntrinsicElements["ds-icon-format-bold"] & JSXBase.HTMLAttributes<HTMLDsIconFormatBoldElement>;
            "ds-icon-format-italic": LocalJSX.IntrinsicElements["ds-icon-format-italic"] & JSXBase.HTMLAttributes<HTMLDsIconFormatItalicElement>;
            "ds-icon-format-quote": LocalJSX.IntrinsicElements["ds-icon-format-quote"] & JSXBase.HTMLAttributes<HTMLDsIconFormatQuoteElement>;
            "ds-icon-format-quote-fill": LocalJSX.IntrinsicElements["ds-icon-format-quote-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFormatQuoteFillElement>;
            "ds-icon-format-quote-off": LocalJSX.IntrinsicElements["ds-icon-format-quote-off"] & JSXBase.HTMLAttributes<HTMLDsIconFormatQuoteOffElement>;
            "ds-icon-format-quote-off-fill": LocalJSX.IntrinsicElements["ds-icon-format-quote-off-fill"] & JSXBase.HTMLAttributes<HTMLDsIconFormatQuoteOffFillElement>;
            "ds-icon-function": LocalJSX.IntrinsicElements["ds-icon-function"] & JSXBase.HTMLAttributes<HTMLDsIconFunctionElement>;
            "ds-icon-functions": LocalJSX.IntrinsicElements["ds-icon-functions"] & JSXBase.HTMLAttributes<HTMLDsIconFunctionsElement>;
            "ds-icon-gallery-thumbnail": LocalJSX.IntrinsicElements["ds-icon-gallery-thumbnail"] & JSXBase.HTMLAttributes<HTMLDsIconGalleryThumbnailElement>;
            "ds-icon-girl": LocalJSX.IntrinsicElements["ds-icon-girl"] & JSXBase.HTMLAttributes<HTMLDsIconGirlElement>;
            "ds-icon-grid-4x4": LocalJSX.IntrinsicElements["ds-icon-grid-4x4"] & JSXBase.HTMLAttributes<HTMLDsIconGrid4x4Element>;
            "ds-icon-grid-on": LocalJSX.IntrinsicElements["ds-icon-grid-on"] & JSXBase.HTMLAttributes<HTMLDsIconGridOnElement>;
            "ds-icon-grid-on-fill": LocalJSX.IntrinsicElements["ds-icon-grid-on-fill"] & JSXBase.HTMLAttributes<HTMLDsIconGridOnFillElement>;
            "ds-icon-group": LocalJSX.IntrinsicElements["ds-icon-group"] & JSXBase.HTMLAttributes<HTMLDsIconGroupElement>;
            "ds-icon-group-add": LocalJSX.IntrinsicElements["ds-icon-group-add"] & JSXBase.HTMLAttributes<HTMLDsIconGroupAddElement>;
            "ds-icon-group-add-fill": LocalJSX.IntrinsicElements["ds-icon-group-add-fill"] & JSXBase.HTMLAttributes<HTMLDsIconGroupAddFillElement>;
            "ds-icon-group-fill": LocalJSX.IntrinsicElements["ds-icon-group-fill"] & JSXBase.HTMLAttributes<HTMLDsIconGroupFillElement>;
            "ds-icon-group-remove": LocalJSX.IntrinsicElements["ds-icon-group-remove"] & JSXBase.HTMLAttributes<HTMLDsIconGroupRemoveElement>;
            "ds-icon-group-remove-fill": LocalJSX.IntrinsicElements["ds-icon-group-remove-fill"] & JSXBase.HTMLAttributes<HTMLDsIconGroupRemoveFillElement>;
            "ds-icon-help": LocalJSX.IntrinsicElements["ds-icon-help"] & JSXBase.HTMLAttributes<HTMLDsIconHelpElement>;
            "ds-icon-help-fill": LocalJSX.IntrinsicElements["ds-icon-help-fill"] & JSXBase.HTMLAttributes<HTMLDsIconHelpFillElement>;
            "ds-icon-history": LocalJSX.IntrinsicElements["ds-icon-history"] & JSXBase.HTMLAttributes<HTMLDsIconHistoryElement>;
            "ds-icon-home": LocalJSX.IntrinsicElements["ds-icon-home"] & JSXBase.HTMLAttributes<HTMLDsIconHomeElement>;
            "ds-icon-home-fill": LocalJSX.IntrinsicElements["ds-icon-home-fill"] & JSXBase.HTMLAttributes<HTMLDsIconHomeFillElement>;
            "ds-icon-hourglass": LocalJSX.IntrinsicElements["ds-icon-hourglass"] & JSXBase.HTMLAttributes<HTMLDsIconHourglassElement>;
            "ds-icon-hourglass-bottom": LocalJSX.IntrinsicElements["ds-icon-hourglass-bottom"] & JSXBase.HTMLAttributes<HTMLDsIconHourglassBottomElement>;
            "ds-icon-hourglass-top": LocalJSX.IntrinsicElements["ds-icon-hourglass-top"] & JSXBase.HTMLAttributes<HTMLDsIconHourglassTopElement>;
            "ds-icon-image": LocalJSX.IntrinsicElements["ds-icon-image"] & JSXBase.HTMLAttributes<HTMLDsIconImageElement>;
            "ds-icon-image-fill": LocalJSX.IntrinsicElements["ds-icon-image-fill"] & JSXBase.HTMLAttributes<HTMLDsIconImageFillElement>;
            "ds-icon-info": LocalJSX.IntrinsicElements["ds-icon-info"] & JSXBase.HTMLAttributes<HTMLDsIconInfoElement>;
            "ds-icon-info-fill": LocalJSX.IntrinsicElements["ds-icon-info-fill"] & JSXBase.HTMLAttributes<HTMLDsIconInfoFillElement>;
            "ds-icon-instagram": LocalJSX.IntrinsicElements["ds-icon-instagram"] & JSXBase.HTMLAttributes<HTMLDsIconInstagramElement>;
            "ds-icon-keyboard-arrow-down": LocalJSX.IntrinsicElements["ds-icon-keyboard-arrow-down"] & JSXBase.HTMLAttributes<HTMLDsIconKeyboardArrowDownElement>;
            "ds-icon-keyboard-arrow-up": LocalJSX.IntrinsicElements["ds-icon-keyboard-arrow-up"] & JSXBase.HTMLAttributes<HTMLDsIconKeyboardArrowUpElement>;
            "ds-icon-language": LocalJSX.IntrinsicElements["ds-icon-language"] & JSXBase.HTMLAttributes<HTMLDsIconLanguageElement>;
            "ds-icon-last-page": LocalJSX.IntrinsicElements["ds-icon-last-page"] & JSXBase.HTMLAttributes<HTMLDsIconLastPageElement>;
            "ds-icon-link": LocalJSX.IntrinsicElements["ds-icon-link"] & JSXBase.HTMLAttributes<HTMLDsIconLinkElement>;
            "ds-icon-linkedin": LocalJSX.IntrinsicElements["ds-icon-linkedin"] & JSXBase.HTMLAttributes<HTMLDsIconLinkedinElement>;
            "ds-icon-list-alt": LocalJSX.IntrinsicElements["ds-icon-list-alt"] & JSXBase.HTMLAttributes<HTMLDsIconListAltElement>;
            "ds-icon-list-alt-add": LocalJSX.IntrinsicElements["ds-icon-list-alt-add"] & JSXBase.HTMLAttributes<HTMLDsIconListAltAddElement>;
            "ds-icon-list-alt-check": LocalJSX.IntrinsicElements["ds-icon-list-alt-check"] & JSXBase.HTMLAttributes<HTMLDsIconListAltCheckElement>;
            "ds-icon-location-on": LocalJSX.IntrinsicElements["ds-icon-location-on"] & JSXBase.HTMLAttributes<HTMLDsIconLocationOnElement>;
            "ds-icon-location-on-fill": LocalJSX.IntrinsicElements["ds-icon-location-on-fill"] & JSXBase.HTMLAttributes<HTMLDsIconLocationOnFillElement>;
            "ds-icon-location-searching": LocalJSX.IntrinsicElements["ds-icon-location-searching"] & JSXBase.HTMLAttributes<HTMLDsIconLocationSearchingElement>;
            "ds-icon-lock": LocalJSX.IntrinsicElements["ds-icon-lock"] & JSXBase.HTMLAttributes<HTMLDsIconLockElement>;
            "ds-icon-lock-fill": LocalJSX.IntrinsicElements["ds-icon-lock-fill"] & JSXBase.HTMLAttributes<HTMLDsIconLockFillElement>;
            "ds-icon-lock-open": LocalJSX.IntrinsicElements["ds-icon-lock-open"] & JSXBase.HTMLAttributes<HTMLDsIconLockOpenElement>;
            "ds-icon-lock-open-fill": LocalJSX.IntrinsicElements["ds-icon-lock-open-fill"] & JSXBase.HTMLAttributes<HTMLDsIconLockOpenFillElement>;
            "ds-icon-login": LocalJSX.IntrinsicElements["ds-icon-login"] & JSXBase.HTMLAttributes<HTMLDsIconLoginElement>;
            "ds-icon-logout": LocalJSX.IntrinsicElements["ds-icon-logout"] & JSXBase.HTMLAttributes<HTMLDsIconLogoutElement>;
            "ds-icon-mail": LocalJSX.IntrinsicElements["ds-icon-mail"] & JSXBase.HTMLAttributes<HTMLDsIconMailElement>;
            "ds-icon-mail-fill": LocalJSX.IntrinsicElements["ds-icon-mail-fill"] & JSXBase.HTMLAttributes<HTMLDsIconMailFillElement>;
            "ds-icon-manufacturing": LocalJSX.IntrinsicElements["ds-icon-manufacturing"] & JSXBase.HTMLAttributes<HTMLDsIconManufacturingElement>;
            "ds-icon-map": LocalJSX.IntrinsicElements["ds-icon-map"] & JSXBase.HTMLAttributes<HTMLDsIconMapElement>;
            "ds-icon-map-fill": LocalJSX.IntrinsicElements["ds-icon-map-fill"] & JSXBase.HTMLAttributes<HTMLDsIconMapFillElement>;
            "ds-icon-map-search": LocalJSX.IntrinsicElements["ds-icon-map-search"] & JSXBase.HTMLAttributes<HTMLDsIconMapSearchElement>;
            "ds-icon-map-search-fill": LocalJSX.IntrinsicElements["ds-icon-map-search-fill"] & JSXBase.HTMLAttributes<HTMLDsIconMapSearchFillElement>;
            "ds-icon-menu": LocalJSX.IntrinsicElements["ds-icon-menu"] & JSXBase.HTMLAttributes<HTMLDsIconMenuElement>;
            "ds-icon-more-horiz": LocalJSX.IntrinsicElements["ds-icon-more-horiz"] & JSXBase.HTMLAttributes<HTMLDsIconMoreHorizElement>;
            "ds-icon-more-vert": LocalJSX.IntrinsicElements["ds-icon-more-vert"] & JSXBase.HTMLAttributes<HTMLDsIconMoreVertElement>;
            "ds-icon-mountain-flag": LocalJSX.IntrinsicElements["ds-icon-mountain-flag"] & JSXBase.HTMLAttributes<HTMLDsIconMountainFlagElement>;
            "ds-icon-mountain-flag-fill": LocalJSX.IntrinsicElements["ds-icon-mountain-flag-fill"] & JSXBase.HTMLAttributes<HTMLDsIconMountainFlagFillElement>;
            "ds-icon-my-location": LocalJSX.IntrinsicElements["ds-icon-my-location"] & JSXBase.HTMLAttributes<HTMLDsIconMyLocationElement>;
            "ds-icon-my-location-fill": LocalJSX.IntrinsicElements["ds-icon-my-location-fill"] & JSXBase.HTMLAttributes<HTMLDsIconMyLocationFillElement>;
            "ds-icon-notifications": LocalJSX.IntrinsicElements["ds-icon-notifications"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsElement>;
            "ds-icon-notifications-active": LocalJSX.IntrinsicElements["ds-icon-notifications-active"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsActiveElement>;
            "ds-icon-notifications-active-fill": LocalJSX.IntrinsicElements["ds-icon-notifications-active-fill"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsActiveFillElement>;
            "ds-icon-notifications-fill": LocalJSX.IntrinsicElements["ds-icon-notifications-fill"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsFillElement>;
            "ds-icon-notifications-off": LocalJSX.IntrinsicElements["ds-icon-notifications-off"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsOffElement>;
            "ds-icon-notifications-off-fill": LocalJSX.IntrinsicElements["ds-icon-notifications-off-fill"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsOffFillElement>;
            "ds-icon-notifications-unread": LocalJSX.IntrinsicElements["ds-icon-notifications-unread"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsUnreadElement>;
            "ds-icon-notifications-unread-fill": LocalJSX.IntrinsicElements["ds-icon-notifications-unread-fill"] & JSXBase.HTMLAttributes<HTMLDsIconNotificationsUnreadFillElement>;
            "ds-icon-open-in-new": LocalJSX.IntrinsicElements["ds-icon-open-in-new"] & JSXBase.HTMLAttributes<HTMLDsIconOpenInNewElement>;
            "ds-icon-pause": LocalJSX.IntrinsicElements["ds-icon-pause"] & JSXBase.HTMLAttributes<HTMLDsIconPauseElement>;
            "ds-icon-pause-circle": LocalJSX.IntrinsicElements["ds-icon-pause-circle"] & JSXBase.HTMLAttributes<HTMLDsIconPauseCircleElement>;
            "ds-icon-pause-circle-fill": LocalJSX.IntrinsicElements["ds-icon-pause-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPauseCircleFillElement>;
            "ds-icon-pause-fill": LocalJSX.IntrinsicElements["ds-icon-pause-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPauseFillElement>;
            "ds-icon-pending": LocalJSX.IntrinsicElements["ds-icon-pending"] & JSXBase.HTMLAttributes<HTMLDsIconPendingElement>;
            "ds-icon-percent": LocalJSX.IntrinsicElements["ds-icon-percent"] & JSXBase.HTMLAttributes<HTMLDsIconPercentElement>;
            "ds-icon-person": LocalJSX.IntrinsicElements["ds-icon-person"] & JSXBase.HTMLAttributes<HTMLDsIconPersonElement>;
            "ds-icon-person-add": LocalJSX.IntrinsicElements["ds-icon-person-add"] & JSXBase.HTMLAttributes<HTMLDsIconPersonAddElement>;
            "ds-icon-person-add-fill": LocalJSX.IntrinsicElements["ds-icon-person-add-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonAddFillElement>;
            "ds-icon-person-alert": LocalJSX.IntrinsicElements["ds-icon-person-alert"] & JSXBase.HTMLAttributes<HTMLDsIconPersonAlertElement>;
            "ds-icon-person-alert-fill": LocalJSX.IntrinsicElements["ds-icon-person-alert-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonAlertFillElement>;
            "ds-icon-person-fill": LocalJSX.IntrinsicElements["ds-icon-person-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonFillElement>;
            "ds-icon-person-pin-circle": LocalJSX.IntrinsicElements["ds-icon-person-pin-circle"] & JSXBase.HTMLAttributes<HTMLDsIconPersonPinCircleElement>;
            "ds-icon-person-pin-circle-fill": LocalJSX.IntrinsicElements["ds-icon-person-pin-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonPinCircleFillElement>;
            "ds-icon-person-remove": LocalJSX.IntrinsicElements["ds-icon-person-remove"] & JSXBase.HTMLAttributes<HTMLDsIconPersonRemoveElement>;
            "ds-icon-person-remove-fill": LocalJSX.IntrinsicElements["ds-icon-person-remove-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonRemoveFillElement>;
            "ds-icon-person-search": LocalJSX.IntrinsicElements["ds-icon-person-search"] & JSXBase.HTMLAttributes<HTMLDsIconPersonSearchElement>;
            "ds-icon-person-search-fill": LocalJSX.IntrinsicElements["ds-icon-person-search-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPersonSearchFillElement>;
            "ds-icon-photo-camera": LocalJSX.IntrinsicElements["ds-icon-photo-camera"] & JSXBase.HTMLAttributes<HTMLDsIconPhotoCameraElement>;
            "ds-icon-photo-camera-fill": LocalJSX.IntrinsicElements["ds-icon-photo-camera-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPhotoCameraFillElement>;
            "ds-icon-photo-library": LocalJSX.IntrinsicElements["ds-icon-photo-library"] & JSXBase.HTMLAttributes<HTMLDsIconPhotoLibraryElement>;
            "ds-icon-picture-as-pdf": LocalJSX.IntrinsicElements["ds-icon-picture-as-pdf"] & JSXBase.HTMLAttributes<HTMLDsIconPictureAsPdfElement>;
            "ds-icon-picture-as-pdf-fill": LocalJSX.IntrinsicElements["ds-icon-picture-as-pdf-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPictureAsPdfFillElement>;
            "ds-icon-pie-chart": LocalJSX.IntrinsicElements["ds-icon-pie-chart"] & JSXBase.HTMLAttributes<HTMLDsIconPieChartElement>;
            "ds-icon-pie-chart-fill": LocalJSX.IntrinsicElements["ds-icon-pie-chart-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPieChartFillElement>;
            "ds-icon-plagiarism": LocalJSX.IntrinsicElements["ds-icon-plagiarism"] & JSXBase.HTMLAttributes<HTMLDsIconPlagiarismElement>;
            "ds-icon-plagiarism-fill": LocalJSX.IntrinsicElements["ds-icon-plagiarism-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPlagiarismFillElement>;
            "ds-icon-play-arrow": LocalJSX.IntrinsicElements["ds-icon-play-arrow"] & JSXBase.HTMLAttributes<HTMLDsIconPlayArrowElement>;
            "ds-icon-play-arrow-fill": LocalJSX.IntrinsicElements["ds-icon-play-arrow-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPlayArrowFillElement>;
            "ds-icon-play-circle": LocalJSX.IntrinsicElements["ds-icon-play-circle"] & JSXBase.HTMLAttributes<HTMLDsIconPlayCircleElement>;
            "ds-icon-play-circle-fill": LocalJSX.IntrinsicElements["ds-icon-play-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconPlayCircleFillElement>;
            "ds-icon-play-pause": LocalJSX.IntrinsicElements["ds-icon-play-pause"] & JSXBase.HTMLAttributes<HTMLDsIconPlayPauseElement>;
            "ds-icon-progress-activity": LocalJSX.IntrinsicElements["ds-icon-progress-activity"] & JSXBase.HTMLAttributes<HTMLDsIconProgressActivityElement>;
            "ds-icon-public": LocalJSX.IntrinsicElements["ds-icon-public"] & JSXBase.HTMLAttributes<HTMLDsIconPublicElement>;
            "ds-icon-refresh": LocalJSX.IntrinsicElements["ds-icon-refresh"] & JSXBase.HTMLAttributes<HTMLDsIconRefreshElement>;
            "ds-icon-remove": LocalJSX.IntrinsicElements["ds-icon-remove"] & JSXBase.HTMLAttributes<HTMLDsIconRemoveElement>;
            "ds-icon-reorder": LocalJSX.IntrinsicElements["ds-icon-reorder"] & JSXBase.HTMLAttributes<HTMLDsIconReorderElement>;
            "ds-icon-report": LocalJSX.IntrinsicElements["ds-icon-report"] & JSXBase.HTMLAttributes<HTMLDsIconReportElement>;
            "ds-icon-report-fill": LocalJSX.IntrinsicElements["ds-icon-report-fill"] & JSXBase.HTMLAttributes<HTMLDsIconReportFillElement>;
            "ds-icon-resize": LocalJSX.IntrinsicElements["ds-icon-resize"] & JSXBase.HTMLAttributes<HTMLDsIconResizeElement>;
            "ds-icon-rotate-left": LocalJSX.IntrinsicElements["ds-icon-rotate-left"] & JSXBase.HTMLAttributes<HTMLDsIconRotateLeftElement>;
            "ds-icon-rotate-right": LocalJSX.IntrinsicElements["ds-icon-rotate-right"] & JSXBase.HTMLAttributes<HTMLDsIconRotateRightElement>;
            "ds-icon-rss-feed": LocalJSX.IntrinsicElements["ds-icon-rss-feed"] & JSXBase.HTMLAttributes<HTMLDsIconRssFeedElement>;
            "ds-icon-save": LocalJSX.IntrinsicElements["ds-icon-save"] & JSXBase.HTMLAttributes<HTMLDsIconSaveElement>;
            "ds-icon-save-fill": LocalJSX.IntrinsicElements["ds-icon-save-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSaveFillElement>;
            "ds-icon-schedule": LocalJSX.IntrinsicElements["ds-icon-schedule"] & JSXBase.HTMLAttributes<HTMLDsIconScheduleElement>;
            "ds-icon-schedule-fill": LocalJSX.IntrinsicElements["ds-icon-schedule-fill"] & JSXBase.HTMLAttributes<HTMLDsIconScheduleFillElement>;
            "ds-icon-search": LocalJSX.IntrinsicElements["ds-icon-search"] & JSXBase.HTMLAttributes<HTMLDsIconSearchElement>;
            "ds-icon-sell": LocalJSX.IntrinsicElements["ds-icon-sell"] & JSXBase.HTMLAttributes<HTMLDsIconSellElement>;
            "ds-icon-sell-fill": LocalJSX.IntrinsicElements["ds-icon-sell-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSellFillElement>;
            "ds-icon-send": LocalJSX.IntrinsicElements["ds-icon-send"] & JSXBase.HTMLAttributes<HTMLDsIconSendElement>;
            "ds-icon-send-fill": LocalJSX.IntrinsicElements["ds-icon-send-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSendFillElement>;
            "ds-icon-sentiment-dissatisfied": LocalJSX.IntrinsicElements["ds-icon-sentiment-dissatisfied"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentDissatisfiedElement>;
            "ds-icon-sentiment-dissatisfied-fill": LocalJSX.IntrinsicElements["ds-icon-sentiment-dissatisfied-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentDissatisfiedFillElement>;
            "ds-icon-sentiment-neutral": LocalJSX.IntrinsicElements["ds-icon-sentiment-neutral"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentNeutralElement>;
            "ds-icon-sentiment-neutral-fill": LocalJSX.IntrinsicElements["ds-icon-sentiment-neutral-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentNeutralFillElement>;
            "ds-icon-sentiment-satisfied": LocalJSX.IntrinsicElements["ds-icon-sentiment-satisfied"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentSatisfiedElement>;
            "ds-icon-sentiment-satisfied-fill": LocalJSX.IntrinsicElements["ds-icon-sentiment-satisfied-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSentimentSatisfiedFillElement>;
            "ds-icon-settings": LocalJSX.IntrinsicElements["ds-icon-settings"] & JSXBase.HTMLAttributes<HTMLDsIconSettingsElement>;
            "ds-icon-settings-fill": LocalJSX.IntrinsicElements["ds-icon-settings-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSettingsFillElement>;
            "ds-icon-share": LocalJSX.IntrinsicElements["ds-icon-share"] & JSXBase.HTMLAttributes<HTMLDsIconShareElement>;
            "ds-icon-show-chart": LocalJSX.IntrinsicElements["ds-icon-show-chart"] & JSXBase.HTMLAttributes<HTMLDsIconShowChartElement>;
            "ds-icon-skip-next": LocalJSX.IntrinsicElements["ds-icon-skip-next"] & JSXBase.HTMLAttributes<HTMLDsIconSkipNextElement>;
            "ds-icon-skip-next-fill": LocalJSX.IntrinsicElements["ds-icon-skip-next-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSkipNextFillElement>;
            "ds-icon-skip-previous": LocalJSX.IntrinsicElements["ds-icon-skip-previous"] & JSXBase.HTMLAttributes<HTMLDsIconSkipPreviousElement>;
            "ds-icon-skip-previous-fill": LocalJSX.IntrinsicElements["ds-icon-skip-previous-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSkipPreviousFillElement>;
            "ds-icon-smart-toy": LocalJSX.IntrinsicElements["ds-icon-smart-toy"] & JSXBase.HTMLAttributes<HTMLDsIconSmartToyElement>;
            "ds-icon-smart-toy-fill": LocalJSX.IntrinsicElements["ds-icon-smart-toy-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSmartToyFillElement>;
            "ds-icon-star": LocalJSX.IntrinsicElements["ds-icon-star"] & JSXBase.HTMLAttributes<HTMLDsIconStarElement>;
            "ds-icon-star-fill": LocalJSX.IntrinsicElements["ds-icon-star-fill"] & JSXBase.HTMLAttributes<HTMLDsIconStarFillElement>;
            "ds-icon-stop": LocalJSX.IntrinsicElements["ds-icon-stop"] & JSXBase.HTMLAttributes<HTMLDsIconStopElement>;
            "ds-icon-stop-circle": LocalJSX.IntrinsicElements["ds-icon-stop-circle"] & JSXBase.HTMLAttributes<HTMLDsIconStopCircleElement>;
            "ds-icon-stop-circle-fill": LocalJSX.IntrinsicElements["ds-icon-stop-circle-fill"] & JSXBase.HTMLAttributes<HTMLDsIconStopCircleFillElement>;
            "ds-icon-stop-fill": LocalJSX.IntrinsicElements["ds-icon-stop-fill"] & JSXBase.HTMLAttributes<HTMLDsIconStopFillElement>;
            "ds-icon-supervisor-account": LocalJSX.IntrinsicElements["ds-icon-supervisor-account"] & JSXBase.HTMLAttributes<HTMLDsIconSupervisorAccountElement>;
            "ds-icon-supervisor-account-fill": LocalJSX.IntrinsicElements["ds-icon-supervisor-account-fill"] & JSXBase.HTMLAttributes<HTMLDsIconSupervisorAccountFillElement>;
            "ds-icon-swap-horiz": LocalJSX.IntrinsicElements["ds-icon-swap-horiz"] & JSXBase.HTMLAttributes<HTMLDsIconSwapHorizElement>;
            "ds-icon-sync": LocalJSX.IntrinsicElements["ds-icon-sync"] & JSXBase.HTMLAttributes<HTMLDsIconSyncElement>;
            "ds-icon-table": LocalJSX.IntrinsicElements["ds-icon-table"] & JSXBase.HTMLAttributes<HTMLDsIconTableElement>;
            "ds-icon-table-fill": LocalJSX.IntrinsicElements["ds-icon-table-fill"] & JSXBase.HTMLAttributes<HTMLDsIconTableFillElement>;
            "ds-icon-tiktok": LocalJSX.IntrinsicElements["ds-icon-tiktok"] & JSXBase.HTMLAttributes<HTMLDsIconTiktokElement>;
            "ds-icon-timer": LocalJSX.IntrinsicElements["ds-icon-timer"] & JSXBase.HTMLAttributes<HTMLDsIconTimerElement>;
            "ds-icon-timer-fill": LocalJSX.IntrinsicElements["ds-icon-timer-fill"] & JSXBase.HTMLAttributes<HTMLDsIconTimerFillElement>;
            "ds-icon-tour": LocalJSX.IntrinsicElements["ds-icon-tour"] & JSXBase.HTMLAttributes<HTMLDsIconTourElement>;
            "ds-icon-tour-fill": LocalJSX.IntrinsicElements["ds-icon-tour-fill"] & JSXBase.HTMLAttributes<HTMLDsIconTourFillElement>;
            "ds-icon-translate": LocalJSX.IntrinsicElements["ds-icon-translate"] & JSXBase.HTMLAttributes<HTMLDsIconTranslateElement>;
            "ds-icon-trending-down": LocalJSX.IntrinsicElements["ds-icon-trending-down"] & JSXBase.HTMLAttributes<HTMLDsIconTrendingDownElement>;
            "ds-icon-trending-up": LocalJSX.IntrinsicElements["ds-icon-trending-up"] & JSXBase.HTMLAttributes<HTMLDsIconTrendingUpElement>;
            "ds-icon-unfold-less": LocalJSX.IntrinsicElements["ds-icon-unfold-less"] & JSXBase.HTMLAttributes<HTMLDsIconUnfoldLessElement>;
            "ds-icon-unfold-more": LocalJSX.IntrinsicElements["ds-icon-unfold-more"] & JSXBase.HTMLAttributes<HTMLDsIconUnfoldMoreElement>;
            "ds-icon-ungroup": LocalJSX.IntrinsicElements["ds-icon-ungroup"] & JSXBase.HTMLAttributes<HTMLDsIconUngroupElement>;
            "ds-icon-upload": LocalJSX.IntrinsicElements["ds-icon-upload"] & JSXBase.HTMLAttributes<HTMLDsIconUploadElement>;
            "ds-icon-view-list": LocalJSX.IntrinsicElements["ds-icon-view-list"] & JSXBase.HTMLAttributes<HTMLDsIconViewListElement>;
            "ds-icon-view-list-fill": LocalJSX.IntrinsicElements["ds-icon-view-list-fill"] & JSXBase.HTMLAttributes<HTMLDsIconViewListFillElement>;
            "ds-icon-visibility": LocalJSX.IntrinsicElements["ds-icon-visibility"] & JSXBase.HTMLAttributes<HTMLDsIconVisibilityElement>;
            "ds-icon-visibility-fill": LocalJSX.IntrinsicElements["ds-icon-visibility-fill"] & JSXBase.HTMLAttributes<HTMLDsIconVisibilityFillElement>;
            "ds-icon-visibility-off": LocalJSX.IntrinsicElements["ds-icon-visibility-off"] & JSXBase.HTMLAttributes<HTMLDsIconVisibilityOffElement>;
            "ds-icon-visibility-off-fill": LocalJSX.IntrinsicElements["ds-icon-visibility-off-fill"] & JSXBase.HTMLAttributes<HTMLDsIconVisibilityOffFillElement>;
            "ds-icon-vpn-lock": LocalJSX.IntrinsicElements["ds-icon-vpn-lock"] & JSXBase.HTMLAttributes<HTMLDsIconVpnLockElement>;
            "ds-icon-warning": LocalJSX.IntrinsicElements["ds-icon-warning"] & JSXBase.HTMLAttributes<HTMLDsIconWarningElement>;
            "ds-icon-warning-fill": LocalJSX.IntrinsicElements["ds-icon-warning-fill"] & JSXBase.HTMLAttributes<HTMLDsIconWarningFillElement>;
            "ds-icon-widget-small": LocalJSX.IntrinsicElements["ds-icon-widget-small"] & JSXBase.HTMLAttributes<HTMLDsIconWidgetSmallElement>;
            "ds-icon-widget-small-fill": LocalJSX.IntrinsicElements["ds-icon-widget-small-fill"] & JSXBase.HTMLAttributes<HTMLDsIconWidgetSmallFillElement>;
            "ds-icon-x": LocalJSX.IntrinsicElements["ds-icon-x"] & JSXBase.HTMLAttributes<HTMLDsIconXElement>;
            "ds-icon-youtube": LocalJSX.IntrinsicElements["ds-icon-youtube"] & JSXBase.HTMLAttributes<HTMLDsIconYoutubeElement>;
            "ds-icon-zoom-in": LocalJSX.IntrinsicElements["ds-icon-zoom-in"] & JSXBase.HTMLAttributes<HTMLDsIconZoomInElement>;
            "ds-icon-zoom-in-map": LocalJSX.IntrinsicElements["ds-icon-zoom-in-map"] & JSXBase.HTMLAttributes<HTMLDsIconZoomInMapElement>;
            "ds-icon-zoom-out": LocalJSX.IntrinsicElements["ds-icon-zoom-out"] & JSXBase.HTMLAttributes<HTMLDsIconZoomOutElement>;
            "ds-icon-zoom-out-map": LocalJSX.IntrinsicElements["ds-icon-zoom-out-map"] & JSXBase.HTMLAttributes<HTMLDsIconZoomOutMapElement>;
            "ds-input-validity": LocalJSX.IntrinsicElements["ds-input-validity"] & JSXBase.HTMLAttributes<HTMLDsInputValidityElement>;
            "ds-link": LocalJSX.IntrinsicElements["ds-link"] & JSXBase.HTMLAttributes<HTMLDsLinkElement>;
            "ds-link-cta": LocalJSX.IntrinsicElements["ds-link-cta"] & JSXBase.HTMLAttributes<HTMLDsLinkCtaElement>;
            /**
             * Logo link component for displaying site logo and name.
             * Used primarily in navigation ribbons and headers.
             */
            "ds-link-logo": LocalJSX.IntrinsicElements["ds-link-logo"] & JSXBase.HTMLAttributes<HTMLDsLinkLogoElement>;
            "ds-link-with-arrow": LocalJSX.IntrinsicElements["ds-link-with-arrow"] & JSXBase.HTMLAttributes<HTMLDsLinkWithArrowElement>;
            "ds-media": LocalJSX.IntrinsicElements["ds-media"] & JSXBase.HTMLAttributes<HTMLDsMediaElement>;
            "ds-modal": LocalJSX.IntrinsicElements["ds-modal"] & JSXBase.HTMLAttributes<HTMLDsModalElement>;
            "ds-notification": LocalJSX.IntrinsicElements["ds-notification"] & JSXBase.HTMLAttributes<HTMLDsNotificationElement>;
            "ds-option": LocalJSX.IntrinsicElements["ds-option"] & JSXBase.HTMLAttributes<HTMLDsOptionElement>;
            "ds-option-group": LocalJSX.IntrinsicElements["ds-option-group"] & JSXBase.HTMLAttributes<HTMLDsOptionGroupElement>;
            "ds-options": LocalJSX.IntrinsicElements["ds-options"] & JSXBase.HTMLAttributes<HTMLDsOptionsElement>;
            "ds-options-message": LocalJSX.IntrinsicElements["ds-options-message"] & JSXBase.HTMLAttributes<HTMLDsOptionsMessageElement>;
            /**
             * Pagination component for navigating between pages of content.
             * This component uses named slots for different layouts:
             * - `compact` slot: Navigation buttons and optional page info text
             * - `full` slot: Navigation buttons and page numbers
             * Layout behavior:
             * - dsLayout='compact': Always shows compact slot
             * - dsLayout='full': Always shows full slot
             * - dsLayout='auto': Switches between compact (<960px) and full (≥960px) based on screen size
             * **Important for accessibility**: All ds-pagination-page and ds-pagination-item elements
             * should have ds-href attribute set to proper URLs. Without href, screen readers won't
             * announce elements as links. Current page indicator should not have href (will render as span).
             */
            "ds-pagination": LocalJSX.IntrinsicElements["ds-pagination"] & JSXBase.HTMLAttributes<HTMLDsPaginationElement>;
            /**
             * Ellipsis indicator for pagination (shows "..." between page numbers)
             * Must be used inside ds-pagination component.
             */
            "ds-pagination-ellipsis": LocalJSX.IntrinsicElements["ds-pagination-ellipsis"] & JSXBase.HTMLAttributes<HTMLDsPaginationEllipsisElement>;
            /**
             * Navigation item for pagination (first, previous, next, last buttons/links)
             * Must be used inside ds-pagination component.
             */
            "ds-pagination-item": LocalJSX.IntrinsicElements["ds-pagination-item"] & JSXBase.HTMLAttributes<HTMLDsPaginationItemElement>;
            /**
             * Page number item for pagination
             * Must be used inside ds-pagination component.
             */
            "ds-pagination-page": LocalJSX.IntrinsicElements["ds-pagination-page"] & JSXBase.HTMLAttributes<HTMLDsPaginationPageElement>;
            /**
             * Page info display for pagination compact layout (e.g., "5 / 20")
             * Automatically reads current page and total pages from the parent ds-pagination context.
             * Must be used inside ds-pagination component.
             */
            "ds-pagination-page-info": LocalJSX.IntrinsicElements["ds-pagination-page-info"] & JSXBase.HTMLAttributes<HTMLDsPaginationPageInfoElement>;
            "ds-radio-button": LocalJSX.IntrinsicElements["ds-radio-button"] & JSXBase.HTMLAttributes<HTMLDsRadioButtonElement>;
            "ds-radio-button-group": LocalJSX.IntrinsicElements["ds-radio-button-group"] & JSXBase.HTMLAttributes<HTMLDsRadioButtonGroupElement>;
            /**
             * Navigation ribbon that appears at the top of the site as a "banner".
             */
            "ds-ribbon": LocalJSX.IntrinsicElements["ds-ribbon"] & JSXBase.HTMLAttributes<HTMLDsRibbonElement>;
            "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;
            "ds-select-native": LocalJSX.IntrinsicElements["ds-select-native"] & JSXBase.HTMLAttributes<HTMLDsSelectNativeElement>;
            "ds-spinner": LocalJSX.IntrinsicElements["ds-spinner"] & JSXBase.HTMLAttributes<HTMLDsSpinnerElement>;
            "ds-step": LocalJSX.IntrinsicElements["ds-step"] & JSXBase.HTMLAttributes<HTMLDsStepElement>;
            "ds-step-base": LocalJSX.IntrinsicElements["ds-step-base"] & JSXBase.HTMLAttributes<HTMLDsStepBaseElement>;
            "ds-step-bullet": LocalJSX.IntrinsicElements["ds-step-bullet"] & JSXBase.HTMLAttributes<HTMLDsStepBulletElement>;
            "ds-step-bullet-base": LocalJSX.IntrinsicElements["ds-step-bullet-base"] & JSXBase.HTMLAttributes<HTMLDsStepBulletBaseElement>;
            "ds-step-content": LocalJSX.IntrinsicElements["ds-step-content"] & JSXBase.HTMLAttributes<HTMLDsStepContentElement>;
            "ds-step-content-base": LocalJSX.IntrinsicElements["ds-step-content-base"] & JSXBase.HTMLAttributes<HTMLDsStepContentBaseElement>;
            "ds-steps": LocalJSX.IntrinsicElements["ds-steps"] & JSXBase.HTMLAttributes<HTMLDsStepsElement>;
            "ds-store": LocalJSX.IntrinsicElements["ds-store"] & JSXBase.HTMLAttributes<HTMLDsStoreElement>;
            "ds-tab": LocalJSX.IntrinsicElements["ds-tab"] & JSXBase.HTMLAttributes<HTMLDsTabElement>;
            "ds-tablist": LocalJSX.IntrinsicElements["ds-tablist"] & JSXBase.HTMLAttributes<HTMLDsTablistElement>;
            "ds-tabpanel": LocalJSX.IntrinsicElements["ds-tabpanel"] & JSXBase.HTMLAttributes<HTMLDsTabpanelElement>;
            "ds-tabs": LocalJSX.IntrinsicElements["ds-tabs"] & JSXBase.HTMLAttributes<HTMLDsTabsElement>;
            "ds-tag": LocalJSX.IntrinsicElements["ds-tag"] & JSXBase.HTMLAttributes<HTMLDsTagElement>;
            "ds-tag-group": LocalJSX.IntrinsicElements["ds-tag-group"] & JSXBase.HTMLAttributes<HTMLDsTagGroupElement>;
            "ds-text-area": LocalJSX.IntrinsicElements["ds-text-area"] & JSXBase.HTMLAttributes<HTMLDsTextAreaElement>;
            "ds-text-input": LocalJSX.IntrinsicElements["ds-text-input"] & JSXBase.HTMLAttributes<HTMLDsTextInputElement>;
            "ds-versioned-css-variables": LocalJSX.IntrinsicElements["ds-versioned-css-variables"] & JSXBase.HTMLAttributes<HTMLDsVersionedCssVariablesElement>;
            "ds-visually-hidden": LocalJSX.IntrinsicElements["ds-visually-hidden"] & JSXBase.HTMLAttributes<HTMLDsVisuallyHiddenElement>;
        }
    }
}