/* 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 { ExpandCollapseButtonDetails } from './components/ontario-accordion/expandCollapseButtonDetails.interface';
import { Accordion, AccordionChangeDetail } from './components/ontario-accordion/accordion.interface';
import { Language } from './utils/common/language-types';
import {
	HeadingContentType,
	HeadingLevelOptions,
	HighlightColourOptions,
} from './utils/components/callout-aside/callout-aside.interface';
import { BackMode } from './components/ontario-back-button/ontario-back-button';
import { BadgeColour } from './components/ontario-badge/ontario-badge.types';
import { ButtonType, HtmlType } from './components/ontario-button/ontario-button.types';
import { HeadingLevel, Hint, HintContentType, MenuItem } from './utils/common/common.interface';
import {
	HeaderColour,
	HorizontalImagePositionType,
	HorizontalImageSizeType,
	LayoutDirection,
} from './components/ontario-card/ontario-card-types';
import { CardsPerRow } from './components/ontario-card-collection/ontario-collection-card-types';
import { Caption } from './utils/common/input-caption/caption.interface';
import { HintExpander } from './components/ontario-hint-expander/hint-expander.interface';
import { CheckboxOption } from './components/ontario-checkbox/checkbox-option.interface';
import {
	InputFocusBlurEvent,
	InputInputEvent,
	InputInteractionEvent,
	RadioAndCheckboxChangeEvent,
} from './utils/events/event-handler.interface';
import {
	DateInputFieldType,
	DateInputPlaceholder,
	DateValidatorReturnType,
} from './components/ontario-date-input/ontario-date-input-interface';
import { DropdownOption } from './components/ontario-dropdown-list/dropdown-option.interface';
import { CaptionType } from './utils/common/input-caption/input-caption.types';
import {
	FooterLinks,
	OntarioFooterType,
	ThreeColumnOptions,
	TwoColumnOptions,
} from './components/ontario-footer/ontario-footer-interface';
import { FooterSocialLinksProps } from './components/ontario-footer/components';
import {
	ApplicationHeaderInfo,
	HeaderMenuToggleDetail,
	LanguageToggleOptions,
	OntarioHeaderType,
} from './components/ontario-header/ontario-header.interface';
import { IconColour, IconSize } from './components/ontario-icon/icon.types';
import { OntarioInPageNavigationHeadingLevel } from './components/ontario-in-page-navigation/ontario-in-page-navigation.types';
import { HeaderLanguageToggleEventDetails } from './utils/events/common-events.interface';
import { PageAlertType } from './components/ontario-page-alert/ontario-page-alert.types';
import { RadioOption } from './components/ontario-radio-buttons/radio-option.interface';
import {
	AutocompleteSuggestionSelectedEvent,
	Suggestion,
} from './components/ontario-search-box/ontario-search-box.interface';
import { Segment } from './utils/components/search-box-autocomplete';
import {
	SummaryListActionLink,
	SummaryListColumnRatio,
	SummaryListHeadingLevel,
} from './components/ontario-summary-list/ontario-summary-list-types';
import { TableColumnOptions, TableRowOptions } from './components/ontario-table/table.interface';
import { TaskStatus } from './utils/common/task-statuses.enum';
import { TaskHeadingLevel } from './components/ontario-task/ontario-task';
import { TaskListHeadingLevel } from './components/ontario-task-list/ontario-task-list';
export { ExpandCollapseButtonDetails } from './components/ontario-accordion/expandCollapseButtonDetails.interface';
export { Accordion, AccordionChangeDetail } from './components/ontario-accordion/accordion.interface';
export { Language } from './utils/common/language-types';
export {
	HeadingContentType,
	HeadingLevelOptions,
	HighlightColourOptions,
} from './utils/components/callout-aside/callout-aside.interface';
export { BackMode } from './components/ontario-back-button/ontario-back-button';
export { BadgeColour } from './components/ontario-badge/ontario-badge.types';
export { ButtonType, HtmlType } from './components/ontario-button/ontario-button.types';
export { HeadingLevel, Hint, HintContentType, MenuItem } from './utils/common/common.interface';
export {
	HeaderColour,
	HorizontalImagePositionType,
	HorizontalImageSizeType,
	LayoutDirection,
} from './components/ontario-card/ontario-card-types';
export { CardsPerRow } from './components/ontario-card-collection/ontario-collection-card-types';
export { Caption } from './utils/common/input-caption/caption.interface';
export { HintExpander } from './components/ontario-hint-expander/hint-expander.interface';
export { CheckboxOption } from './components/ontario-checkbox/checkbox-option.interface';
export {
	InputFocusBlurEvent,
	InputInputEvent,
	InputInteractionEvent,
	RadioAndCheckboxChangeEvent,
} from './utils/events/event-handler.interface';
export {
	DateInputFieldType,
	DateInputPlaceholder,
	DateValidatorReturnType,
} from './components/ontario-date-input/ontario-date-input-interface';
export { DropdownOption } from './components/ontario-dropdown-list/dropdown-option.interface';
export { CaptionType } from './utils/common/input-caption/input-caption.types';
export {
	FooterLinks,
	OntarioFooterType,
	ThreeColumnOptions,
	TwoColumnOptions,
} from './components/ontario-footer/ontario-footer-interface';
export { FooterSocialLinksProps } from './components/ontario-footer/components';
export {
	ApplicationHeaderInfo,
	HeaderMenuToggleDetail,
	LanguageToggleOptions,
	OntarioHeaderType,
} from './components/ontario-header/ontario-header.interface';
export { IconColour, IconSize } from './components/ontario-icon/icon.types';
export { OntarioInPageNavigationHeadingLevel } from './components/ontario-in-page-navigation/ontario-in-page-navigation.types';
export { HeaderLanguageToggleEventDetails } from './utils/events/common-events.interface';
export { PageAlertType } from './components/ontario-page-alert/ontario-page-alert.types';
export { RadioOption } from './components/ontario-radio-buttons/radio-option.interface';
export {
	AutocompleteSuggestionSelectedEvent,
	Suggestion,
} from './components/ontario-search-box/ontario-search-box.interface';
export { Segment } from './utils/components/search-box-autocomplete';
export {
	SummaryListActionLink,
	SummaryListColumnRatio,
	SummaryListHeadingLevel,
} from './components/ontario-summary-list/ontario-summary-list-types';
export { TableColumnOptions, TableRowOptions } from './components/ontario-table/table.interface';
export { TaskStatus } from './utils/common/task-statuses.enum';
export { TaskHeadingLevel } from './components/ontario-task/ontario-task';
export { TaskListHeadingLevel } from './components/ontario-task-list/ontario-task-list';
export namespace Components {
	/**
	 * Ontario Accordion presents collapsible sections of content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/accordions.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-accordion/
	 */
	interface OntarioAccordion {
		/**
		 * Used to include individual accordion data for the accordion component. Accepts an array of Accordion (@see Accordion) items or a JSON string of that array.  The `content` is rendered either as plain text or HTML depending on `accordionContentType`.
		 * @see Accordion *
		 * @example 	<ontario-accordion 	name="My Accordion" 	accordion-data='[ 		{"label": "Accordion 1", "content": "This is a string", "isOpen": true}, 		{"label": "Accordion 2", "accordionContentType": "html", "content": "<ul><li>List A</li><li>List B</li><li>List C</li></ul>"} 	]' ></ontario-accordion>
		 */
		accordionData: string | Accordion[];
		/**
		 * Custom Expand/Collapse button text.
		 * @example  <ontario-accordion 	name="My Accordion" 	expand-collapse-button='{ 		"expandAllSectionsLabel": "Expand All", 		"collapseAllSectionsLabel": "Collapse All" 	}' 	accordion-data='[ 		{"label": "Accordion 1", "content": ["Item 1", "Item 2", "Item 3"]}, 		{"label": "Accordion 2", "content": ["Item A", "Item B", "Item C"]} 	]' ></ontario-accordion>
		 */
		expandCollapseButton?: string | ExpandCollapseButtonDetails;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name of the accordion component.  This is not optional.
		 */
		name: string;
	}
	/**
	 * Ontario Aside is used for related, non-essential information that supports content beside the main task flow.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-aside/
	 */
	interface OntarioAside {
		/**
		 * Optional text to be displayed as the content for the aside component. If a string is passed, it will automatically be nested in a paragraph tag.  HTML content can also be passed as the child/children of the aside component if additional/different elements for the content are needed.
		 * @example <ontario-aside headingType='h3' headingContent='This is the aside heading'><p>This is the first sentence of the aside content.</p><p>This is the second sentence of the aside content.</p></ontario-aside>
		 */
		content?: string;
		/**
		 * Text or HTML to be displayed as the heading of the aside. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
		 */
		headingContent?: string;
		/**
		 * The type of the heading content. If no prop is passed, it will default to string.
		 * @default 'string'
		 */
		headingContentType: HeadingContentType;
		/**
		 * The heading level of the aside heading.
		 */
		headingType?: HeadingLevelOptions;
		/**
		 * Optional prop to choose the border colour of the aside. If none is passed, the default colour will be teal.
		 * @default 'teal'
		 */
		highlightColour?: HighlightColourOptions;
	}
	/**
	 * Ontario Back Button renders a consistent, accessible back action shell.
	 * This component is intentionally navigation-strategy agnostic.
	 * Consumers choose whether back behaviour uses browser history, explicit href navigation, or event-only routing.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-button.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-button/
	 */
	interface OntarioBackButton {
		/**
		 * Optional navigation strategy override: - `history`: emits event, then calls browser history back. - `href`: emits event, then navigates using `href`. - `event`: emits event only.  When omitted, runtime mode is inferred: - uses `href` mode if `href` exists - otherwise defaults to `history`
		 */
		backMode?: BackMode;
		/**
		 * Disables user interaction.  Policy note: This is intended for temporary/transient states only (for example, save-in-progress or step-transition lock), not as a general-purpose way to gate back navigation in normal usage. Whether going back is actually valid should be determined by application logic/validation before this prop is ever set to `true`, not used as a substitute for that validation.
		 * @default false
		 */
		disabled?: boolean;
		/**
		 * Optional destination URL used by href mode.
		 */
		href?: string;
		/**
		 * Optional visible text override for the back action. If not provided, translated defaults are used: - `Back` for English - `Retour` for French
		 */
		label?: string;
		/**
		 * The language of the component. If no language is passed, it defaults to English (`en`).
		 */
		language?: Language;
	}
	/**
	 * Ontario Back to Top helps users quickly return to the top of long pages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-to-top.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-to-top/
	 */
	interface OntarioBackToTop {
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language prop is passed, it will default to English.
		 */
		language?: Language;
	}
	/**
	 * Ontario Badge displays concise status labels and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/badges.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-badge/
	 */
	interface OntarioBadge {
		/**
		 * An aria label for screen readers.  Used to provide more context to screen readers if necessary.  This property is optional.
		 * @example <ontario-badge aria-label-text="This training is currently in progress.">In progress</ontario-badge>
		 */
		ariaLabelText?: string;
		/**
		 * The colour of the badge.
		 * @default 'teal'
		 */
		colour: BadgeColour;
		/**
		 * The label for the badge.  Offical guidance is to keep the label length within 15 characters.
		 */
		label: string;
	}
	/**
	 * Ontario Blockquote displays quoted content with optional attribution.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/blockquote.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-blockquote/
	 */
	interface OntarioBlockquote {
		/**
		 * Optional text to be displayed as the attribution (the author) of the quote.
		 */
		attribution?: string;
		/**
		 * Optional text to be displayed for additional information about the attribution/author.
		 */
		byline?: string;
		/**
		 * Text to be displayed as the quote.  Note that wrapping the quotes in quotations is not needed - this is handled through the component styles
		 */
		quote: string;
	}
	/**
	 * Ontario Button triggers actions and supports button or link behavior.
	 * This component intentionally does not expose a `disabled` prop.
	 * To support accessible and understandable form completion:
	 * - keep actions available
	 * - use validation and error messaging to guide corrections instead of disabling
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-button/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioButton {
		/**
		 * Provides more context as to what the button interaction is doing. This should only be used for accessibility purposes, if the button interaction requires more description than what the text provides.   This is optional.
		 * @example <ontario-button aria-label-text="Click button to open map">Open</ontario button>
		 */
		ariaLabelText?: string;
		/**
		 * The unique identifier of the button. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * When provided, the component renders as a native anchor for navigation use cases. This takes precedence over `htmlType`, so form-submission behaviour is disabled in link mode.
		 */
		href?: string;
		/**
		 * The native HTML button type the button should use.  If no `htmlType` is passed, it will default to `'button'`. This prop only affects the component when it renders as a native `<button>`. If `href` is provided, the component renders as a native `<a>` and `htmlType` is ignored.
		 * @default 'button'
		 */
		htmlType: HtmlType;
		/**
		 * Text to be displayed within the button. This will override the text provided through the host element textContent.
		 * @example <ontario-button label="Label Text">Text</ontario-button>  The resulting button will have the label `"Label Text"`.
		 */
		label?: string;
		/**
		 * Specifies the relationship of the linked document to the current document when `href` is provided. This prop has no effect unless the component is in link mode.
		 */
		rel?: string;
		/**
		 * Specifies where to open the linked document when `href` is provided. This prop has no effect unless the component is in link mode.
		 */
		target?: string;
		/**
		 * The type of button to render.  If no type is passed, it will default to 'secondary'.
		 * @default 'secondary'
		 */
		type: ButtonType;
	}
	/**
	 * Ontario Callout is used for supplementary, in-flow guidance that supports nearby content without elevating to a page-level alert.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-callout/
	 */
	interface OntarioCallout {
		/**
		 * Optional text to be displayed as the content for the callout component. If a string is passed, it will automatically be nested in a paragraph tag.  HTML content can also be passed as the child/children of the callout component if additional/different elements for the content are needed.
		 * @example <ontario-callout headingType='h3' headingContent='This is the callout heading'><p>This is the first sentence of the callout content.</p><p>This is the second sentence of the callout content.</p></ontario-callout>
		 */
		content?: string;
		/**
		 * Text or HTML to be displayed as the heading of the callout. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
		 */
		headingContent?: string;
		/**
		 * The type of the heading content. If no prop is passed, it will default to `string`.
		 * @default 'string'
		 */
		headingContentType: HeadingContentType;
		/**
		 * The heading level of the callout heading.
		 */
		headingType?: HeadingLevelOptions;
		/**
		 * Optional prop to choose the border colour of the callout. If none is passed, the default colour will be teal.
		 * @default 'teal'
		 */
		highlightColour?: HighlightColourOptions;
	}
	/**
	 * Ontario Card displays linked content summaries with optional media and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/cards.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card/
	 */
	interface OntarioCard {
		/**
		 * Provides more context as to what the card interaction is doing. This should only be used for accessibility purposes, if the card interaction requires more * * description than what the text provides.  This is optional.
		 */
		ariaLabelText?: string;
		/**
		 * Action link for when the card is clicked.  This is optional.
		 */
		cardLink?: string;
		/**
		 * Text to be displayed within the card description container.  This is optional.
		 */
		description?: string;
		/**
		 * Set the card's header colour.  This is optional.
		 */
		headerColour?: HeaderColour;
		/**
		 * The heading level that the label will be rendered as.
		 * @example <ontario-card 	heading-level="h4" 	label="Card Title 1" >
		 * @default 'h2'
		 */
		headingLevel: HeadingLevel;
		/**
		 * The position of the image when the card-type is set to 'horizontal'.  This prop is only necessry when the card-type is set to 'horizontal'.
		 * @example 	<ontario-card 	card-type="horizontal" 	label="Card Title 1" 	image="https://picsum.photos/200/300" 	horizontal-image-position-type="left" 	horizontal-image-size-type="one-fourth"   description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" > </ontario-card>
		 * @default 'left'
		 */
		horizontalImagePositionType?: HorizontalImagePositionType;
		/**
		 * The size of the image when the card-type is set to 'horizontal'.  This prop is only necessry when the card-type is set to 'horizontal'.
		 * @example 	<ontario-card 	card-type="horizontal" 	label="Card Title 1" 	image="https://picsum.photos/200/300" 	horizontal-image-position-type="left" 	horizontal-image-size-type="one-fourth"   description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" > </ontario-card>
		 * @default 'one-third'
		 */
		horizontalImageSizeType?: HorizontalImageSizeType;
		/**
		 * Image to be displayed within the card image container.  This is optional.
		 */
		image?: string;
		/**
		 * Alt text for the card's image.  This is optional prop, but may be required for an image due to accessibility requirements.  You can find guidance on when to add alt text to an image on the Ontario.ca web content editing guide.  https://www.ontario.ca/page/ontario-ca-web-content-editing-guide#alt-text-image-accessibility  Note: This should default to an empty string ('') to ensure the alt attribute appears in the markup for decorative images. If left as undefined, the alt attribute will not render in markup.
		 * @default ''
		 */
		imageAltText?: string;
		/**
		 * Text to be displayed within the header.
		 * @example <ontario-card 	header-type="dark" 	card-type="horizontal" 	label="Card Title 1" 	description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" >
		 */
		label: string;
		/**
		 * The layout direction/orientation of the card.  If no type is passed, it will default to 'vertical'.
		 * @default 'vertical'
		 */
		layoutDirection?: LayoutDirection;
	}
	/**
	 * Ontario Card Collection lays out multiple cards in a responsive grid.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card-collection/
	 */
	interface OntarioCardCollection {
		/**
		 * The number of cards to display per row.  If no number is passed, it will default to 3.
		 * @default 3
		 */
		cardsPerRow: CardsPerRow;
	}
	/**
	 * Ontario Checkboxes collects one or more selections from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/checkboxes.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-checkboxes/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioCheckboxes {
		/**
		 * The text to display for the checkbox legend.
		 * @example <ontario-checkboxes   caption='{     "captionText": "Checkbox legend",     "captionType": "heading",   }   ...> </ontario-checkboxes>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the checkbox onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the checkbox onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the checkbox onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the checkbox group. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-checkboxes   caption='{     "captionText": "Checkbox legend",     "captionType": "heading",   }   name='ontario-checkboxes'   options='[ 	{ 		"value": "checkbox-option-1", 		"label": "Checkbox option 1 label", 		"elementId": "checkbox-1" 	}   }]'   hint-expander='{    "hint": "Hint expander for the checkbox group",    "content": "Example hint expander content for the checkbox group"   }'   required="true" > </ontario-checkboxes>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the checkbox group. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name for the checkboxes. The name value is used to reference form data after a form is submitted.
		 */
		name: string;
		/**
		 * The options for the checkbox group.  Each property will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML. If there are multiple checkboxes in a fieldset, each checkbox will be displayed as an option.  In the example below, the options are being passed in as a string and there are two checkboxes to be displayed in the fieldset.
		 * @example <ontario-checkboxes   caption='{ 	"captionText": "Checkbox legend", 	"captionType": "heading",   }   name="ontario-checkboxes",   hint-text="Hint text for the checkbox group."   options='[ 	{ 		"value": "checkbox-option-1", 		"label": "Checkbox option 1 label" 		"elementId": "checkbox-1"     },     {        "value": "checkbox-option-2",        "label": "Checkbox option 2 label", 		  "elementId": "checkbox-2",       "hintExpander": { 			"hint": "Hint expander for checkbox option 2",              "content": "Example hint expander content for checkbox option 2"        }      }   ]'   required="true" > </ontario-checkboxes>
		 */
		options: CheckboxOption[] | string;
		/**
		 * This is used to determine whether the checkbox is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected checkbox option values.  The component keeps the host `value` in sync as users interact with the checkbox group. If `value` is provided, it takes precedence over any `checked` flags passed through `options`.  In HTML, pass `value` as a JSON string array.
		 * @example <ontario-checkboxes   value='["checkbox-option-1", "checkbox-option-2"]'   ...> </ontario-checkboxes>
		 */
		value?: string[] | string;
	}
	/**
	 * Ontario Critical Alert communicates urgent, high-priority emergency information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/critical-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-critical-alert/
	 */
	interface OntarioCriticalAlert {
		/**
		 * Content for critical alert message. It can be either string or HTML content. The content is already wrapped in a paragraph tag, so if using HTML content, the paragraph tag can be ommitted.
		 * @example <ontario-critical-alert content="COVID-19 State of emergency extended until May 12, 2020."></ontario-critical-alert>  or  <ontario-critical-alert>  <a href="#">COVID-19 State of emergency</a> extended until May 12, 2020. </ontario-critical-alert>
		 */
		content: string | HTMLElement;
	}
	/**
	 * Ontario Date Input captures day, month, and year values as a single date field.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dates.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-date-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioDateInput {
		/**
		 * The text to display as the input label
		 * @example <ontario-date-input   caption='{     "captionText": "Exact Date",     "captionType": "heading",   }   required="true"   ...> </ontario-date-input>
		 */
		caption: Caption | string;
		/**
		 * An array value used to display date options. For example, only the day and month fields can be displayed by specifying the dateOptions as `["day", "month"]`, etc.  This is optional. If no prop for `dateOptions` is passed, it will default to `["day", "month", "year"]`.
		 * @default ['day', 'month', 'year']
		 */
		dateOptions?: string | Array<DateInputFieldType>;
		/**
		 * A function used to override internal date validation logic, which takes three arguments (i.e day, month and year) and returns an object of type `DateValidatorReturnType`  This is optional. If no prop for `dateValidator` is passed, it will default to internal validation function to validate the date input.
		 */
		dateValidator?: (day: string, month: string, year: string) => DateValidatorReturnType;
		/**
		 * The unique identifier of the input. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Used to include the ontario-hint-text component for the date input group.  This is optional.
		 */
		hintText?: string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * A number value indicating maximum value allowed for year input field of the date component.  This is optional. If no prop is passed, it will default to `9999`.
		 */
		maxYear?: number;
		/**
		 * A number value indicating minimum value allowed for year input field of the date component.  This is optional. If no prop is passed, it will default to `999`.
		 */
		minYear?: number;
		/**
		 * An object value used to set the placeholder text for the day, month and year input fields. Any combination of the three input fields (i.e day, month, year) of the date component can be overridden.  This is optional. If no prop is passed, it will not display any placeholder text.
		 */
		placeholder?: DateInputPlaceholder | string;
		/**
		 * A boolean value to determine whether or not the date input is required.  This is optional. If no prop is passed, it will default to `false`.
		 * @default false
		 */
		required?: boolean;
		/**
		 * The aggregate date value for the component.  Accepts either a plain ISO date (`YYYY-MM-DD`) or a full ISO 8601 timestamp. When a valid value is provided, the component hydrates the internal day, month, and year fields and normalizes the stored form value to a full UTC ISO timestamp (`YYYY-MM-DDT00:00:00.000Z`).
		 */
		value?: string;
	}
	/**
	 * Ontario Dropdown List presents a selectable list of predefined options.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dropdown-lists.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-dropdown-list/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioDropdownList {
		/**
		 * The text to display for the dropdown list label.
		 * @example <ontario-dropdown-list   name="ontario-dropdown-list"   caption='{     "captionText": "Label",     "captionType": "heading",   }'   ...> </ontario-dropdown-list>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the dropdown onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the dropdown onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the dropdown onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * The ID for the dropdown list. If no ID is provided, one will be generated.
		 */
		elementId?: string;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the dropdown list component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-dropdown-list   caption='{     "caption": "What province do you live in?",     "captionType": "heading",   }   name="ontario-dropdown-list"   options='[     {       "value": "dropdown-option-1",       "label": "Option 1",       "selected": "true"     },     {       "value": "dropdown-option-2",       "label": "Option 2"     },     {       "value": "dropdown-option-3",       "label": "Option 3"     }   ]'   hint-expander='{    "hint": "Hint expander for the dropdown list",    "content": "Example hint expander content for the dropdown list."   }' > </ontario-dropdown-list>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the dropdown list. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * This prop is used to determine whether or not the initial option displayed is empty. If set to `true`, it will render the default “select” text. If set to a string, it will render the string value.
		 * @example <ontario-dropdown-list is-empty-start-option="true"></ontario-dropdown-list>  or  <ontario-dropdown-list is-empty-start-option="Please select"></ontario-dropdown-list>
		 * @default false
		 */
		isEmptyStartOption?: boolean | string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name for the dropdown list. The name value is used to reference form data after a form is submitted.
		 */
		name: string;
		/**
		 * The options for dropdown list.  Each option will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML.  In the example below, the options are being passed in as a string and there are three dropdown options displayed.
		 * @example <ontario-dropdown-list   caption='{     "captionText": "Label",     "captionType": "heading",   }'   name="ontario-dropdown-list"   options='[     {       "value": "dropdown-option-1",       "label": "Option 1",       "selected": "true"     },     {       "value": "dropdown-option-2",       "label": "Option 2"     },     {       "value": "dropdown-option-3",       "label": "Option 3"     }   ]' > </ontario-dropdown-list>
		 */
		options: string | DropdownOption[];
		/**
		 * This is used to determine whether the dropdown list is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected dropdown value.  The component keeps the host `value` in sync as users interact with the dropdown. If `value` is provided, it takes precedence over any `selected` flags passed through `options`.
		 */
		value?: string;
	}
	/**
	 * Ontario Fieldset groups related form controls under a shared legend.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/fieldsets.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-fieldset/
	 */
	interface OntarioFieldset {
		/**
		 * The text value used for the legend of the fieldset.
		 */
		legend: string;
		/**
		 * The size of the fieldset legend. If no prop is passed, it will be `default`.
		 * @default 'default'
		 */
		legendSize: CaptionType;
	}
	/**
	 * Ontario Footer renders simple or expanded footer patterns for Ontario sites and applications.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/simple-footer.html
	 * - https://designsystem.ontario.ca/components/detail/expanded-footer.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-footer/
	 */
	interface OntarioFooter {
		/**
		 * The base path to an assets folder containing the Design System assets
		 */
		assetBasePath: string;
		/**
		 * A prop that stores the required links for all footers. Available options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'
		 */
		footerLinks: FooterLinks | string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language: Language;
		/**
		 * Social media links to render in the footer. Available options are 'facebook', 'twitter', 'instagram' and 'youtube'
		 */
		socialLinks: FooterSocialLinksProps | string;
		/**
		 * Stores the titles and content for the expanded three column footer.
		 */
		threeColumnOptions?: ThreeColumnOptions | string;
		/**
		 * Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`. If set to `false`, the top margin value will be set to zero.
		 * @default true
		 */
		topMargin: boolean;
		/**
		 * Stores the titles and content for the expanded two column footer.
		 */
		twoColumnOptions?: TwoColumnOptions | string;
		/**
		 * The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.
		 * @default 'default'
		 */
		type: OntarioFooterType;
	}
	/**
	 * Ontario Form Container applies consistent spacing between grouped form elements.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-form-container/
	 */
	interface OntarioFormContainer {
		/**
		 * Defines the gap (bottom margin) between slotted form elements. If no gap prop is provided, it will default to 'default'.
		 * @default 'default'
		 */
		gap: 'default' | 'condensed';
	}
	/**
	 * Ontario Header renders Ontario.ca, application, and ServiceOntario header variants.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header/
	 */
	interface OntarioHeader {
		/**
		 * Information pertaining to the application and ServiceOntario headers.  For the 'application' header type, this includes the application name, URL and optional props for the number of links in the subheader for desktop, tablet, and mobile views.  For the 'serviceOntario' header type, the 'title' property is used as the service name displayed in the subheader.
		 * @example  <ontario-header    type="application"    application-header-info='{      "title": "Application name",      "href": "/application-homepage", 	"maxSubheaderLinks": { 		"desktop": "3", 		"tablet": "2", 		"mobile": "1" 	}    }' >  </ontario-header>   <ontario-header    type="serviceOntario"    application-header-info='{\"title\": \"ServiceOntario\"}' >  </ontario-header>
		 */
		applicationHeaderInfo: ApplicationHeaderInfo | string;
		/**
		 * The base path to an assets folder containing the Design System assets
		 */
		assetBasePath: string;
		/**
		 * A custom function to pass to the language toggle button.
		 */
		customLanguageToggle?: (event: globalThis.Event) => void;
		/**
		 * A custom function to pass to the sign-in button.
		 */
		customSignInToggle?: (event: globalThis.Event) => void;
		/**
		 * Option to disable fetching of the dynamic menu from the Ontario Header API.  When set to true, the static `menuItems` prop will be used instead of fetching from the API. When set to false (default), menu items are fetched dynamically from the Ontario Header API endpoint.  This property only applies to the 'ontario' header type. The 'application' and 'serviceOntario' types always use static menu items.
		 * @default false
		 * @example 	<ontario-header 		type="ontario" 		disable-dynamic-menu="true" 		menu-items='[{ 			"title": "Home", 			"href": "/" 		},{ 			"title": "About", 			"href": "/about" 		}]'> </ontario-header>
		 */
		disableDynamicMenu: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Information pertaining to the language toggle links.
		 * @example <ontario-header 	language-toggle-options='{    "englishLink": "/en",    "frenchLink": "/fr"  }'  ... > </ontario-header>
		 */
		languageToggleOptions?: LanguageToggleOptions | string;
		/**
		 * The items that will go inside the menu dropdown.  For the 'ontario' header type, these items are displayed in the overflow menu. If `disableDynamicMenu` is false, static items will be overridden by dynamically fetched items from the Ontario Header API.  For the 'application' and 'serviceOntario' header types, these items are displayed in the subheader menu and overflow menu.
		 */
		menuItems: MenuItem[] | string;
		/**
		 * Information pertaining to the sign-in menu items for the Ontario header.
		 */
		signInMenuItems?: MenuItem[] | string;
		/**
		 * The type of header.
		 * @default 'application'
		 */
		type?: OntarioHeaderType;
	}
	/**
	 * Ontario Header Menu Tabs provides mobile and tablet tabbed navigation for header menus.
	 * - Displays two tabs (Topics and Sign In) with overflow menu content.
	 * - Manages keyboard navigation, focus trapping, and accessibility.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-menu-tabs/
	 */
	interface OntarioHeaderMenuTabs {
		/**
		 * Enable auto-detect handoff mode.
		 * @default false
		 */
		autoDetectMode?: boolean;
		/**
		 * Whether focus should move to the active tab when the menu opens. This should only be true for keyboard-triggered opens.
		 * @default false
		 */
		focusActiveTabOnOpen: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Menu items for the "Sign In" tab. Can be passed as a MenuItem array or JSON string.
		 */
		signInMenuItems: MenuItem[] | string;
		/**
		 * Menu items for the "Topics" tab. Can be passed as a MenuItem array or JSON string.
		 */
		topicsMenuItems: MenuItem[] | string;
	}
	/**
	 * Ontario Header Overflow Menu displays overflow navigation links for header contexts.
	 * It can operate in two modes:
	 * ### Standalone Mode
	 * Used when placed directly in the header (desktop view).
	 * - Manages its own open/close state via `menuButtonToggled` event
	 * - Automatically focuses first menu item when opened
	 * - Sets up focus trap to keep keyboard navigation within menu
	 * - Auto-closes when focus leaves the menu area
	 * - **Emits**: `menuClosed` event when menu closes (for cleanup/state sync)
	 * ### Embedded Mode
	 * Used when placed inside `ontario-header-menu-tabs` (mobile/tablet view).
	 * - Parent component controls open/close state
	 * - Parent component manages focus trap
	 * - Menu is always visible when parent tab is active
	 * - **Emits**: `endOfMenuReached` event when Tab is pressed on last item (for focus looping)
	 * ### Mode Detection
	 * - Auto-detected based on DOM position (no prop needed).
	 * - Checks if ancestor is `ontario-header-menu-tabs` or `.ontario-mobile-menu__panel`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-overflow-menu/
	 */
	interface OntarioHeaderOverflowMenu {
		/**
		 * Whether the standalone menu should move focus to the first item when opened. This should only be true for keyboard-triggered opens.
		 * @default false
		 */
		focusFirstItemOnOpen?: boolean;
		/**
		 * Whether this is the last menu in a series of menus. If true, Tab from last item goes to next element on page. If false, Tab from last item emits focusNextElement for header to handle.
		 * @default true
		 */
		isLastMenu?: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * The menu items to display. Can be passed as a MenuItem array or JSON string.  The items that will go inside the menu.
		 * @example <ontario-header-overflow-menu 	menu-items='[{ 		"title": "Link 1", 		"href": "/link-1" 		"linkIsActive": "false" 	},{ 		"title": "Link 2", 		"href": "/link-2" 		"linkIsActive": "false" 	},{ 		"title": "Link 3", 		"href": "/link-3" 		"linkIsActive": "false" 	},{ 		"title": "Link 4", 		"href": "/link-4" 		"linkIsActive": "false" 	}]'> </ontario-header-overflow-menu>
		 */
		menuItems: MenuItem[] | string;
		/**
		 * Whether Tab from the last menu item should return focus to the trigger button instead of moving to the next menu or next page element.
		 * @default false
		 */
		returnFocusToTriggerOnLastTab?: boolean;
	}
	/**
	 * Ontario Hint Expander reveals optional supporting guidance on demand.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-expander/
	 */
	interface OntarioHintExpander {
		/**
		 * Content to display as the hint, once the expander is toggled open. Please note that any content that is passed into this prop will only be displayed as a string. If you would like to add HTML content, supply child content to the component.
		 * @example <ontario-hint-expander hint="This is the hint"   <img src="https://www.jquery-az.com/html/images/banana.jpg" title="Title of image" alt="alt text here"/>   <p> Here is the content beside the image </p> </ontario-hint-expander>
		 */
		content: string;
		/**
		 * Used to used to establish a relationship between hint text content and elements using aria-describedby. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Text to display as the hint expander question/statement
		 */
		hint: string;
		/**
		 * The content type of the hint. If no prop is passed, it will default to a string. If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.
		 * @default 'string'
		 */
		hintContentType?: HintContentType;
	}
	/**
	 * Ontario Hint Text provides concise supporting instructions for form controls.
	 * Use hint text to help users understand how to complete fields in a form.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-text/
	 */
	interface OntarioHintText {
		/**
		 * The unique identifier of the element. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * This method returns the ontario-hint-text id. It is used to make sure the hint text and `aria-describedby` value of other form components match when the internal hint text props are used.
		 * @returns The ID of the hint text element, or undefined if no ID is set.
		 */
		getHintTextId: () => Promise<string | undefined>;
		/**
		 * Text to display as the hint text statement.  Setting the hint can be done using the host element textContent or through setting this property.  This property will take precedence.
		 * @example <ontario-hint-text hint="Override Hint Text">Hint Text</ontario-button>  The resulting hint text will display `"Override Hint Text"`.
		 */
		hint: string;
		/**
		 * The content type of the hint. If no prop is passed, it will default to a string. If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.
		 * @default 'string'
		 */
		hintContentType?: HintContentType;
	}
	interface OntarioIconAccessibility {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAccount {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAdd {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAddAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAlertError {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAlertInformation {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAlertSuccess {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAlertWarning {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconArrowUp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconAttach {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconBookmarkOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconBookmarkOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCalendar {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCamera {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconChevronDown {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconChevronLeft {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconChevronRight {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconChevronUp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconClock {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconClose {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCloseHeader {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCloud {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCollapse {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCreditCard {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconCriticalAlertWarning {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconDelete {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconDocument {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconDownload {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconDropdownArrow {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconEdit {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconEmail {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconExpand {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconExport {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFacebook {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFacebookAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFavouriteOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFavouriteOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFilter {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconFlickr {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconGrid {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconHelp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconInstagram {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconInteracEn {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconInteracEnAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconInteracFr {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconInteracFrAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLinkedin {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLinkedinAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconList {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLiveChat {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLocationOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLocationOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLockOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconLockOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMap {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMastercard {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMastercardAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMediaFastForward {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMediaFastRewind {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMediaPause {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMediaPlay {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMediaStop {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMenu {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMenuHeader {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMicrophoneOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMicrophoneOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMoreAccounts {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconMoreVertical {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconNewWindow {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconNext {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconNotification {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPasswordHide {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPasswordShow {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPhone {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPhoto {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPinLocationOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPinLocationOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPrevious {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconPrint {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconRemove {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconRemoveAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconReplay {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconRssFeed {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSave {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSearch {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSearchWhite {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSentiment1 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSentiment2 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSentiment3 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSentiment4 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSentiment5 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSettings {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconShare {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSort {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSortAlphabeticalAscending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSortAlphabeticalDescending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSortAscending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSortDescending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconSortVariant {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTag {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTextMessage {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTimer {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTransportBicycle {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTransportBus {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTransportCar {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTransportWalk {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTty {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTune {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTwitter {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconTwitterAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconUpload {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconVideo {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconVisa {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconVoteDislike {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconVoteLike {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconVpnKey {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconWheelchair {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconWifi {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	interface OntarioIconYoutube {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative: boolean;
	}
	/**
	 * Ontario In-Page Navigation presents a heading and ordered list of links that help users navigate long single-page content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-in-page-navigation/
	 */
	interface OntarioInPageNavigation {
		/**
		 * Optional heading text. If omitted, the heading is resolved from i18n.
		 */
		heading?: string;
		/**
		 * Heading level used for the component heading.
		 * @default 'h2'
		 */
		headingLevel: OntarioInPageNavigationHeadingLevel;
		/**
		 * Language used for translated defaults.
		 */
		language?: Language;
		/**
		 * Removes the top border from the navigation container.
		 * @default false
		 */
		noTopBorder?: boolean;
		/**
		 * Skip link target id (without #) or anchor (with #).
		 * @default 'skip-to-main'
		 */
		skipLinkTarget?: string;
		/**
		 * Enables smooth scrolling and hash updates for in-page links.
		 * @default true
		 */
		smoothScroll?: boolean;
	}
	/**
	 * A single list item link used inside `ontario-in-page-navigation`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 */
	interface OntarioInPageNavigationItem {
		/**
		 * In-page anchor target, for example #eligibility.
		 */
		href?: string;
		/**
		 * Marks the current/active section.
		 * @default false
		 */
		isCurrent?: boolean;
		/**
		 * Link label for the in-page navigation item.
		 */
		label?: string;
		/**
		 * Language used if localized text is required in the future.
		 */
		language?: Language;
	}
	/**
	 * Ontario Input captures single-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-inputs.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioInput {
		/**
		 * The text to display as the input label
		 * @example <ontario-input   caption='{     "captionText": "Address",     "captionType": "heading",   }   required="true"   ...> </ontario-input>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * The unique identifier of the input. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Enable live validation on the input.  Custom live validation can be performed using an `inputValidator` validation function.  It will also validate the `required` state if no errors are returned from the `inputValidator`.  Please set a `requiredValidationMessage` to report concisely to the end user what they are required to set.
		 * @default false
		 */
		enableLiveValidation: boolean;
		/**
		 * Set this to display an error message.
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the input component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-input   caption='{     "caption": "Address",     "captionType": "heading",   }   hint-expander='{    "hint": "Hint expander",    "content": "This is the content"   }'   required="true" > </ontario-input>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the input. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * Validate the validity of the input value `onBlur`.  This `async` function should return a result to trigger an error message.  Returning `undefined` or `null` will clear it.
		 */
		inputValidator?: (value?: string) => Promise<{ errorMessage?: string } | null | undefined>;
		/**
		 * The width of the input field. If no value is assigned, it will present as the `default` input width.
		 * @default 'default'
		 */
		inputWidth:
			| '2-char-width'
			| '3-char-width'
			| '4-char-width'
			| '5-char-width'
			| '7-char-width'
			| '10-char-width'
			| '20-char-width'
			| 'default';
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * The name assigned to the input. The name value is used to reference form data after a form is submitted.
		 */
		name: string;
		/**
		 * This is used to determine whether the input is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).  _Please add a validation messaging using `requiredValidationMessage` if setting this property._
		 * @example <ontario-input 	id="address-line-1" 	caption="Address line 1" 	required 	required-validation-message="Please enter an address, including street number and street name" 	name="address-line-1" 	hint-text="Street and number or P.O. box." ></ontario-input>
		 * @default false
		 */
		required?: boolean;
		/**
		 * Custom error message to display if a required field is not filled out.  _Please add a custom message when setting an input as required_.
		 */
		requiredValidationMessage: string;
		/**
		 * The input type value.  If no `type` is provided, it will default to 'text'.
		 * @default 'text'
		 */
		type: 'text' | 'tel' | 'email' | 'password';
		/**
		 * The input content value.  This is optional.
		 */
		value?: string;
	}
	/**
	 * Ontario Language Toggle switches the interface between supported languages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-language-toggle/
	 */
	interface OntarioLanguageToggle {
		/**
		 * A custom function to pass to the language toggle button.  This is optional.
		 */
		customLanguageToggle?: (event: globalThis.Event) => void;
		/**
		 * The language of the component.  In most cases, the language toggle should be the source of truth for determining the site language.  Only pass a language value here if necessary.
		 */
		language?: Language;
		/**
		 * The size of the language toggle button.  If no prop is passed, it will be set to the `default` size.
		 * @default 'default'
		 */
		size?: 'default' | 'small';
		/**
		 * The URL to change to when the language toggle button is clicked.  This is optional.
		 */
		url?: string;
	}
	/**
	 * Ontario Loading Indicator communicates in-progress loading states.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/loading-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-loading-indicator/
	 */
	interface OntarioLoadingIndicator {
		/**
		 * A boolean value to determine whether the loading indicator overlay covers the full page or not. By default, this is set to `true`.  If set to `false`, the loading indicator overlay will be positioned absolutely relative to its container. Note that this will only work if the containing element has a style rule specifying it to be positioned relatively.
		 * @default true
		 */
		fullScreenOverlay?: boolean;
		/**
		 * A boolean value to determine whether or not the loading indicator is loading (i.e: is visible) or not.
		 * @default false
		 */
		isLoading: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The message that tells the user what is happening or why the user is waiting. If no message prop is passed, it will default to "Loading". Translations for this default message are included.  This is optional.
		 */
		message?: string;
		/**
		 * The type of loading indicator to render.
		 * @default 'large'
		 */
		type: 'small' | 'large';
	}
	/**
	 * Ontario Page Alert is used for high-importance status messages that apply to the whole page
	 * (for example informational, warning, success, or error outcomes).
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-page-alert/
	 */
	interface OntarioPageAlert {
		/**
		 * The main content for the page alert. This can be rendered as either string or HTML content.
		 */
		content: string;
		/**
		 * The heading for the page alert.
		 * @example <ontario-page-alert heading="Licence plates"> </ontario-page-alert>
		 */
		heading: string;
		/**
		 * The type of page alert to render. If no value is provided, the `informational` type alert would be rendered.  There are four possible values for page alert: `informational`, `warning`, `success` or `error`.
		 * @example <ontario-page-alert type="error"> </ontario-page-alert>
		 * @default 'informational'
		 */
		type: PageAlertType;
	}
	/**
	 * Ontario Radio Buttons captures a single choice from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/radio-buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-radio-buttons/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioRadioButtons {
		/**
		 * The text to display for the radio button legend.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",    }'   required="true"   ...> </ontario-radio-buttons>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the radio input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the radio input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the radio input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the radio button group. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",   }' 	 name="radios"   options='[ 	   {        "value": "radio-option-1", 		  "elementId": "radio-1",        "label": "Radio option 1 label",        "hintExpander": { 		  "hint": "Hint expander for radio option 1", 		      "content": "Example hint expander content for radio option 1." 	  }     }   ]'   hint-expander='{     "hint": "Hint expander for the radio button group",     "content": "Example hint expander content for the radio button group."   }'   required="true" > </ontario-radio-buttons>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for radio button group. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name assigned to the radio button. The name value is used to reference form data after a form is submitted.
		 */
		name: string;
		/**
		 * The options for the radio button group.  Each property will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML. If there are multiple radio buttons in a group, each radio button will be displayed as an option.  In the example below, the options are being passed in as a string and there are two radio buttons to be displayed in the group.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",   }'   name="radios"   hint-text="Hint text for the radio button group."   options='[     {        "value": "radio-option-1", 		  "elementId": "radio-1",        "label": "Radio option 1 label"     },     {        "value": "radio-option-2", 		  "elementId": "radio-2",        "label": "Radio option 2 label",        "hintExpander": { 		  "hint": "Hint expander for radio option 2", 		      "content": "Example hint expander content for radio option 2." 	  }      }   ]'   required="true" > </ontario-radio-buttons>
		 */
		options: string | RadioOption[];
		/**
		 * This is used to determine whether the radio button is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected radio option value.  The component keeps the host `value` in sync as users interact with the radio group. If `value` is provided, it takes precedence over any `checked` flags passed through `options`.
		 */
		value?: string;
	}
	/**
	 * Ontario Search Box captures and submits search queries.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/search-box.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-search-box/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioSearchBox {
		/**
		 * The text to display as the input label
		 * @example <ontario-search-box   caption='{ 		"captionText": "Search directory", 		"captionType": "default" 	}' 	required = "true" > </ontario-search-box>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * Debounce delay in milliseconds before `getSuggestions` is called.
		 * @default OntarioSearchBox.DEFAULT_DEBOUNCE_MS
		 */
		debounceMs?: number;
		/**
		 * The unique identifier of the search-box component. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Enables autocomplete behaviour on the search input.
		 * @default false
		 */
		enableAutocomplete?: boolean;
		/**
		 * Async suggestion provider for autocomplete mode. Slot content has precedence over this callback.
		 */
		getSuggestions?: (query: string) => Promise<Suggestion[]>;
		/**
		 * Used to include the ontario-hint-text component for the search-box. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Maximum number of suggestions rendered in async mode.
		 * @default OntarioSearchBox.DEFAULT_MAX_SUGGESTIONS
		 */
		maxSuggestions?: number;
		/**
		 * Minimum number of characters required before suggestions are shown.
		 * @default OntarioSearchBox.DEFAULT_MIN_CHARS
		 */
		minChars?: number;
		/**
		 * This Function to perform a search operation. This function will be called when the search submit button is triggered. The value argument is used for as search term to use for the search operation. This parameter is optional. The performSearch prop can be set dynamically using JavaScript, allowing you to define custom search functionality when the search form is submitted.
		 * @example <ontario-search-box   id="ontario-search-box"   caption='Search directory' ></ontario-search-box>  <script> window.addEventListener('load', () => { 	const searchBox = document.getElementById('ontario-search-box'); 	searchBox.performSearch = async (value) => { 			console.log('Performing search with value:', value); 	}; }); </script>
		 */
		performSearch?: (value?: string) => Promise<void>;
		/**
		 * This is used to determine whether the dropdown list is required or not. This prop gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The value of the search term. This is optional.
		 */
		value?: string;
	}
	/**
	 * Ontario Search Result Item renders a semantic option row for search suggestions.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/autocomplete.html
	 */
	interface OntarioSearchResultItem {
		/**
		 * Marks the option as active during keyboard navigation (parent-managed).
		 * @default false
		 */
		active?: boolean;
		/**
		 * Optional secondary text shown below the label.
		 */
		description?: string;
		/**
		 * Marks the option as disabled and non-interactive.
		 * @default false
		 */
		disabled?: boolean;
		/**
		 * Optional URL to represent a navigable search result.
		 */
		href?: string;
		/**
		 * Primary text for the suggestion row.
		 */
		label?: string;
		/**
		 * Optional language prop to align with component API conventions.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Ordered label segments used to render matched input text and completion text.
		 */
		segments?: Segment[];
		/**
		 * Marks the option as selected (parent-managed).
		 * @default false
		 */
		selected?: boolean;
		/**
		 * Optional value used by parent components during selection. Falls back to `label` when not set.
		 */
		value?: string;
	}
	/**
	 * Ontario Step Indicator communicates progress through multi-step flows.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/step-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-step-indicator/
	 */
	interface OntarioStepIndicator {
		/**
		 * URL for the back element to set a path for where the link will lead.  If a URL is passed in, the back element will display as an anchor tag. The back element will require either the backButtonURL prop or the customOnClick prop to be passed in order for the back element to display.
		 */
		backButtonUrl?: string;
		/**
		 * A number value to indicate which step the user is currently on.
		 */
		currentStep?: number;
		/**
		 * Used to add a custom function to the back button onClick event.  If this function is passed in, the back element will display as a button. The back element will require either the backButtonURL prop or the customOnClick prop to be passed in order for the back element to display.
		 */
		customOnClick?: (event: globalThis.Event) => void;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * A number value to indicate to the user the total number of steps the form has.
		 */
		numberOfSteps?: number;
		/**
		 * A number value to indicate to the user the percentage of the form that has been completed.
		 */
		percentageComplete?: number;
		/**
		 * A boolean value to determine whether or not the back button is displayed for the step indicator.  This is optional. If no prop is passed, it will default to `false`.
		 * @default false
		 */
		showBackButton?: boolean;
	}
	/**
	 * Ontario Summary List groups labelled answers for review before a user submits or confirms information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-summary-list/
	 */
	interface OntarioSummaryList {
		/**
		 * The section heading text for this summary list group. This prop is required.
		 */
		caption: string;
		/**
		 * Renders a section-level change link in the heading row. Accepts a JSON string (for plain HTML) or an object (for JSX/framework use). The `href` property is required. An optional `label` overrides the visible link text; if omitted, the component uses the localized default ("Change" / "Modifier"). Screen-reader text is always auto-generated from `caption`.  Use the `caption-action` slot instead when a router-aware link is needed.
		 */
		captionActionLink?: string | SummaryListActionLink;
		/**
		 * Adjusts the flex ratio between the key and value columns. Recommended when questions are short. If omitted, columns share equal width.
		 */
		columnRatio?: SummaryListColumnRatio;
		/**
		 * When `true`, the summary list expands to the full available width. Recommended when the list contains text area responses.
		 * @default false
		 */
		fullWidth: boolean;
		/**
		 * The heading element to use for the section caption. Defaults to `h3`. The heading level should match the document hierarchy of the consuming page.
		 * @default 'h3'
		 */
		headingLevel: SummaryListHeadingLevel;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
	}
	/**
	 * Ontario Summary List Item renders a single key/value row inside an ontario-summary-list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 */
	interface OntarioSummaryListItem {
		/**
		 * Renders a row-level change link. Accepts a JSON string (for plain HTML) or an object (for JSX/framework use). `href` is required; `label` overrides the visible link text (defaults to the i18n "Change" / "Modifier" label). Screen-reader text is always auto-generated from `name`.  Use the `action` slot instead when a router-aware link is needed. The slot takes precedence over this prop when both are present.
		 */
		actionLink?: string | SummaryListActionLink;
		/**
		 * When `true`, applies reduced row padding via the `.compact` modifier class.
		 */
		compact?: boolean;
		/**
		 * The value/response rendered as `<dd>`. This prop is required.
		 */
		description: string;
		/**
		 * The language of the component. Defaults to English via `validateLanguage`. Set automatically through event listeners from the header by default.
		 */
		language?: Language;
		/**
		 * The key/question label rendered as `<dt>`. This prop is required.
		 */
		name: string;
	}
	/**
	 * Ontario Table presents structured tabular data with accessible semantics.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/tables.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-table/
	 */
	interface OntarioTable {
		/**
		 * Specifies the caption (or title) of the table.  This is optional.
		 */
		caption?: string | undefined;
		/**
		 * Used to specify whether or not table data in cells should have reduced top and bottom padding. This is useful for pages with multiple data-heavy tables such as a budget or financial data.  This is optional. By default it will be set to “false”.
		 * @default false
		 */
		condensed?: boolean | undefined;
		/**
		 * Used to specify whether or not the table should extend the full width of its container.  This is optional. By default, it will be set to “false”
		 * @default false
		 */
		fullWidth?: boolean | undefined;
		/**
		 * Used to define the columns of the table.
		 * @example ; <ontario-table table-columns='[ { "title": "Type of service", "key": "service" }, { "title": "Processing and delivery", "key": "processing" }, { "title": "Cost", "key": "cost", "type": "numeric" } ]' > </ontario-table>
		 */
		tableColumns: string | TableColumnOptions[];
		/**
		 * Used to define the table body data. Note that the keys passed to the `data` object in the tableData should match the keys of the columns defined in the tableColumns prop.
		 * @example <ontario-table  table-data='[    {      "data": {        "service": "Regular service (online)",        "processing": "15 business days plus delivery by Canada Post",        "cost": "$15"      }    },    {      "data": {        "service": "Premium service (online)",        "cost": "$45",        "processing": "5 business days including delivery by courier"      }    }  ]' > </ontario-table>
		 */
		tableData: string | TableRowOptions[];
		/**
		 * Indicates whether or not the table data should have alternate row zebra striping.  This is optional. By default, zebra striping will be added when the table rows extend 5 rows. If zebra striping is needed to table rows less than 5 rows, the prop should be set to “enabled”. If no zebra stripes are needed, it should be set to “disabled”.  The default will be set to “auto”.
		 * @default 'auto'
		 */
		zebraStripes?: 'auto' | 'disabled' | 'enabled' | undefined;
	}
	/**
	 * Ontario Task represents an individual task item and status within a task list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task/
	 */
	interface OntarioTask {
		/**
		 * Disables the task link when set to `true`.  Default is `false`, meaning the link will be active if provided.
		 * @default false
		 */
		deactivateLink: boolean;
		/**
		 * Allows consumers to define the heading level for the task label.  Accepts 'h2', 'h3' or 'h4'. Default is 'h3'.
		 * @default 'h3'
		 */
		headingLevel: TaskHeadingLevel;
		/**
		 * Used to include the ontario-hint-text component for the task.  This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * Specifies the label of the task.  This is required to provide the name of the task.
		 */
		label: string;
		/**
		 * The language of the component.  This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * Specifies an optional link associated with the task.  If provided, clicking the task will navigate to this URL.
		 */
		link?: string;
		/**
		 * A unique id for the task.  This is required.
		 */
		taskId: string;
		/**
		 * Defines the status of the task.  Falls back to the default status if not provided, or if an unrecognized value is passed.
		 * @default TaskStatus.NotStarted
		 */
		taskStatus: TaskStatus;
	}
	/**
	 * Ontario Task List groups and summarizes related tasks.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task-list/
	 */
	interface OntarioTaskList {
		/**
		 * Allows consumers to define the heading level for the task list component.  Accepts 'h1', 'h2', 'h3' or 'h4'. Default is 'h2'.
		 * @default 'h2'
		 */
		headingLevel: TaskListHeadingLevel;
		/**
		 * The label prop used for the task list heading.
		 */
		label: string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
	}
	/**
	 * Ontario Textarea captures multi-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-areas.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-textarea/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioTextarea {
		/**
		 * The text to display as the textarea label.
		 * @example <ontario-input   caption='{     "captionText": "Address",     "captionType": "heading",   }'   required="true"   ...> </ontario-input>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the textarea onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * The unique identifier of the textarea. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the textarea component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-textarea   caption='{     "captionText": "What are your thoughts",     "captionType": "heading",   }' 	 name: "textarea"   hint-expander='{     "hint": "This is the hint expander",     "content": "This is the content for the hint expander"   }'   required="true" > </ontario-textarea>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the textarea. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name assigned to the textarea. The name value is used to reference form data after a form is submitted.
		 */
		name: string;
		/**
		 * This is used to determine whether the textarea is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The textarea content value.
		 */
		value?: string;
	}
}
export interface OntarioAccordionCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioAccordionElement;
}
export interface OntarioBackButtonCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioBackButtonElement;
}
export interface OntarioCheckboxesCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioCheckboxesElement;
}
export interface OntarioDateInputCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioDateInputElement;
}
export interface OntarioDropdownListCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioDropdownListElement;
}
export interface OntarioHeaderCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioHeaderElement;
}
export interface OntarioHeaderMenuTabsCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioHeaderMenuTabsElement;
}
export interface OntarioHeaderOverflowMenuCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioHeaderOverflowMenuElement;
}
export interface OntarioHintExpanderCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioHintExpanderElement;
}
export interface OntarioInputCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioInputElement;
}
export interface OntarioLanguageToggleCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioLanguageToggleElement;
}
export interface OntarioRadioButtonsCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioRadioButtonsElement;
}
export interface OntarioSearchBoxCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioSearchBoxElement;
}
export interface OntarioSearchResultItemCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioSearchResultItemElement;
}
export interface OntarioTextareaCustomEvent<T> extends CustomEvent<T> {
	detail: T;
	target: HTMLOntarioTextareaElement;
}
declare global {
	interface HTMLOntarioAccordionElementEventMap {
		accordionChange: AccordionChangeDetail;
	}
	/**
	 * Ontario Accordion presents collapsible sections of content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/accordions.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-accordion/
	 */
	interface HTMLOntarioAccordionElement extends Components.OntarioAccordion, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioAccordionElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioAccordionElement,
				ev: OntarioAccordionCustomEvent<HTMLOntarioAccordionElementEventMap[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 HTMLOntarioAccordionElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioAccordionElement,
				ev: OntarioAccordionCustomEvent<HTMLOntarioAccordionElementEventMap[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 HTMLOntarioAccordionElement: {
		prototype: HTMLOntarioAccordionElement;
		new (): HTMLOntarioAccordionElement;
	};
	/**
	 * Ontario Aside is used for related, non-essential information that supports content beside the main task flow.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-aside/
	 */
	interface HTMLOntarioAsideElement extends Components.OntarioAside, HTMLStencilElement {}
	var HTMLOntarioAsideElement: {
		prototype: HTMLOntarioAsideElement;
		new (): HTMLOntarioAsideElement;
	};
	interface HTMLOntarioBackButtonElementEventMap {
		backClick: MouseEvent | KeyboardEvent;
	}
	/**
	 * Ontario Back Button renders a consistent, accessible back action shell.
	 * This component is intentionally navigation-strategy agnostic.
	 * Consumers choose whether back behaviour uses browser history, explicit href navigation, or event-only routing.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-button.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-button/
	 */
	interface HTMLOntarioBackButtonElement extends Components.OntarioBackButton, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioBackButtonElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioBackButtonElement,
				ev: OntarioBackButtonCustomEvent<HTMLOntarioBackButtonElementEventMap[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 HTMLOntarioBackButtonElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioBackButtonElement,
				ev: OntarioBackButtonCustomEvent<HTMLOntarioBackButtonElementEventMap[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 HTMLOntarioBackButtonElement: {
		prototype: HTMLOntarioBackButtonElement;
		new (): HTMLOntarioBackButtonElement;
	};
	/**
	 * Ontario Back to Top helps users quickly return to the top of long pages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-to-top.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-to-top/
	 */
	interface HTMLOntarioBackToTopElement extends Components.OntarioBackToTop, HTMLStencilElement {}
	var HTMLOntarioBackToTopElement: {
		prototype: HTMLOntarioBackToTopElement;
		new (): HTMLOntarioBackToTopElement;
	};
	/**
	 * Ontario Badge displays concise status labels and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/badges.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-badge/
	 */
	interface HTMLOntarioBadgeElement extends Components.OntarioBadge, HTMLStencilElement {}
	var HTMLOntarioBadgeElement: {
		prototype: HTMLOntarioBadgeElement;
		new (): HTMLOntarioBadgeElement;
	};
	/**
	 * Ontario Blockquote displays quoted content with optional attribution.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/blockquote.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-blockquote/
	 */
	interface HTMLOntarioBlockquoteElement extends Components.OntarioBlockquote, HTMLStencilElement {}
	var HTMLOntarioBlockquoteElement: {
		prototype: HTMLOntarioBlockquoteElement;
		new (): HTMLOntarioBlockquoteElement;
	};
	/**
	 * Ontario Button triggers actions and supports button or link behavior.
	 * This component intentionally does not expose a `disabled` prop.
	 * To support accessible and understandable form completion:
	 * - keep actions available
	 * - use validation and error messaging to guide corrections instead of disabling
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-button/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioButtonElement extends Components.OntarioButton, HTMLStencilElement {}
	var HTMLOntarioButtonElement: {
		prototype: HTMLOntarioButtonElement;
		new (): HTMLOntarioButtonElement;
	};
	/**
	 * Ontario Callout is used for supplementary, in-flow guidance that supports nearby content without elevating to a page-level alert.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-callout/
	 */
	interface HTMLOntarioCalloutElement extends Components.OntarioCallout, HTMLStencilElement {}
	var HTMLOntarioCalloutElement: {
		prototype: HTMLOntarioCalloutElement;
		new (): HTMLOntarioCalloutElement;
	};
	/**
	 * Ontario Card displays linked content summaries with optional media and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/cards.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card/
	 */
	interface HTMLOntarioCardElement extends Components.OntarioCard, HTMLStencilElement {}
	var HTMLOntarioCardElement: {
		prototype: HTMLOntarioCardElement;
		new (): HTMLOntarioCardElement;
	};
	/**
	 * Ontario Card Collection lays out multiple cards in a responsive grid.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card-collection/
	 */
	interface HTMLOntarioCardCollectionElement extends Components.OntarioCardCollection, HTMLStencilElement {}
	var HTMLOntarioCardCollectionElement: {
		prototype: HTMLOntarioCardCollectionElement;
		new (): HTMLOntarioCardCollectionElement;
	};
	interface HTMLOntarioCheckboxesElementEventMap {
		checkboxOnChange: RadioAndCheckboxChangeEvent;
		checkboxOnBlur: InputFocusBlurEvent;
		checkboxOnFocus: InputFocusBlurEvent;
		inputErrorOccurred: { errorMessage: string };
	}
	/**
	 * Ontario Checkboxes collects one or more selections from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/checkboxes.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-checkboxes/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioCheckboxesElement extends Components.OntarioCheckboxes, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioCheckboxesElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioCheckboxesElement,
				ev: OntarioCheckboxesCustomEvent<HTMLOntarioCheckboxesElementEventMap[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 HTMLOntarioCheckboxesElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioCheckboxesElement,
				ev: OntarioCheckboxesCustomEvent<HTMLOntarioCheckboxesElementEventMap[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 HTMLOntarioCheckboxesElement: {
		prototype: HTMLOntarioCheckboxesElement;
		new (): HTMLOntarioCheckboxesElement;
	};
	/**
	 * Ontario Critical Alert communicates urgent, high-priority emergency information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/critical-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-critical-alert/
	 */
	interface HTMLOntarioCriticalAlertElement extends Components.OntarioCriticalAlert, HTMLStencilElement {}
	var HTMLOntarioCriticalAlertElement: {
		prototype: HTMLOntarioCriticalAlertElement;
		new (): HTMLOntarioCriticalAlertElement;
	};
	interface HTMLOntarioDateInputElementEventMap {
		inputOnInput: {
			value: string;
			fieldType: 'day' | 'month' | 'year';
		};
		inputOnChange: {
			value: string;
			fieldType: 'day' | 'month' | 'year';
		};
		inputOnBlur: DateInputFieldType;
		inputOnFocus: DateInputFieldType;
		inputErrorOccurred: { inputId: string; errorMessage: string };
	}
	/**
	 * Ontario Date Input captures day, month, and year values as a single date field.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dates.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-date-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioDateInputElement extends Components.OntarioDateInput, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioDateInputElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioDateInputElement,
				ev: OntarioDateInputCustomEvent<HTMLOntarioDateInputElementEventMap[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 HTMLOntarioDateInputElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioDateInputElement,
				ev: OntarioDateInputCustomEvent<HTMLOntarioDateInputElementEventMap[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 HTMLOntarioDateInputElement: {
		prototype: HTMLOntarioDateInputElement;
		new (): HTMLOntarioDateInputElement;
	};
	interface HTMLOntarioDropdownListElementEventMap {
		dropdownOnChange: InputInteractionEvent;
		dropdownOnBlur: InputFocusBlurEvent;
		dropdownOnFocus: InputFocusBlurEvent;
		inputErrorOccurred: { errorMessage: string };
	}
	/**
	 * Ontario Dropdown List presents a selectable list of predefined options.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dropdown-lists.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-dropdown-list/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioDropdownListElement extends Components.OntarioDropdownList, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioDropdownListElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioDropdownListElement,
				ev: OntarioDropdownListCustomEvent<HTMLOntarioDropdownListElementEventMap[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 HTMLOntarioDropdownListElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioDropdownListElement,
				ev: OntarioDropdownListCustomEvent<HTMLOntarioDropdownListElementEventMap[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 HTMLOntarioDropdownListElement: {
		prototype: HTMLOntarioDropdownListElement;
		new (): HTMLOntarioDropdownListElement;
	};
	/**
	 * Ontario Fieldset groups related form controls under a shared legend.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/fieldsets.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-fieldset/
	 */
	interface HTMLOntarioFieldsetElement extends Components.OntarioFieldset, HTMLStencilElement {}
	var HTMLOntarioFieldsetElement: {
		prototype: HTMLOntarioFieldsetElement;
		new (): HTMLOntarioFieldsetElement;
	};
	/**
	 * Ontario Footer renders simple or expanded footer patterns for Ontario sites and applications.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/simple-footer.html
	 * - https://designsystem.ontario.ca/components/detail/expanded-footer.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-footer/
	 */
	interface HTMLOntarioFooterElement extends Components.OntarioFooter, HTMLStencilElement {}
	var HTMLOntarioFooterElement: {
		prototype: HTMLOntarioFooterElement;
		new (): HTMLOntarioFooterElement;
	};
	/**
	 * Ontario Form Container applies consistent spacing between grouped form elements.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-form-container/
	 */
	interface HTMLOntarioFormContainerElement extends Components.OntarioFormContainer, HTMLStencilElement {}
	var HTMLOntarioFormContainerElement: {
		prototype: HTMLOntarioFormContainerElement;
		new (): HTMLOntarioFormContainerElement;
	};
	interface HTMLOntarioHeaderElementEventMap {
		menuButtonToggled: HeaderMenuToggleDetail;
	}
	/**
	 * Ontario Header renders Ontario.ca, application, and ServiceOntario header variants.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header/
	 */
	interface HTMLOntarioHeaderElement extends Components.OntarioHeader, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioHeaderElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderElement,
				ev: OntarioHeaderCustomEvent<HTMLOntarioHeaderElementEventMap[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 HTMLOntarioHeaderElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderElement,
				ev: OntarioHeaderCustomEvent<HTMLOntarioHeaderElementEventMap[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 HTMLOntarioHeaderElement: {
		prototype: HTMLOntarioHeaderElement;
		new (): HTMLOntarioHeaderElement;
	};
	interface HTMLOntarioHeaderMenuTabsElementEventMap {
		takeOwnership: { panelId: string | null };
		focusFirstItem: void;
		focusMenuButton: void;
	}
	/**
	 * Ontario Header Menu Tabs provides mobile and tablet tabbed navigation for header menus.
	 * - Displays two tabs (Topics and Sign In) with overflow menu content.
	 * - Manages keyboard navigation, focus trapping, and accessibility.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-menu-tabs/
	 */
	interface HTMLOntarioHeaderMenuTabsElement extends Components.OntarioHeaderMenuTabs, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioHeaderMenuTabsElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderMenuTabsElement,
				ev: OntarioHeaderMenuTabsCustomEvent<HTMLOntarioHeaderMenuTabsElementEventMap[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 HTMLOntarioHeaderMenuTabsElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderMenuTabsElement,
				ev: OntarioHeaderMenuTabsCustomEvent<HTMLOntarioHeaderMenuTabsElementEventMap[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 HTMLOntarioHeaderMenuTabsElement: {
		prototype: HTMLOntarioHeaderMenuTabsElement;
		new (): HTMLOntarioHeaderMenuTabsElement;
	};
	interface HTMLOntarioHeaderOverflowMenuElementEventMap {
		menuClosed: void;
		endOfMenuReached: void;
		focusMenuButton: void;
		focusNextElement: void;
		menuButtonTabPressed: void;
	}
	/**
	 * Ontario Header Overflow Menu displays overflow navigation links for header contexts.
	 * It can operate in two modes:
	 * ### Standalone Mode
	 * Used when placed directly in the header (desktop view).
	 * - Manages its own open/close state via `menuButtonToggled` event
	 * - Automatically focuses first menu item when opened
	 * - Sets up focus trap to keep keyboard navigation within menu
	 * - Auto-closes when focus leaves the menu area
	 * - **Emits**: `menuClosed` event when menu closes (for cleanup/state sync)
	 * ### Embedded Mode
	 * Used when placed inside `ontario-header-menu-tabs` (mobile/tablet view).
	 * - Parent component controls open/close state
	 * - Parent component manages focus trap
	 * - Menu is always visible when parent tab is active
	 * - **Emits**: `endOfMenuReached` event when Tab is pressed on last item (for focus looping)
	 * ### Mode Detection
	 * - Auto-detected based on DOM position (no prop needed).
	 * - Checks if ancestor is `ontario-header-menu-tabs` or `.ontario-mobile-menu__panel`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-overflow-menu/
	 */
	interface HTMLOntarioHeaderOverflowMenuElement extends Components.OntarioHeaderOverflowMenu, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioHeaderOverflowMenuElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderOverflowMenuElement,
				ev: OntarioHeaderOverflowMenuCustomEvent<HTMLOntarioHeaderOverflowMenuElementEventMap[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 HTMLOntarioHeaderOverflowMenuElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHeaderOverflowMenuElement,
				ev: OntarioHeaderOverflowMenuCustomEvent<HTMLOntarioHeaderOverflowMenuElementEventMap[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 HTMLOntarioHeaderOverflowMenuElement: {
		prototype: HTMLOntarioHeaderOverflowMenuElement;
		new (): HTMLOntarioHeaderOverflowMenuElement;
	};
	interface HTMLOntarioHintExpanderElementEventMap {
		toggleExpanderEvent: MouseEvent | KeyboardEvent;
	}
	/**
	 * Ontario Hint Expander reveals optional supporting guidance on demand.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-expander/
	 */
	interface HTMLOntarioHintExpanderElement extends Components.OntarioHintExpander, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioHintExpanderElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHintExpanderElement,
				ev: OntarioHintExpanderCustomEvent<HTMLOntarioHintExpanderElementEventMap[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 HTMLOntarioHintExpanderElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioHintExpanderElement,
				ev: OntarioHintExpanderCustomEvent<HTMLOntarioHintExpanderElementEventMap[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 HTMLOntarioHintExpanderElement: {
		prototype: HTMLOntarioHintExpanderElement;
		new (): HTMLOntarioHintExpanderElement;
	};
	/**
	 * Ontario Hint Text provides concise supporting instructions for form controls.
	 * Use hint text to help users understand how to complete fields in a form.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-text/
	 */
	interface HTMLOntarioHintTextElement extends Components.OntarioHintText, HTMLStencilElement {}
	var HTMLOntarioHintTextElement: {
		prototype: HTMLOntarioHintTextElement;
		new (): HTMLOntarioHintTextElement;
	};
	interface HTMLOntarioIconAccessibilityElement extends Components.OntarioIconAccessibility, HTMLStencilElement {}
	var HTMLOntarioIconAccessibilityElement: {
		prototype: HTMLOntarioIconAccessibilityElement;
		new (): HTMLOntarioIconAccessibilityElement;
	};
	interface HTMLOntarioIconAccountElement extends Components.OntarioIconAccount, HTMLStencilElement {}
	var HTMLOntarioIconAccountElement: {
		prototype: HTMLOntarioIconAccountElement;
		new (): HTMLOntarioIconAccountElement;
	};
	interface HTMLOntarioIconAddElement extends Components.OntarioIconAdd, HTMLStencilElement {}
	var HTMLOntarioIconAddElement: {
		prototype: HTMLOntarioIconAddElement;
		new (): HTMLOntarioIconAddElement;
	};
	interface HTMLOntarioIconAddAltElement extends Components.OntarioIconAddAlt, HTMLStencilElement {}
	var HTMLOntarioIconAddAltElement: {
		prototype: HTMLOntarioIconAddAltElement;
		new (): HTMLOntarioIconAddAltElement;
	};
	interface HTMLOntarioIconAlertErrorElement extends Components.OntarioIconAlertError, HTMLStencilElement {}
	var HTMLOntarioIconAlertErrorElement: {
		prototype: HTMLOntarioIconAlertErrorElement;
		new (): HTMLOntarioIconAlertErrorElement;
	};
	interface HTMLOntarioIconAlertInformationElement extends Components.OntarioIconAlertInformation, HTMLStencilElement {}
	var HTMLOntarioIconAlertInformationElement: {
		prototype: HTMLOntarioIconAlertInformationElement;
		new (): HTMLOntarioIconAlertInformationElement;
	};
	interface HTMLOntarioIconAlertSuccessElement extends Components.OntarioIconAlertSuccess, HTMLStencilElement {}
	var HTMLOntarioIconAlertSuccessElement: {
		prototype: HTMLOntarioIconAlertSuccessElement;
		new (): HTMLOntarioIconAlertSuccessElement;
	};
	interface HTMLOntarioIconAlertWarningElement extends Components.OntarioIconAlertWarning, HTMLStencilElement {}
	var HTMLOntarioIconAlertWarningElement: {
		prototype: HTMLOntarioIconAlertWarningElement;
		new (): HTMLOntarioIconAlertWarningElement;
	};
	interface HTMLOntarioIconArrowUpElement extends Components.OntarioIconArrowUp, HTMLStencilElement {}
	var HTMLOntarioIconArrowUpElement: {
		prototype: HTMLOntarioIconArrowUpElement;
		new (): HTMLOntarioIconArrowUpElement;
	};
	interface HTMLOntarioIconAttachElement extends Components.OntarioIconAttach, HTMLStencilElement {}
	var HTMLOntarioIconAttachElement: {
		prototype: HTMLOntarioIconAttachElement;
		new (): HTMLOntarioIconAttachElement;
	};
	interface HTMLOntarioIconBookmarkOffElement extends Components.OntarioIconBookmarkOff, HTMLStencilElement {}
	var HTMLOntarioIconBookmarkOffElement: {
		prototype: HTMLOntarioIconBookmarkOffElement;
		new (): HTMLOntarioIconBookmarkOffElement;
	};
	interface HTMLOntarioIconBookmarkOnElement extends Components.OntarioIconBookmarkOn, HTMLStencilElement {}
	var HTMLOntarioIconBookmarkOnElement: {
		prototype: HTMLOntarioIconBookmarkOnElement;
		new (): HTMLOntarioIconBookmarkOnElement;
	};
	interface HTMLOntarioIconCalendarElement extends Components.OntarioIconCalendar, HTMLStencilElement {}
	var HTMLOntarioIconCalendarElement: {
		prototype: HTMLOntarioIconCalendarElement;
		new (): HTMLOntarioIconCalendarElement;
	};
	interface HTMLOntarioIconCameraElement extends Components.OntarioIconCamera, HTMLStencilElement {}
	var HTMLOntarioIconCameraElement: {
		prototype: HTMLOntarioIconCameraElement;
		new (): HTMLOntarioIconCameraElement;
	};
	interface HTMLOntarioIconChevronDownElement extends Components.OntarioIconChevronDown, HTMLStencilElement {}
	var HTMLOntarioIconChevronDownElement: {
		prototype: HTMLOntarioIconChevronDownElement;
		new (): HTMLOntarioIconChevronDownElement;
	};
	interface HTMLOntarioIconChevronLeftElement extends Components.OntarioIconChevronLeft, HTMLStencilElement {}
	var HTMLOntarioIconChevronLeftElement: {
		prototype: HTMLOntarioIconChevronLeftElement;
		new (): HTMLOntarioIconChevronLeftElement;
	};
	interface HTMLOntarioIconChevronRightElement extends Components.OntarioIconChevronRight, HTMLStencilElement {}
	var HTMLOntarioIconChevronRightElement: {
		prototype: HTMLOntarioIconChevronRightElement;
		new (): HTMLOntarioIconChevronRightElement;
	};
	interface HTMLOntarioIconChevronUpElement extends Components.OntarioIconChevronUp, HTMLStencilElement {}
	var HTMLOntarioIconChevronUpElement: {
		prototype: HTMLOntarioIconChevronUpElement;
		new (): HTMLOntarioIconChevronUpElement;
	};
	interface HTMLOntarioIconClockElement extends Components.OntarioIconClock, HTMLStencilElement {}
	var HTMLOntarioIconClockElement: {
		prototype: HTMLOntarioIconClockElement;
		new (): HTMLOntarioIconClockElement;
	};
	interface HTMLOntarioIconCloseElement extends Components.OntarioIconClose, HTMLStencilElement {}
	var HTMLOntarioIconCloseElement: {
		prototype: HTMLOntarioIconCloseElement;
		new (): HTMLOntarioIconCloseElement;
	};
	interface HTMLOntarioIconCloseHeaderElement extends Components.OntarioIconCloseHeader, HTMLStencilElement {}
	var HTMLOntarioIconCloseHeaderElement: {
		prototype: HTMLOntarioIconCloseHeaderElement;
		new (): HTMLOntarioIconCloseHeaderElement;
	};
	interface HTMLOntarioIconCloudElement extends Components.OntarioIconCloud, HTMLStencilElement {}
	var HTMLOntarioIconCloudElement: {
		prototype: HTMLOntarioIconCloudElement;
		new (): HTMLOntarioIconCloudElement;
	};
	interface HTMLOntarioIconCollapseElement extends Components.OntarioIconCollapse, HTMLStencilElement {}
	var HTMLOntarioIconCollapseElement: {
		prototype: HTMLOntarioIconCollapseElement;
		new (): HTMLOntarioIconCollapseElement;
	};
	interface HTMLOntarioIconCreditCardElement extends Components.OntarioIconCreditCard, HTMLStencilElement {}
	var HTMLOntarioIconCreditCardElement: {
		prototype: HTMLOntarioIconCreditCardElement;
		new (): HTMLOntarioIconCreditCardElement;
	};
	interface HTMLOntarioIconCriticalAlertWarningElement
		extends Components.OntarioIconCriticalAlertWarning,
			HTMLStencilElement {}
	var HTMLOntarioIconCriticalAlertWarningElement: {
		prototype: HTMLOntarioIconCriticalAlertWarningElement;
		new (): HTMLOntarioIconCriticalAlertWarningElement;
	};
	interface HTMLOntarioIconDeleteElement extends Components.OntarioIconDelete, HTMLStencilElement {}
	var HTMLOntarioIconDeleteElement: {
		prototype: HTMLOntarioIconDeleteElement;
		new (): HTMLOntarioIconDeleteElement;
	};
	interface HTMLOntarioIconDocumentElement extends Components.OntarioIconDocument, HTMLStencilElement {}
	var HTMLOntarioIconDocumentElement: {
		prototype: HTMLOntarioIconDocumentElement;
		new (): HTMLOntarioIconDocumentElement;
	};
	interface HTMLOntarioIconDownloadElement extends Components.OntarioIconDownload, HTMLStencilElement {}
	var HTMLOntarioIconDownloadElement: {
		prototype: HTMLOntarioIconDownloadElement;
		new (): HTMLOntarioIconDownloadElement;
	};
	interface HTMLOntarioIconDropdownArrowElement extends Components.OntarioIconDropdownArrow, HTMLStencilElement {}
	var HTMLOntarioIconDropdownArrowElement: {
		prototype: HTMLOntarioIconDropdownArrowElement;
		new (): HTMLOntarioIconDropdownArrowElement;
	};
	interface HTMLOntarioIconEditElement extends Components.OntarioIconEdit, HTMLStencilElement {}
	var HTMLOntarioIconEditElement: {
		prototype: HTMLOntarioIconEditElement;
		new (): HTMLOntarioIconEditElement;
	};
	interface HTMLOntarioIconEmailElement extends Components.OntarioIconEmail, HTMLStencilElement {}
	var HTMLOntarioIconEmailElement: {
		prototype: HTMLOntarioIconEmailElement;
		new (): HTMLOntarioIconEmailElement;
	};
	interface HTMLOntarioIconExpandElement extends Components.OntarioIconExpand, HTMLStencilElement {}
	var HTMLOntarioIconExpandElement: {
		prototype: HTMLOntarioIconExpandElement;
		new (): HTMLOntarioIconExpandElement;
	};
	interface HTMLOntarioIconExportElement extends Components.OntarioIconExport, HTMLStencilElement {}
	var HTMLOntarioIconExportElement: {
		prototype: HTMLOntarioIconExportElement;
		new (): HTMLOntarioIconExportElement;
	};
	interface HTMLOntarioIconFacebookElement extends Components.OntarioIconFacebook, HTMLStencilElement {}
	var HTMLOntarioIconFacebookElement: {
		prototype: HTMLOntarioIconFacebookElement;
		new (): HTMLOntarioIconFacebookElement;
	};
	interface HTMLOntarioIconFacebookAltElement extends Components.OntarioIconFacebookAlt, HTMLStencilElement {}
	var HTMLOntarioIconFacebookAltElement: {
		prototype: HTMLOntarioIconFacebookAltElement;
		new (): HTMLOntarioIconFacebookAltElement;
	};
	interface HTMLOntarioIconFavouriteOffElement extends Components.OntarioIconFavouriteOff, HTMLStencilElement {}
	var HTMLOntarioIconFavouriteOffElement: {
		prototype: HTMLOntarioIconFavouriteOffElement;
		new (): HTMLOntarioIconFavouriteOffElement;
	};
	interface HTMLOntarioIconFavouriteOnElement extends Components.OntarioIconFavouriteOn, HTMLStencilElement {}
	var HTMLOntarioIconFavouriteOnElement: {
		prototype: HTMLOntarioIconFavouriteOnElement;
		new (): HTMLOntarioIconFavouriteOnElement;
	};
	interface HTMLOntarioIconFilterElement extends Components.OntarioIconFilter, HTMLStencilElement {}
	var HTMLOntarioIconFilterElement: {
		prototype: HTMLOntarioIconFilterElement;
		new (): HTMLOntarioIconFilterElement;
	};
	interface HTMLOntarioIconFlickrElement extends Components.OntarioIconFlickr, HTMLStencilElement {}
	var HTMLOntarioIconFlickrElement: {
		prototype: HTMLOntarioIconFlickrElement;
		new (): HTMLOntarioIconFlickrElement;
	};
	interface HTMLOntarioIconGridElement extends Components.OntarioIconGrid, HTMLStencilElement {}
	var HTMLOntarioIconGridElement: {
		prototype: HTMLOntarioIconGridElement;
		new (): HTMLOntarioIconGridElement;
	};
	interface HTMLOntarioIconHelpElement extends Components.OntarioIconHelp, HTMLStencilElement {}
	var HTMLOntarioIconHelpElement: {
		prototype: HTMLOntarioIconHelpElement;
		new (): HTMLOntarioIconHelpElement;
	};
	interface HTMLOntarioIconInstagramElement extends Components.OntarioIconInstagram, HTMLStencilElement {}
	var HTMLOntarioIconInstagramElement: {
		prototype: HTMLOntarioIconInstagramElement;
		new (): HTMLOntarioIconInstagramElement;
	};
	interface HTMLOntarioIconInteracEnElement extends Components.OntarioIconInteracEn, HTMLStencilElement {}
	var HTMLOntarioIconInteracEnElement: {
		prototype: HTMLOntarioIconInteracEnElement;
		new (): HTMLOntarioIconInteracEnElement;
	};
	interface HTMLOntarioIconInteracEnAltElement extends Components.OntarioIconInteracEnAlt, HTMLStencilElement {}
	var HTMLOntarioIconInteracEnAltElement: {
		prototype: HTMLOntarioIconInteracEnAltElement;
		new (): HTMLOntarioIconInteracEnAltElement;
	};
	interface HTMLOntarioIconInteracFrElement extends Components.OntarioIconInteracFr, HTMLStencilElement {}
	var HTMLOntarioIconInteracFrElement: {
		prototype: HTMLOntarioIconInteracFrElement;
		new (): HTMLOntarioIconInteracFrElement;
	};
	interface HTMLOntarioIconInteracFrAltElement extends Components.OntarioIconInteracFrAlt, HTMLStencilElement {}
	var HTMLOntarioIconInteracFrAltElement: {
		prototype: HTMLOntarioIconInteracFrAltElement;
		new (): HTMLOntarioIconInteracFrAltElement;
	};
	interface HTMLOntarioIconLinkedinElement extends Components.OntarioIconLinkedin, HTMLStencilElement {}
	var HTMLOntarioIconLinkedinElement: {
		prototype: HTMLOntarioIconLinkedinElement;
		new (): HTMLOntarioIconLinkedinElement;
	};
	interface HTMLOntarioIconLinkedinAltElement extends Components.OntarioIconLinkedinAlt, HTMLStencilElement {}
	var HTMLOntarioIconLinkedinAltElement: {
		prototype: HTMLOntarioIconLinkedinAltElement;
		new (): HTMLOntarioIconLinkedinAltElement;
	};
	interface HTMLOntarioIconListElement extends Components.OntarioIconList, HTMLStencilElement {}
	var HTMLOntarioIconListElement: {
		prototype: HTMLOntarioIconListElement;
		new (): HTMLOntarioIconListElement;
	};
	interface HTMLOntarioIconLiveChatElement extends Components.OntarioIconLiveChat, HTMLStencilElement {}
	var HTMLOntarioIconLiveChatElement: {
		prototype: HTMLOntarioIconLiveChatElement;
		new (): HTMLOntarioIconLiveChatElement;
	};
	interface HTMLOntarioIconLocationOffElement extends Components.OntarioIconLocationOff, HTMLStencilElement {}
	var HTMLOntarioIconLocationOffElement: {
		prototype: HTMLOntarioIconLocationOffElement;
		new (): HTMLOntarioIconLocationOffElement;
	};
	interface HTMLOntarioIconLocationOnElement extends Components.OntarioIconLocationOn, HTMLStencilElement {}
	var HTMLOntarioIconLocationOnElement: {
		prototype: HTMLOntarioIconLocationOnElement;
		new (): HTMLOntarioIconLocationOnElement;
	};
	interface HTMLOntarioIconLockOffElement extends Components.OntarioIconLockOff, HTMLStencilElement {}
	var HTMLOntarioIconLockOffElement: {
		prototype: HTMLOntarioIconLockOffElement;
		new (): HTMLOntarioIconLockOffElement;
	};
	interface HTMLOntarioIconLockOnElement extends Components.OntarioIconLockOn, HTMLStencilElement {}
	var HTMLOntarioIconLockOnElement: {
		prototype: HTMLOntarioIconLockOnElement;
		new (): HTMLOntarioIconLockOnElement;
	};
	interface HTMLOntarioIconMapElement extends Components.OntarioIconMap, HTMLStencilElement {}
	var HTMLOntarioIconMapElement: {
		prototype: HTMLOntarioIconMapElement;
		new (): HTMLOntarioIconMapElement;
	};
	interface HTMLOntarioIconMastercardElement extends Components.OntarioIconMastercard, HTMLStencilElement {}
	var HTMLOntarioIconMastercardElement: {
		prototype: HTMLOntarioIconMastercardElement;
		new (): HTMLOntarioIconMastercardElement;
	};
	interface HTMLOntarioIconMastercardAltElement extends Components.OntarioIconMastercardAlt, HTMLStencilElement {}
	var HTMLOntarioIconMastercardAltElement: {
		prototype: HTMLOntarioIconMastercardAltElement;
		new (): HTMLOntarioIconMastercardAltElement;
	};
	interface HTMLOntarioIconMediaFastForwardElement extends Components.OntarioIconMediaFastForward, HTMLStencilElement {}
	var HTMLOntarioIconMediaFastForwardElement: {
		prototype: HTMLOntarioIconMediaFastForwardElement;
		new (): HTMLOntarioIconMediaFastForwardElement;
	};
	interface HTMLOntarioIconMediaFastRewindElement extends Components.OntarioIconMediaFastRewind, HTMLStencilElement {}
	var HTMLOntarioIconMediaFastRewindElement: {
		prototype: HTMLOntarioIconMediaFastRewindElement;
		new (): HTMLOntarioIconMediaFastRewindElement;
	};
	interface HTMLOntarioIconMediaPauseElement extends Components.OntarioIconMediaPause, HTMLStencilElement {}
	var HTMLOntarioIconMediaPauseElement: {
		prototype: HTMLOntarioIconMediaPauseElement;
		new (): HTMLOntarioIconMediaPauseElement;
	};
	interface HTMLOntarioIconMediaPlayElement extends Components.OntarioIconMediaPlay, HTMLStencilElement {}
	var HTMLOntarioIconMediaPlayElement: {
		prototype: HTMLOntarioIconMediaPlayElement;
		new (): HTMLOntarioIconMediaPlayElement;
	};
	interface HTMLOntarioIconMediaStopElement extends Components.OntarioIconMediaStop, HTMLStencilElement {}
	var HTMLOntarioIconMediaStopElement: {
		prototype: HTMLOntarioIconMediaStopElement;
		new (): HTMLOntarioIconMediaStopElement;
	};
	interface HTMLOntarioIconMenuElement extends Components.OntarioIconMenu, HTMLStencilElement {}
	var HTMLOntarioIconMenuElement: {
		prototype: HTMLOntarioIconMenuElement;
		new (): HTMLOntarioIconMenuElement;
	};
	interface HTMLOntarioIconMenuHeaderElement extends Components.OntarioIconMenuHeader, HTMLStencilElement {}
	var HTMLOntarioIconMenuHeaderElement: {
		prototype: HTMLOntarioIconMenuHeaderElement;
		new (): HTMLOntarioIconMenuHeaderElement;
	};
	interface HTMLOntarioIconMicrophoneOffElement extends Components.OntarioIconMicrophoneOff, HTMLStencilElement {}
	var HTMLOntarioIconMicrophoneOffElement: {
		prototype: HTMLOntarioIconMicrophoneOffElement;
		new (): HTMLOntarioIconMicrophoneOffElement;
	};
	interface HTMLOntarioIconMicrophoneOnElement extends Components.OntarioIconMicrophoneOn, HTMLStencilElement {}
	var HTMLOntarioIconMicrophoneOnElement: {
		prototype: HTMLOntarioIconMicrophoneOnElement;
		new (): HTMLOntarioIconMicrophoneOnElement;
	};
	interface HTMLOntarioIconMoreAccountsElement extends Components.OntarioIconMoreAccounts, HTMLStencilElement {}
	var HTMLOntarioIconMoreAccountsElement: {
		prototype: HTMLOntarioIconMoreAccountsElement;
		new (): HTMLOntarioIconMoreAccountsElement;
	};
	interface HTMLOntarioIconMoreVerticalElement extends Components.OntarioIconMoreVertical, HTMLStencilElement {}
	var HTMLOntarioIconMoreVerticalElement: {
		prototype: HTMLOntarioIconMoreVerticalElement;
		new (): HTMLOntarioIconMoreVerticalElement;
	};
	interface HTMLOntarioIconNewWindowElement extends Components.OntarioIconNewWindow, HTMLStencilElement {}
	var HTMLOntarioIconNewWindowElement: {
		prototype: HTMLOntarioIconNewWindowElement;
		new (): HTMLOntarioIconNewWindowElement;
	};
	interface HTMLOntarioIconNextElement extends Components.OntarioIconNext, HTMLStencilElement {}
	var HTMLOntarioIconNextElement: {
		prototype: HTMLOntarioIconNextElement;
		new (): HTMLOntarioIconNextElement;
	};
	interface HTMLOntarioIconNotificationElement extends Components.OntarioIconNotification, HTMLStencilElement {}
	var HTMLOntarioIconNotificationElement: {
		prototype: HTMLOntarioIconNotificationElement;
		new (): HTMLOntarioIconNotificationElement;
	};
	interface HTMLOntarioIconPasswordHideElement extends Components.OntarioIconPasswordHide, HTMLStencilElement {}
	var HTMLOntarioIconPasswordHideElement: {
		prototype: HTMLOntarioIconPasswordHideElement;
		new (): HTMLOntarioIconPasswordHideElement;
	};
	interface HTMLOntarioIconPasswordShowElement extends Components.OntarioIconPasswordShow, HTMLStencilElement {}
	var HTMLOntarioIconPasswordShowElement: {
		prototype: HTMLOntarioIconPasswordShowElement;
		new (): HTMLOntarioIconPasswordShowElement;
	};
	interface HTMLOntarioIconPhoneElement extends Components.OntarioIconPhone, HTMLStencilElement {}
	var HTMLOntarioIconPhoneElement: {
		prototype: HTMLOntarioIconPhoneElement;
		new (): HTMLOntarioIconPhoneElement;
	};
	interface HTMLOntarioIconPhotoElement extends Components.OntarioIconPhoto, HTMLStencilElement {}
	var HTMLOntarioIconPhotoElement: {
		prototype: HTMLOntarioIconPhotoElement;
		new (): HTMLOntarioIconPhotoElement;
	};
	interface HTMLOntarioIconPinLocationOffElement extends Components.OntarioIconPinLocationOff, HTMLStencilElement {}
	var HTMLOntarioIconPinLocationOffElement: {
		prototype: HTMLOntarioIconPinLocationOffElement;
		new (): HTMLOntarioIconPinLocationOffElement;
	};
	interface HTMLOntarioIconPinLocationOnElement extends Components.OntarioIconPinLocationOn, HTMLStencilElement {}
	var HTMLOntarioIconPinLocationOnElement: {
		prototype: HTMLOntarioIconPinLocationOnElement;
		new (): HTMLOntarioIconPinLocationOnElement;
	};
	interface HTMLOntarioIconPreviousElement extends Components.OntarioIconPrevious, HTMLStencilElement {}
	var HTMLOntarioIconPreviousElement: {
		prototype: HTMLOntarioIconPreviousElement;
		new (): HTMLOntarioIconPreviousElement;
	};
	interface HTMLOntarioIconPrintElement extends Components.OntarioIconPrint, HTMLStencilElement {}
	var HTMLOntarioIconPrintElement: {
		prototype: HTMLOntarioIconPrintElement;
		new (): HTMLOntarioIconPrintElement;
	};
	interface HTMLOntarioIconRemoveElement extends Components.OntarioIconRemove, HTMLStencilElement {}
	var HTMLOntarioIconRemoveElement: {
		prototype: HTMLOntarioIconRemoveElement;
		new (): HTMLOntarioIconRemoveElement;
	};
	interface HTMLOntarioIconRemoveAltElement extends Components.OntarioIconRemoveAlt, HTMLStencilElement {}
	var HTMLOntarioIconRemoveAltElement: {
		prototype: HTMLOntarioIconRemoveAltElement;
		new (): HTMLOntarioIconRemoveAltElement;
	};
	interface HTMLOntarioIconReplayElement extends Components.OntarioIconReplay, HTMLStencilElement {}
	var HTMLOntarioIconReplayElement: {
		prototype: HTMLOntarioIconReplayElement;
		new (): HTMLOntarioIconReplayElement;
	};
	interface HTMLOntarioIconRssFeedElement extends Components.OntarioIconRssFeed, HTMLStencilElement {}
	var HTMLOntarioIconRssFeedElement: {
		prototype: HTMLOntarioIconRssFeedElement;
		new (): HTMLOntarioIconRssFeedElement;
	};
	interface HTMLOntarioIconSaveElement extends Components.OntarioIconSave, HTMLStencilElement {}
	var HTMLOntarioIconSaveElement: {
		prototype: HTMLOntarioIconSaveElement;
		new (): HTMLOntarioIconSaveElement;
	};
	interface HTMLOntarioIconSearchElement extends Components.OntarioIconSearch, HTMLStencilElement {}
	var HTMLOntarioIconSearchElement: {
		prototype: HTMLOntarioIconSearchElement;
		new (): HTMLOntarioIconSearchElement;
	};
	interface HTMLOntarioIconSearchWhiteElement extends Components.OntarioIconSearchWhite, HTMLStencilElement {}
	var HTMLOntarioIconSearchWhiteElement: {
		prototype: HTMLOntarioIconSearchWhiteElement;
		new (): HTMLOntarioIconSearchWhiteElement;
	};
	interface HTMLOntarioIconSentiment1Element extends Components.OntarioIconSentiment1, HTMLStencilElement {}
	var HTMLOntarioIconSentiment1Element: {
		prototype: HTMLOntarioIconSentiment1Element;
		new (): HTMLOntarioIconSentiment1Element;
	};
	interface HTMLOntarioIconSentiment2Element extends Components.OntarioIconSentiment2, HTMLStencilElement {}
	var HTMLOntarioIconSentiment2Element: {
		prototype: HTMLOntarioIconSentiment2Element;
		new (): HTMLOntarioIconSentiment2Element;
	};
	interface HTMLOntarioIconSentiment3Element extends Components.OntarioIconSentiment3, HTMLStencilElement {}
	var HTMLOntarioIconSentiment3Element: {
		prototype: HTMLOntarioIconSentiment3Element;
		new (): HTMLOntarioIconSentiment3Element;
	};
	interface HTMLOntarioIconSentiment4Element extends Components.OntarioIconSentiment4, HTMLStencilElement {}
	var HTMLOntarioIconSentiment4Element: {
		prototype: HTMLOntarioIconSentiment4Element;
		new (): HTMLOntarioIconSentiment4Element;
	};
	interface HTMLOntarioIconSentiment5Element extends Components.OntarioIconSentiment5, HTMLStencilElement {}
	var HTMLOntarioIconSentiment5Element: {
		prototype: HTMLOntarioIconSentiment5Element;
		new (): HTMLOntarioIconSentiment5Element;
	};
	interface HTMLOntarioIconSettingsElement extends Components.OntarioIconSettings, HTMLStencilElement {}
	var HTMLOntarioIconSettingsElement: {
		prototype: HTMLOntarioIconSettingsElement;
		new (): HTMLOntarioIconSettingsElement;
	};
	interface HTMLOntarioIconShareElement extends Components.OntarioIconShare, HTMLStencilElement {}
	var HTMLOntarioIconShareElement: {
		prototype: HTMLOntarioIconShareElement;
		new (): HTMLOntarioIconShareElement;
	};
	interface HTMLOntarioIconSortElement extends Components.OntarioIconSort, HTMLStencilElement {}
	var HTMLOntarioIconSortElement: {
		prototype: HTMLOntarioIconSortElement;
		new (): HTMLOntarioIconSortElement;
	};
	interface HTMLOntarioIconSortAlphabeticalAscendingElement
		extends Components.OntarioIconSortAlphabeticalAscending,
			HTMLStencilElement {}
	var HTMLOntarioIconSortAlphabeticalAscendingElement: {
		prototype: HTMLOntarioIconSortAlphabeticalAscendingElement;
		new (): HTMLOntarioIconSortAlphabeticalAscendingElement;
	};
	interface HTMLOntarioIconSortAlphabeticalDescendingElement
		extends Components.OntarioIconSortAlphabeticalDescending,
			HTMLStencilElement {}
	var HTMLOntarioIconSortAlphabeticalDescendingElement: {
		prototype: HTMLOntarioIconSortAlphabeticalDescendingElement;
		new (): HTMLOntarioIconSortAlphabeticalDescendingElement;
	};
	interface HTMLOntarioIconSortAscendingElement extends Components.OntarioIconSortAscending, HTMLStencilElement {}
	var HTMLOntarioIconSortAscendingElement: {
		prototype: HTMLOntarioIconSortAscendingElement;
		new (): HTMLOntarioIconSortAscendingElement;
	};
	interface HTMLOntarioIconSortDescendingElement extends Components.OntarioIconSortDescending, HTMLStencilElement {}
	var HTMLOntarioIconSortDescendingElement: {
		prototype: HTMLOntarioIconSortDescendingElement;
		new (): HTMLOntarioIconSortDescendingElement;
	};
	interface HTMLOntarioIconSortVariantElement extends Components.OntarioIconSortVariant, HTMLStencilElement {}
	var HTMLOntarioIconSortVariantElement: {
		prototype: HTMLOntarioIconSortVariantElement;
		new (): HTMLOntarioIconSortVariantElement;
	};
	interface HTMLOntarioIconTagElement extends Components.OntarioIconTag, HTMLStencilElement {}
	var HTMLOntarioIconTagElement: {
		prototype: HTMLOntarioIconTagElement;
		new (): HTMLOntarioIconTagElement;
	};
	interface HTMLOntarioIconTextMessageElement extends Components.OntarioIconTextMessage, HTMLStencilElement {}
	var HTMLOntarioIconTextMessageElement: {
		prototype: HTMLOntarioIconTextMessageElement;
		new (): HTMLOntarioIconTextMessageElement;
	};
	interface HTMLOntarioIconTimerElement extends Components.OntarioIconTimer, HTMLStencilElement {}
	var HTMLOntarioIconTimerElement: {
		prototype: HTMLOntarioIconTimerElement;
		new (): HTMLOntarioIconTimerElement;
	};
	interface HTMLOntarioIconTransportBicycleElement extends Components.OntarioIconTransportBicycle, HTMLStencilElement {}
	var HTMLOntarioIconTransportBicycleElement: {
		prototype: HTMLOntarioIconTransportBicycleElement;
		new (): HTMLOntarioIconTransportBicycleElement;
	};
	interface HTMLOntarioIconTransportBusElement extends Components.OntarioIconTransportBus, HTMLStencilElement {}
	var HTMLOntarioIconTransportBusElement: {
		prototype: HTMLOntarioIconTransportBusElement;
		new (): HTMLOntarioIconTransportBusElement;
	};
	interface HTMLOntarioIconTransportCarElement extends Components.OntarioIconTransportCar, HTMLStencilElement {}
	var HTMLOntarioIconTransportCarElement: {
		prototype: HTMLOntarioIconTransportCarElement;
		new (): HTMLOntarioIconTransportCarElement;
	};
	interface HTMLOntarioIconTransportWalkElement extends Components.OntarioIconTransportWalk, HTMLStencilElement {}
	var HTMLOntarioIconTransportWalkElement: {
		prototype: HTMLOntarioIconTransportWalkElement;
		new (): HTMLOntarioIconTransportWalkElement;
	};
	interface HTMLOntarioIconTtyElement extends Components.OntarioIconTty, HTMLStencilElement {}
	var HTMLOntarioIconTtyElement: {
		prototype: HTMLOntarioIconTtyElement;
		new (): HTMLOntarioIconTtyElement;
	};
	interface HTMLOntarioIconTuneElement extends Components.OntarioIconTune, HTMLStencilElement {}
	var HTMLOntarioIconTuneElement: {
		prototype: HTMLOntarioIconTuneElement;
		new (): HTMLOntarioIconTuneElement;
	};
	interface HTMLOntarioIconTwitterElement extends Components.OntarioIconTwitter, HTMLStencilElement {}
	var HTMLOntarioIconTwitterElement: {
		prototype: HTMLOntarioIconTwitterElement;
		new (): HTMLOntarioIconTwitterElement;
	};
	interface HTMLOntarioIconTwitterAltElement extends Components.OntarioIconTwitterAlt, HTMLStencilElement {}
	var HTMLOntarioIconTwitterAltElement: {
		prototype: HTMLOntarioIconTwitterAltElement;
		new (): HTMLOntarioIconTwitterAltElement;
	};
	interface HTMLOntarioIconUploadElement extends Components.OntarioIconUpload, HTMLStencilElement {}
	var HTMLOntarioIconUploadElement: {
		prototype: HTMLOntarioIconUploadElement;
		new (): HTMLOntarioIconUploadElement;
	};
	interface HTMLOntarioIconVideoElement extends Components.OntarioIconVideo, HTMLStencilElement {}
	var HTMLOntarioIconVideoElement: {
		prototype: HTMLOntarioIconVideoElement;
		new (): HTMLOntarioIconVideoElement;
	};
	interface HTMLOntarioIconVisaElement extends Components.OntarioIconVisa, HTMLStencilElement {}
	var HTMLOntarioIconVisaElement: {
		prototype: HTMLOntarioIconVisaElement;
		new (): HTMLOntarioIconVisaElement;
	};
	interface HTMLOntarioIconVoteDislikeElement extends Components.OntarioIconVoteDislike, HTMLStencilElement {}
	var HTMLOntarioIconVoteDislikeElement: {
		prototype: HTMLOntarioIconVoteDislikeElement;
		new (): HTMLOntarioIconVoteDislikeElement;
	};
	interface HTMLOntarioIconVoteLikeElement extends Components.OntarioIconVoteLike, HTMLStencilElement {}
	var HTMLOntarioIconVoteLikeElement: {
		prototype: HTMLOntarioIconVoteLikeElement;
		new (): HTMLOntarioIconVoteLikeElement;
	};
	interface HTMLOntarioIconVpnKeyElement extends Components.OntarioIconVpnKey, HTMLStencilElement {}
	var HTMLOntarioIconVpnKeyElement: {
		prototype: HTMLOntarioIconVpnKeyElement;
		new (): HTMLOntarioIconVpnKeyElement;
	};
	interface HTMLOntarioIconWheelchairElement extends Components.OntarioIconWheelchair, HTMLStencilElement {}
	var HTMLOntarioIconWheelchairElement: {
		prototype: HTMLOntarioIconWheelchairElement;
		new (): HTMLOntarioIconWheelchairElement;
	};
	interface HTMLOntarioIconWifiElement extends Components.OntarioIconWifi, HTMLStencilElement {}
	var HTMLOntarioIconWifiElement: {
		prototype: HTMLOntarioIconWifiElement;
		new (): HTMLOntarioIconWifiElement;
	};
	interface HTMLOntarioIconYoutubeElement extends Components.OntarioIconYoutube, HTMLStencilElement {}
	var HTMLOntarioIconYoutubeElement: {
		prototype: HTMLOntarioIconYoutubeElement;
		new (): HTMLOntarioIconYoutubeElement;
	};
	/**
	 * Ontario In-Page Navigation presents a heading and ordered list of links that help users navigate long single-page content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-in-page-navigation/
	 */
	interface HTMLOntarioInPageNavigationElement extends Components.OntarioInPageNavigation, HTMLStencilElement {}
	var HTMLOntarioInPageNavigationElement: {
		prototype: HTMLOntarioInPageNavigationElement;
		new (): HTMLOntarioInPageNavigationElement;
	};
	/**
	 * A single list item link used inside `ontario-in-page-navigation`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 */
	interface HTMLOntarioInPageNavigationItemElement extends Components.OntarioInPageNavigationItem, HTMLStencilElement {}
	var HTMLOntarioInPageNavigationItemElement: {
		prototype: HTMLOntarioInPageNavigationItemElement;
		new (): HTMLOntarioInPageNavigationItemElement;
	};
	interface HTMLOntarioInputElementEventMap {
		inputOnInput: InputInputEvent;
		inputOnChange: InputInteractionEvent;
		inputOnBlur: InputFocusBlurEvent;
		inputOnFocus: InputFocusBlurEvent;
		inputErrorOccurred: { inputId: string; errorMessage: string };
	}
	/**
	 * Ontario Input captures single-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-inputs.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioInputElement extends Components.OntarioInput, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioInputElementEventMap>(
			type: K,
			listener: (this: HTMLOntarioInputElement, ev: OntarioInputCustomEvent<HTMLOntarioInputElementEventMap[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 HTMLOntarioInputElementEventMap>(
			type: K,
			listener: (this: HTMLOntarioInputElement, ev: OntarioInputCustomEvent<HTMLOntarioInputElementEventMap[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 HTMLOntarioInputElement: {
		prototype: HTMLOntarioInputElement;
		new (): HTMLOntarioInputElement;
	};
	interface HTMLOntarioLanguageToggleElementEventMap {
		setAppLanguage: Language;
		headerLanguageToggled: HeaderLanguageToggleEventDetails;
	}
	/**
	 * Ontario Language Toggle switches the interface between supported languages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-language-toggle/
	 */
	interface HTMLOntarioLanguageToggleElement extends Components.OntarioLanguageToggle, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioLanguageToggleElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioLanguageToggleElement,
				ev: OntarioLanguageToggleCustomEvent<HTMLOntarioLanguageToggleElementEventMap[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 HTMLOntarioLanguageToggleElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioLanguageToggleElement,
				ev: OntarioLanguageToggleCustomEvent<HTMLOntarioLanguageToggleElementEventMap[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 HTMLOntarioLanguageToggleElement: {
		prototype: HTMLOntarioLanguageToggleElement;
		new (): HTMLOntarioLanguageToggleElement;
	};
	/**
	 * Ontario Loading Indicator communicates in-progress loading states.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/loading-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-loading-indicator/
	 */
	interface HTMLOntarioLoadingIndicatorElement extends Components.OntarioLoadingIndicator, HTMLStencilElement {}
	var HTMLOntarioLoadingIndicatorElement: {
		prototype: HTMLOntarioLoadingIndicatorElement;
		new (): HTMLOntarioLoadingIndicatorElement;
	};
	/**
	 * Ontario Page Alert is used for high-importance status messages that apply to the whole page
	 * (for example informational, warning, success, or error outcomes).
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-page-alert/
	 */
	interface HTMLOntarioPageAlertElement extends Components.OntarioPageAlert, HTMLStencilElement {}
	var HTMLOntarioPageAlertElement: {
		prototype: HTMLOntarioPageAlertElement;
		new (): HTMLOntarioPageAlertElement;
	};
	interface HTMLOntarioRadioButtonsElementEventMap {
		radioOnChange: RadioAndCheckboxChangeEvent;
		radioOnBlur: InputFocusBlurEvent;
		radioOnFocus: InputFocusBlurEvent;
		inputErrorOccurred: { errorMessage: string };
	}
	/**
	 * Ontario Radio Buttons captures a single choice from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/radio-buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-radio-buttons/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioRadioButtonsElement extends Components.OntarioRadioButtons, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioRadioButtonsElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioRadioButtonsElement,
				ev: OntarioRadioButtonsCustomEvent<HTMLOntarioRadioButtonsElementEventMap[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 HTMLOntarioRadioButtonsElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioRadioButtonsElement,
				ev: OntarioRadioButtonsCustomEvent<HTMLOntarioRadioButtonsElementEventMap[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 HTMLOntarioRadioButtonsElement: {
		prototype: HTMLOntarioRadioButtonsElement;
		new (): HTMLOntarioRadioButtonsElement;
	};
	interface HTMLOntarioSearchBoxElementEventMap {
		searchOnSubmit: string;
		inputOnInput: InputInputEvent;
		inputOnChange: InputInteractionEvent;
		inputOnBlur: InputFocusBlurEvent;
		inputOnFocus: InputFocusBlurEvent;
		autocompleteQueryUpdated: { query: string };
		autocompleteSuggestionsUpdated: { query: string; count: number };
		autocompleteSuggestionSelected: AutocompleteSuggestionSelectedEvent;
	}
	/**
	 * Ontario Search Box captures and submits search queries.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/search-box.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-search-box/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioSearchBoxElement extends Components.OntarioSearchBox, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioSearchBoxElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioSearchBoxElement,
				ev: OntarioSearchBoxCustomEvent<HTMLOntarioSearchBoxElementEventMap[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 HTMLOntarioSearchBoxElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioSearchBoxElement,
				ev: OntarioSearchBoxCustomEvent<HTMLOntarioSearchBoxElementEventMap[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 HTMLOntarioSearchBoxElement: {
		prototype: HTMLOntarioSearchBoxElement;
		new (): HTMLOntarioSearchBoxElement;
	};
	interface HTMLOntarioSearchResultItemElementEventMap {
		itemSelected: { label?: string; value?: string; href?: string };
	}
	/**
	 * Ontario Search Result Item renders a semantic option row for search suggestions.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/autocomplete.html
	 */
	interface HTMLOntarioSearchResultItemElement extends Components.OntarioSearchResultItem, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioSearchResultItemElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioSearchResultItemElement,
				ev: OntarioSearchResultItemCustomEvent<HTMLOntarioSearchResultItemElementEventMap[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 HTMLOntarioSearchResultItemElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioSearchResultItemElement,
				ev: OntarioSearchResultItemCustomEvent<HTMLOntarioSearchResultItemElementEventMap[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 HTMLOntarioSearchResultItemElement: {
		prototype: HTMLOntarioSearchResultItemElement;
		new (): HTMLOntarioSearchResultItemElement;
	};
	/**
	 * Ontario Step Indicator communicates progress through multi-step flows.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/step-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-step-indicator/
	 */
	interface HTMLOntarioStepIndicatorElement extends Components.OntarioStepIndicator, HTMLStencilElement {}
	var HTMLOntarioStepIndicatorElement: {
		prototype: HTMLOntarioStepIndicatorElement;
		new (): HTMLOntarioStepIndicatorElement;
	};
	/**
	 * Ontario Summary List groups labelled answers for review before a user submits or confirms information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-summary-list/
	 */
	interface HTMLOntarioSummaryListElement extends Components.OntarioSummaryList, HTMLStencilElement {}
	var HTMLOntarioSummaryListElement: {
		prototype: HTMLOntarioSummaryListElement;
		new (): HTMLOntarioSummaryListElement;
	};
	/**
	 * Ontario Summary List Item renders a single key/value row inside an ontario-summary-list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 */
	interface HTMLOntarioSummaryListItemElement extends Components.OntarioSummaryListItem, HTMLStencilElement {}
	var HTMLOntarioSummaryListItemElement: {
		prototype: HTMLOntarioSummaryListItemElement;
		new (): HTMLOntarioSummaryListItemElement;
	};
	/**
	 * Ontario Table presents structured tabular data with accessible semantics.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/tables.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-table/
	 */
	interface HTMLOntarioTableElement extends Components.OntarioTable, HTMLStencilElement {}
	var HTMLOntarioTableElement: {
		prototype: HTMLOntarioTableElement;
		new (): HTMLOntarioTableElement;
	};
	/**
	 * Ontario Task represents an individual task item and status within a task list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task/
	 */
	interface HTMLOntarioTaskElement extends Components.OntarioTask, HTMLStencilElement {}
	var HTMLOntarioTaskElement: {
		prototype: HTMLOntarioTaskElement;
		new (): HTMLOntarioTaskElement;
	};
	/**
	 * Ontario Task List groups and summarizes related tasks.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task-list/
	 */
	interface HTMLOntarioTaskListElement extends Components.OntarioTaskList, HTMLStencilElement {}
	var HTMLOntarioTaskListElement: {
		prototype: HTMLOntarioTaskListElement;
		new (): HTMLOntarioTaskListElement;
	};
	interface HTMLOntarioTextareaElementEventMap {
		inputOnInput: InputInputEvent;
		inputOnChange: InputInteractionEvent;
		inputOnBlur: InputFocusBlurEvent;
		inputOnFocus: InputFocusBlurEvent;
		inputErrorOccurred: { inputId: string; errorMessage: string };
	}
	/**
	 * Ontario Textarea captures multi-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-areas.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-textarea/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface HTMLOntarioTextareaElement extends Components.OntarioTextarea, HTMLStencilElement {
		addEventListener<K extends keyof HTMLOntarioTextareaElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioTextareaElement,
				ev: OntarioTextareaCustomEvent<HTMLOntarioTextareaElementEventMap[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 HTMLOntarioTextareaElementEventMap>(
			type: K,
			listener: (
				this: HTMLOntarioTextareaElement,
				ev: OntarioTextareaCustomEvent<HTMLOntarioTextareaElementEventMap[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 HTMLOntarioTextareaElement: {
		prototype: HTMLOntarioTextareaElement;
		new (): HTMLOntarioTextareaElement;
	};
	interface HTMLElementTagNameMap {
		'ontario-accordion': HTMLOntarioAccordionElement;
		'ontario-aside': HTMLOntarioAsideElement;
		'ontario-back-button': HTMLOntarioBackButtonElement;
		'ontario-back-to-top': HTMLOntarioBackToTopElement;
		'ontario-badge': HTMLOntarioBadgeElement;
		'ontario-blockquote': HTMLOntarioBlockquoteElement;
		'ontario-button': HTMLOntarioButtonElement;
		'ontario-callout': HTMLOntarioCalloutElement;
		'ontario-card': HTMLOntarioCardElement;
		'ontario-card-collection': HTMLOntarioCardCollectionElement;
		'ontario-checkboxes': HTMLOntarioCheckboxesElement;
		'ontario-critical-alert': HTMLOntarioCriticalAlertElement;
		'ontario-date-input': HTMLOntarioDateInputElement;
		'ontario-dropdown-list': HTMLOntarioDropdownListElement;
		'ontario-fieldset': HTMLOntarioFieldsetElement;
		'ontario-footer': HTMLOntarioFooterElement;
		'ontario-form-container': HTMLOntarioFormContainerElement;
		'ontario-header': HTMLOntarioHeaderElement;
		'ontario-header-menu-tabs': HTMLOntarioHeaderMenuTabsElement;
		'ontario-header-overflow-menu': HTMLOntarioHeaderOverflowMenuElement;
		'ontario-hint-expander': HTMLOntarioHintExpanderElement;
		'ontario-hint-text': HTMLOntarioHintTextElement;
		'ontario-icon-accessibility': HTMLOntarioIconAccessibilityElement;
		'ontario-icon-account': HTMLOntarioIconAccountElement;
		'ontario-icon-add': HTMLOntarioIconAddElement;
		'ontario-icon-add-alt': HTMLOntarioIconAddAltElement;
		'ontario-icon-alert-error': HTMLOntarioIconAlertErrorElement;
		'ontario-icon-alert-information': HTMLOntarioIconAlertInformationElement;
		'ontario-icon-alert-success': HTMLOntarioIconAlertSuccessElement;
		'ontario-icon-alert-warning': HTMLOntarioIconAlertWarningElement;
		'ontario-icon-arrow-up': HTMLOntarioIconArrowUpElement;
		'ontario-icon-attach': HTMLOntarioIconAttachElement;
		'ontario-icon-bookmark-off': HTMLOntarioIconBookmarkOffElement;
		'ontario-icon-bookmark-on': HTMLOntarioIconBookmarkOnElement;
		'ontario-icon-calendar': HTMLOntarioIconCalendarElement;
		'ontario-icon-camera': HTMLOntarioIconCameraElement;
		'ontario-icon-chevron-down': HTMLOntarioIconChevronDownElement;
		'ontario-icon-chevron-left': HTMLOntarioIconChevronLeftElement;
		'ontario-icon-chevron-right': HTMLOntarioIconChevronRightElement;
		'ontario-icon-chevron-up': HTMLOntarioIconChevronUpElement;
		'ontario-icon-clock': HTMLOntarioIconClockElement;
		'ontario-icon-close': HTMLOntarioIconCloseElement;
		'ontario-icon-close-header': HTMLOntarioIconCloseHeaderElement;
		'ontario-icon-cloud': HTMLOntarioIconCloudElement;
		'ontario-icon-collapse': HTMLOntarioIconCollapseElement;
		'ontario-icon-credit-card': HTMLOntarioIconCreditCardElement;
		'ontario-icon-critical-alert-warning': HTMLOntarioIconCriticalAlertWarningElement;
		'ontario-icon-delete': HTMLOntarioIconDeleteElement;
		'ontario-icon-document': HTMLOntarioIconDocumentElement;
		'ontario-icon-download': HTMLOntarioIconDownloadElement;
		'ontario-icon-dropdown-arrow': HTMLOntarioIconDropdownArrowElement;
		'ontario-icon-edit': HTMLOntarioIconEditElement;
		'ontario-icon-email': HTMLOntarioIconEmailElement;
		'ontario-icon-expand': HTMLOntarioIconExpandElement;
		'ontario-icon-export': HTMLOntarioIconExportElement;
		'ontario-icon-facebook': HTMLOntarioIconFacebookElement;
		'ontario-icon-facebook-alt': HTMLOntarioIconFacebookAltElement;
		'ontario-icon-favourite-off': HTMLOntarioIconFavouriteOffElement;
		'ontario-icon-favourite-on': HTMLOntarioIconFavouriteOnElement;
		'ontario-icon-filter': HTMLOntarioIconFilterElement;
		'ontario-icon-flickr': HTMLOntarioIconFlickrElement;
		'ontario-icon-grid': HTMLOntarioIconGridElement;
		'ontario-icon-help': HTMLOntarioIconHelpElement;
		'ontario-icon-instagram': HTMLOntarioIconInstagramElement;
		'ontario-icon-interac-en': HTMLOntarioIconInteracEnElement;
		'ontario-icon-interac-en-alt': HTMLOntarioIconInteracEnAltElement;
		'ontario-icon-interac-fr': HTMLOntarioIconInteracFrElement;
		'ontario-icon-interac-fr-alt': HTMLOntarioIconInteracFrAltElement;
		'ontario-icon-linkedin': HTMLOntarioIconLinkedinElement;
		'ontario-icon-linkedin-alt': HTMLOntarioIconLinkedinAltElement;
		'ontario-icon-list': HTMLOntarioIconListElement;
		'ontario-icon-live-chat': HTMLOntarioIconLiveChatElement;
		'ontario-icon-location-off': HTMLOntarioIconLocationOffElement;
		'ontario-icon-location-on': HTMLOntarioIconLocationOnElement;
		'ontario-icon-lock-off': HTMLOntarioIconLockOffElement;
		'ontario-icon-lock-on': HTMLOntarioIconLockOnElement;
		'ontario-icon-map': HTMLOntarioIconMapElement;
		'ontario-icon-mastercard': HTMLOntarioIconMastercardElement;
		'ontario-icon-mastercard-alt': HTMLOntarioIconMastercardAltElement;
		'ontario-icon-media-fast-forward': HTMLOntarioIconMediaFastForwardElement;
		'ontario-icon-media-fast-rewind': HTMLOntarioIconMediaFastRewindElement;
		'ontario-icon-media-pause': HTMLOntarioIconMediaPauseElement;
		'ontario-icon-media-play': HTMLOntarioIconMediaPlayElement;
		'ontario-icon-media-stop': HTMLOntarioIconMediaStopElement;
		'ontario-icon-menu': HTMLOntarioIconMenuElement;
		'ontario-icon-menu-header': HTMLOntarioIconMenuHeaderElement;
		'ontario-icon-microphone-off': HTMLOntarioIconMicrophoneOffElement;
		'ontario-icon-microphone-on': HTMLOntarioIconMicrophoneOnElement;
		'ontario-icon-more-accounts': HTMLOntarioIconMoreAccountsElement;
		'ontario-icon-more-vertical': HTMLOntarioIconMoreVerticalElement;
		'ontario-icon-new-window': HTMLOntarioIconNewWindowElement;
		'ontario-icon-next': HTMLOntarioIconNextElement;
		'ontario-icon-notification': HTMLOntarioIconNotificationElement;
		'ontario-icon-password-hide': HTMLOntarioIconPasswordHideElement;
		'ontario-icon-password-show': HTMLOntarioIconPasswordShowElement;
		'ontario-icon-phone': HTMLOntarioIconPhoneElement;
		'ontario-icon-photo': HTMLOntarioIconPhotoElement;
		'ontario-icon-pin-location-off': HTMLOntarioIconPinLocationOffElement;
		'ontario-icon-pin-location-on': HTMLOntarioIconPinLocationOnElement;
		'ontario-icon-previous': HTMLOntarioIconPreviousElement;
		'ontario-icon-print': HTMLOntarioIconPrintElement;
		'ontario-icon-remove': HTMLOntarioIconRemoveElement;
		'ontario-icon-remove-alt': HTMLOntarioIconRemoveAltElement;
		'ontario-icon-replay': HTMLOntarioIconReplayElement;
		'ontario-icon-rss-feed': HTMLOntarioIconRssFeedElement;
		'ontario-icon-save': HTMLOntarioIconSaveElement;
		'ontario-icon-search': HTMLOntarioIconSearchElement;
		'ontario-icon-search-white': HTMLOntarioIconSearchWhiteElement;
		'ontario-icon-sentiment-1': HTMLOntarioIconSentiment1Element;
		'ontario-icon-sentiment-2': HTMLOntarioIconSentiment2Element;
		'ontario-icon-sentiment-3': HTMLOntarioIconSentiment3Element;
		'ontario-icon-sentiment-4': HTMLOntarioIconSentiment4Element;
		'ontario-icon-sentiment-5': HTMLOntarioIconSentiment5Element;
		'ontario-icon-settings': HTMLOntarioIconSettingsElement;
		'ontario-icon-share': HTMLOntarioIconShareElement;
		'ontario-icon-sort': HTMLOntarioIconSortElement;
		'ontario-icon-sort-alphabetical-ascending': HTMLOntarioIconSortAlphabeticalAscendingElement;
		'ontario-icon-sort-alphabetical-descending': HTMLOntarioIconSortAlphabeticalDescendingElement;
		'ontario-icon-sort-ascending': HTMLOntarioIconSortAscendingElement;
		'ontario-icon-sort-descending': HTMLOntarioIconSortDescendingElement;
		'ontario-icon-sort-variant': HTMLOntarioIconSortVariantElement;
		'ontario-icon-tag': HTMLOntarioIconTagElement;
		'ontario-icon-text-message': HTMLOntarioIconTextMessageElement;
		'ontario-icon-timer': HTMLOntarioIconTimerElement;
		'ontario-icon-transport-bicycle': HTMLOntarioIconTransportBicycleElement;
		'ontario-icon-transport-bus': HTMLOntarioIconTransportBusElement;
		'ontario-icon-transport-car': HTMLOntarioIconTransportCarElement;
		'ontario-icon-transport-walk': HTMLOntarioIconTransportWalkElement;
		'ontario-icon-tty': HTMLOntarioIconTtyElement;
		'ontario-icon-tune': HTMLOntarioIconTuneElement;
		'ontario-icon-twitter': HTMLOntarioIconTwitterElement;
		'ontario-icon-twitter-alt': HTMLOntarioIconTwitterAltElement;
		'ontario-icon-upload': HTMLOntarioIconUploadElement;
		'ontario-icon-video': HTMLOntarioIconVideoElement;
		'ontario-icon-visa': HTMLOntarioIconVisaElement;
		'ontario-icon-vote-dislike': HTMLOntarioIconVoteDislikeElement;
		'ontario-icon-vote-like': HTMLOntarioIconVoteLikeElement;
		'ontario-icon-vpn-key': HTMLOntarioIconVpnKeyElement;
		'ontario-icon-wheelchair': HTMLOntarioIconWheelchairElement;
		'ontario-icon-wifi': HTMLOntarioIconWifiElement;
		'ontario-icon-youtube': HTMLOntarioIconYoutubeElement;
		'ontario-in-page-navigation': HTMLOntarioInPageNavigationElement;
		'ontario-in-page-navigation-item': HTMLOntarioInPageNavigationItemElement;
		'ontario-input': HTMLOntarioInputElement;
		'ontario-language-toggle': HTMLOntarioLanguageToggleElement;
		'ontario-loading-indicator': HTMLOntarioLoadingIndicatorElement;
		'ontario-page-alert': HTMLOntarioPageAlertElement;
		'ontario-radio-buttons': HTMLOntarioRadioButtonsElement;
		'ontario-search-box': HTMLOntarioSearchBoxElement;
		'ontario-search-result-item': HTMLOntarioSearchResultItemElement;
		'ontario-step-indicator': HTMLOntarioStepIndicatorElement;
		'ontario-summary-list': HTMLOntarioSummaryListElement;
		'ontario-summary-list-item': HTMLOntarioSummaryListItemElement;
		'ontario-table': HTMLOntarioTableElement;
		'ontario-task': HTMLOntarioTaskElement;
		'ontario-task-list': HTMLOntarioTaskListElement;
		'ontario-textarea': HTMLOntarioTextareaElement;
	}
}
declare namespace LocalJSX {
	/**
	 * Ontario Accordion presents collapsible sections of content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/accordions.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-accordion/
	 */
	interface OntarioAccordion {
		/**
		 * Used to include individual accordion data for the accordion component. Accepts an array of Accordion (@see Accordion) items or a JSON string of that array.  The `content` is rendered either as plain text or HTML depending on `accordionContentType`.
		 * @see Accordion *
		 * @example 	<ontario-accordion 	name="My Accordion" 	accordion-data='[ 		{"label": "Accordion 1", "content": "This is a string", "isOpen": true}, 		{"label": "Accordion 2", "accordionContentType": "html", "content": "<ul><li>List A</li><li>List B</li><li>List C</li></ul>"} 	]' ></ontario-accordion>
		 */
		accordionData?: string | Accordion[];
		/**
		 * Custom Expand/Collapse button text.
		 * @example  <ontario-accordion 	name="My Accordion" 	expand-collapse-button='{ 		"expandAllSectionsLabel": "Expand All", 		"collapseAllSectionsLabel": "Collapse All" 	}' 	accordion-data='[ 		{"label": "Accordion 1", "content": ["Item 1", "Item 2", "Item 3"]}, 		{"label": "Accordion 2", "content": ["Item A", "Item B", "Item C"]} 	]' ></ontario-accordion>
		 */
		expandCollapseButton?: string | ExpandCollapseButtonDetails;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name of the accordion component.  This is not optional.
		 */
		name?: string;
		/**
		 * Emits when open indexes change
		 */
		onAccordionChange?: (event: OntarioAccordionCustomEvent<AccordionChangeDetail>) => void;
	}
	/**
	 * Ontario Aside is used for related, non-essential information that supports content beside the main task flow.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-aside/
	 */
	interface OntarioAside {
		/**
		 * Optional text to be displayed as the content for the aside component. If a string is passed, it will automatically be nested in a paragraph tag.  HTML content can also be passed as the child/children of the aside component if additional/different elements for the content are needed.
		 * @example <ontario-aside headingType='h3' headingContent='This is the aside heading'><p>This is the first sentence of the aside content.</p><p>This is the second sentence of the aside content.</p></ontario-aside>
		 */
		content?: string;
		/**
		 * Text or HTML to be displayed as the heading of the aside. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
		 */
		headingContent?: string;
		/**
		 * The type of the heading content. If no prop is passed, it will default to string.
		 * @default 'string'
		 */
		headingContentType?: HeadingContentType;
		/**
		 * The heading level of the aside heading.
		 */
		headingType?: HeadingLevelOptions;
		/**
		 * Optional prop to choose the border colour of the aside. If none is passed, the default colour will be teal.
		 * @default 'teal'
		 */
		highlightColour?: HighlightColourOptions;
	}
	/**
	 * Ontario Back Button renders a consistent, accessible back action shell.
	 * This component is intentionally navigation-strategy agnostic.
	 * Consumers choose whether back behaviour uses browser history, explicit href navigation, or event-only routing.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-button.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-button/
	 */
	interface OntarioBackButton {
		/**
		 * Optional navigation strategy override: - `history`: emits event, then calls browser history back. - `href`: emits event, then navigates using `href`. - `event`: emits event only.  When omitted, runtime mode is inferred: - uses `href` mode if `href` exists - otherwise defaults to `history`
		 */
		backMode?: BackMode;
		/**
		 * Disables user interaction.  Policy note: This is intended for temporary/transient states only (for example, save-in-progress or step-transition lock), not as a general-purpose way to gate back navigation in normal usage. Whether going back is actually valid should be determined by application logic/validation before this prop is ever set to `true`, not used as a substitute for that validation.
		 * @default false
		 */
		disabled?: boolean;
		/**
		 * Optional destination URL used by href mode.
		 */
		href?: string;
		/**
		 * Optional visible text override for the back action. If not provided, translated defaults are used: - `Back` for English - `Retour` for French
		 */
		label?: string;
		/**
		 * The language of the component. If no language is passed, it defaults to English (`en`).
		 */
		language?: Language;
		/**
		 * Emitted when the user activates the back control. Emitted before navigation when applicable.
		 */
		onBackClick?: (event: OntarioBackButtonCustomEvent<MouseEvent | KeyboardEvent>) => void;
	}
	/**
	 * Ontario Back to Top helps users quickly return to the top of long pages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/back-to-top.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-to-top/
	 */
	interface OntarioBackToTop {
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language prop is passed, it will default to English.
		 */
		language?: Language;
	}
	/**
	 * Ontario Badge displays concise status labels and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/badges.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-badge/
	 */
	interface OntarioBadge {
		/**
		 * An aria label for screen readers.  Used to provide more context to screen readers if necessary.  This property is optional.
		 * @example <ontario-badge aria-label-text="This training is currently in progress.">In progress</ontario-badge>
		 */
		ariaLabelText?: string;
		/**
		 * The colour of the badge.
		 * @default 'teal'
		 */
		colour?: BadgeColour;
		/**
		 * The label for the badge.  Offical guidance is to keep the label length within 15 characters.
		 */
		label?: string;
	}
	/**
	 * Ontario Blockquote displays quoted content with optional attribution.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/blockquote.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-blockquote/
	 */
	interface OntarioBlockquote {
		/**
		 * Optional text to be displayed as the attribution (the author) of the quote.
		 */
		attribution?: string;
		/**
		 * Optional text to be displayed for additional information about the attribution/author.
		 */
		byline?: string;
		/**
		 * Text to be displayed as the quote.  Note that wrapping the quotes in quotations is not needed - this is handled through the component styles
		 */
		quote?: string;
	}
	/**
	 * Ontario Button triggers actions and supports button or link behavior.
	 * This component intentionally does not expose a `disabled` prop.
	 * To support accessible and understandable form completion:
	 * - keep actions available
	 * - use validation and error messaging to guide corrections instead of disabling
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-button/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioButton {
		/**
		 * Provides more context as to what the button interaction is doing. This should only be used for accessibility purposes, if the button interaction requires more description than what the text provides.   This is optional.
		 * @example <ontario-button aria-label-text="Click button to open map">Open</ontario button>
		 */
		ariaLabelText?: string;
		/**
		 * The unique identifier of the button. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * When provided, the component renders as a native anchor for navigation use cases. This takes precedence over `htmlType`, so form-submission behaviour is disabled in link mode.
		 */
		href?: string;
		/**
		 * The native HTML button type the button should use.  If no `htmlType` is passed, it will default to `'button'`. This prop only affects the component when it renders as a native `<button>`. If `href` is provided, the component renders as a native `<a>` and `htmlType` is ignored.
		 * @default 'button'
		 */
		htmlType?: HtmlType;
		/**
		 * Text to be displayed within the button. This will override the text provided through the host element textContent.
		 * @example <ontario-button label="Label Text">Text</ontario-button>  The resulting button will have the label `"Label Text"`.
		 */
		label?: string;
		/**
		 * Specifies the relationship of the linked document to the current document when `href` is provided. This prop has no effect unless the component is in link mode.
		 */
		rel?: string;
		/**
		 * Specifies where to open the linked document when `href` is provided. This prop has no effect unless the component is in link mode.
		 */
		target?: string;
		/**
		 * The type of button to render.  If no type is passed, it will default to 'secondary'.
		 * @default 'secondary'
		 */
		type?: ButtonType;
	}
	/**
	 * Ontario Callout is used for supplementary, in-flow guidance that supports nearby content without elevating to a page-level alert.
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-callout/
	 */
	interface OntarioCallout {
		/**
		 * Optional text to be displayed as the content for the callout component. If a string is passed, it will automatically be nested in a paragraph tag.  HTML content can also be passed as the child/children of the callout component if additional/different elements for the content are needed.
		 * @example <ontario-callout headingType='h3' headingContent='This is the callout heading'><p>This is the first sentence of the callout content.</p><p>This is the second sentence of the callout content.</p></ontario-callout>
		 */
		content?: string;
		/**
		 * Text or HTML to be displayed as the heading of the callout. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.
		 */
		headingContent?: string;
		/**
		 * The type of the heading content. If no prop is passed, it will default to `string`.
		 * @default 'string'
		 */
		headingContentType?: HeadingContentType;
		/**
		 * The heading level of the callout heading.
		 */
		headingType?: HeadingLevelOptions;
		/**
		 * Optional prop to choose the border colour of the callout. If none is passed, the default colour will be teal.
		 * @default 'teal'
		 */
		highlightColour?: HighlightColourOptions;
	}
	/**
	 * Ontario Card displays linked content summaries with optional media and metadata.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/cards.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card/
	 */
	interface OntarioCard {
		/**
		 * Provides more context as to what the card interaction is doing. This should only be used for accessibility purposes, if the card interaction requires more * * description than what the text provides.  This is optional.
		 */
		ariaLabelText?: string;
		/**
		 * Action link for when the card is clicked.  This is optional.
		 */
		cardLink?: string;
		/**
		 * Text to be displayed within the card description container.  This is optional.
		 */
		description?: string;
		/**
		 * Set the card's header colour.  This is optional.
		 */
		headerColour?: HeaderColour;
		/**
		 * The heading level that the label will be rendered as.
		 * @example <ontario-card 	heading-level="h4" 	label="Card Title 1" >
		 * @default 'h2'
		 */
		headingLevel?: HeadingLevel;
		/**
		 * The position of the image when the card-type is set to 'horizontal'.  This prop is only necessry when the card-type is set to 'horizontal'.
		 * @example 	<ontario-card 	card-type="horizontal" 	label="Card Title 1" 	image="https://picsum.photos/200/300" 	horizontal-image-position-type="left" 	horizontal-image-size-type="one-fourth"   description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" > </ontario-card>
		 * @default 'left'
		 */
		horizontalImagePositionType?: HorizontalImagePositionType;
		/**
		 * The size of the image when the card-type is set to 'horizontal'.  This prop is only necessry when the card-type is set to 'horizontal'.
		 * @example 	<ontario-card 	card-type="horizontal" 	label="Card Title 1" 	image="https://picsum.photos/200/300" 	horizontal-image-position-type="left" 	horizontal-image-size-type="one-fourth"   description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" > </ontario-card>
		 * @default 'one-third'
		 */
		horizontalImageSizeType?: HorizontalImageSizeType;
		/**
		 * Image to be displayed within the card image container.  This is optional.
		 */
		image?: string;
		/**
		 * Alt text for the card's image.  This is optional prop, but may be required for an image due to accessibility requirements.  You can find guidance on when to add alt text to an image on the Ontario.ca web content editing guide.  https://www.ontario.ca/page/ontario-ca-web-content-editing-guide#alt-text-image-accessibility  Note: This should default to an empty string ('') to ensure the alt attribute appears in the markup for decorative images. If left as undefined, the alt attribute will not render in markup.
		 * @default ''
		 */
		imageAltText?: string;
		/**
		 * Text to be displayed within the header.
		 * @example <ontario-card 	header-type="dark" 	card-type="horizontal" 	label="Card Title 1" 	description="Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum" >
		 */
		label?: string;
		/**
		 * The layout direction/orientation of the card.  If no type is passed, it will default to 'vertical'.
		 * @default 'vertical'
		 */
		layoutDirection?: LayoutDirection;
	}
	/**
	 * Ontario Card Collection lays out multiple cards in a responsive grid.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card-collection/
	 */
	interface OntarioCardCollection {
		/**
		 * The number of cards to display per row.  If no number is passed, it will default to 3.
		 * @default 3
		 */
		cardsPerRow?: CardsPerRow;
	}
	/**
	 * Ontario Checkboxes collects one or more selections from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/checkboxes.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-checkboxes/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioCheckboxes {
		/**
		 * The text to display for the checkbox legend.
		 * @example <ontario-checkboxes   caption='{     "captionText": "Checkbox legend",     "captionType": "heading",   }   ...> </ontario-checkboxes>
		 */
		caption?: Caption | string;
		/**
		 * Used to add a custom function to the checkbox onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the checkbox onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the checkbox onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the checkbox group. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-checkboxes   caption='{     "captionText": "Checkbox legend",     "captionType": "heading",   }   name='ontario-checkboxes'   options='[ 	{ 		"value": "checkbox-option-1", 		"label": "Checkbox option 1 label", 		"elementId": "checkbox-1" 	}   }]'   hint-expander='{    "hint": "Hint expander for the checkbox group",    "content": "Example hint expander content for the checkbox group"   }'   required="true" > </ontario-checkboxes>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the checkbox group. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name for the checkboxes. The name value is used to reference form data after a form is submitted.
		 */
		name?: string;
		/**
		 * Emitted when a keyboard input event occurs when a checkbox option has lost focus.
		 */
		onCheckboxOnBlur?: (event: OntarioCheckboxesCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when a checkbox option has been changed.
		 */
		onCheckboxOnChange?: (event: OntarioCheckboxesCustomEvent<RadioAndCheckboxChangeEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when a checkbox option has gained focus.
		 */
		onCheckboxOnFocus?: (event: OntarioCheckboxesCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioCheckboxesCustomEvent<{ errorMessage: string }>) => void;
		/**
		 * The options for the checkbox group.  Each property will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML. If there are multiple checkboxes in a fieldset, each checkbox will be displayed as an option.  In the example below, the options are being passed in as a string and there are two checkboxes to be displayed in the fieldset.
		 * @example <ontario-checkboxes   caption='{ 	"captionText": "Checkbox legend", 	"captionType": "heading",   }   name="ontario-checkboxes",   hint-text="Hint text for the checkbox group."   options='[ 	{ 		"value": "checkbox-option-1", 		"label": "Checkbox option 1 label" 		"elementId": "checkbox-1"     },     {        "value": "checkbox-option-2",        "label": "Checkbox option 2 label", 		  "elementId": "checkbox-2",       "hintExpander": { 			"hint": "Hint expander for checkbox option 2",              "content": "Example hint expander content for checkbox option 2"        }      }   ]'   required="true" > </ontario-checkboxes>
		 */
		options?: CheckboxOption[] | string;
		/**
		 * This is used to determine whether the checkbox is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected checkbox option values.  The component keeps the host `value` in sync as users interact with the checkbox group. If `value` is provided, it takes precedence over any `checked` flags passed through `options`.  In HTML, pass `value` as a JSON string array.
		 * @example <ontario-checkboxes   value='["checkbox-option-1", "checkbox-option-2"]'   ...> </ontario-checkboxes>
		 */
		value?: string[] | string;
	}
	/**
	 * Ontario Critical Alert communicates urgent, high-priority emergency information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/critical-alerts.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-critical-alert/
	 */
	interface OntarioCriticalAlert {
		/**
		 * Content for critical alert message. It can be either string or HTML content. The content is already wrapped in a paragraph tag, so if using HTML content, the paragraph tag can be ommitted.
		 * @example <ontario-critical-alert content="COVID-19 State of emergency extended until May 12, 2020."></ontario-critical-alert>  or  <ontario-critical-alert>  <a href="#">COVID-19 State of emergency</a> extended until May 12, 2020. </ontario-critical-alert>
		 */
		content?: string | HTMLElement;
	}
	/**
	 * Ontario Date Input captures day, month, and year values as a single date field.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dates.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-date-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioDateInput {
		/**
		 * The text to display as the input label
		 * @example <ontario-date-input   caption='{     "captionText": "Exact Date",     "captionType": "heading",   }   required="true"   ...> </ontario-date-input>
		 */
		caption?: Caption | string;
		/**
		 * An array value used to display date options. For example, only the day and month fields can be displayed by specifying the dateOptions as `["day", "month"]`, etc.  This is optional. If no prop for `dateOptions` is passed, it will default to `["day", "month", "year"]`.
		 * @default ['day', 'month', 'year']
		 */
		dateOptions?: string | Array<DateInputFieldType>;
		/**
		 * A function used to override internal date validation logic, which takes three arguments (i.e day, month and year) and returns an object of type `DateValidatorReturnType`  This is optional. If no prop for `dateValidator` is passed, it will default to internal validation function to validate the date input.
		 */
		dateValidator?: (day: string, month: string, year: string) => DateValidatorReturnType;
		/**
		 * The unique identifier of the input. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Used to include the ontario-hint-text component for the date input group.  This is optional.
		 */
		hintText?: string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * A number value indicating maximum value allowed for year input field of the date component.  This is optional. If no prop is passed, it will default to `9999`.
		 */
		maxYear?: number;
		/**
		 * A number value indicating minimum value allowed for year input field of the date component.  This is optional. If no prop is passed, it will default to `999`.
		 */
		minYear?: number;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioDateInputCustomEvent<{ inputId: string; errorMessage: string }>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has lost focus.
		 */
		onInputOnBlur?: (event: OntarioDateInputCustomEvent<DateInputFieldType>) => void;
		/**
		 * Emitted when a `change` event occurs within the component.
		 */
		onInputOnChange?: (
			event: OntarioDateInputCustomEvent<{
				value: string;
				fieldType: 'day' | 'month' | 'year';
			}>,
		) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has gained focus.
		 */
		onInputOnFocus?: (event: OntarioDateInputCustomEvent<DateInputFieldType>) => void;
		/**
		 * Emitted when an `input` event occurs within the component.
		 */
		onInputOnInput?: (
			event: OntarioDateInputCustomEvent<{
				value: string;
				fieldType: 'day' | 'month' | 'year';
			}>,
		) => void;
		/**
		 * An object value used to set the placeholder text for the day, month and year input fields. Any combination of the three input fields (i.e day, month, year) of the date component can be overridden.  This is optional. If no prop is passed, it will not display any placeholder text.
		 */
		placeholder?: DateInputPlaceholder | string;
		/**
		 * A boolean value to determine whether or not the date input is required.  This is optional. If no prop is passed, it will default to `false`.
		 * @default false
		 */
		required?: boolean;
		/**
		 * The aggregate date value for the component.  Accepts either a plain ISO date (`YYYY-MM-DD`) or a full ISO 8601 timestamp. When a valid value is provided, the component hydrates the internal day, month, and year fields and normalizes the stored form value to a full UTC ISO timestamp (`YYYY-MM-DDT00:00:00.000Z`).
		 */
		value?: string;
	}
	/**
	 * Ontario Dropdown List presents a selectable list of predefined options.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/dropdown-lists.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-dropdown-list/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioDropdownList {
		/**
		 * The text to display for the dropdown list label.
		 * @example <ontario-dropdown-list   name="ontario-dropdown-list"   caption='{     "captionText": "Label",     "captionType": "heading",   }'   ...> </ontario-dropdown-list>
		 */
		caption?: Caption | string;
		/**
		 * Used to add a custom function to the dropdown onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the dropdown onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the dropdown onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * The ID for the dropdown list. If no ID is provided, one will be generated.
		 */
		elementId?: string;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the dropdown list component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-dropdown-list   caption='{     "caption": "What province do you live in?",     "captionType": "heading",   }   name="ontario-dropdown-list"   options='[     {       "value": "dropdown-option-1",       "label": "Option 1",       "selected": "true"     },     {       "value": "dropdown-option-2",       "label": "Option 2"     },     {       "value": "dropdown-option-3",       "label": "Option 3"     }   ]'   hint-expander='{    "hint": "Hint expander for the dropdown list",    "content": "Example hint expander content for the dropdown list."   }' > </ontario-dropdown-list>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the dropdown list. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * This prop is used to determine whether or not the initial option displayed is empty. If set to `true`, it will render the default “select” text. If set to a string, it will render the string value.
		 * @example <ontario-dropdown-list is-empty-start-option="true"></ontario-dropdown-list>  or  <ontario-dropdown-list is-empty-start-option="Please select"></ontario-dropdown-list>
		 * @default false
		 */
		isEmptyStartOption?: boolean | string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name for the dropdown list. The name value is used to reference form data after a form is submitted.
		 */
		name?: string;
		/**
		 * Emitted when a keyboard input event occurs when a dropdown list has lost focus.
		 */
		onDropdownOnBlur?: (event: OntarioDropdownListCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when a dropdown list has been changed.
		 */
		onDropdownOnChange?: (event: OntarioDropdownListCustomEvent<InputInteractionEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when a dropdown list has gained focus.
		 */
		onDropdownOnFocus?: (event: OntarioDropdownListCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioDropdownListCustomEvent<{ errorMessage: string }>) => void;
		/**
		 * The options for dropdown list.  Each option will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML.  In the example below, the options are being passed in as a string and there are three dropdown options displayed.
		 * @example <ontario-dropdown-list   caption='{     "captionText": "Label",     "captionType": "heading",   }'   name="ontario-dropdown-list"   options='[     {       "value": "dropdown-option-1",       "label": "Option 1",       "selected": "true"     },     {       "value": "dropdown-option-2",       "label": "Option 2"     },     {       "value": "dropdown-option-3",       "label": "Option 3"     }   ]' > </ontario-dropdown-list>
		 */
		options?: string | DropdownOption[];
		/**
		 * This is used to determine whether the dropdown list is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected dropdown value.  The component keeps the host `value` in sync as users interact with the dropdown. If `value` is provided, it takes precedence over any `selected` flags passed through `options`.
		 */
		value?: string;
	}
	/**
	 * Ontario Fieldset groups related form controls under a shared legend.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/fieldsets.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-fieldset/
	 */
	interface OntarioFieldset {
		/**
		 * The text value used for the legend of the fieldset.
		 */
		legend?: string;
		/**
		 * The size of the fieldset legend. If no prop is passed, it will be `default`.
		 * @default 'default'
		 */
		legendSize?: CaptionType;
	}
	/**
	 * Ontario Footer renders simple or expanded footer patterns for Ontario sites and applications.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/simple-footer.html
	 * - https://designsystem.ontario.ca/components/detail/expanded-footer.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-footer/
	 */
	interface OntarioFooter {
		/**
		 * The base path to an assets folder containing the Design System assets
		 */
		assetBasePath?: string;
		/**
		 * A prop that stores the required links for all footers. Available options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'
		 */
		footerLinks?: FooterLinks | string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * Social media links to render in the footer. Available options are 'facebook', 'twitter', 'instagram' and 'youtube'
		 */
		socialLinks?: FooterSocialLinksProps | string;
		/**
		 * Stores the titles and content for the expanded three column footer.
		 */
		threeColumnOptions?: ThreeColumnOptions | string;
		/**
		 * Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`. If set to `false`, the top margin value will be set to zero.
		 * @default true
		 */
		topMargin?: boolean;
		/**
		 * Stores the titles and content for the expanded two column footer.
		 */
		twoColumnOptions?: TwoColumnOptions | string;
		/**
		 * The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.
		 * @default 'default'
		 */
		type?: OntarioFooterType;
	}
	/**
	 * Ontario Form Container applies consistent spacing between grouped form elements.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-form-container/
	 */
	interface OntarioFormContainer {
		/**
		 * Defines the gap (bottom margin) between slotted form elements. If no gap prop is provided, it will default to 'default'.
		 * @default 'default'
		 */
		gap?: 'default' | 'condensed';
	}
	/**
	 * Ontario Header renders Ontario.ca, application, and ServiceOntario header variants.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header/
	 */
	interface OntarioHeader {
		/**
		 * Information pertaining to the application and ServiceOntario headers.  For the 'application' header type, this includes the application name, URL and optional props for the number of links in the subheader for desktop, tablet, and mobile views.  For the 'serviceOntario' header type, the 'title' property is used as the service name displayed in the subheader.
		 * @example  <ontario-header    type="application"    application-header-info='{      "title": "Application name",      "href": "/application-homepage", 	"maxSubheaderLinks": { 		"desktop": "3", 		"tablet": "2", 		"mobile": "1" 	}    }' >  </ontario-header>   <ontario-header    type="serviceOntario"    application-header-info='{\"title\": \"ServiceOntario\"}' >  </ontario-header>
		 */
		applicationHeaderInfo?: ApplicationHeaderInfo | string;
		/**
		 * The base path to an assets folder containing the Design System assets
		 */
		assetBasePath?: string;
		/**
		 * A custom function to pass to the language toggle button.
		 */
		customLanguageToggle?: (event: globalThis.Event) => void;
		/**
		 * A custom function to pass to the sign-in button.
		 */
		customSignInToggle?: (event: globalThis.Event) => void;
		/**
		 * Option to disable fetching of the dynamic menu from the Ontario Header API.  When set to true, the static `menuItems` prop will be used instead of fetching from the API. When set to false (default), menu items are fetched dynamically from the Ontario Header API endpoint.  This property only applies to the 'ontario' header type. The 'application' and 'serviceOntario' types always use static menu items.
		 * @default false
		 * @example 	<ontario-header 		type="ontario" 		disable-dynamic-menu="true" 		menu-items='[{ 			"title": "Home", 			"href": "/" 		},{ 			"title": "About", 			"href": "/about" 		}]'> </ontario-header>
		 */
		disableDynamicMenu?: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Information pertaining to the language toggle links.
		 * @example <ontario-header 	language-toggle-options='{    "englishLink": "/en",    "frenchLink": "/fr"  }'  ... > </ontario-header>
		 */
		languageToggleOptions?: LanguageToggleOptions | string;
		/**
		 * The items that will go inside the menu dropdown.  For the 'ontario' header type, these items are displayed in the overflow menu. If `disableDynamicMenu` is false, static items will be overridden by dynamically fetched items from the Ontario Header API.  For the 'application' and 'serviceOntario' header types, these items are displayed in the subheader menu and overflow menu.
		 */
		menuItems?: MenuItem[] | string;
		/**
		 * This event is toggled when the menu button is pressed. The `<ontario-header-overflow-menu>` sub-component listens for this event To trigger the showing and hiding of the overflow menu.
		 */
		onMenuButtonToggled?: (event: OntarioHeaderCustomEvent<HeaderMenuToggleDetail>) => void;
		/**
		 * Information pertaining to the sign-in menu items for the Ontario header.
		 */
		signInMenuItems?: MenuItem[] | string;
		/**
		 * The type of header.
		 * @default 'application'
		 */
		type?: OntarioHeaderType;
	}
	/**
	 * Ontario Header Menu Tabs provides mobile and tablet tabbed navigation for header menus.
	 * - Displays two tabs (Topics and Sign In) with overflow menu content.
	 * - Manages keyboard navigation, focus trapping, and accessibility.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-menu-tabs/
	 */
	interface OntarioHeaderMenuTabs {
		/**
		 * Enable auto-detect handoff mode.
		 * @default false
		 */
		autoDetectMode?: boolean;
		/**
		 * Whether focus should move to the active tab when the menu opens. This should only be true for keyboard-triggered opens.
		 * @default false
		 */
		focusActiveTabOnOpen?: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Event emitted to request overflow menu to focus its first item.
		 */
		onFocusFirstItem?: (event: OntarioHeaderMenuTabsCustomEvent<void>) => void;
		/**
		 * Event emitted to request header to focus the menu button. Triggered when Shift+Tab is pressed on the first tab.
		 */
		onFocusMenuButton?: (event: OntarioHeaderMenuTabsCustomEvent<void>) => void;
		/**
		 * Event emitted when ownership handoff is triggered in auto-detect mode.
		 */
		onTakeOwnership?: (event: OntarioHeaderMenuTabsCustomEvent<{ panelId: string | null }>) => void;
		/**
		 * Menu items for the "Sign In" tab. Can be passed as a MenuItem array or JSON string.
		 */
		signInMenuItems?: MenuItem[] | string;
		/**
		 * Menu items for the "Topics" tab. Can be passed as a MenuItem array or JSON string.
		 */
		topicsMenuItems?: MenuItem[] | string;
	}
	/**
	 * Ontario Header Overflow Menu displays overflow navigation links for header contexts.
	 * It can operate in two modes:
	 * ### Standalone Mode
	 * Used when placed directly in the header (desktop view).
	 * - Manages its own open/close state via `menuButtonToggled` event
	 * - Automatically focuses first menu item when opened
	 * - Sets up focus trap to keep keyboard navigation within menu
	 * - Auto-closes when focus leaves the menu area
	 * - **Emits**: `menuClosed` event when menu closes (for cleanup/state sync)
	 * ### Embedded Mode
	 * Used when placed inside `ontario-header-menu-tabs` (mobile/tablet view).
	 * - Parent component controls open/close state
	 * - Parent component manages focus trap
	 * - Menu is always visible when parent tab is active
	 * - **Emits**: `endOfMenuReached` event when Tab is pressed on last item (for focus looping)
	 * ### Mode Detection
	 * - Auto-detected based on DOM position (no prop needed).
	 * - Checks if ancestor is `ontario-header-menu-tabs` or `.ontario-mobile-menu__panel`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
	 * - https://designsystem.ontario.ca/components/detail/application-header.html
	 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-overflow-menu/
	 */
	interface OntarioHeaderOverflowMenu {
		/**
		 * Whether the standalone menu should move focus to the first item when opened. This should only be true for keyboard-triggered opens.
		 * @default false
		 */
		focusFirstItemOnOpen?: boolean;
		/**
		 * Whether this is the last menu in a series of menus. If true, Tab from last item goes to next element on page. If false, Tab from last item emits focusNextElement for header to handle.
		 * @default true
		 */
		isLastMenu?: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * The menu items to display. Can be passed as a MenuItem array or JSON string.  The items that will go inside the menu.
		 * @example <ontario-header-overflow-menu 	menu-items='[{ 		"title": "Link 1", 		"href": "/link-1" 		"linkIsActive": "false" 	},{ 		"title": "Link 2", 		"href": "/link-2" 		"linkIsActive": "false" 	},{ 		"title": "Link 3", 		"href": "/link-3" 		"linkIsActive": "false" 	},{ 		"title": "Link 4", 		"href": "/link-4" 		"linkIsActive": "false" 	}]'> </ontario-header-overflow-menu>
		 */
		menuItems?: MenuItem[] | string;
		/**
		 * Event emitted when Tab is pressed on the last menu item (embedded mode).
		 */
		onEndOfMenuReached?: (event: OntarioHeaderOverflowMenuCustomEvent<void>) => void;
		/**
		 * Event emitted when Shift+Tab is pressed on first menu item. Tells the header to focus the menu button.
		 */
		onFocusMenuButton?: (event: OntarioHeaderOverflowMenuCustomEvent<void>) => void;
		/**
		 * Event emitted when Tab is pressed on the last menu item in standalone mode. Tells the header to focus the next appropriate element.
		 */
		onFocusNextElement?: (event: OntarioHeaderOverflowMenuCustomEvent<void>) => void;
		/**
		 * Event emitted when user Tabs from the menu button. Asks if menu is open and ready to receive focus.
		 */
		onMenuButtonTabPressed?: (event: OntarioHeaderOverflowMenuCustomEvent<void>) => void;
		/**
		 * Event emitted when menu closes (standalone mode).
		 */
		onMenuClosed?: (event: OntarioHeaderOverflowMenuCustomEvent<void>) => void;
		/**
		 * Whether Tab from the last menu item should return focus to the trigger button instead of moving to the next menu or next page element.
		 * @default false
		 */
		returnFocusToTriggerOnLastTab?: boolean;
	}
	/**
	 * Ontario Hint Expander reveals optional supporting guidance on demand.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-expander/
	 */
	interface OntarioHintExpander {
		/**
		 * Content to display as the hint, once the expander is toggled open. Please note that any content that is passed into this prop will only be displayed as a string. If you would like to add HTML content, supply child content to the component.
		 * @example <ontario-hint-expander hint="This is the hint"   <img src="https://www.jquery-az.com/html/images/banana.jpg" title="Title of image" alt="alt text here"/>   <p> Here is the content beside the image </p> </ontario-hint-expander>
		 */
		content?: string;
		/**
		 * Used to used to establish a relationship between hint text content and elements using aria-describedby. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Text to display as the hint expander question/statement
		 */
		hint?: string;
		/**
		 * The content type of the hint. If no prop is passed, it will default to a string. If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.
		 * @default 'string'
		 */
		hintContentType?: HintContentType;
		/**
		 * Emitted when a keyboard input or mouse event occurs.
		 */
		onToggleExpanderEvent?: (event: OntarioHintExpanderCustomEvent<MouseEvent | KeyboardEvent>) => void;
	}
	/**
	 * Ontario Hint Text provides concise supporting instructions for form controls.
	 * Use hint text to help users understand how to complete fields in a form.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/hint-text.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-text/
	 */
	interface OntarioHintText {
		/**
		 * The unique identifier of the element. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Text to display as the hint text statement.  Setting the hint can be done using the host element textContent or through setting this property.  This property will take precedence.
		 * @example <ontario-hint-text hint="Override Hint Text">Hint Text</ontario-button>  The resulting hint text will display `"Override Hint Text"`.
		 */
		hint?: string;
		/**
		 * The content type of the hint. If no prop is passed, it will default to a string. If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.
		 * @default 'string'
		 */
		hintContentType?: HintContentType;
	}
	interface OntarioIconAccessibility {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAccount {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAdd {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAddAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAlertError {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAlertInformation {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAlertSuccess {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAlertWarning {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconArrowUp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconAttach {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconBookmarkOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconBookmarkOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCalendar {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCamera {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconChevronDown {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconChevronLeft {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconChevronRight {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconChevronUp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconClock {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconClose {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCloseHeader {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCloud {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCollapse {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCreditCard {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconCriticalAlertWarning {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconDelete {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconDocument {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconDownload {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconDropdownArrow {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconEdit {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconEmail {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconExpand {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconExport {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFacebook {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFacebookAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFavouriteOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFavouriteOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFilter {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconFlickr {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconGrid {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconHelp {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconInstagram {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconInteracEn {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconInteracEnAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconInteracFr {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconInteracFrAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLinkedin {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLinkedinAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconList {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLiveChat {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLocationOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLocationOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLockOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconLockOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMap {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMastercard {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMastercardAlt {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMediaFastForward {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMediaFastRewind {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMediaPause {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMediaPlay {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMediaStop {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMenu {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMenuHeader {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMicrophoneOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMicrophoneOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMoreAccounts {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconMoreVertical {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconNewWindow {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconNext {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconNotification {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPasswordHide {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPasswordShow {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPhone {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPhoto {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPinLocationOff {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPinLocationOn {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPrevious {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconPrint {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconRemove {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconRemoveAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconReplay {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconRssFeed {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSave {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSearch {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSearchWhite {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSentiment1 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSentiment2 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSentiment3 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSentiment4 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSentiment5 {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSettings {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconShare {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSort {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSortAlphabeticalAscending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSortAlphabeticalDescending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSortAscending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSortDescending {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconSortVariant {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTag {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTextMessage {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTimer {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTransportBicycle {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTransportBus {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTransportCar {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTransportWalk {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTty {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTune {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTwitter {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconTwitterAlt {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconUpload {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconVideo {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconVisa {
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconVoteDislike {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconVoteLike {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconVpnKey {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconWheelchair {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconWifi {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	interface OntarioIconYoutube {
		/**
		 * Set the icon's colour.
		 * @default 'black'
		 */
		colour?: IconColour;
		/**
		 * The icon width will autogenerate the height since the icons are in square format, thus preserving the aspect ratio.
		 * @default 24
		 */
		iconWidth?: IconSize;
		/**
		 * Whether the icon is decorative and should be hidden from assistive technologies. When set to true, the icon will have aria-hidden="true" and role="img" will be removed from the SVG element. When set to false (default), the icon is exposed to assistive technologies with role="img".
		 * @default false
		 */
		isDecorative?: boolean;
	}
	/**
	 * Ontario In-Page Navigation presents a heading and ordered list of links that help users navigate long single-page content.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-in-page-navigation/
	 */
	interface OntarioInPageNavigation {
		/**
		 * Optional heading text. If omitted, the heading is resolved from i18n.
		 */
		heading?: string;
		/**
		 * Heading level used for the component heading.
		 * @default 'h2'
		 */
		headingLevel?: OntarioInPageNavigationHeadingLevel;
		/**
		 * Language used for translated defaults.
		 */
		language?: Language;
		/**
		 * Removes the top border from the navigation container.
		 * @default false
		 */
		noTopBorder?: boolean;
		/**
		 * Skip link target id (without #) or anchor (with #).
		 * @default 'skip-to-main'
		 */
		skipLinkTarget?: string;
		/**
		 * Enables smooth scrolling and hash updates for in-page links.
		 * @default true
		 */
		smoothScroll?: boolean;
	}
	/**
	 * A single list item link used inside `ontario-in-page-navigation`.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
	 */
	interface OntarioInPageNavigationItem {
		/**
		 * In-page anchor target, for example #eligibility.
		 */
		href?: string;
		/**
		 * Marks the current/active section.
		 * @default false
		 */
		isCurrent?: boolean;
		/**
		 * Link label for the in-page navigation item.
		 */
		label?: string;
		/**
		 * Language used if localized text is required in the future.
		 */
		language?: Language;
	}
	/**
	 * Ontario Input captures single-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-inputs.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-input/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioInput {
		/**
		 * The text to display as the input label
		 * @example <ontario-input   caption='{     "captionText": "Address",     "captionType": "heading",   }   required="true"   ...> </ontario-input>
		 */
		caption?: Caption | string;
		/**
		 * Used to add a custom function to the input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * The unique identifier of the input. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Enable live validation on the input.  Custom live validation can be performed using an `inputValidator` validation function.  It will also validate the `required` state if no errors are returned from the `inputValidator`.  Please set a `requiredValidationMessage` to report concisely to the end user what they are required to set.
		 * @default false
		 */
		enableLiveValidation?: boolean;
		/**
		 * Set this to display an error message.
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the input component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-input   caption='{     "caption": "Address",     "captionType": "heading",   }   hint-expander='{    "hint": "Hint expander",    "content": "This is the content"   }'   required="true" > </ontario-input>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the input. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * Validate the validity of the input value `onBlur`.  This `async` function should return a result to trigger an error message.  Returning `undefined` or `null` will clear it.
		 */
		inputValidator?: (value?: string) => Promise<{ errorMessage?: string } | null | undefined>;
		/**
		 * The width of the input field. If no value is assigned, it will present as the `default` input width.
		 * @default 'default'
		 */
		inputWidth?:
			| '2-char-width'
			| '3-char-width'
			| '4-char-width'
			| '5-char-width'
			| '7-char-width'
			| '10-char-width'
			| '20-char-width'
			| 'default';
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * The name assigned to the input. The name value is used to reference form data after a form is submitted.
		 */
		name?: string;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioInputCustomEvent<{ inputId: string; errorMessage: string }>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has lost focus.
		 */
		onInputOnBlur?: (event: OntarioInputCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when an input has been changed.
		 */
		onInputOnChange?: (event: OntarioInputCustomEvent<InputInteractionEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has gained focus.
		 */
		onInputOnFocus?: (event: OntarioInputCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a input  occurs when an input has been changed.
		 */
		onInputOnInput?: (event: OntarioInputCustomEvent<InputInputEvent>) => void;
		/**
		 * This is used to determine whether the input is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).  _Please add a validation messaging using `requiredValidationMessage` if setting this property._
		 * @example <ontario-input 	id="address-line-1" 	caption="Address line 1" 	required 	required-validation-message="Please enter an address, including street number and street name" 	name="address-line-1" 	hint-text="Street and number or P.O. box." ></ontario-input>
		 * @default false
		 */
		required?: boolean;
		/**
		 * Custom error message to display if a required field is not filled out.  _Please add a custom message when setting an input as required_.
		 */
		requiredValidationMessage?: string;
		/**
		 * The input type value.  If no `type` is provided, it will default to 'text'.
		 * @default 'text'
		 */
		type?: 'text' | 'tel' | 'email' | 'password';
		/**
		 * The input content value.  This is optional.
		 */
		value?: string;
	}
	/**
	 * Ontario Language Toggle switches the interface between supported languages.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-language-toggle/
	 */
	interface OntarioLanguageToggle {
		/**
		 * A custom function to pass to the language toggle button.  This is optional.
		 */
		customLanguageToggle?: (event: globalThis.Event) => void;
		/**
		 * The language of the component.  In most cases, the language toggle should be the source of truth for determining the site language.  Only pass a language value here if necessary.
		 */
		language?: Language;
		/**
		 * Event that fires when the language toggle is pressed/clicked.  The event contains the oldLanguage along with the newLanguage.
		 */
		onHeaderLanguageToggled?: (event: OntarioLanguageToggleCustomEvent<HeaderLanguageToggleEventDetails>) => void;
		/**
		 * Event that fires during the setAppLanguageHandler() method.  The event contains the current language (after language logic has already occurred).
		 */
		onSetAppLanguage?: (event: OntarioLanguageToggleCustomEvent<Language>) => void;
		/**
		 * The size of the language toggle button.  If no prop is passed, it will be set to the `default` size.
		 * @default 'default'
		 */
		size?: 'default' | 'small';
		/**
		 * The URL to change to when the language toggle button is clicked.  This is optional.
		 */
		url?: string;
	}
	/**
	 * Ontario Loading Indicator communicates in-progress loading states.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/loading-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-loading-indicator/
	 */
	interface OntarioLoadingIndicator {
		/**
		 * A boolean value to determine whether the loading indicator overlay covers the full page or not. By default, this is set to `true`.  If set to `false`, the loading indicator overlay will be positioned absolutely relative to its container. Note that this will only work if the containing element has a style rule specifying it to be positioned relatively.
		 * @default true
		 */
		fullScreenOverlay?: boolean;
		/**
		 * A boolean value to determine whether or not the loading indicator is loading (i.e: is visible) or not.
		 * @default false
		 */
		isLoading?: boolean;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The message that tells the user what is happening or why the user is waiting. If no message prop is passed, it will default to "Loading". Translations for this default message are included.  This is optional.
		 */
		message?: string;
		/**
		 * The type of loading indicator to render.
		 * @default 'large'
		 */
		type?: 'small' | 'large';
	}
	/**
	 * Ontario Page Alert is used for high-importance status messages that apply to the whole page
	 * (for example informational, warning, success, or error outcomes).
	 * For component selection guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
	 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-page-alert/
	 */
	interface OntarioPageAlert {
		/**
		 * The main content for the page alert. This can be rendered as either string or HTML content.
		 */
		content?: string;
		/**
		 * The heading for the page alert.
		 * @example <ontario-page-alert heading="Licence plates"> </ontario-page-alert>
		 */
		heading?: string;
		/**
		 * The type of page alert to render. If no value is provided, the `informational` type alert would be rendered.  There are four possible values for page alert: `informational`, `warning`, `success` or `error`.
		 * @example <ontario-page-alert type="error"> </ontario-page-alert>
		 * @default 'informational'
		 */
		type?: PageAlertType;
	}
	/**
	 * Ontario Radio Buttons captures a single choice from a defined option set.
	 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep options and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/radio-buttons.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-radio-buttons/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioRadioButtons {
		/**
		 * The text to display for the radio button legend.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",    }'   required="true"   ...> </ontario-radio-buttons>
		 */
		caption?: Caption | string;
		/**
		 * Used to add a custom function to the radio input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the radio input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the radio input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the radio button group. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",   }' 	 name="radios"   options='[ 	   {        "value": "radio-option-1", 		  "elementId": "radio-1",        "label": "Radio option 1 label",        "hintExpander": { 		  "hint": "Hint expander for radio option 1", 		      "content": "Example hint expander content for radio option 1." 	  }     }   ]'   hint-expander='{     "hint": "Hint expander for the radio button group",     "content": "Example hint expander content for the radio button group."   }'   required="true" > </ontario-radio-buttons>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for radio button group. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name assigned to the radio button. The name value is used to reference form data after a form is submitted.
		 */
		name?: string;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioRadioButtonsCustomEvent<{ errorMessage: string }>) => void;
		/**
		 * Emitted when a keyboard input event occurs when a radio option has lost focus.
		 */
		onRadioOnBlur?: (event: OntarioRadioButtonsCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when a radio option has been changed.
		 */
		onRadioOnChange?: (event: OntarioRadioButtonsCustomEvent<RadioAndCheckboxChangeEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when a radio option has gained focus.
		 */
		onRadioOnFocus?: (event: OntarioRadioButtonsCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * The options for the radio button group.  Each property will be passed in through an object in the options array. This can either be passed in as an object directly (if using react), or as a string in HTML. If there are multiple radio buttons in a group, each radio button will be displayed as an option.  In the example below, the options are being passed in as a string and there are two radio buttons to be displayed in the group.
		 * @example <ontario-radio-buttons   caption='{     "captionText": "Radio legend",     "captionType": "heading",   }'   name="radios"   hint-text="Hint text for the radio button group."   options='[     {        "value": "radio-option-1", 		  "elementId": "radio-1",        "label": "Radio option 1 label"     },     {        "value": "radio-option-2", 		  "elementId": "radio-2",        "label": "Radio option 2 label",        "hintExpander": { 		  "hint": "Hint expander for radio option 2", 		      "content": "Example hint expander content for radio option 2." 	  }      }   ]'   required="true" > </ontario-radio-buttons>
		 */
		options?: string | RadioOption[];
		/**
		 * This is used to determine whether the radio button is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The currently selected radio option value.  The component keeps the host `value` in sync as users interact with the radio group. If `value` is provided, it takes precedence over any `checked` flags passed through `options`.
		 */
		value?: string;
	}
	/**
	 * Ontario Search Box captures and submits search queries.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/search-box.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-search-box/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioSearchBox {
		/**
		 * The text to display as the input label
		 * @example <ontario-search-box   caption='{ 		"captionText": "Search directory", 		"captionType": "default" 	}' 	required = "true" > </ontario-search-box>
		 */
		caption: Caption | string;
		/**
		 * Used to add a custom function to the input onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the input onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * Debounce delay in milliseconds before `getSuggestions` is called.
		 * @default OntarioSearchBox.DEFAULT_DEBOUNCE_MS
		 */
		debounceMs?: number;
		/**
		 * The unique identifier of the search-box component. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Enables autocomplete behaviour on the search input.
		 * @default false
		 */
		enableAutocomplete?: boolean;
		/**
		 * Async suggestion provider for autocomplete mode. Slot content has precedence over this callback.
		 */
		getSuggestions?: (query: string) => Promise<Suggestion[]>;
		/**
		 * Used to include the ontario-hint-text component for the search-box. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations. If none is passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Maximum number of suggestions rendered in async mode.
		 * @default OntarioSearchBox.DEFAULT_MAX_SUGGESTIONS
		 */
		maxSuggestions?: number;
		/**
		 * Minimum number of characters required before suggestions are shown.
		 * @default OntarioSearchBox.DEFAULT_MIN_CHARS
		 */
		minChars?: number;
		/**
		 * Emitted when the autocomplete query changes.
		 */
		onAutocompleteQueryUpdated?: (event: OntarioSearchBoxCustomEvent<{ query: string }>) => void;
		/**
		 * Emitted when a suggestion is selected.
		 */
		onAutocompleteSuggestionSelected?: (
			event: OntarioSearchBoxCustomEvent<AutocompleteSuggestionSelectedEvent>,
		) => void;
		/**
		 * Emitted after suggestions are updated from either slot content or async mode.
		 */
		onAutocompleteSuggestionsUpdated?: (event: OntarioSearchBoxCustomEvent<{ query: string; count: number }>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has lost focus.
		 */
		onInputOnBlur?: (event: OntarioSearchBoxCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when an input has been changed.
		 */
		onInputOnChange?: (event: OntarioSearchBoxCustomEvent<InputInteractionEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has gained focus.
		 */
		onInputOnFocus?: (event: OntarioSearchBoxCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a input  occurs when an input has been changed.
		 */
		onInputOnInput?: (event: OntarioSearchBoxCustomEvent<InputInputEvent>) => void;
		/**
		 * Emitted when the search is submitted. Below is an example on how to hook into the event to get the event details.
		 * @example <script> 	document.getElementById('ontario-search-box').addEventListener('searchOnSubmit', (event) => {  		const searchValue = event.detail; 		console.log('Search submitted with value:', searchValue);   }; 	</script>
		 */
		onSearchOnSubmit?: (event: OntarioSearchBoxCustomEvent<string>) => void;
		/**
		 * This Function to perform a search operation. This function will be called when the search submit button is triggered. The value argument is used for as search term to use for the search operation. This parameter is optional. The performSearch prop can be set dynamically using JavaScript, allowing you to define custom search functionality when the search form is submitted.
		 * @example <ontario-search-box   id="ontario-search-box"   caption='Search directory' ></ontario-search-box>  <script> window.addEventListener('load', () => { 	const searchBox = document.getElementById('ontario-search-box'); 	searchBox.performSearch = async (value) => { 			console.log('Performing search with value:', value); 	}; }); </script>
		 */
		performSearch?: (value?: string) => Promise<void>;
		/**
		 * This is used to determine whether the dropdown list is required or not. This prop gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The value of the search term. This is optional.
		 */
		value?: string;
	}
	/**
	 * Ontario Search Result Item renders a semantic option row for search suggestions.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/autocomplete.html
	 */
	interface OntarioSearchResultItem {
		/**
		 * Marks the option as active during keyboard navigation (parent-managed).
		 * @default false
		 */
		active?: boolean;
		/**
		 * Optional secondary text shown below the label.
		 */
		description?: string;
		/**
		 * Marks the option as disabled and non-interactive.
		 * @default false
		 */
		disabled?: boolean;
		/**
		 * Optional URL to represent a navigable search result.
		 */
		href?: string;
		/**
		 * Primary text for the suggestion row.
		 */
		label?: string;
		/**
		 * Optional language prop to align with component API conventions.
		 * @default 'en'
		 */
		language?: Language;
		/**
		 * Emitted when a non-disabled option is selected via click.
		 */
		onItemSelected?: (
			event: OntarioSearchResultItemCustomEvent<{ label?: string; value?: string; href?: string }>,
		) => void;
		/**
		 * Ordered label segments used to render matched input text and completion text.
		 */
		segments?: Segment[];
		/**
		 * Marks the option as selected (parent-managed).
		 * @default false
		 */
		selected?: boolean;
		/**
		 * Optional value used by parent components during selection. Falls back to `label` when not set.
		 */
		value?: string;
	}
	/**
	 * Ontario Step Indicator communicates progress through multi-step flows.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/step-indicator.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-step-indicator/
	 */
	interface OntarioStepIndicator {
		/**
		 * URL for the back element to set a path for where the link will lead.  If a URL is passed in, the back element will display as an anchor tag. The back element will require either the backButtonURL prop or the customOnClick prop to be passed in order for the back element to display.
		 */
		backButtonUrl?: string;
		/**
		 * A number value to indicate which step the user is currently on.
		 */
		currentStep?: number;
		/**
		 * Used to add a custom function to the back button onClick event.  If this function is passed in, the back element will display as a button. The back element will require either the backButtonURL prop or the customOnClick prop to be passed in order for the back element to display.
		 */
		customOnClick?: (event: globalThis.Event) => void;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
		/**
		 * A number value to indicate to the user the total number of steps the form has.
		 */
		numberOfSteps?: number;
		/**
		 * A number value to indicate to the user the percentage of the form that has been completed.
		 */
		percentageComplete?: number;
		/**
		 * A boolean value to determine whether or not the back button is displayed for the step indicator.  This is optional. If no prop is passed, it will default to `false`.
		 * @default false
		 */
		showBackButton?: boolean;
	}
	/**
	 * Ontario Summary List groups labelled answers for review before a user submits or confirms information.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-summary-list/
	 */
	interface OntarioSummaryList {
		/**
		 * The section heading text for this summary list group. This prop is required.
		 */
		caption: string;
		/**
		 * Renders a section-level change link in the heading row. Accepts a JSON string (for plain HTML) or an object (for JSX/framework use). The `href` property is required. An optional `label` overrides the visible link text; if omitted, the component uses the localized default ("Change" / "Modifier"). Screen-reader text is always auto-generated from `caption`.  Use the `caption-action` slot instead when a router-aware link is needed.
		 */
		captionActionLink?: string | SummaryListActionLink;
		/**
		 * Adjusts the flex ratio between the key and value columns. Recommended when questions are short. If omitted, columns share equal width.
		 */
		columnRatio?: SummaryListColumnRatio;
		/**
		 * When `true`, the summary list expands to the full available width. Recommended when the list contains text area responses.
		 * @default false
		 */
		fullWidth?: boolean;
		/**
		 * The heading element to use for the section caption. Defaults to `h3`. The heading level should match the document hierarchy of the consuming page.
		 * @default 'h3'
		 */
		headingLevel?: SummaryListHeadingLevel;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 */
		language?: Language;
	}
	/**
	 * Ontario Summary List Item renders a single key/value row inside an ontario-summary-list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/summary-list.html
	 */
	interface OntarioSummaryListItem {
		/**
		 * Renders a row-level change link. Accepts a JSON string (for plain HTML) or an object (for JSX/framework use). `href` is required; `label` overrides the visible link text (defaults to the i18n "Change" / "Modifier" label). Screen-reader text is always auto-generated from `name`.  Use the `action` slot instead when a router-aware link is needed. The slot takes precedence over this prop when both are present.
		 */
		actionLink?: string | SummaryListActionLink;
		/**
		 * When `true`, applies reduced row padding via the `.compact` modifier class.
		 */
		compact?: boolean;
		/**
		 * The value/response rendered as `<dd>`. This prop is required.
		 */
		description: string;
		/**
		 * The language of the component. Defaults to English via `validateLanguage`. Set automatically through event listeners from the header by default.
		 */
		language?: Language;
		/**
		 * The key/question label rendered as `<dt>`. This prop is required.
		 */
		name: string;
	}
	/**
	 * Ontario Table presents structured tabular data with accessible semantics.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/tables.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-table/
	 */
	interface OntarioTable {
		/**
		 * Specifies the caption (or title) of the table.  This is optional.
		 */
		caption?: string | undefined;
		/**
		 * Used to specify whether or not table data in cells should have reduced top and bottom padding. This is useful for pages with multiple data-heavy tables such as a budget or financial data.  This is optional. By default it will be set to “false”.
		 * @default false
		 */
		condensed?: boolean | undefined;
		/**
		 * Used to specify whether or not the table should extend the full width of its container.  This is optional. By default, it will be set to “false”
		 * @default false
		 */
		fullWidth?: boolean | undefined;
		/**
		 * Used to define the columns of the table.
		 * @example ; <ontario-table table-columns='[ { "title": "Type of service", "key": "service" }, { "title": "Processing and delivery", "key": "processing" }, { "title": "Cost", "key": "cost", "type": "numeric" } ]' > </ontario-table>
		 */
		tableColumns?: string | TableColumnOptions[];
		/**
		 * Used to define the table body data. Note that the keys passed to the `data` object in the tableData should match the keys of the columns defined in the tableColumns prop.
		 * @example <ontario-table  table-data='[    {      "data": {        "service": "Regular service (online)",        "processing": "15 business days plus delivery by Canada Post",        "cost": "$15"      }    },    {      "data": {        "service": "Premium service (online)",        "cost": "$45",        "processing": "5 business days including delivery by courier"      }    }  ]' > </ontario-table>
		 */
		tableData?: string | TableRowOptions[];
		/**
		 * Indicates whether or not the table data should have alternate row zebra striping.  This is optional. By default, zebra striping will be added when the table rows extend 5 rows. If zebra striping is needed to table rows less than 5 rows, the prop should be set to “enabled”. If no zebra stripes are needed, it should be set to “disabled”.  The default will be set to “auto”.
		 * @default 'auto'
		 */
		zebraStripes?: 'auto' | 'disabled' | 'enabled' | undefined;
	}
	/**
	 * Ontario Task represents an individual task item and status within a task list.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task/
	 */
	interface OntarioTask {
		/**
		 * Disables the task link when set to `true`.  Default is `false`, meaning the link will be active if provided.
		 * @default false
		 */
		deactivateLink?: boolean;
		/**
		 * Allows consumers to define the heading level for the task label.  Accepts 'h2', 'h3' or 'h4'. Default is 'h3'.
		 * @default 'h3'
		 */
		headingLevel?: TaskHeadingLevel;
		/**
		 * Used to include the ontario-hint-text component for the task.  This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * Specifies the label of the task.  This is required to provide the name of the task.
		 */
		label?: string;
		/**
		 * The language of the component.  This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * Specifies an optional link associated with the task.  If provided, clicking the task will navigate to this URL.
		 */
		link?: string;
		/**
		 * A unique id for the task.  This is required.
		 */
		taskId?: string;
		/**
		 * Defines the status of the task.  Falls back to the default status if not provided, or if an unrecognized value is passed.
		 * @default TaskStatus.NotStarted
		 */
		taskStatus?: TaskStatus;
	}
	/**
	 * Ontario Task List groups and summarizes related tasks.
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/task-list.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task-list/
	 */
	interface OntarioTaskList {
		/**
		 * Allows consumers to define the heading level for the task list component.  Accepts 'h1', 'h2', 'h3' or 'h4'. Default is 'h2'.
		 * @default 'h2'
		 */
		headingLevel?: TaskListHeadingLevel;
		/**
		 * The label prop used for the task list heading.
		 */
		label?: string;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If none are passed, it will default to English.
		 * @default 'en'
		 */
		language?: Language;
	}
	/**
	 * Ontario Textarea captures multi-line text input.
	 * This component intentionally does not expose `readOnly` or `disabled` props.
	 * To support accessible and understandable form completion:
	 * - keep form fields and submission actions available
	 * - use validation and error messaging to guide corrections
	 * For component guidance, see:
	 * - https://designsystem.ontario.ca/components/detail/text-areas.html
	 * - https://designsystem.ontario.ca/developer-docs/components/ontario-textarea/
	 * Disabled/read-only policy source:
	 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
	 */
	interface OntarioTextarea {
		/**
		 * The text to display as the textarea label.
		 * @example <ontario-input   caption='{     "captionText": "Address",     "captionType": "heading",   }'   required="true"   ...> </ontario-input>
		 */
		caption?: Caption | string;
		/**
		 * Used to add a custom function to the textarea onBlur event.
		 */
		customOnBlur?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onChange event.
		 */
		customOnChange?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onFocus event.
		 */
		customOnFocus?: (event: globalThis.Event) => void;
		/**
		 * Used to add a custom function to the textarea onInput event.
		 */
		customOnInput?: (event: globalThis.Event) => void;
		/**
		 * The unique identifier of the textarea. This is optional - if no ID is passed, one will be generated.
		 */
		elementId?: string;
		/**
		 * Set this to display an error message
		 */
		errorMessage?: string;
		/**
		 * Used to include the ontario-hint-expander component for the textarea component. This is passed in as an object with key-value pairs.  This is optional.
		 * @example <ontario-textarea   caption='{     "captionText": "What are your thoughts",     "captionType": "heading",   }' 	 name: "textarea"   hint-expander='{     "hint": "This is the hint expander",     "content": "This is the content for the hint expander"   }'   required="true" > </ontario-textarea>
		 */
		hintExpander?: HintExpander | string;
		/**
		 * Used to include the ontario-hint-text component for the textarea. This is optional.
		 */
		hintText?: string | Hint;
		/**
		 * The language of the component. This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.
		 */
		language?: Language;
		/**
		 * The name assigned to the textarea. The name value is used to reference form data after a form is submitted.
		 */
		name?: string;
		/**
		 * Emitted when an error message is reported to the component.
		 */
		onInputErrorOccurred?: (event: OntarioTextareaCustomEvent<{ inputId: string; errorMessage: string }>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has lost focus.
		 */
		onInputOnBlur?: (event: OntarioTextareaCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a keyboard input or mouse event occurs when an input has been changed.
		 */
		onInputOnChange?: (event: OntarioTextareaCustomEvent<InputInteractionEvent>) => void;
		/**
		 * Emitted when a keyboard input event occurs when an input has gained focus.
		 */
		onInputOnFocus?: (event: OntarioTextareaCustomEvent<InputFocusBlurEvent>) => void;
		/**
		 * Emitted when a input event occurs when an input has been changed.
		 */
		onInputOnInput?: (event: OntarioTextareaCustomEvent<InputInputEvent>) => void;
		/**
		 * This is used to determine whether the textarea is required or not. This prop also gets passed to the InputCaption utility to display either an optional or required flag in the label. If no prop is set, it will default to false (optional).
		 * @default false
		 */
		required?: boolean;
		/**
		 * The textarea content value.
		 */
		value?: string;
	}
	interface IntrinsicElements {
		'ontario-accordion': OntarioAccordion;
		'ontario-aside': OntarioAside;
		'ontario-back-button': OntarioBackButton;
		'ontario-back-to-top': OntarioBackToTop;
		'ontario-badge': OntarioBadge;
		'ontario-blockquote': OntarioBlockquote;
		'ontario-button': OntarioButton;
		'ontario-callout': OntarioCallout;
		'ontario-card': OntarioCard;
		'ontario-card-collection': OntarioCardCollection;
		'ontario-checkboxes': OntarioCheckboxes;
		'ontario-critical-alert': OntarioCriticalAlert;
		'ontario-date-input': OntarioDateInput;
		'ontario-dropdown-list': OntarioDropdownList;
		'ontario-fieldset': OntarioFieldset;
		'ontario-footer': OntarioFooter;
		'ontario-form-container': OntarioFormContainer;
		'ontario-header': OntarioHeader;
		'ontario-header-menu-tabs': OntarioHeaderMenuTabs;
		'ontario-header-overflow-menu': OntarioHeaderOverflowMenu;
		'ontario-hint-expander': OntarioHintExpander;
		'ontario-hint-text': OntarioHintText;
		'ontario-icon-accessibility': OntarioIconAccessibility;
		'ontario-icon-account': OntarioIconAccount;
		'ontario-icon-add': OntarioIconAdd;
		'ontario-icon-add-alt': OntarioIconAddAlt;
		'ontario-icon-alert-error': OntarioIconAlertError;
		'ontario-icon-alert-information': OntarioIconAlertInformation;
		'ontario-icon-alert-success': OntarioIconAlertSuccess;
		'ontario-icon-alert-warning': OntarioIconAlertWarning;
		'ontario-icon-arrow-up': OntarioIconArrowUp;
		'ontario-icon-attach': OntarioIconAttach;
		'ontario-icon-bookmark-off': OntarioIconBookmarkOff;
		'ontario-icon-bookmark-on': OntarioIconBookmarkOn;
		'ontario-icon-calendar': OntarioIconCalendar;
		'ontario-icon-camera': OntarioIconCamera;
		'ontario-icon-chevron-down': OntarioIconChevronDown;
		'ontario-icon-chevron-left': OntarioIconChevronLeft;
		'ontario-icon-chevron-right': OntarioIconChevronRight;
		'ontario-icon-chevron-up': OntarioIconChevronUp;
		'ontario-icon-clock': OntarioIconClock;
		'ontario-icon-close': OntarioIconClose;
		'ontario-icon-close-header': OntarioIconCloseHeader;
		'ontario-icon-cloud': OntarioIconCloud;
		'ontario-icon-collapse': OntarioIconCollapse;
		'ontario-icon-credit-card': OntarioIconCreditCard;
		'ontario-icon-critical-alert-warning': OntarioIconCriticalAlertWarning;
		'ontario-icon-delete': OntarioIconDelete;
		'ontario-icon-document': OntarioIconDocument;
		'ontario-icon-download': OntarioIconDownload;
		'ontario-icon-dropdown-arrow': OntarioIconDropdownArrow;
		'ontario-icon-edit': OntarioIconEdit;
		'ontario-icon-email': OntarioIconEmail;
		'ontario-icon-expand': OntarioIconExpand;
		'ontario-icon-export': OntarioIconExport;
		'ontario-icon-facebook': OntarioIconFacebook;
		'ontario-icon-facebook-alt': OntarioIconFacebookAlt;
		'ontario-icon-favourite-off': OntarioIconFavouriteOff;
		'ontario-icon-favourite-on': OntarioIconFavouriteOn;
		'ontario-icon-filter': OntarioIconFilter;
		'ontario-icon-flickr': OntarioIconFlickr;
		'ontario-icon-grid': OntarioIconGrid;
		'ontario-icon-help': OntarioIconHelp;
		'ontario-icon-instagram': OntarioIconInstagram;
		'ontario-icon-interac-en': OntarioIconInteracEn;
		'ontario-icon-interac-en-alt': OntarioIconInteracEnAlt;
		'ontario-icon-interac-fr': OntarioIconInteracFr;
		'ontario-icon-interac-fr-alt': OntarioIconInteracFrAlt;
		'ontario-icon-linkedin': OntarioIconLinkedin;
		'ontario-icon-linkedin-alt': OntarioIconLinkedinAlt;
		'ontario-icon-list': OntarioIconList;
		'ontario-icon-live-chat': OntarioIconLiveChat;
		'ontario-icon-location-off': OntarioIconLocationOff;
		'ontario-icon-location-on': OntarioIconLocationOn;
		'ontario-icon-lock-off': OntarioIconLockOff;
		'ontario-icon-lock-on': OntarioIconLockOn;
		'ontario-icon-map': OntarioIconMap;
		'ontario-icon-mastercard': OntarioIconMastercard;
		'ontario-icon-mastercard-alt': OntarioIconMastercardAlt;
		'ontario-icon-media-fast-forward': OntarioIconMediaFastForward;
		'ontario-icon-media-fast-rewind': OntarioIconMediaFastRewind;
		'ontario-icon-media-pause': OntarioIconMediaPause;
		'ontario-icon-media-play': OntarioIconMediaPlay;
		'ontario-icon-media-stop': OntarioIconMediaStop;
		'ontario-icon-menu': OntarioIconMenu;
		'ontario-icon-menu-header': OntarioIconMenuHeader;
		'ontario-icon-microphone-off': OntarioIconMicrophoneOff;
		'ontario-icon-microphone-on': OntarioIconMicrophoneOn;
		'ontario-icon-more-accounts': OntarioIconMoreAccounts;
		'ontario-icon-more-vertical': OntarioIconMoreVertical;
		'ontario-icon-new-window': OntarioIconNewWindow;
		'ontario-icon-next': OntarioIconNext;
		'ontario-icon-notification': OntarioIconNotification;
		'ontario-icon-password-hide': OntarioIconPasswordHide;
		'ontario-icon-password-show': OntarioIconPasswordShow;
		'ontario-icon-phone': OntarioIconPhone;
		'ontario-icon-photo': OntarioIconPhoto;
		'ontario-icon-pin-location-off': OntarioIconPinLocationOff;
		'ontario-icon-pin-location-on': OntarioIconPinLocationOn;
		'ontario-icon-previous': OntarioIconPrevious;
		'ontario-icon-print': OntarioIconPrint;
		'ontario-icon-remove': OntarioIconRemove;
		'ontario-icon-remove-alt': OntarioIconRemoveAlt;
		'ontario-icon-replay': OntarioIconReplay;
		'ontario-icon-rss-feed': OntarioIconRssFeed;
		'ontario-icon-save': OntarioIconSave;
		'ontario-icon-search': OntarioIconSearch;
		'ontario-icon-search-white': OntarioIconSearchWhite;
		'ontario-icon-sentiment-1': OntarioIconSentiment1;
		'ontario-icon-sentiment-2': OntarioIconSentiment2;
		'ontario-icon-sentiment-3': OntarioIconSentiment3;
		'ontario-icon-sentiment-4': OntarioIconSentiment4;
		'ontario-icon-sentiment-5': OntarioIconSentiment5;
		'ontario-icon-settings': OntarioIconSettings;
		'ontario-icon-share': OntarioIconShare;
		'ontario-icon-sort': OntarioIconSort;
		'ontario-icon-sort-alphabetical-ascending': OntarioIconSortAlphabeticalAscending;
		'ontario-icon-sort-alphabetical-descending': OntarioIconSortAlphabeticalDescending;
		'ontario-icon-sort-ascending': OntarioIconSortAscending;
		'ontario-icon-sort-descending': OntarioIconSortDescending;
		'ontario-icon-sort-variant': OntarioIconSortVariant;
		'ontario-icon-tag': OntarioIconTag;
		'ontario-icon-text-message': OntarioIconTextMessage;
		'ontario-icon-timer': OntarioIconTimer;
		'ontario-icon-transport-bicycle': OntarioIconTransportBicycle;
		'ontario-icon-transport-bus': OntarioIconTransportBus;
		'ontario-icon-transport-car': OntarioIconTransportCar;
		'ontario-icon-transport-walk': OntarioIconTransportWalk;
		'ontario-icon-tty': OntarioIconTty;
		'ontario-icon-tune': OntarioIconTune;
		'ontario-icon-twitter': OntarioIconTwitter;
		'ontario-icon-twitter-alt': OntarioIconTwitterAlt;
		'ontario-icon-upload': OntarioIconUpload;
		'ontario-icon-video': OntarioIconVideo;
		'ontario-icon-visa': OntarioIconVisa;
		'ontario-icon-vote-dislike': OntarioIconVoteDislike;
		'ontario-icon-vote-like': OntarioIconVoteLike;
		'ontario-icon-vpn-key': OntarioIconVpnKey;
		'ontario-icon-wheelchair': OntarioIconWheelchair;
		'ontario-icon-wifi': OntarioIconWifi;
		'ontario-icon-youtube': OntarioIconYoutube;
		'ontario-in-page-navigation': OntarioInPageNavigation;
		'ontario-in-page-navigation-item': OntarioInPageNavigationItem;
		'ontario-input': OntarioInput;
		'ontario-language-toggle': OntarioLanguageToggle;
		'ontario-loading-indicator': OntarioLoadingIndicator;
		'ontario-page-alert': OntarioPageAlert;
		'ontario-radio-buttons': OntarioRadioButtons;
		'ontario-search-box': OntarioSearchBox;
		'ontario-search-result-item': OntarioSearchResultItem;
		'ontario-step-indicator': OntarioStepIndicator;
		'ontario-summary-list': OntarioSummaryList;
		'ontario-summary-list-item': OntarioSummaryListItem;
		'ontario-table': OntarioTable;
		'ontario-task': OntarioTask;
		'ontario-task-list': OntarioTaskList;
		'ontario-textarea': OntarioTextarea;
	}
}
export { LocalJSX as JSX };
declare module '@stencil/core' {
	export namespace JSX {
		interface IntrinsicElements {
			/**
			 * Ontario Accordion presents collapsible sections of content.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/accordions.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-accordion/
			 */
			'ontario-accordion': LocalJSX.OntarioAccordion & JSXBase.HTMLAttributes<HTMLOntarioAccordionElement>;
			/**
			 * Ontario Aside is used for related, non-essential information that supports content beside the main task flow.
			 * For component selection guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
			 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-aside/
			 */
			'ontario-aside': LocalJSX.OntarioAside & JSXBase.HTMLAttributes<HTMLOntarioAsideElement>;
			/**
			 * Ontario Back Button renders a consistent, accessible back action shell.
			 * This component is intentionally navigation-strategy agnostic.
			 * Consumers choose whether back behaviour uses browser history, explicit href navigation, or event-only routing.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/back-button.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-button/
			 */
			'ontario-back-button': LocalJSX.OntarioBackButton & JSXBase.HTMLAttributes<HTMLOntarioBackButtonElement>;
			/**
			 * Ontario Back to Top helps users quickly return to the top of long pages.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/back-to-top.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-back-to-top/
			 */
			'ontario-back-to-top': LocalJSX.OntarioBackToTop & JSXBase.HTMLAttributes<HTMLOntarioBackToTopElement>;
			/**
			 * Ontario Badge displays concise status labels and metadata.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/badges.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-badge/
			 */
			'ontario-badge': LocalJSX.OntarioBadge & JSXBase.HTMLAttributes<HTMLOntarioBadgeElement>;
			/**
			 * Ontario Blockquote displays quoted content with optional attribution.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/blockquote.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-blockquote/
			 */
			'ontario-blockquote': LocalJSX.OntarioBlockquote & JSXBase.HTMLAttributes<HTMLOntarioBlockquoteElement>;
			/**
			 * Ontario Button triggers actions and supports button or link behavior.
			 * This component intentionally does not expose a `disabled` prop.
			 * To support accessible and understandable form completion:
			 * - keep actions available
			 * - use validation and error messaging to guide corrections instead of disabling
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-button/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-button': LocalJSX.OntarioButton & JSXBase.HTMLAttributes<HTMLOntarioButtonElement>;
			/**
			 * Ontario Callout is used for supplementary, in-flow guidance that supports nearby content without elevating to a page-level alert.
			 * For component selection guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
			 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-callout/
			 */
			'ontario-callout': LocalJSX.OntarioCallout & JSXBase.HTMLAttributes<HTMLOntarioCalloutElement>;
			/**
			 * Ontario Card displays linked content summaries with optional media and metadata.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/cards.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card/
			 */
			'ontario-card': LocalJSX.OntarioCard & JSXBase.HTMLAttributes<HTMLOntarioCardElement>;
			/**
			 * Ontario Card Collection lays out multiple cards in a responsive grid.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-card-collection/
			 */
			'ontario-card-collection': LocalJSX.OntarioCardCollection &
				JSXBase.HTMLAttributes<HTMLOntarioCardCollectionElement>;
			/**
			 * Ontario Checkboxes collects one or more selections from a defined option set.
			 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep options and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/checkboxes.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-checkboxes/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-checkboxes': LocalJSX.OntarioCheckboxes & JSXBase.HTMLAttributes<HTMLOntarioCheckboxesElement>;
			/**
			 * Ontario Critical Alert communicates urgent, high-priority emergency information.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/critical-alerts.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-critical-alert/
			 */
			'ontario-critical-alert': LocalJSX.OntarioCriticalAlert & JSXBase.HTMLAttributes<HTMLOntarioCriticalAlertElement>;
			/**
			 * Ontario Date Input captures day, month, and year values as a single date field.
			 * This component intentionally does not expose `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep form fields and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/dates.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-date-input/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-date-input': LocalJSX.OntarioDateInput & JSXBase.HTMLAttributes<HTMLOntarioDateInputElement>;
			/**
			 * Ontario Dropdown List presents a selectable list of predefined options.
			 * This component intentionally does not expose `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep form fields and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/dropdown-lists.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-dropdown-list/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-dropdown-list': LocalJSX.OntarioDropdownList & JSXBase.HTMLAttributes<HTMLOntarioDropdownListElement>;
			/**
			 * Ontario Fieldset groups related form controls under a shared legend.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/fieldsets.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-fieldset/
			 */
			'ontario-fieldset': LocalJSX.OntarioFieldset & JSXBase.HTMLAttributes<HTMLOntarioFieldsetElement>;
			/**
			 * Ontario Footer renders simple or expanded footer patterns for Ontario sites and applications.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/simple-footer.html
			 * - https://designsystem.ontario.ca/components/detail/expanded-footer.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-footer/
			 */
			'ontario-footer': LocalJSX.OntarioFooter & JSXBase.HTMLAttributes<HTMLOntarioFooterElement>;
			/**
			 * Ontario Form Container applies consistent spacing between grouped form elements.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-form-container/
			 */
			'ontario-form-container': LocalJSX.OntarioFormContainer & JSXBase.HTMLAttributes<HTMLOntarioFormContainerElement>;
			/**
			 * Ontario Header renders Ontario.ca, application, and ServiceOntario header variants.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
			 * - https://designsystem.ontario.ca/components/detail/application-header.html
			 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header/
			 */
			'ontario-header': LocalJSX.OntarioHeader & JSXBase.HTMLAttributes<HTMLOntarioHeaderElement>;
			/**
			 * Ontario Header Menu Tabs provides mobile and tablet tabbed navigation for header menus.
			 * - Displays two tabs (Topics and Sign In) with overflow menu content.
			 * - Manages keyboard navigation, focus trapping, and accessibility.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
			 * - https://designsystem.ontario.ca/components/detail/application-header.html
			 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-menu-tabs/
			 */
			'ontario-header-menu-tabs': LocalJSX.OntarioHeaderMenuTabs &
				JSXBase.HTMLAttributes<HTMLOntarioHeaderMenuTabsElement>;
			/**
			 * Ontario Header Overflow Menu displays overflow navigation links for header contexts.
			 * It can operate in two modes:
			 * ### Standalone Mode
			 * Used when placed directly in the header (desktop view).
			 * - Manages its own open/close state via `menuButtonToggled` event
			 * - Automatically focuses first menu item when opened
			 * - Sets up focus trap to keep keyboard navigation within menu
			 * - Auto-closes when focus leaves the menu area
			 * - **Emits**: `menuClosed` event when menu closes (for cleanup/state sync)
			 * ### Embedded Mode
			 * Used when placed inside `ontario-header-menu-tabs` (mobile/tablet view).
			 * - Parent component controls open/close state
			 * - Parent component manages focus trap
			 * - Menu is always visible when parent tab is active
			 * - **Emits**: `endOfMenuReached` event when Tab is pressed on last item (for focus looping)
			 * ### Mode Detection
			 * - Auto-detected based on DOM position (no prop needed).
			 * - Checks if ancestor is `ontario-header-menu-tabs` or `.ontario-mobile-menu__panel`.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/ontario-header.html
			 * - https://designsystem.ontario.ca/components/detail/application-header.html
			 * - https://designsystem.ontario.ca/components/detail/service-ontario-header.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-header-overflow-menu/
			 */
			'ontario-header-overflow-menu': LocalJSX.OntarioHeaderOverflowMenu &
				JSXBase.HTMLAttributes<HTMLOntarioHeaderOverflowMenuElement>;
			/**
			 * Ontario Hint Expander reveals optional supporting guidance on demand.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/hint-text.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-expander/
			 */
			'ontario-hint-expander': LocalJSX.OntarioHintExpander & JSXBase.HTMLAttributes<HTMLOntarioHintExpanderElement>;
			/**
			 * Ontario Hint Text provides concise supporting instructions for form controls.
			 * Use hint text to help users understand how to complete fields in a form.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/hint-text.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-hint-text/
			 */
			'ontario-hint-text': LocalJSX.OntarioHintText & JSXBase.HTMLAttributes<HTMLOntarioHintTextElement>;
			'ontario-icon-accessibility': LocalJSX.OntarioIconAccessibility &
				JSXBase.HTMLAttributes<HTMLOntarioIconAccessibilityElement>;
			'ontario-icon-account': LocalJSX.OntarioIconAccount & JSXBase.HTMLAttributes<HTMLOntarioIconAccountElement>;
			'ontario-icon-add': LocalJSX.OntarioIconAdd & JSXBase.HTMLAttributes<HTMLOntarioIconAddElement>;
			'ontario-icon-add-alt': LocalJSX.OntarioIconAddAlt & JSXBase.HTMLAttributes<HTMLOntarioIconAddAltElement>;
			'ontario-icon-alert-error': LocalJSX.OntarioIconAlertError &
				JSXBase.HTMLAttributes<HTMLOntarioIconAlertErrorElement>;
			'ontario-icon-alert-information': LocalJSX.OntarioIconAlertInformation &
				JSXBase.HTMLAttributes<HTMLOntarioIconAlertInformationElement>;
			'ontario-icon-alert-success': LocalJSX.OntarioIconAlertSuccess &
				JSXBase.HTMLAttributes<HTMLOntarioIconAlertSuccessElement>;
			'ontario-icon-alert-warning': LocalJSX.OntarioIconAlertWarning &
				JSXBase.HTMLAttributes<HTMLOntarioIconAlertWarningElement>;
			'ontario-icon-arrow-up': LocalJSX.OntarioIconArrowUp & JSXBase.HTMLAttributes<HTMLOntarioIconArrowUpElement>;
			'ontario-icon-attach': LocalJSX.OntarioIconAttach & JSXBase.HTMLAttributes<HTMLOntarioIconAttachElement>;
			'ontario-icon-bookmark-off': LocalJSX.OntarioIconBookmarkOff &
				JSXBase.HTMLAttributes<HTMLOntarioIconBookmarkOffElement>;
			'ontario-icon-bookmark-on': LocalJSX.OntarioIconBookmarkOn &
				JSXBase.HTMLAttributes<HTMLOntarioIconBookmarkOnElement>;
			'ontario-icon-calendar': LocalJSX.OntarioIconCalendar & JSXBase.HTMLAttributes<HTMLOntarioIconCalendarElement>;
			'ontario-icon-camera': LocalJSX.OntarioIconCamera & JSXBase.HTMLAttributes<HTMLOntarioIconCameraElement>;
			'ontario-icon-chevron-down': LocalJSX.OntarioIconChevronDown &
				JSXBase.HTMLAttributes<HTMLOntarioIconChevronDownElement>;
			'ontario-icon-chevron-left': LocalJSX.OntarioIconChevronLeft &
				JSXBase.HTMLAttributes<HTMLOntarioIconChevronLeftElement>;
			'ontario-icon-chevron-right': LocalJSX.OntarioIconChevronRight &
				JSXBase.HTMLAttributes<HTMLOntarioIconChevronRightElement>;
			'ontario-icon-chevron-up': LocalJSX.OntarioIconChevronUp &
				JSXBase.HTMLAttributes<HTMLOntarioIconChevronUpElement>;
			'ontario-icon-clock': LocalJSX.OntarioIconClock & JSXBase.HTMLAttributes<HTMLOntarioIconClockElement>;
			'ontario-icon-close': LocalJSX.OntarioIconClose & JSXBase.HTMLAttributes<HTMLOntarioIconCloseElement>;
			'ontario-icon-close-header': LocalJSX.OntarioIconCloseHeader &
				JSXBase.HTMLAttributes<HTMLOntarioIconCloseHeaderElement>;
			'ontario-icon-cloud': LocalJSX.OntarioIconCloud & JSXBase.HTMLAttributes<HTMLOntarioIconCloudElement>;
			'ontario-icon-collapse': LocalJSX.OntarioIconCollapse & JSXBase.HTMLAttributes<HTMLOntarioIconCollapseElement>;
			'ontario-icon-credit-card': LocalJSX.OntarioIconCreditCard &
				JSXBase.HTMLAttributes<HTMLOntarioIconCreditCardElement>;
			'ontario-icon-critical-alert-warning': LocalJSX.OntarioIconCriticalAlertWarning &
				JSXBase.HTMLAttributes<HTMLOntarioIconCriticalAlertWarningElement>;
			'ontario-icon-delete': LocalJSX.OntarioIconDelete & JSXBase.HTMLAttributes<HTMLOntarioIconDeleteElement>;
			'ontario-icon-document': LocalJSX.OntarioIconDocument & JSXBase.HTMLAttributes<HTMLOntarioIconDocumentElement>;
			'ontario-icon-download': LocalJSX.OntarioIconDownload & JSXBase.HTMLAttributes<HTMLOntarioIconDownloadElement>;
			'ontario-icon-dropdown-arrow': LocalJSX.OntarioIconDropdownArrow &
				JSXBase.HTMLAttributes<HTMLOntarioIconDropdownArrowElement>;
			'ontario-icon-edit': LocalJSX.OntarioIconEdit & JSXBase.HTMLAttributes<HTMLOntarioIconEditElement>;
			'ontario-icon-email': LocalJSX.OntarioIconEmail & JSXBase.HTMLAttributes<HTMLOntarioIconEmailElement>;
			'ontario-icon-expand': LocalJSX.OntarioIconExpand & JSXBase.HTMLAttributes<HTMLOntarioIconExpandElement>;
			'ontario-icon-export': LocalJSX.OntarioIconExport & JSXBase.HTMLAttributes<HTMLOntarioIconExportElement>;
			'ontario-icon-facebook': LocalJSX.OntarioIconFacebook & JSXBase.HTMLAttributes<HTMLOntarioIconFacebookElement>;
			'ontario-icon-facebook-alt': LocalJSX.OntarioIconFacebookAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconFacebookAltElement>;
			'ontario-icon-favourite-off': LocalJSX.OntarioIconFavouriteOff &
				JSXBase.HTMLAttributes<HTMLOntarioIconFavouriteOffElement>;
			'ontario-icon-favourite-on': LocalJSX.OntarioIconFavouriteOn &
				JSXBase.HTMLAttributes<HTMLOntarioIconFavouriteOnElement>;
			'ontario-icon-filter': LocalJSX.OntarioIconFilter & JSXBase.HTMLAttributes<HTMLOntarioIconFilterElement>;
			'ontario-icon-flickr': LocalJSX.OntarioIconFlickr & JSXBase.HTMLAttributes<HTMLOntarioIconFlickrElement>;
			'ontario-icon-grid': LocalJSX.OntarioIconGrid & JSXBase.HTMLAttributes<HTMLOntarioIconGridElement>;
			'ontario-icon-help': LocalJSX.OntarioIconHelp & JSXBase.HTMLAttributes<HTMLOntarioIconHelpElement>;
			'ontario-icon-instagram': LocalJSX.OntarioIconInstagram & JSXBase.HTMLAttributes<HTMLOntarioIconInstagramElement>;
			'ontario-icon-interac-en': LocalJSX.OntarioIconInteracEn &
				JSXBase.HTMLAttributes<HTMLOntarioIconInteracEnElement>;
			'ontario-icon-interac-en-alt': LocalJSX.OntarioIconInteracEnAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconInteracEnAltElement>;
			'ontario-icon-interac-fr': LocalJSX.OntarioIconInteracFr &
				JSXBase.HTMLAttributes<HTMLOntarioIconInteracFrElement>;
			'ontario-icon-interac-fr-alt': LocalJSX.OntarioIconInteracFrAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconInteracFrAltElement>;
			'ontario-icon-linkedin': LocalJSX.OntarioIconLinkedin & JSXBase.HTMLAttributes<HTMLOntarioIconLinkedinElement>;
			'ontario-icon-linkedin-alt': LocalJSX.OntarioIconLinkedinAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconLinkedinAltElement>;
			'ontario-icon-list': LocalJSX.OntarioIconList & JSXBase.HTMLAttributes<HTMLOntarioIconListElement>;
			'ontario-icon-live-chat': LocalJSX.OntarioIconLiveChat & JSXBase.HTMLAttributes<HTMLOntarioIconLiveChatElement>;
			'ontario-icon-location-off': LocalJSX.OntarioIconLocationOff &
				JSXBase.HTMLAttributes<HTMLOntarioIconLocationOffElement>;
			'ontario-icon-location-on': LocalJSX.OntarioIconLocationOn &
				JSXBase.HTMLAttributes<HTMLOntarioIconLocationOnElement>;
			'ontario-icon-lock-off': LocalJSX.OntarioIconLockOff & JSXBase.HTMLAttributes<HTMLOntarioIconLockOffElement>;
			'ontario-icon-lock-on': LocalJSX.OntarioIconLockOn & JSXBase.HTMLAttributes<HTMLOntarioIconLockOnElement>;
			'ontario-icon-map': LocalJSX.OntarioIconMap & JSXBase.HTMLAttributes<HTMLOntarioIconMapElement>;
			'ontario-icon-mastercard': LocalJSX.OntarioIconMastercard &
				JSXBase.HTMLAttributes<HTMLOntarioIconMastercardElement>;
			'ontario-icon-mastercard-alt': LocalJSX.OntarioIconMastercardAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconMastercardAltElement>;
			'ontario-icon-media-fast-forward': LocalJSX.OntarioIconMediaFastForward &
				JSXBase.HTMLAttributes<HTMLOntarioIconMediaFastForwardElement>;
			'ontario-icon-media-fast-rewind': LocalJSX.OntarioIconMediaFastRewind &
				JSXBase.HTMLAttributes<HTMLOntarioIconMediaFastRewindElement>;
			'ontario-icon-media-pause': LocalJSX.OntarioIconMediaPause &
				JSXBase.HTMLAttributes<HTMLOntarioIconMediaPauseElement>;
			'ontario-icon-media-play': LocalJSX.OntarioIconMediaPlay &
				JSXBase.HTMLAttributes<HTMLOntarioIconMediaPlayElement>;
			'ontario-icon-media-stop': LocalJSX.OntarioIconMediaStop &
				JSXBase.HTMLAttributes<HTMLOntarioIconMediaStopElement>;
			'ontario-icon-menu': LocalJSX.OntarioIconMenu & JSXBase.HTMLAttributes<HTMLOntarioIconMenuElement>;
			'ontario-icon-menu-header': LocalJSX.OntarioIconMenuHeader &
				JSXBase.HTMLAttributes<HTMLOntarioIconMenuHeaderElement>;
			'ontario-icon-microphone-off': LocalJSX.OntarioIconMicrophoneOff &
				JSXBase.HTMLAttributes<HTMLOntarioIconMicrophoneOffElement>;
			'ontario-icon-microphone-on': LocalJSX.OntarioIconMicrophoneOn &
				JSXBase.HTMLAttributes<HTMLOntarioIconMicrophoneOnElement>;
			'ontario-icon-more-accounts': LocalJSX.OntarioIconMoreAccounts &
				JSXBase.HTMLAttributes<HTMLOntarioIconMoreAccountsElement>;
			'ontario-icon-more-vertical': LocalJSX.OntarioIconMoreVertical &
				JSXBase.HTMLAttributes<HTMLOntarioIconMoreVerticalElement>;
			'ontario-icon-new-window': LocalJSX.OntarioIconNewWindow &
				JSXBase.HTMLAttributes<HTMLOntarioIconNewWindowElement>;
			'ontario-icon-next': LocalJSX.OntarioIconNext & JSXBase.HTMLAttributes<HTMLOntarioIconNextElement>;
			'ontario-icon-notification': LocalJSX.OntarioIconNotification &
				JSXBase.HTMLAttributes<HTMLOntarioIconNotificationElement>;
			'ontario-icon-password-hide': LocalJSX.OntarioIconPasswordHide &
				JSXBase.HTMLAttributes<HTMLOntarioIconPasswordHideElement>;
			'ontario-icon-password-show': LocalJSX.OntarioIconPasswordShow &
				JSXBase.HTMLAttributes<HTMLOntarioIconPasswordShowElement>;
			'ontario-icon-phone': LocalJSX.OntarioIconPhone & JSXBase.HTMLAttributes<HTMLOntarioIconPhoneElement>;
			'ontario-icon-photo': LocalJSX.OntarioIconPhoto & JSXBase.HTMLAttributes<HTMLOntarioIconPhotoElement>;
			'ontario-icon-pin-location-off': LocalJSX.OntarioIconPinLocationOff &
				JSXBase.HTMLAttributes<HTMLOntarioIconPinLocationOffElement>;
			'ontario-icon-pin-location-on': LocalJSX.OntarioIconPinLocationOn &
				JSXBase.HTMLAttributes<HTMLOntarioIconPinLocationOnElement>;
			'ontario-icon-previous': LocalJSX.OntarioIconPrevious & JSXBase.HTMLAttributes<HTMLOntarioIconPreviousElement>;
			'ontario-icon-print': LocalJSX.OntarioIconPrint & JSXBase.HTMLAttributes<HTMLOntarioIconPrintElement>;
			'ontario-icon-remove': LocalJSX.OntarioIconRemove & JSXBase.HTMLAttributes<HTMLOntarioIconRemoveElement>;
			'ontario-icon-remove-alt': LocalJSX.OntarioIconRemoveAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconRemoveAltElement>;
			'ontario-icon-replay': LocalJSX.OntarioIconReplay & JSXBase.HTMLAttributes<HTMLOntarioIconReplayElement>;
			'ontario-icon-rss-feed': LocalJSX.OntarioIconRssFeed & JSXBase.HTMLAttributes<HTMLOntarioIconRssFeedElement>;
			'ontario-icon-save': LocalJSX.OntarioIconSave & JSXBase.HTMLAttributes<HTMLOntarioIconSaveElement>;
			'ontario-icon-search': LocalJSX.OntarioIconSearch & JSXBase.HTMLAttributes<HTMLOntarioIconSearchElement>;
			'ontario-icon-search-white': LocalJSX.OntarioIconSearchWhite &
				JSXBase.HTMLAttributes<HTMLOntarioIconSearchWhiteElement>;
			'ontario-icon-sentiment-1': LocalJSX.OntarioIconSentiment1 &
				JSXBase.HTMLAttributes<HTMLOntarioIconSentiment1Element>;
			'ontario-icon-sentiment-2': LocalJSX.OntarioIconSentiment2 &
				JSXBase.HTMLAttributes<HTMLOntarioIconSentiment2Element>;
			'ontario-icon-sentiment-3': LocalJSX.OntarioIconSentiment3 &
				JSXBase.HTMLAttributes<HTMLOntarioIconSentiment3Element>;
			'ontario-icon-sentiment-4': LocalJSX.OntarioIconSentiment4 &
				JSXBase.HTMLAttributes<HTMLOntarioIconSentiment4Element>;
			'ontario-icon-sentiment-5': LocalJSX.OntarioIconSentiment5 &
				JSXBase.HTMLAttributes<HTMLOntarioIconSentiment5Element>;
			'ontario-icon-settings': LocalJSX.OntarioIconSettings & JSXBase.HTMLAttributes<HTMLOntarioIconSettingsElement>;
			'ontario-icon-share': LocalJSX.OntarioIconShare & JSXBase.HTMLAttributes<HTMLOntarioIconShareElement>;
			'ontario-icon-sort': LocalJSX.OntarioIconSort & JSXBase.HTMLAttributes<HTMLOntarioIconSortElement>;
			'ontario-icon-sort-alphabetical-ascending': LocalJSX.OntarioIconSortAlphabeticalAscending &
				JSXBase.HTMLAttributes<HTMLOntarioIconSortAlphabeticalAscendingElement>;
			'ontario-icon-sort-alphabetical-descending': LocalJSX.OntarioIconSortAlphabeticalDescending &
				JSXBase.HTMLAttributes<HTMLOntarioIconSortAlphabeticalDescendingElement>;
			'ontario-icon-sort-ascending': LocalJSX.OntarioIconSortAscending &
				JSXBase.HTMLAttributes<HTMLOntarioIconSortAscendingElement>;
			'ontario-icon-sort-descending': LocalJSX.OntarioIconSortDescending &
				JSXBase.HTMLAttributes<HTMLOntarioIconSortDescendingElement>;
			'ontario-icon-sort-variant': LocalJSX.OntarioIconSortVariant &
				JSXBase.HTMLAttributes<HTMLOntarioIconSortVariantElement>;
			'ontario-icon-tag': LocalJSX.OntarioIconTag & JSXBase.HTMLAttributes<HTMLOntarioIconTagElement>;
			'ontario-icon-text-message': LocalJSX.OntarioIconTextMessage &
				JSXBase.HTMLAttributes<HTMLOntarioIconTextMessageElement>;
			'ontario-icon-timer': LocalJSX.OntarioIconTimer & JSXBase.HTMLAttributes<HTMLOntarioIconTimerElement>;
			'ontario-icon-transport-bicycle': LocalJSX.OntarioIconTransportBicycle &
				JSXBase.HTMLAttributes<HTMLOntarioIconTransportBicycleElement>;
			'ontario-icon-transport-bus': LocalJSX.OntarioIconTransportBus &
				JSXBase.HTMLAttributes<HTMLOntarioIconTransportBusElement>;
			'ontario-icon-transport-car': LocalJSX.OntarioIconTransportCar &
				JSXBase.HTMLAttributes<HTMLOntarioIconTransportCarElement>;
			'ontario-icon-transport-walk': LocalJSX.OntarioIconTransportWalk &
				JSXBase.HTMLAttributes<HTMLOntarioIconTransportWalkElement>;
			'ontario-icon-tty': LocalJSX.OntarioIconTty & JSXBase.HTMLAttributes<HTMLOntarioIconTtyElement>;
			'ontario-icon-tune': LocalJSX.OntarioIconTune & JSXBase.HTMLAttributes<HTMLOntarioIconTuneElement>;
			'ontario-icon-twitter': LocalJSX.OntarioIconTwitter & JSXBase.HTMLAttributes<HTMLOntarioIconTwitterElement>;
			'ontario-icon-twitter-alt': LocalJSX.OntarioIconTwitterAlt &
				JSXBase.HTMLAttributes<HTMLOntarioIconTwitterAltElement>;
			'ontario-icon-upload': LocalJSX.OntarioIconUpload & JSXBase.HTMLAttributes<HTMLOntarioIconUploadElement>;
			'ontario-icon-video': LocalJSX.OntarioIconVideo & JSXBase.HTMLAttributes<HTMLOntarioIconVideoElement>;
			'ontario-icon-visa': LocalJSX.OntarioIconVisa & JSXBase.HTMLAttributes<HTMLOntarioIconVisaElement>;
			'ontario-icon-vote-dislike': LocalJSX.OntarioIconVoteDislike &
				JSXBase.HTMLAttributes<HTMLOntarioIconVoteDislikeElement>;
			'ontario-icon-vote-like': LocalJSX.OntarioIconVoteLike & JSXBase.HTMLAttributes<HTMLOntarioIconVoteLikeElement>;
			'ontario-icon-vpn-key': LocalJSX.OntarioIconVpnKey & JSXBase.HTMLAttributes<HTMLOntarioIconVpnKeyElement>;
			'ontario-icon-wheelchair': LocalJSX.OntarioIconWheelchair &
				JSXBase.HTMLAttributes<HTMLOntarioIconWheelchairElement>;
			'ontario-icon-wifi': LocalJSX.OntarioIconWifi & JSXBase.HTMLAttributes<HTMLOntarioIconWifiElement>;
			'ontario-icon-youtube': LocalJSX.OntarioIconYoutube & JSXBase.HTMLAttributes<HTMLOntarioIconYoutubeElement>;
			/**
			 * Ontario In-Page Navigation presents a heading and ordered list of links that help users navigate long single-page content.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-in-page-navigation/
			 */
			'ontario-in-page-navigation': LocalJSX.OntarioInPageNavigation &
				JSXBase.HTMLAttributes<HTMLOntarioInPageNavigationElement>;
			/**
			 * A single list item link used inside `ontario-in-page-navigation`.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/in-page-navigation.html
			 */
			'ontario-in-page-navigation-item': LocalJSX.OntarioInPageNavigationItem &
				JSXBase.HTMLAttributes<HTMLOntarioInPageNavigationItemElement>;
			/**
			 * Ontario Input captures single-line text input.
			 * This component intentionally does not expose `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep form fields and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/text-inputs.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-input/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-input': LocalJSX.OntarioInput & JSXBase.HTMLAttributes<HTMLOntarioInputElement>;
			/**
			 * Ontario Language Toggle switches the interface between supported languages.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-language-toggle/
			 */
			'ontario-language-toggle': LocalJSX.OntarioLanguageToggle &
				JSXBase.HTMLAttributes<HTMLOntarioLanguageToggleElement>;
			/**
			 * Ontario Loading Indicator communicates in-progress loading states.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/loading-indicator.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-loading-indicator/
			 */
			'ontario-loading-indicator': LocalJSX.OntarioLoadingIndicator &
				JSXBase.HTMLAttributes<HTMLOntarioLoadingIndicatorElement>;
			/**
			 * Ontario Page Alert is used for high-importance status messages that apply to the whole page
			 * (for example informational, warning, success, or error outcomes).
			 * For component selection guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/page-alerts.html
			 * - https://designsystem.ontario.ca/components/detail/callouts-asides.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-page-alert/
			 */
			'ontario-page-alert': LocalJSX.OntarioPageAlert & JSXBase.HTMLAttributes<HTMLOntarioPageAlertElement>;
			/**
			 * Ontario Radio Buttons captures a single choice from a defined option set.
			 * This component intentionally does not expose group-level `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep options and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/radio-buttons.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-radio-buttons/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-radio-buttons': LocalJSX.OntarioRadioButtons & JSXBase.HTMLAttributes<HTMLOntarioRadioButtonsElement>;
			/**
			 * Ontario Search Box captures and submits search queries.
			 * This component intentionally does not expose `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep form fields and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/search-box.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-search-box/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-search-box': LocalJSX.OntarioSearchBox & JSXBase.HTMLAttributes<HTMLOntarioSearchBoxElement>;
			/**
			 * Ontario Search Result Item renders a semantic option row for search suggestions.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/autocomplete.html
			 */
			'ontario-search-result-item': LocalJSX.OntarioSearchResultItem &
				JSXBase.HTMLAttributes<HTMLOntarioSearchResultItemElement>;
			/**
			 * Ontario Step Indicator communicates progress through multi-step flows.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/step-indicator.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-step-indicator/
			 */
			'ontario-step-indicator': LocalJSX.OntarioStepIndicator & JSXBase.HTMLAttributes<HTMLOntarioStepIndicatorElement>;
			/**
			 * Ontario Summary List groups labelled answers for review before a user submits or confirms information.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/summary-list.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-summary-list/
			 */
			'ontario-summary-list': LocalJSX.OntarioSummaryList & JSXBase.HTMLAttributes<HTMLOntarioSummaryListElement>;
			/**
			 * Ontario Summary List Item renders a single key/value row inside an ontario-summary-list.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/summary-list.html
			 */
			'ontario-summary-list-item': LocalJSX.OntarioSummaryListItem &
				JSXBase.HTMLAttributes<HTMLOntarioSummaryListItemElement>;
			/**
			 * Ontario Table presents structured tabular data with accessible semantics.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/tables.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-table/
			 */
			'ontario-table': LocalJSX.OntarioTable & JSXBase.HTMLAttributes<HTMLOntarioTableElement>;
			/**
			 * Ontario Task represents an individual task item and status within a task list.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/task-list.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task/
			 */
			'ontario-task': LocalJSX.OntarioTask & JSXBase.HTMLAttributes<HTMLOntarioTaskElement>;
			/**
			 * Ontario Task List groups and summarizes related tasks.
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/task-list.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-task-list/
			 */
			'ontario-task-list': LocalJSX.OntarioTaskList & JSXBase.HTMLAttributes<HTMLOntarioTaskListElement>;
			/**
			 * Ontario Textarea captures multi-line text input.
			 * This component intentionally does not expose `readOnly` or `disabled` props.
			 * To support accessible and understandable form completion:
			 * - keep form fields and submission actions available
			 * - use validation and error messaging to guide corrections
			 * For component guidance, see:
			 * - https://designsystem.ontario.ca/components/detail/text-areas.html
			 * - https://designsystem.ontario.ca/developer-docs/components/ontario-textarea/
			 * Disabled/read-only policy source:
			 * - https://designsystem.ontario.ca/components/detail/buttons.html#disabled-buttons
			 */
			'ontario-textarea': LocalJSX.OntarioTextarea & JSXBase.HTMLAttributes<HTMLOntarioTextareaElement>;
		}
	}
}