/* 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 { App, AppCategory, Apps, Cart, Company, IAdditionalSearchCompany, ICompanyDetail, NotificationGroup, NotificationInfo, NotificationItem, Profile, SdxBannerMessageType, UserInfo } from "./components/sl-header/header-types";
import { LANGUAGE_TYPES } from "./managers/language/constants";
import { AVATAR_SIZES, AVATAR_STYLES, BULK_ARROW_POSITIONS, BULK_POSITIONS, BUTTON_THEMES, CELL_CONTENT_TYPES, CHIP_STATUS, DATA_FORMAT_FORCE_TYPE_TYPES, DATA_LINK_LINK_STYLES, DATA_LINK_VERTICAL_ALIGNMENT_TYPES, DATA_TABLE_CELL_CONTENT_TYPES, DATA_TABLE_MULTI_SORT_EVENT_TYPES, DATA_TABLE_PAGINATION_TYPES, DATA_TABLE_SELECTION_TYPES, DATA_TABLE_TABLE_STYLES, DATA_TABLE_TYPES, DETAILS_OVERVIEW_CARD_CONTENT_PARTS, DISPLAY_INFO_ITEM_CONTENT_TYPES, DISPLAY_STATS_VARIANTS, DRAWER_CONTENT_STYLE_TYPES, DRAWER_POSITION_TYPES, DRAWER_VARIANT_TYPES, EMPTY_SCREEN_SCREEN_STYLES, EMPTY_SCREEN_SIZES, FILTER_LIST_RENDER_TYPES, HERO_CONTAINER_TYPES, HERO_GRADIENT_TYPES, HIGHCHARTS_OPTIONS, HIGHLIGH_OPERATORS, ICON_SIZES, ICON_STYLE_TYPES, ILLUSTRATION_NAMES, ILLUSTRATION_SIZES, INFO_PAGE_PAGE_TYPES, IOT_OVERVIEW_COL_TYPES, IOT_OVERVIEW_STYLE_TYPES, IOT_TABLE_ACTIONS, IOT_TABLE_HEADS, IOT_TABLE_ROW_TYPES, IOT_TABLE_TYPES, METRO_LINE_DISPLAY_TYPES, METRO_LINE_STYLE, PAGINATION_BREAK_POINTS, PAGINATION_DISPLAY_TYPES, QR_CODE_ERROR_CORRECTION_LEVEL, SELECTION_MANAGER_SELECTION_STYLES, SIDE_NAVIGATION_PATH_VALIDATION_TYPES, SKELETON_ASPECT_RATIOS, SKELETON_CHART_ORIENTATIONS, SKELETON_CHART_TYPES, SKELETON_CHECKBOX_VARIANTS, SKELETON_ICON_SIZES, SKELETON_INPUT_VARIANTS, SKELETON_RADIO_VARIANTS, SKELETON_SHAPES, SKELETON_TABLE_STYLES, SKELETON_TABLE_TYPES, SKELETON_TYPOGRAPHY_TYPES, SPLIT_BUTTON_TYPES, STICKY_FOOTER_POSITION, TABLE_ACCORDION_HEADER_POSITIONS, TABLE_COL_TEXT_ITEM_TYPES, TABLE_COL_TYPES, TABLE_ROW_DISPLAY_MODES, TAG_SIZE_OPTIONS, TAG_STATUS_COLORS, TAG_STYLING_OPTIONS, TREE_CHECKED_ITEMS_MODES, TREE_SELECTABLE_MODES, TYPES, VARIATION_TYPES, VAT_TYPE } from "./utils/enums";
import { SdxButtonProps } from "./utils/types";
import { EventEmitter } from "./stencil-public-runtime";
import { ColumnDef, ColumnFilter, ColumnSort, ExpandedState, PaginationState, RowSelectionState, VisibilityState } from "@tanstack/table-core";
import { MediaType } from "./managers/mediaType/constants";
import { RowSelectionEventProps } from "./components/sl-data-table/utils/types";
import { EventExpandChange } from "./components/sl-drawer/sl-drawer";
import { Item, Navigation, NavigationHelpers, Slot } from "@swisscom/sdx";
import { Highcharts, Options, PlotOptions, SeriesList } from "./components/sl-highcharts/types/highcharts";
import { LinkGroup } from "./components/sl-link-group/mocks";
import { SlSideNavigationElementSelected } from "./components/sl-side-navigation/utils/types";
import { CardGradientTypes, DetailsAttribute, IconProps, PriceData, TagProps } from "./components/sl-subscription-card/sl-subscription-card-types";
import { SlTreeCheckedItem } from "./components/sl-tree/utils/types";
export { App, AppCategory, Apps, Cart, Company, IAdditionalSearchCompany, ICompanyDetail, NotificationGroup, NotificationInfo, NotificationItem, Profile, SdxBannerMessageType, UserInfo } from "./components/sl-header/header-types";
export { LANGUAGE_TYPES } from "./managers/language/constants";
export { AVATAR_SIZES, AVATAR_STYLES, BULK_ARROW_POSITIONS, BULK_POSITIONS, BUTTON_THEMES, CELL_CONTENT_TYPES, CHIP_STATUS, DATA_FORMAT_FORCE_TYPE_TYPES, DATA_LINK_LINK_STYLES, DATA_LINK_VERTICAL_ALIGNMENT_TYPES, DATA_TABLE_CELL_CONTENT_TYPES, DATA_TABLE_MULTI_SORT_EVENT_TYPES, DATA_TABLE_PAGINATION_TYPES, DATA_TABLE_SELECTION_TYPES, DATA_TABLE_TABLE_STYLES, DATA_TABLE_TYPES, DETAILS_OVERVIEW_CARD_CONTENT_PARTS, DISPLAY_INFO_ITEM_CONTENT_TYPES, DISPLAY_STATS_VARIANTS, DRAWER_CONTENT_STYLE_TYPES, DRAWER_POSITION_TYPES, DRAWER_VARIANT_TYPES, EMPTY_SCREEN_SCREEN_STYLES, EMPTY_SCREEN_SIZES, FILTER_LIST_RENDER_TYPES, HERO_CONTAINER_TYPES, HERO_GRADIENT_TYPES, HIGHCHARTS_OPTIONS, HIGHLIGH_OPERATORS, ICON_SIZES, ICON_STYLE_TYPES, ILLUSTRATION_NAMES, ILLUSTRATION_SIZES, INFO_PAGE_PAGE_TYPES, IOT_OVERVIEW_COL_TYPES, IOT_OVERVIEW_STYLE_TYPES, IOT_TABLE_ACTIONS, IOT_TABLE_HEADS, IOT_TABLE_ROW_TYPES, IOT_TABLE_TYPES, METRO_LINE_DISPLAY_TYPES, METRO_LINE_STYLE, PAGINATION_BREAK_POINTS, PAGINATION_DISPLAY_TYPES, QR_CODE_ERROR_CORRECTION_LEVEL, SELECTION_MANAGER_SELECTION_STYLES, SIDE_NAVIGATION_PATH_VALIDATION_TYPES, SKELETON_ASPECT_RATIOS, SKELETON_CHART_ORIENTATIONS, SKELETON_CHART_TYPES, SKELETON_CHECKBOX_VARIANTS, SKELETON_ICON_SIZES, SKELETON_INPUT_VARIANTS, SKELETON_RADIO_VARIANTS, SKELETON_SHAPES, SKELETON_TABLE_STYLES, SKELETON_TABLE_TYPES, SKELETON_TYPOGRAPHY_TYPES, SPLIT_BUTTON_TYPES, STICKY_FOOTER_POSITION, TABLE_ACCORDION_HEADER_POSITIONS, TABLE_COL_TEXT_ITEM_TYPES, TABLE_COL_TYPES, TABLE_ROW_DISPLAY_MODES, TAG_SIZE_OPTIONS, TAG_STATUS_COLORS, TAG_STYLING_OPTIONS, TREE_CHECKED_ITEMS_MODES, TREE_SELECTABLE_MODES, TYPES, VARIATION_TYPES, VAT_TYPE } from "./utils/enums";
export { SdxButtonProps } from "./utils/types";
export { EventEmitter } from "./stencil-public-runtime";
export { ColumnDef, ColumnFilter, ColumnSort, ExpandedState, PaginationState, RowSelectionState, VisibilityState } from "@tanstack/table-core";
export { MediaType } from "./managers/mediaType/constants";
export { RowSelectionEventProps } from "./components/sl-data-table/utils/types";
export { EventExpandChange } from "./components/sl-drawer/sl-drawer";
export { Item, Navigation, NavigationHelpers, Slot } from "@swisscom/sdx";
export { Highcharts, Options, PlotOptions, SeriesList } from "./components/sl-highcharts/types/highcharts";
export { LinkGroup } from "./components/sl-link-group/mocks";
export { SlSideNavigationElementSelected } from "./components/sl-side-navigation/utils/types";
export { CardGradientTypes, DetailsAttribute, IconProps, PriceData, TagProps } from "./components/sl-subscription-card/sl-subscription-card-types";
export { SlTreeCheckedItem } from "./components/sl-tree/utils/types";
export namespace Components {
    interface SlAppMenu {
        "appMenuInfo": Apps;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlAppMenuList {
        /**
          * @default []
         */
        "apps": Array<App | AppCategory>;
        /**
          * @default true
         */
        "horizontalLine": boolean;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlAvatar {
        /**
          * Background color of the secondary icon.
         */
        "backgroundColor": string;
        /**
          * Border color of the secondary icon.
          * @default 'sc-white'
         */
        "borderColor": string;
        /**
          * (optional) Color of the primary icon.
         */
        "iconColor"?: string;
        /**
          * Primary icon name.
         */
        "iconName": string;
        /**
          * (optional) Secondary icon name.
         */
        "secondaryIconName"?: string;
        /**
          * The dimension of the primary icon.
          * @default AVATAR_SIZES.SMALL
         */
        "size": AVATAR_SIZES | `${AVATAR_SIZES}`;
        /**
          * Sr hint of the primary icon.
         */
        "srHint"?: string;
        /**
          * Apply a default styling. This value will override secondary iconName and colors
          * @default AVATAR_STYLES.NONE
         */
        "styling"?: AVATAR_STYLES | `${AVATAR_STYLES}`;
    }
    interface SlBulkAction {
        /**
          * Position of the arrow
          * @default BULK_ARROW_POSITIONS.LEFT
         */
        "arrowPosition": | BULK_ARROW_POSITIONS
    | `${BULK_ARROW_POSITIONS}`
    | number;
        /**
          * (optional) Button configuration on bulk bar
         */
        "bulkButtonsProps"?: SdxButtonProps[];
        /**
          * Callback that will fire when bulk action is hidden.
         */
        "hiddenCallback"?: (() => void) | string;
        /**
          * (optional) Label displayed before actions
         */
        "label"?: string;
        /**
          * Define the desired position of the component with a scroll bar
          * @default BULK_POSITIONS.DEFAULT
         */
        "position": BULK_POSITIONS | `${BULK_POSITIONS}`;
        /**
          * Enable/Disable the bulk bar
          * @default false
         */
        "visible": boolean;
    }
    interface SlButtonGroupHorizontal {
        /**
          * Change color of the icon more
         */
        "iconColorClass": string;
    }
    interface SlChip {
        /**
          * @default CHIP_STATUS.TAKE_ACTION
         */
        "status": CHIP_STATUS | `${CHIP_STATUS}`;
    }
    interface SlCollectionGrouped {
        /**
          * (optional) max items displayed. All by default if it's possible with width.
         */
        "maxItems": number;
    }
    interface SlCompanyPreview {
        "companyInfo": Company;
        "internalLanguage": LANGUAGE_TYPES;
        "navigateToMyCompany": EventEmitter;
        "navigateToMySB": EventEmitter;
        "navigateToMySP": EventEmitter;
        "searchAdditionalCompanies": EventEmitter<IAdditionalSearchCompany>;
        "switchCompany": EventEmitter<ICompanyDetail>;
    }
    interface SlDataFormat {
        /**
          * (optional) Currency used when value is an amount
          * @default 'CHF'
         */
        "currency"?: string;
        /**
          * (optional) Normally the type is defined automatically based on value but you can force to a specific one
         */
        "forceType"?: | DATA_FORMAT_FORCE_TYPE_TYPES
    | `${DATA_FORMAT_FORCE_TYPE_TYPES}`;
        /**
          * (optional) Hide the currency symbol when formatting an amount
          * @default false
         */
        "hideCurrency"?: boolean;
        /**
          * @deprecated Since version 1.15.0. Use lang instead.
         */
        "language": LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
    }
    interface SlDataLink {
        /**
          * Add border at bottom on each items
          * @default false
         */
        "border": boolean;
        /**
          * Enable selected background styling
          * @default false
         */
        "enableSelection": boolean;
        /**
          * Hide last Item border
          * @default false
         */
        "hideLastItemBorder": boolean;
        /**
          * style for items
          * @default DATA_LINK_LINK_STYLES.DEFAULT
         */
        "linkStyle": DATA_LINK_LINK_STYLES | `${DATA_LINK_LINK_STYLES}`;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        el: HTMLSlDataLinkItemElement | HTMLSlDataLinkItemCustomElement
      ) => void)
    | string;
        /**
          * Description text read by the screen reader
         */
        "srHint": string;
        /**
          * Vertical alignment
          * @default DATA_LINK_VERTICAL_ALIGNMENT_TYPES.MIDDLE
         */
        "verticalAlignment": | DATA_LINK_VERTICAL_ALIGNMENT_TYPES
    | `${DATA_LINK_VERTICAL_ALIGNMENT_TYPES}`;
    }
    interface SlDataLinkItem {
        /**
          * Display an icon with counter badge on right
         */
        "badge": string;
        /**
          * Change color if the icon
          * @default 'sc-navy'
         */
        "iconColorClass": string;
        /**
          * Display an icon on the left
         */
        "iconName": string;
        /**
          * Display an icon arrow right on the right
          * @default false
         */
        "navigationIcon": boolean;
        /**
          * Set at true if selected You can't pass false to deactivate an element. One element must be always selected
          * @default false
         */
        "selected": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlDataLinkItemElement) => void)
    | string;
    }
    interface SlDataLinkItemCustom {
        /**
          * Set at true if selected You can't pass false to deactivate an element. One element must be always selected
          * @default false
         */
        "selected": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlDataLinkItemCustomElement) => void)
    | string;
    }
    interface SlDataTable {
        /**
          * Enable/Disable expand
          * @default false
         */
        "activateExpand": boolean;
        /**
          * Enable/Disable filters
          * @default true
         */
        "activateFilters": boolean;
        /**
          * Enable column hiding
          * @default true
         */
        "activateHiding": boolean;
        /**
          * Enable/Disable highligh search value
          * @default false
         */
        "activateHighlightSearch": boolean;
        /**
          * Enable/Disable pagination
          * @default true
         */
        "activatePagination": boolean;
        /**
          * Enable/Disable selection
          * @default false
         */
        "activateRowSelection": boolean | ((dataRow: object) => boolean);
        /**
          * Enable/Disable sorting
          * @default true
         */
        "activateSorting": boolean;
        /**
          * Enable and add button on bulk bar
         */
        "bulkButtonsProps": SdxButtonProps[];
        /**
          * Filter which row is clickable
          * @default () => true
         */
        "canClickOnRow"?: (dataRow: object) => boolean;
        /**
          * Determines the rendering type of cell's values. It can force the display as:  - 'plain_text': Disregards any HTML and displays cell value as plain text.  - 'sanitized_limited_html': Renders HTML sanitized securely for limited tags and attributes.  - 'sanitized_full_html': Renders HTML sanitized securely for richer content, all tags and attributes.
          * @default DATA_TABLE_CELL_CONTENT_TYPES.SANITIZED_LIMITED_HTML
         */
        "cellsRenderType": | CELL_CONTENT_TYPES
    | DATA_TABLE_CELL_CONTENT_TYPES
    | `${DATA_TABLE_CELL_CONTENT_TYPES}`;
        /**
          * Column filters state
         */
        "columnFilters"?: ColumnFilter[];
        /**
          * Enable column visibility (x must be the index of the row)
         */
        "columnVisibility"?: VisibilityState;
        "columns": ColumnDef<object>[];
        "data": object[];
        /**
          * Function called when data length is updated
         */
        "dataSizeChange"?: (size: number) => void;
        /**
          * The disableSortingRemoval change the behavior of storing step on column. More info in documentation.
          * @default false
         */
        "disableSortingRemoval": boolean;
        /**
          * By default text is correctly displayed in two lines with wrapping inside cells. It's possible to disable this styling.
          * @default false
         */
        "disableStylingOnCells": boolean;
        /**
          * The maximum height of a row is not anymore fixed. The text in a cell is not anymore limited to two lines.
          * @default false
         */
        "dynamicRowHeight": boolean;
        /**
          * Function called when expanded state is updated
         */
        "expandChange"?: (data: ExpandedState) => void;
        /**
          * Initial expanded state (x must be the index of the row)
         */
        "expanded": ExpandedState;
        /**
          * Global filter state
         */
        "globalFilter"?: string | string[];
        /**
          * Function called when click is done on row
         */
        "handleRowClick"?: (
    // TODO : Temporal FIX : https://github.com/ionic-team/stencil/issues/3037
    event: globalThis.Event,
    dataRow: object,
    index: number
  ) => void;
        /**
          * Highligh search value
         */
        "highlightSearch"?: string | string[];
        /**
          * @deprecated Since version 1.15.0. Use lang instead.
         */
        "language": LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
        /**
          * EXPERIMENTAL : Enables manual expanding for the table. If this is true, you will be expected to provide expanded data when your data before it is passed to the table. This is useful if you are doing server-side expanding.
          * @default false
         */
        "manualExpanding": boolean;
        /**
          * Enables manual pagination for the table. If this is true, you will be expected to paginate your data before it is passed to the table. This is useful if you are doing server-side sorting.
          * @default false
         */
        "manualPagination": boolean;
        /**
          * Enables manual sorting for the table. If this is true, you will be expected to sort your data before it is passed to the table. This is useful if you are doing server-side sorting.
          * @default false
         */
        "manualSorting": boolean;
        /**
          * Map widows size to media types
          * @default MAP_SIZES_TO_MEDIA_TYPES
         */
        "mapSizeToMediaTypes": MediaType;
        /**
          * By default, there is a limit to the number of columns that can be sorted at once of 3. You can change this value if it's needed.
          * @default 3
         */
        "maxMultiSortColCount": number;
        /**
          * By default, the shift key is used to trigger multi-sorting. You can change this behavior.
          * @default DATA_TABLE_MULTI_SORT_EVENT_TYPES.SHIFT
         */
        "multiSortEventType": | DATA_TABLE_MULTI_SORT_EVENT_TYPES
    | `${DATA_TABLE_MULTI_SORT_EVENT_TYPES}`;
        /**
          * Number of elements displayed per page if pagination is activated
          * @default 10
         */
        "pageSize": number;
        /**
          * If true expanded rows will be paginated along with the rest of the table (which means expanded rows may span multiple pages). If false expanded rows will not be considered for pagination (which means expanded rows will always render on their parents page. This also means more rows will be rendered than the set page size)
          * @default false
         */
        "paginateExpandedRows": boolean;
        /**
          * Function called when pagination state is updated
         */
        "paginationChange"?: (data: PaginationState) => void;
        /**
          * Pagination type
          * @default DATA_TABLE_PAGINATION_TYPES.SHOW_MORE
         */
        "paginationType": | DATA_TABLE_PAGINATION_TYPES
    | `${DATA_TABLE_PAGINATION_TYPES}`;
        "resetSelection": () => Promise<void>;
        "resetServerSideLoading": () => Promise<void>;
        /**
          * Init or update row selection state (x must be the index of the row)
         */
        "rowSelection"?: RowSelectionState;
        /**
          * Function called when row selection state is updated
         */
        "rowSelectionChange"?: (data: object[]) => void;
        /**
          * Define type of selection
          * @default DATA_TABLE_SELECTION_TYPES.CHECKBOX
         */
        "selectionType": | DATA_TABLE_SELECTION_TYPES
    | `${DATA_TABLE_SELECTION_TYPES}`;
        /**
          * Show header on UI
          * @default true
         */
        "showHeader": boolean;
        /**
          * Show pagination on UI. (Pagination is not disabled if set at false)
          * @default true
         */
        "showPagination": boolean;
        /**
          * Initial sorting state
         */
        "sorting"?: ColumnSort[];
        /**
          * Function called when sorting state is updated
         */
        "sortingChange"?: (data: ColumnSort[]) => void;
        /**
          * Adapt look and feel of the table
          * @default DATA_TABLE_TABLE_STYLES.DEFAULT
         */
        "tableStyle": DATA_TABLE_TABLE_STYLES | `${DATA_TABLE_TABLE_STYLES}`;
        /**
          * Total of elements. Use that when manual pagination (server side) is activated
         */
        "totalOfElements": number;
        /**
          * Adapt look and feel to table or card
          * @default DATA_TABLE_TYPES.DEFAULT
         */
        "type": TYPES | DATA_TABLE_TYPES | `${DATA_TABLE_TYPES}`;
    }
    interface SlDetailOverview {
    }
    interface SlDetailOverviewCard {
    }
    interface SlDetailOverviewCardItem {
        /**
          * @default false
         */
        "border": boolean;
    }
    interface SlDetailOverviewCardItemContent {
        "type": | DETAILS_OVERVIEW_CARD_CONTENT_PARTS
    | `${DETAILS_OVERVIEW_CARD_CONTENT_PARTS}`;
    }
    interface SlDisplayInfo {
        /**
          * Add border on the right on each items
          * @default true
         */
        "border": boolean;
        /**
          * Add separator at the bottom of the section
          * @default true
         */
        "separator": boolean;
    }
    interface SlDisplayInfoItem {
        /**
          * Action callback whe use click on icon button
         */
        "actionClickCallback": (() => void) | string | undefined;
        /**
          * Title
         */
        "description": string;
        /**
          * Activate copy value icon
          * @default false
         */
        "displayCopy": boolean;
        /**
          * Icon used is display action activated
          * @default 'icon-edit'
         */
        "iconName": string;
        /**
          * Icon text for the screen reader.
         */
        "srHintForIconAction": string;
        /**
          * Value
         */
        "value": string;
    }
    interface SlDisplayInfoItemCustom {
    }
    interface SlDisplayInfoItemCustomContent {
        /**
          * Apply correct styling in relation with the type of the content
          * @default DISPLAY_INFO_ITEM_CONTENT_TYPES.HEAD
         */
        "type": | DISPLAY_INFO_ITEM_CONTENT_TYPES
    | `${DISPLAY_INFO_ITEM_CONTENT_TYPES}`;
    }
    interface SlDisplayStats {
        /**
          * Override sdx columns classes for the item
         */
        "itemContainerClass"?: string;
        /**
          * Represents the variant of the element
          * @default DISPLAY_STATS_VARIANTS.DEFAULT
         */
        "variant": DISPLAY_STATS_VARIANTS | `${DISPLAY_STATS_VARIANTS}`;
    }
    interface SlDisplayStatsItem {
        /**
          * Represents the value for the amount. If you must format this value with sl-data-format use the slot "amount" to pass this value.
         */
        "amountValue"?: string | number;
        /**
          * Represents the name of the icon to be displayed
         */
        "iconName"?: string;
        /**
          * Represents the label of the element
         */
        "label": string;
        /**
          * Represents the hint for screen readers
         */
        "srHint"?: string;
        /**
          * Represents the description for the tooltip
         */
        "tooltipDescription"?: string;
        /**
          * Represents the value for the trend
         */
        "trendValue"?: number;
    }
    interface SlDrawer {
        /**
          * Display or hide the drawer
          * @default false
         */
        "activeDrawer": boolean;
        /**
          * Title in the top
         */
        "caption"?: string;
        /**
          * By default the scroll on body or with component with id scrollableDivForDrawer is automatically managed with the drawer. You can disable it.
          * @default false
         */
        "disableLockScroll": boolean;
        /**
          * Callback when expand changed
         */
        "expandChangedCallback"?: | ((variant: string, activeDrawer: boolean) => void)
    | string;
        /**
          * Position of the drawer
          * @default DRAWER_POSITION_TYPES.RIGHT
         */
        "position": DRAWER_POSITION_TYPES | `${DRAWER_POSITION_TYPES}`;
        /**
          * Callback when user click on close function
         */
        "requestCloseCallback"?: (() => void) | string;
        /**
          * Size of the drawer
          * @default DRAWER_VARIANT_TYPES.MEDIUM
         */
        "variant": DRAWER_VARIANT_TYPES | `${DRAWER_VARIANT_TYPES}`;
    }
    interface SlDrawerContent {
        /**
          * Style of the main content
          * @default DRAWER_CONTENT_STYLE_TYPES.DEFAULT
         */
        "drawerStyle": | DRAWER_CONTENT_STYLE_TYPES
    | `${DRAWER_CONTENT_STYLE_TYPES}`;
        /**
          * Enable/disable scrolling
          * @default true
         */
        "enableScroll": boolean;
    }
    interface SlEmptyScreen {
        /**
          * Main text at the top
         */
        "caption": string;
        /**
          * Override sdx columns classes from the container
          * @default 'col-xs-12 col-md-8'
         */
        "containerClass": string;
        /**
          * Change main icon at the top
          * @default 'icon-robot-smile'
         */
        "icon": string;
        /**
          * Change main illustration at the top
         */
        "illustrationName"?: string;
        /**
          * Change size of the container and icon
          * @default EMPTY_SCREEN_SIZES.MEDIUM
         */
        "illustrationSize": EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        /**
          * Adapt look and feel of the component. With compact just caption will be displayed
          * @default EMPTY_SCREEN_SCREEN_STYLES.DEFAULT
         */
        "screenStyle": | EMPTY_SCREEN_SCREEN_STYLES
    | `${EMPTY_SCREEN_SCREEN_STYLES}`;
        /**
          * Change size of the container and icon
          * @default EMPTY_SCREEN_SIZES.LARGE
         */
        "size": EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        /**
          * Add sdx card around with border
          * @default true
         */
        "withBorder": boolean;
        /**
          * Add padding around
          * @default true
         */
        "withPadding": boolean;
    }
    interface SlExpansionCard {
        /**
          * @default false
         */
        "active": boolean;
        "cardTitle": string;
        "collapseLabel": string;
        "expandLabel": string;
        /**
          * @default false
         */
        "expanded": boolean;
        "iconBackgroundColor": string;
        "iconColor": string;
        "iconName": string;
    }
    interface SlFileStatus {
        "caption": string;
        "description": string;
        "error": boolean;
    }
    interface SlFilter {
        "caption": string;
    }
    interface SlFilterGroup {
        "active": boolean;
        "label": string;
        "size": number;
    }
    interface SlFilterItem {
        /**
          * @default false
         */
        "active": boolean;
        "bold": boolean;
        "label": string;
        "size": number;
    }
    interface SlFilterList {
        "caption": string;
        "label": string;
        /**
          * @default FILTER_LIST_RENDER_TYPES.LIST
         */
        "type": FILTER_LIST_RENDER_TYPES | `${FILTER_LIST_RENDER_TYPES}`;
    }
    interface SlFilterLoading {
        /**
          * @default 1
         */
        "size": number;
    }
    interface SlHeader {
        "appMenuInfo": Apps | null;
        "cartInfo": Cart;
        "companyInfo": Company | null;
        "externalSlots": Slot[] | null;
        /**
          * To access the native sdx-header navigation helpers do document.querySelector('sl-header').getNavigationHelpers().then(...)
         */
        "getNavigationHelpers": () => Promise<NavigationHelpers>;
        /**
          * @default false
         */
        "hideBreadcrumbs": boolean;
        "navigation": Navigation | undefined;
        "notificationInfo": NotificationInfo | null;
        "profileInfo": Profile | null;
        /**
          * Use to show a toast notification in the header.
         */
        "showToastNotification": (description: string, type: SdxBannerMessageType) => Promise<void>;
    }
    interface SlHero {
        /**
          * Back callback when use click on icon arrow-left
         */
        "actionBackCallback": (() => void) | string | undefined;
        /**
          * Class to apply to the container
          * @default HERO_CONTAINER_TYPES.CONTAINER
         */
        "containerClass": HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
        /**
          * Display back icon arrow-left when you use event
          * @default false
         */
        "displayActionBack": boolean;
        /**
          * Change the gradient styling of the background
          * @default HERO_GRADIENT_TYPES.GRADIENT_1
         */
        "gradient": HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        /**
          * Title displayed at the top
         */
        "label": string;
        /**
          * Sub headline displayed at the top before the title
         */
        "subHeadline": string;
    }
    interface SlHeroOld {
        /**
          * Class to apply to the container
          * @default HERO_CONTAINER_TYPES.CONTAINER
         */
        "containerClass": HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
        /**
          * @default HERO_GRADIENT_TYPES.GRADIENT_1
         */
        "gradient": HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        /**
          * @default false
         */
        "partnerHome": boolean;
    }
    interface SlHighcharts {
        /**
          * Array of category labels for the x-axis. Convenience shorthand for `options.xAxis.categories`. Ignored if `options.xAxis` is provided via `options`.
         */
        "categories"?: string[];
        /**
          * The type of chart to render. Supported values: 'line', 'bar', 'pie', 'column', 'grouped-stacked-column'. When using `options`, you can also set `options.chart.type` directly instead.
          * @default HIGHCHARTS_OPTIONS.LINE
         */
        "chartType"?: `${HIGHCHARTS_OPTIONS}` | HIGHCHARTS_OPTIONS;
        /**
          * Height of the chart container (px value or any valid CSS length string).
          * @default '400px'
         */
        "height": number | string;
        /**
          * Optional: Pass the Highcharts instance directly. If not provided, the component will attempt to load it automatically.
         */
        "highcharts"?: Highcharts;
        /**
          * Main title displayed above the chart. Convenience shorthand for `options.title.text`. Ignored if `options.title` is provided via `options`.
         */
        "label"?: string;
        /**
          * Full Highcharts options object.  Use this for complete control over the chart configuration. Any property set here takes precedence over the individual convenience props (`series`, `categories`, `label`, `xAxisTitle`, `yAxisTitle`, `plotOptions`).  You can use `options` in two ways: - **Full config**: pass the entire Highcharts options structure here and omit the   individual props entirely. - **Partial override**: pass only the properties you need to customise beyond what   the convenience props support (e.g. `tooltip`, `legend`, `credits`), and keep   using the individual props for the rest.
          * @example // Full config via options — no need for individual props options={{ series: [...], xAxis: { categories: [...] }, title: { text: 'My Chart' } }}
          * @example // Partial override — add tooltip config without repeating series/categories series={[...]} categories={[...]} options={{ tooltip: { shared: true } }}
         */
        "options"?: Options;
        /**
          * Plot options for controlling series-level rendering behaviour (e.g. stacking, grouping). Convenience shorthand for `options.plotOptions`. Ignored if `options.plotOptions` is provided via `options`.
         */
        "plotOptions"?: PlotOptions;
        /**
          * The data series to render. This is the minimum required prop for most chart types when not using `options`. Convenience shorthand for `options.series`. Ignored if `options.series` is provided via `options`.
          * @example // Minimal usage — just pass series and let the component handle the rest series={[{ name: 'Revenue', data: [100, 200, 300] }]}
         */
        "series"?: SeriesList;
        /**
          * Width of the chart container (px value or any valid CSS length string).
          * @default '100%'
         */
        "width": number | string;
        /**
          * Title text for the x-axis. Convenience shorthand for `options.xAxis.title.text`. Ignored if `options.xAxis` is provided via `options`.
         */
        "xAxisTitle"?: string;
        /**
          * Title text for the y-axis. Convenience shorthand for `options.yAxis.title.text`. Ignored if `options.yAxis` is provided via `options`.
         */
        "yAxisTitle"?: string;
    }
    interface SlHighlight {
        /**
          * If adding the component around the content isn't possible, just pass a containerId for the element to highlight
         */
        "containerId": string;
        /**
          * Receives minimum search char before starting highlight
          * @default 2
         */
        "minChar": number;
        /**
          * Receives operator to define the type of highlight
          * @default HIGHLIGH_OPERATORS.AND
         */
        "operator": HIGHLIGH_OPERATORS | `${HIGHLIGH_OPERATORS}`;
        /**
          * Receives search input
         */
        "search": string;
    }
    interface SlIconButtonCard {
        "buttonLink": string;
        "cardDescription": string;
        "cardLabel": string;
        /**
          * @default false
         */
        "disable": boolean;
        "isExternalLink": boolean;
        "primaryIcon": string;
        "secondaryIcon": string;
        "textLink": string;
    }
    interface SlIconButtonCopy {
        /**
          * Disable the icon button
          * @default false
         */
        "disabled": boolean;
        /**
          * Value copied used when action type is copy
         */
        "value": string;
    }
    interface SlIcons {
        /**
          * Whether the icon is active
         */
        "active": boolean;
        /**
          * Color of the icon
         */
        "color": string;
        /**
          * Icon name to display
         */
        "icon": string;
        /**
          * Color of the icon
          * @default DEFAULT_ICON_COLOR
         */
        "iconColor": string;
        /**
          * Style of the icon
          * @default ICON_STYLE_TYPES.DEFAULT
         */
        "iconStyle": ICON_STYLE_TYPES | `${ICON_STYLE_TYPES}`;
        /**
          * Size of the icon
         */
        "size": ICON_SIZES | `${ICON_SIZES}`;
    }
    interface SlIllustration {
        /**
          * Name of the illustration (e.g. "illustration-download").
          * @default ILLUSTRATION_NAMES.ILLUSTRATION_DOWNLOAD_EXPIRED
         */
        "illustrationName": ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        /**
          * The dimension of the illustration. If omitted, the illustration will adapt to the current font-size.
          * @default ILLUSTRATION_SIZES.MEDIUM
         */
        "size": ILLUSTRATION_SIZES | `${ILLUSTRATION_SIZES}`;
        /**
          * Description text read by the screen reader
         */
        "srHint": string;
    }
    interface SlInfoPage {
        /**
          * Back callback when use click on link
         */
        "actionLinkCallback": (() => void) | string | undefined;
        /**
          * Override description text
         */
        "description": string;
        /**
          * Override main illustration with name
         */
        "illustrationName"?: ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        /**
          * Override title text
         */
        "label": string;
        /**
          * Override text for the link
         */
        "link": string;
        /**
          * Pre-defined template ready for usage not need to passe all information
          * @default INFO_PAGE_PAGE_TYPES.UNAUTHORIZE
         */
        "pageType": INFO_PAGE_PAGE_TYPES | `${INFO_PAGE_PAGE_TYPES}`;
    }
    interface SlIotOverviewCol {
        "type": IOT_OVERVIEW_COL_TYPES | `${IOT_OVERVIEW_COL_TYPES}`;
        "variation": 'statusCol';
    }
    interface SlIotOverviewRow {
        /**
          * @default IOT_OVERVIEW_STYLE_TYPES.DEFAULT
         */
        "type": IOT_OVERVIEW_STYLE_TYPES | `${IOT_OVERVIEW_STYLE_TYPES}`;
    }
    interface SlIotTable {
    }
    interface SlIotTableCol {
        "action": IOT_TABLE_ACTIONS | `${IOT_TABLE_ACTIONS}`;
        /**
          * @default IOT_TABLE_HEADS.SUBSCRIPTION
         */
        "head": IOT_TABLE_HEADS | `${IOT_TABLE_HEADS}`;
        /**
          * @default IOT_TABLE_TYPES.DYNAMIC
         */
        "type": IOT_TABLE_TYPES | `${IOT_TABLE_TYPES}`;
    }
    interface SlIotTableRow {
        /**
          * Type of the row
          * @default IOT_TABLE_ROW_TYPES.DEFAULT
         */
        "type": IOT_TABLE_ROW_TYPES | `${IOT_TABLE_ROW_TYPES}`;
    }
    interface SlLinkGroup {
        /**
          * List of links as an array of LinkGroup types
         */
        "linkGroups": LinkGroup[];
    }
    interface SlLiveSearch {
    }
    interface SlMetroLine {
        /**
          * Current active step in the line
          * @default 0
         */
        "activeStep": number;
        /**
          * Display type in bullet
          * @default METRO_LINE_DISPLAY_TYPES.DEFAULT
         */
        "displayType": | METRO_LINE_DISPLAY_TYPES
    | `${METRO_LINE_DISPLAY_TYPES}`;
        /**
          * Display an icon on the left line for all step. This value override displayType
         */
        "iconName"?: string;
        /**
          * Style of the metro line
          * @default METRO_LINE_STYLE.DEFAULT
         */
        "metroLineStyle": METRO_LINE_STYLE | `${METRO_LINE_STYLE}`;
        /**
          * Display a warning on the current active step
          * @default false
         */
        "takeAction": boolean;
    }
    interface SlMetroLineStep {
        /**
          * Date of the current step
         */
        "date"?: string;
        /**
          * Description of the current step
         */
        "description"?: string;
        /**
          * Display an icon on the left line for this step. This value override displayType
         */
        "iconName"?: string;
        /**
          * Label of the current step
         */
        "label"?: string;
    }
    interface SlNotificationMenu {
        "badgeOther": number;
        "badgeRequired": number;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage": LANGUAGE_TYPES;
        "otherNotifications": NotificationGroup[];
        "requiredNotifications": NotificationGroup;
    }
    interface SlOverviewPage {
        /**
          * @default true
         */
        "showFilter": boolean;
    }
    interface SlOverviewPageContainer {
    }
    interface SlOverviewPageSidebar {
        "active": boolean;
    }
    /**
     * pos right ?
     * faire les tests
     * Revoir le CSS
     */
    interface SlPagination {
        /**
          * @default 1
         */
        "boundaryCount": number;
        /**
          * Breaking point to display in two row for extended type
          * @default PAGINATION_BREAK_POINTS.MEDIUM
         */
        "breakPoint": PAGINATION_BREAK_POINTS | `${PAGINATION_BREAK_POINTS}`;
        /**
          * @default 1
         */
        "initPage": number;
        /**
          * @default 10
         */
        "pageCount": number;
        /**
          * Callback when user click on page function
         */
        "pageNumberChangedCallback"?: (
    // TODO : Temporal FIX : https://github.com/ionic-team/stencil/issues/3037
    event: globalThis.Event,
    pageNumber: number
  ) => void;
        "resetPage": () => Promise<void>;
        /**
          * @default 1
         */
        "siblingCount": number;
        "totalCount": number;
        /**
          * Adapt look and feel sl pagination
          * @default PAGINATION_DISPLAY_TYPES.DEFAULT
         */
        "type": PAGINATION_DISPLAY_TYPES | `${PAGINATION_DISPLAY_TYPES}`;
    }
    interface SlPaginationLight {
        /**
          * @default '10'
         */
        "endLabel": string;
        /**
          * @default '100'
         */
        "maxLabel": string;
        /**
          * @default 'of'
         */
        "ofLabel": string;
        /**
          * @default 'right'
         */
        "pos": string;
        /**
          * @default '1'
         */
        "startLabel": string;
    }
    interface SlProfilePreview {
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage": LANGUAGE_TYPES;
        "logOut": EventEmitter;
        "manageUserProfiles": EventEmitter;
        "navigateToMyList": EventEmitter;
        "navigateToMyProfile": EventEmitter;
        /**
          * The info necessary for the profile information slot.
         */
        "profileInfo": Profile;
        "stopUserSimulation": EventEmitter;
        "switchUser": EventEmitter;
    }
    interface SlProfilePreviewUserInformation {
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage": LANGUAGE_TYPES;
        /**
          * Information specific to the user.
         */
        "userInfo": UserInfo;
    }
    interface SlQrcode {
        /**
          * @default '#000000'
         */
        "darkColor": string;
        /**
          * @default QR_CODE_ERROR_CORRECTION_LEVEL.H
         */
        "errorCorrectionLevel": | QR_CODE_ERROR_CORRECTION_LEVEL
    | `${QR_CODE_ERROR_CORRECTION_LEVEL}`;
        /**
          * @default '#ffffff'
         */
        "lightColor": string;
        /**
          * @default 4
         */
        "margin": number;
        /**
          * @default 0.92
         */
        "quality": number;
        "url": string;
        /**
          * @default 256
         */
        "width": number;
    }
    interface SlSearch {
        "caption"?: string;
        "clearCallback"?: () => void;
        "searchSubmitCallback"?: (value: string) => void;
        "showSpinner": boolean;
    }
    interface SlSecondaryNav {
        "srHint": string;
    }
    interface SlSecondaryNavItem {
        /**
          * Display an icon with counter badge on right
         */
        "badge": string;
        /**
          * Description below the label
         */
        "description": string;
        /**
          * Display an icon on the left
         */
        "iconName": string;
        /**
          * Set at true if selected
          * @default false
         */
        "selected": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlSecondaryNavItemElement) => void)
    | string;
    }
    interface SlSelectionManager {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection": boolean;
        /**
          * Enable selected background styling
          * @default false
         */
        "enableSelection": boolean;
        /**
          * If parent has shadowRoot enable
          * @default false
         */
        "hasShadowRoot": boolean;
        /**
          * List of valid items type in the list to return the correct value
         */
        "parentItemElementTypes": string[];
        /**
          * Select the first element
          * @default false
         */
        "selectFirstOne": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((el: any, keyName: string, pathname: string) => void)
    | string;
        /**
          * Description text read by the screen reader
         */
        "srHint": string;
    }
    interface SlSelectionManagerItem {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection": boolean;
        /**
          * Disable cursor and action in the element.
          * @default false
         */
        "disabled": boolean;
        /**
          * For to rase up an event if select value change
          * @default false
         */
        "forceRaseUpEvent": boolean;
        /**
          * key name send on event and function when element is selected.
         */
        "keyName"?: string;
        /**
          * Specific path of the url.
         */
        "pathname"?: string;
        /**
          * Set at true if selected
          * @default false
         */
        "selected": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: (() => void) | string;
        /**
          * Adapt look and feel of the selection
          * @default SELECTION_MANAGER_SELECTION_STYLES.DEFAULT
         */
        "selectionStyle": | SELECTION_MANAGER_SELECTION_STYLES
    | `${SELECTION_MANAGER_SELECTION_STYLES}`;
        /**
          * Callback that will fire when the tabs is unselected.
         */
        "unselectedCallback"?: (() => void) | string;
    }
    interface SlSideNavigation {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection": boolean;
        /**
          * (optional)  Base path of the url. Must start with a "/"
         */
        "basePathname"?: string;
        /**
          * Disable the mobile view "/"
          * @default false
         */
        "disableMobileView": boolean;
        /**
          * By default if pathname on an item is not null the item will be selected if the url change. Manage the url modification yourself. Disable on all sl-side-navigation-item.
          * @default false
         */
        "disableSelectWithPathname": boolean;
        /**
          * By default if pathname on an item is not null the url will be updated with the pathname. Manage the redirection yourself. Disable on all sl-side-navigation-item.
          * @default false
         */
        "disableUpdatePathname": boolean;
        /**
          * Whether multiple menu accordions can be open at the same time.
          * @default false
         */
        "keepOpen": boolean;
        /**
          * Map widows size to media types
          * @default MAP_SIZES_TO_MEDIA_TYPES
         */
        "mapSizeToMediaTypes": MediaType;
        /**
          * All different validation types for the pathname. Be careful with contains basePathname will be not take in consideration
          * @default SIDE_NAVIGATION_PATH_VALIDATION_TYPES.EXACT
         */
        "pathnameValidationType": | SIDE_NAVIGATION_PATH_VALIDATION_TYPES
    | `${SIDE_NAVIGATION_PATH_VALIDATION_TYPES}`
    | ((currentPath: string, itemPath: string) => boolean);
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        el: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
        /**
          * (optional) Description of the menu text read by the screen reader
         */
        "srHint"?: string;
    }
    interface SlSideNavigationInfoBox {
        /**
          * Display an icon on the right for the button.
         */
        "actionIconName": string;
        /**
          * Description at the bottom of the info box.
         */
        "description"?: string;
        /**
          * Function called when link button is activated
         */
        "handleButtonClick"?: () => void;
        /**
          * Display an icon on the left.
         */
        "iconName"?: string;
        /**
          * Label at the top of the info box.
         */
        "label"?: string;
        /**
          * Description text read by the screen reader for the link.
         */
        "srActionHint"?: string;
        /**
          * Description text read by the screen reader.
         */
        "srHint"?: string;
    }
    interface SlSideNavigationItem {
        /**
          * Force to open or close the accordion. Normally it's done automatically. This component must have children
          * @default false
         */
        "accordionOpen": boolean;
        /**
          * Allow reselection of already selected item
          * @default false
         */
        "allowReselection": boolean;
        /**
          * By default if pathname is not null the item will be selected if the url change. Manage the url modification yourself.
          * @default false
         */
        "disableSelectWithPathname": boolean;
        /**
          * By default if pathname is not null the url will be updated with the pathname. Manage the redirection yourself.
          * @default false
         */
        "disableUpdatePathname": boolean;
        /**
          * Disable cursor and action in the button element.
          * @default false
         */
        "disabled": boolean;
        /**
          * (optional) Display an icon on the left line for this menu. This value override displayType
         */
        "iconName"?: string;
        /**
          * (optional) If you want to display an icon just for mobile in bottom.
         */
        "iconNameMobile"?: string;
        /**
          * Display button on mobile in bottom. Up to 3 elements
          * @default false
         */
        "isOnTopMobile": boolean;
        /**
          * (optional) Key name send on event and function when element is selected.
         */
        "keyName"?: string;
        /**
          * Label of the current menu
         */
        "label"?: string;
        /**
          * (optional) Specific path of the url. Must start with a "/"
         */
        "pathname"?: string;
        /**
          * Activate an element. Normally one element must be always selected
          * @default false
         */
        "selected": boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        element: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
        /**
          * (optional) Description text read by the screen reader. Will be appended to the expand button content.
         */
        "srExpandHint"?: string;
        /**
          * (optional) Description text read by the screen reader
         */
        "srIconHint"?: string;
        /**
          * (optional) Description text read by the screen reader
         */
        "srIconMobileHint"?: string;
    }
    interface SlSideNavigationMobile {
    }
    interface SlSkeleton {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Height of the skeleton. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
         */
        "height"?: number | string;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {boolean}
          * @default 5px
         */
        "rounded"?: number | string | boolean;
        /**
          * The shape of the skeleton element - 'rect': Default rectangular shape - 'circle': Circular shape with 50% border-radius - 'text': Text line shape with 1em height and 100% width by default
          * @type {'rect' | 'circle' | 'text'}
          * @default SKELETON_SHAPES.RECT
         */
        "shape": SKELETON_SHAPES | `${SKELETON_SHAPES}`;
        /**
          * Size of the skeleton (sets both width and height to the same value). Overrides individual width and height props when set. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "size": number | string;
        /**
          * Width of the skeleton. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
         */
        "width"?: number | string;
    }
    interface SlSkeletonButton {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Height of the button skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 48
         */
        "height": number | string;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners
          * @type {boolean}
          * @default true
         */
        "rounded": boolean;
        /**
          * Width of the button skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 160
         */
        "width": number | string;
    }
    interface SlSkeletonCard {
        /**
          * Number of action buttons
          * @type {number}
          * @default 1
         */
        "actions": number;
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Gap between tabs If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 24
         */
        "gap": number | string;
        /**
          * Number of text lines below media
          * @type {number}
          * @default 3
         */
        "lines": number;
        /**
          * Whether to include a media thumbnail
          * @type {boolean}
          * @default true
         */
        "media": boolean;
    }
    interface SlSkeletonChart {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Number of bars to display in the chart
          * @type {number}
          * @default 5
         */
        "bars": number;
        /**
          * Height of the chart If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 200
         */
        "height": number | string;
        /**
          * Whether to hide labels on pie chart
          * @type {boolean}
          * @default false
         */
        "hideLabels": boolean;
        /**
          * Orientation of the chart bars
          * @type {'vertical' | 'horizontal'}
          * @default 'vertical'
         */
        "orientation": | SKELETON_CHART_ORIENTATIONS
    | `${SKELETON_CHART_ORIENTATIONS}`;
        /**
          * Type of chart to display
          * @type {'bar' | 'pie'}
          * @default 'bar'
         */
        "type": SKELETON_CHART_TYPES | `${SKELETON_CHART_TYPES}`;
        /**
          * Width of the chart If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "width": number | string;
    }
    interface SlSkeletonCheckbox {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Number of checkbox items to display when variant is 'group'
          * @type {number}
          * @default 2
         */
        "items": number;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {boolean}
          * @default 5px
         */
        "roundedCheckbox"?: number | string | boolean;
        /**
          * Whether to add a second line of smaller text below the main text
          * @type {boolean}
          * @default false
         */
        "showSecondaryText": boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText": boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '150px'
         */
        "textWidth": number | string;
        /**
          * Layout variant for the checkbox skeleton - 'inline': Single checkbox with label in inline layout - 'group': Group of checkboxes with labels in vertical layout
          * @type {'inline' | 'group'}
          * @default 'inline'
         */
        "variant": | SKELETON_CHECKBOX_VARIANTS
    | `${SKELETON_CHECKBOX_VARIANTS}`;
    }
    interface SlSkeletonChip {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Width of the chip If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '85'
         */
        "width"?: number | string;
    }
    interface SlSkeletonDropdown {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Whether to display the text skeleton part (label)
          * @type {boolean}
          * @default true
         */
        "showText": boolean;
        /**
          * Width of the dropdown field skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '300px'
         */
        "width": number | string;
    }
    interface SlSkeletonIcon {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Size of the icon skeleton same as SDX
          * @type {1 | 2 | 3 | 4 | 5 | 6}
          * @default 3
         */
        "size": SKELETON_ICON_SIZES | `${SKELETON_ICON_SIZES}`;
    }
    interface SlSkeletonInput {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Whether to display the text skeleton part (label)
          * @type {boolean}
          * @default true
         */
        "showText": boolean;
        /**
          * Type variant for the input field skeleton - 'single': Single line input field - 'multiple': Multiple line textarea - 'date': Date input field with calendar icon
          * @type {'single' | 'multiple' | 'date'}
          * @default 'single'
         */
        "variant": SKELETON_INPUT_VARIANTS | `${SKELETON_INPUT_VARIANTS}`;
        /**
          * Width of the input field skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '300px'
         */
        "width": number | string;
    }
    interface SlSkeletonList {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Gap between list items If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 8
         */
        "gap": number | string;
        /**
          * Number of list items to display
          * @type {number}
          * @default 4
         */
        "items": number;
        /**
          * Number of text lines below media
          * @type {number}
          * @default 3
         */
        "lines": number;
    }
    interface SlSkeletonParagraph {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Gap between lines If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 6
         */
        "gap": number | string;
        /**
          * Number of text lines to display
          * @type {number}
          * @default 3
         */
        "lines": number;
        /**
          * Maximum width for the widest line If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "maxWidth": number | string;
        /**
          * Minimum width for the narrowest line If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '70%'
         */
        "minWidth": number | string;
    }
    interface SlSkeletonRadio {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Number of checkbox items to display when variant is 'group'
          * @type {number}
          * @default 2
         */
        "items": number;
        /**
          * Whether to add a second line of smaller text below the main text
          * @type {boolean}
          * @default false
         */
        "showSecondaryText": boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText": boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '150px'
         */
        "textWidth": number | string;
        /**
          * Layout variant for the radio button skeleton - 'inline': Radio buttons with labels in inline layout - 'group': Group of radio buttons with labels in vertical layout
          * @type {'inline' | 'group'}
          * @default 'group'
         */
        "variant": SKELETON_RADIO_VARIANTS | `${SKELETON_RADIO_VARIANTS}`;
    }
    interface SlSkeletonSwitch {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Whether to reverse the layout (text before switch)
          * @type {boolean}
          * @default false
         */
        "reverse": boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText": boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '120px'
         */
        "textWidth": number | string;
    }
    interface SlSkeletonTable {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Width of each table cell
          * @type {number | string}
          * @default '100%'
         */
        "cellWidth": number | string;
        /**
          * Number of table columns to display
          * @type {number}
          * @default 4
         */
        "cols": number;
        /**
          * Gap between list items If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 16
         */
        "gap": number | string;
        /**
          * Number of table rows to display
          * @type {number}
          * @default 4
         */
        "rows": number;
        /**
          * Whether to show or hide checkbox column
          * @type {boolean}
          * @default true
         */
        "showCheckbox": boolean;
        /**
          * Table style - subset of DATA_TABLE_TABLE_STYLES (excludes DRILL_DOWN)
          * @type {SKELETON_TABLE_STYLES}
          * @default SKELETON_TABLE_STYLES.DEFAULT
         */
        "tableStyle": SKELETON_TABLE_STYLES | `${SKELETON_TABLE_STYLES}`;
        /**
          * Type enum with 'sdx' or 'bsl'
          * @type {SKELETON_TABLE_TYPES}
          * @default SKELETON_TABLE_TYPES.SDX
         */
        "type": SKELETON_TABLE_TYPES | `${SKELETON_TABLE_TYPES}`;
    }
    interface SlSkeletonTabs {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Number of tabs to display
          * @type {number}
          * @default 3
         */
        "count": number;
        /**
          * Gap between tabs If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 8
         */
        "gap": number | string;
        /**
          * Width of each tab If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 160
         */
        "tabWidth": number | string;
    }
    interface SlSkeletonTag {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Styling variation of the tag skeleton
          * @default TAG_STYLING_OPTIONS.LIGHT
         */
        "styling": TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        /**
          * Size variation of the tag skeleton
          * @default TAG_SIZE_OPTIONS.MEDIUM
         */
        "variation": TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
        /**
          * Width of the chip If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '85'
         */
        "width"?: number | string;
    }
    interface SlSkeletonThumbnail {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Aspect ratio of the thumbnail
          * @type {'16/9' | '4/3' | 'square'}
          * @default '16/9'
         */
        "aspect": SKELETON_ASPECT_RATIOS | `${SKELETON_ASPECT_RATIOS}`;
        /**
          * Width of the thumbnail If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "width": number | string;
    }
    interface SlSkeletonTypography {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated": boolean;
        /**
          * Typography type of the skeleton text
          * @type {'hero' | 'd1' | 'd2' | 'd3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'text-standard' | 'text-small' | 'text-smaller'}
          * @default 'text-standard'
         */
        "type": SKELETON_TYPOGRAPHY_TYPES | `${SKELETON_TYPOGRAPHY_TYPES}`;
        /**
          * Width of the typography skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {string | number}
          * @default 120
         */
        "width": string | number;
    }
    interface SlSplitButton {
        /**
          * Value for aria-expanded that will be applied to the button element. Used for buttons that trigger expanding/collapsing such as an accordion, dropdown menu or tooltip. Just for button type is "split".
         */
        "ariaExpandedOnButton"?: boolean;
        /**
          * Close if the user clicks on the menu list.
          * @default false
         */
        "closeOnClick": boolean;
        /**
          * Disables the sdx-button. Better not show the button at all in this case.
          * @default false
         */
        "disabled": boolean;
        /**
          * "href" when used as a link looking like a button. Just for button type is "split".
          * @default ''
         */
        "href": string;
        /**
          * Which icon to display.
         */
        "iconName"?: string;
        /**
          * Size of the displayed icon. Can only be modified when theme="transparent". Font-size will be adjusted automatically.
          * @default 2
         */
        "iconSize": 1 | 2 | 3 | 4 | 5 | 6;
        /**
          * Button text.
          * @default ''
         */
        "label": string;
        /**
          * Shows a loading spinner and disables the sdx-button. Don't forget to set srHint accordingly.
          * @default false
         */
        "loading": boolean;
        /**
          * Description text read by the screen reader. Will be appended to the button content and to the loading spinner when loading="true".
          * @default ''
         */
        "srHint": string;
        /**
          * "target" ("&#95;blank", "&#95;parent", "&#95;top", "&#95;self", or the name of a window or frame) when used as a link looking like a button.
         */
        "target"?: string;
        /**
          * Button theme.
          * @default BUTTON_THEMES.PRIMARY
         */
        "theme": BUTTON_THEMES | `${BUTTON_THEMES}`;
        /**
          * Button type.
          * @default SPLIT_BUTTON_TYPES.SPLIT
         */
        "type": SPLIT_BUTTON_TYPES | `${SPLIT_BUTTON_TYPES}`;
    }
    interface SlSplitButtonListItem {
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled": boolean;
        /**
          * The URL this item should link to (if it’s a regular link not handled by JS).
          * @default 'javascript:void(0)'
         */
        "href": string;
        /**
          * Language of the page the URL points to.
         */
        "hreflang"?: string;
        /**
          * The icon which is displayed before the text.
         */
        "iconName"?: string;
        /**
          * If the item is not selectable, it is neither highlighted nor does it have cursor: pointer.
          * @default true
         */
        "selectable": boolean;
        /**
          * Target of the link ("&#95;blank", "&#95;parent", "&#95;top", "&#95;self", or the name of a window or frame)
         */
        "target"?: string;
    }
    interface SlStickyFooter {
        /**
          * By default the scroll on body or with component with id scrollableDivForStickyFooter is automatically managed with the drawer. You can disable it.
          * @default false
         */
        "disableLockScroll": boolean;
        /**
          * Define if expanded container is open or not
          * @default false
         */
        "isExpanded": boolean;
        /**
          * Position type: sticky or fixed
          * @default STICKY_FOOTER_POSITION.FIXED
         */
        "positionType": STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        /**
          * There are two styles: one with variations and total information at the bottom, and another with information only at the bottom.
          * @default false
         */
        "variation": boolean;
    }
    interface SlStickyFooterAmounts {
        "amountLeft": string;
        "amountRight": string;
        "labelLeft": string;
        "labelRight": string;
        "variation": boolean;
        "vatLabel": string;
    }
    interface SlStickyFooterCard {
    }
    interface SlStickyFooterCart {
        "caption": string;
        "variation": boolean;
    }
    interface SlStickyFooterEnhanced {
        /**
          * Amount to be displayed on the left side
         */
        "amountLeft"?: string | number;
        /**
          * Amount to be displayed on the right side
         */
        "amountRight"?: string | number;
        /**
          * Callback that will fire when back button is clicked.
         */
        "backCallback"?: (() => void) | string;
        /**
          * Disable the back button when true
          * @default false
         */
        "disableBackButton": boolean;
        /**
          * Disable the next button when true
          * @default false
         */
        "disableNextButton": boolean;
        /**
          * Hide the back button when true
          * @default false
         */
        "hideBackButton": boolean;
        /**
          * Hide currency symbol for numeric amounts
          * @default false
         */
        "hideCurrency": boolean;
        /**
          * Hide the expand icon when true
          * @default false
         */
        "hideExpandIcon": boolean;
        /**
          * Hide the next button when true
          * @default false
         */
        "hideNextButton": boolean;
        /**
          * Hide the save for later link in login component
          * @default false
         */
        "hideSaveForLater"?: boolean;
        /**
          * Icon name for the next button
         */
        "iconNameNextButton"?: string;
        /**
          * Define if expanded container is open or not
          * @default false
         */
        "isExpanded": boolean;
        /**
          * Callback that will fire when isExpanded state changes.
         */
        "isExpandedChangedCallback"?: ((isExpanded: boolean) => void) | string;
        /**
          * Shows loading spinner on the next button
          * @default false
         */
        "loadingNextButton": boolean;
        /**
          * Custom text for the next button
         */
        "nextButtonText"?: string;
        /**
          * Callback that will fire when next button is clicked.
         */
        "nextCallback"?: (() => void) | string;
        /**
          * Position type: sticky or fixed
          * @default STICKY_FOOTER_POSITION.FIXED
         */
        "positionType": STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        /**
          * Callback that will fire when save for later link is clicked.
         */
        "saveForLaterCallback"?: (() => void) | string;
        /**
          * VAT display type for both amount sections: include, exclude, or hidden
          * @default VAT_TYPE.INCLUDE
         */
        "vatType": VAT_TYPE | `${VAT_TYPE}`;
    }
    interface SlStickyFooterModal {
        /**
          * Disable the primary button when true
          * @default false
         */
        "disablePrimaryButton"?: boolean;
        /**
          * Disable the secondary button when true
          * @default false
         */
        "disableSecondaryButton"?: boolean;
        /**
          * Hide the login component
          * @default false
         */
        "hideLogin"?: boolean;
        /**
          * Hide the secondary button in login component
          * @default false
         */
        "hideSecondaryButton"?: boolean;
        /**
          * Label for the modal dialog
         */
        "label": string;
        /**
          * Callback that will fire when primary button in login is clicked.
         */
        "primaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for primary button in login
         */
        "primaryButtonText"?: string;
        /**
          * Callback that will fire when secondary button in login is clicked.
         */
        "secondaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for secondary button in login
         */
        "secondaryButtonText"?: string;
    }
    interface SlStickyFooterModalAmounts {
        /**
          * Amount to be displayed on the left side (monthly)
         */
        "amountLeft"?: string | number;
        /**
          * Amount to be displayed on the right side (one-time)
         */
        "amountRight"?: string | number;
        /**
          * VAT display type for the left amount: include, exclude, or hidden
         */
        "vatTypeLeft"?: VAT_TYPE | `${VAT_TYPE}`;
        /**
          * VAT display type for the right amount: include, exclude, or hidden
         */
        "vatTypeRight"?: VAT_TYPE | `${VAT_TYPE}`;
    }
    interface SlStickyFooterModalLogin {
        /**
          * Disable the primary button when true
          * @default false
         */
        "disablePrimaryButton"?: boolean;
        /**
          * Disable the secondary button when true
          * @default false
         */
        "disableSecondaryButton"?: boolean;
        /**
          * Hide the save for later link
          * @default false
         */
        "hideSaveForLater"?: boolean;
        /**
          * Hide the secondary button
          * @default false
         */
        "hideSecondaryButton"?: boolean;
        /**
          * Callback that will fire when primary button is clicked.
         */
        "primaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for primary button
         */
        "primaryButtonText"?: string;
        /**
          * Callback that will fire when save for later link is clicked.
         */
        "saveForLaterCallback"?: (() => void) | string;
        /**
          * Override text for save for later link
         */
        "saveForLaterText"?: string;
        /**
          * Callback that will fire when secondary button is clicked.
         */
        "secondaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for secondary button
         */
        "secondaryButtonText"?: string;
    }
    interface SlSubscriptionCard {
        /**
          * Callback when action button at the bottom is clicked
         */
        "actionButtonCallback"?: () => void;
        /**
          * Label for the link at the bottom of the card
         */
        "actionButtonLabel"?: string;
        /**
          * Title at the top of the card
         */
        "cardTitle": string;
        /**
          * Gradient image at behind the card
         */
        "gradientType"?: CardGradientTypes;
        /**
          * Icons displayed next to the subscriptionName, multiple are possible
         */
        "headerIcons"?: IconProps[];
        /**
          * Input element data test attribute for testing purposes
         */
        "inputDataTest"?: string;
        /**
          * Label displayed on the input button, input will not render if empty
         */
        "inputLabel"?: string;
        /**
          * To make card selectable or unselectable
          * @default false
         */
        "isInputDisabled": boolean;
        /**
          * If the card is currently selected
          * @default false
         */
        "isInputSelected": boolean;
        /**
          * Price related information
         */
        "priceData"?: PriceData;
        /**
          * Data of the product information to be displayed in the details section
         */
        "subscriptionDetails"?: DetailsAttribute[];
        /**
          * Main header text
         */
        "subscriptionName"?: string;
        /**
          * Callback when subscription card is selected
         */
        "subscriptionSelectedCallback"?: (
    value: string | number | undefined
  ) => void;
        /**
          * Status of the subscription, e.g. "Current", "Target", etc.
         */
        "subscriptionStatus"?: string;
        /**
          * SDX tag displayed at the top of the card
         */
        "tag"?: TagProps;
        /**
          * Value represented by the card, will be emitted when card is selected
         */
        "value"?: string | number;
    }
    interface SlTable {
    }
    interface SlTableAccordionContainer {
        "active": boolean;
    }
    interface SlTableAccordionHeader {
        /**
          * @default false
         */
        "active": boolean;
        /**
          * @default TABLE_ACCORDION_HEADER_POSITIONS.LEFT
         */
        "position": | TABLE_ACCORDION_HEADER_POSITIONS
    | `${TABLE_ACCORDION_HEADER_POSITIONS}`;
    }
    interface SlTableCol {
        /**
          * Define if divider is hiding or not
          * @default false
         */
        "hideDivider": boolean;
        /**
          * @default false
         */
        "isRead": boolean;
        /**
          * @default TABLE_COL_TYPES.TEXT
         */
        "type": TABLE_COL_TYPES | `${TABLE_COL_TYPES}`;
    }
    interface SlTableColText {
    }
    interface SlTableColTextItem {
        "type": TABLE_COL_TEXT_ITEM_TYPES | `${TABLE_COL_TEXT_ITEM_TYPES}`;
    }
    interface SlTableLoading {
        /**
          * @default 1
         */
        "size": number;
    }
    interface SlTableRow {
        "accordionId": string;
        /**
          * @default false
         */
        "active": boolean;
        /**
          * @default TABLE_ROW_DISPLAY_MODES.NORMAL
         */
        "type": TABLE_ROW_DISPLAY_MODES | `${TABLE_ROW_DISPLAY_MODES}`;
    }
    interface SlTag {
        /**
          * Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Description text read by the screen reader for the icon
         */
        "srHint"?: string;
        /**
          * @default TAG_STATUS_COLORS.GREY
         */
        "status": TAG_STATUS_COLORS | `${TAG_STATUS_COLORS}`;
        /**
          * @default TAG_STYLING_OPTIONS.LIGHT
         */
        "styling": TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        /**
          * @default TAG_SIZE_OPTIONS.MEDIUM
         */
        "variation": TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
    }
    interface SlTree {
        /**
          * Controls what is included in the checkedItems array emitted on selection change: - leaves (default): only leaf items (no children) - all: leaf items AND parent items that are fully checked
          * @default TREE_CHECKED_ITEMS_MODES.LEAVES
         */
        "checkedItemsMode": | TREE_CHECKED_ITEMS_MODES
    | `${TREE_CHECKED_ITEMS_MODES}`;
        /**
          * Whether multiple tree accordions can be open at the same time.
          * @default true
         */
        "keepOpen": boolean;
        /**
          * Selection mode: - none: no checkboxes - leaves: checkboxes only on leaf items (no children) - all: checkboxes on all items; selecting a parent selects/deselects all its leaves
          * @default TREE_SELECTABLE_MODES.NONE
         */
        "selectable": TREE_SELECTABLE_MODES | `${TREE_SELECTABLE_MODES}`;
        /**
          * Callback that will fire when any item checkbox changes, with all currently checked leaf items.
         */
        "selectedCallback"?: | ((checkedItems: SlTreeCheckedItem[]) => void)
    | string;
    }
    interface SlTreeItem {
        /**
          * Force to open or close the accordion. This component must have children
          * @default false
         */
        "accordionOpen": boolean;
        /**
          * Initial checked state (only relevant when sl-tree selectable is not none)
          * @default false
         */
        "checked": boolean;
        /**
          * Disable cursor and action in the element.
          * @default false
         */
        "disabled": boolean;
        /**
          * (optional) Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Label of the current tree item
         */
        "label"?: string;
        /**
          * Enable checkbox selection for this item (requires parent sl-tree selectable to be non-none)
          * @default true
         */
        "selectable": boolean;
        /**
          * (optional) Description text read by the screen reader. Will be appended to the expand button content.
         */
        "srExpandHint"?: string;
        /**
          * (optional) Description text read by the screen reader for the icon
         */
        "srIconHint"?: string;
        /**
          * Unique value to identify this item in the checkedItems array
         */
        "value"?: string;
    }
    interface SlUpload {
    }
    interface SlUploadForm {
    }
    interface SlWrapper {
        /**
          * Title
         */
        "caption": string;
        /**
          * Callback when user click on icon right
         */
        "iconClickedCallback"?: (() => void) | string | undefined;
        /**
          * Sdx icon size
          * @default '3'
         */
        "iconsize": string;
        /**
          * Sdx icon name
         */
        "lefticon": string;
        /**
          * Display loading style
          * @default false
         */
        "loader": boolean;
        /**
          * Sdx icon name
         */
        "righticon": string;
        /**
          * styling variation
          * @default VARIATION_TYPES.DEFAULT
         */
        "variation": VARIATION_TYPES | `${VARIATION_TYPES}`;
    }
}
export interface SlAppMenuListCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlAppMenuListElement;
}
export interface SlBulkActionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlBulkActionElement;
}
export interface SlCompanyPreviewCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlCompanyPreviewElement;
}
export interface SlDataLinkCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlDataLinkElement;
}
export interface SlDataLinkItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlDataLinkItemElement;
}
export interface SlDataLinkItemCustomCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlDataLinkItemCustomElement;
}
export interface SlDataTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlDataTableElement;
}
export interface SlDrawerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlDrawerElement;
}
export interface SlExpansionCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlExpansionCardElement;
}
export interface SlHeaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlHeaderElement;
}
export interface SlHeroCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlHeroElement;
}
export interface SlIconButtonCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlIconButtonCardElement;
}
export interface SlInfoPageCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlInfoPageElement;
}
export interface SlLinkGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlLinkGroupElement;
}
export interface SlNotificationMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlNotificationMenuElement;
}
export interface SlPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlPaginationElement;
}
export interface SlSecondaryNavItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlSecondaryNavItemElement;
}
export interface SlSideNavigationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlSideNavigationElement;
}
export interface SlSideNavigationInfoBoxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlSideNavigationInfoBoxElement;
}
export interface SlSideNavigationItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlSideNavigationItemElement;
}
export interface SlStickyFooterCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlStickyFooterElement;
}
export interface SlStickyFooterEnhancedCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlStickyFooterEnhancedElement;
}
export interface SlStickyFooterModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlStickyFooterModalElement;
}
export interface SlStickyFooterModalLoginCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlStickyFooterModalLoginElement;
}
export interface SlSubscriptionCardCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlSubscriptionCardElement;
}
export interface SlTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlTableElement;
}
export interface SlTableAccordionHeaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlTableAccordionHeaderElement;
}
export interface SlTreeCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlTreeElement;
}
export interface SlUploadCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlUploadElement;
}
export interface SlWrapperCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLSlWrapperElement;
}
declare global {
    interface HTMLSlAppMenuElement extends Components.SlAppMenu, HTMLStencilElement {
    }
    var HTMLSlAppMenuElement: {
        prototype: HTMLSlAppMenuElement;
        new (): HTMLSlAppMenuElement;
    };
    interface HTMLSlAppMenuListElementEventMap {
        "sl-header:appMenu:appClicked": App;
    }
    interface HTMLSlAppMenuListElement extends Components.SlAppMenuList, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlAppMenuListElementEventMap>(type: K, listener: (this: HTMLSlAppMenuListElement, ev: SlAppMenuListCustomEvent<HTMLSlAppMenuListElementEventMap[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 HTMLSlAppMenuListElementEventMap>(type: K, listener: (this: HTMLSlAppMenuListElement, ev: SlAppMenuListCustomEvent<HTMLSlAppMenuListElementEventMap[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 HTMLSlAppMenuListElement: {
        prototype: HTMLSlAppMenuListElement;
        new (): HTMLSlAppMenuListElement;
    };
    interface HTMLSlAvatarElement extends Components.SlAvatar, HTMLStencilElement {
    }
    var HTMLSlAvatarElement: {
        prototype: HTMLSlAvatarElement;
        new (): HTMLSlAvatarElement;
    };
    interface HTMLSlBulkActionElementEventMap {
        "sl-bulk-action:hidden": any;
    }
    interface HTMLSlBulkActionElement extends Components.SlBulkAction, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlBulkActionElementEventMap>(type: K, listener: (this: HTMLSlBulkActionElement, ev: SlBulkActionCustomEvent<HTMLSlBulkActionElementEventMap[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 HTMLSlBulkActionElementEventMap>(type: K, listener: (this: HTMLSlBulkActionElement, ev: SlBulkActionCustomEvent<HTMLSlBulkActionElementEventMap[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 HTMLSlBulkActionElement: {
        prototype: HTMLSlBulkActionElement;
        new (): HTMLSlBulkActionElement;
    };
    interface HTMLSlButtonGroupHorizontalElement extends Components.SlButtonGroupHorizontal, HTMLStencilElement {
    }
    var HTMLSlButtonGroupHorizontalElement: {
        prototype: HTMLSlButtonGroupHorizontalElement;
        new (): HTMLSlButtonGroupHorizontalElement;
    };
    interface HTMLSlChipElement extends Components.SlChip, HTMLStencilElement {
    }
    var HTMLSlChipElement: {
        prototype: HTMLSlChipElement;
        new (): HTMLSlChipElement;
    };
    interface HTMLSlCollectionGroupedElement extends Components.SlCollectionGrouped, HTMLStencilElement {
    }
    var HTMLSlCollectionGroupedElement: {
        prototype: HTMLSlCollectionGroupedElement;
        new (): HTMLSlCollectionGroupedElement;
    };
    interface HTMLSlCompanyPreviewElementEventMap {
        "searchModeChanged": boolean;
    }
    interface HTMLSlCompanyPreviewElement extends Components.SlCompanyPreview, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlCompanyPreviewElementEventMap>(type: K, listener: (this: HTMLSlCompanyPreviewElement, ev: SlCompanyPreviewCustomEvent<HTMLSlCompanyPreviewElementEventMap[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 HTMLSlCompanyPreviewElementEventMap>(type: K, listener: (this: HTMLSlCompanyPreviewElement, ev: SlCompanyPreviewCustomEvent<HTMLSlCompanyPreviewElementEventMap[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 HTMLSlCompanyPreviewElement: {
        prototype: HTMLSlCompanyPreviewElement;
        new (): HTMLSlCompanyPreviewElement;
    };
    interface HTMLSlDataFormatElement extends Components.SlDataFormat, HTMLStencilElement {
    }
    var HTMLSlDataFormatElement: {
        prototype: HTMLSlDataFormatElement;
        new (): HTMLSlDataFormatElement;
    };
    interface HTMLSlDataLinkElementEventMap {
        "itemSelected": HTMLSlDataLinkItemElement | HTMLSlDataLinkItemCustomElement;
    }
    interface HTMLSlDataLinkElement extends Components.SlDataLink, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlDataLinkElementEventMap>(type: K, listener: (this: HTMLSlDataLinkElement, ev: SlDataLinkCustomEvent<HTMLSlDataLinkElementEventMap[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 HTMLSlDataLinkElementEventMap>(type: K, listener: (this: HTMLSlDataLinkElement, ev: SlDataLinkCustomEvent<HTMLSlDataLinkElementEventMap[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 HTMLSlDataLinkElement: {
        prototype: HTMLSlDataLinkElement;
        new (): HTMLSlDataLinkElement;
    };
    interface HTMLSlDataLinkItemElementEventMap {
        "itemSelected": HTMLSlDataLinkItemElement;
    }
    interface HTMLSlDataLinkItemElement extends Components.SlDataLinkItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlDataLinkItemElementEventMap>(type: K, listener: (this: HTMLSlDataLinkItemElement, ev: SlDataLinkItemCustomEvent<HTMLSlDataLinkItemElementEventMap[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 HTMLSlDataLinkItemElementEventMap>(type: K, listener: (this: HTMLSlDataLinkItemElement, ev: SlDataLinkItemCustomEvent<HTMLSlDataLinkItemElementEventMap[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 HTMLSlDataLinkItemElement: {
        prototype: HTMLSlDataLinkItemElement;
        new (): HTMLSlDataLinkItemElement;
    };
    interface HTMLSlDataLinkItemCustomElementEventMap {
        "itemSelected": HTMLSlDataLinkItemCustomElement;
    }
    interface HTMLSlDataLinkItemCustomElement extends Components.SlDataLinkItemCustom, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlDataLinkItemCustomElementEventMap>(type: K, listener: (this: HTMLSlDataLinkItemCustomElement, ev: SlDataLinkItemCustomCustomEvent<HTMLSlDataLinkItemCustomElementEventMap[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 HTMLSlDataLinkItemCustomElementEventMap>(type: K, listener: (this: HTMLSlDataLinkItemCustomElement, ev: SlDataLinkItemCustomCustomEvent<HTMLSlDataLinkItemCustomElementEventMap[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 HTMLSlDataLinkItemCustomElement: {
        prototype: HTMLSlDataLinkItemCustomElement;
        new (): HTMLSlDataLinkItemCustomElement;
    };
    interface HTMLSlDataTableElementEventMap {
        "handleRowClickEvent": RowSelectionEventProps;
        "paginationChangeEvent": PaginationState;
        "sortingChangeEvent": ColumnSort[];
        "expandChangeEvent": ExpandedState;
        "rowSelectionChangeEvent": object[];
        "dataSizeChangeEvent": number;
    }
    interface HTMLSlDataTableElement extends Components.SlDataTable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlDataTableElementEventMap>(type: K, listener: (this: HTMLSlDataTableElement, ev: SlDataTableCustomEvent<HTMLSlDataTableElementEventMap[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 HTMLSlDataTableElementEventMap>(type: K, listener: (this: HTMLSlDataTableElement, ev: SlDataTableCustomEvent<HTMLSlDataTableElementEventMap[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 HTMLSlDataTableElement: {
        prototype: HTMLSlDataTableElement;
        new (): HTMLSlDataTableElement;
    };
    interface HTMLSlDetailOverviewElement extends Components.SlDetailOverview, HTMLStencilElement {
    }
    var HTMLSlDetailOverviewElement: {
        prototype: HTMLSlDetailOverviewElement;
        new (): HTMLSlDetailOverviewElement;
    };
    interface HTMLSlDetailOverviewCardElement extends Components.SlDetailOverviewCard, HTMLStencilElement {
    }
    var HTMLSlDetailOverviewCardElement: {
        prototype: HTMLSlDetailOverviewCardElement;
        new (): HTMLSlDetailOverviewCardElement;
    };
    interface HTMLSlDetailOverviewCardItemElement extends Components.SlDetailOverviewCardItem, HTMLStencilElement {
    }
    var HTMLSlDetailOverviewCardItemElement: {
        prototype: HTMLSlDetailOverviewCardItemElement;
        new (): HTMLSlDetailOverviewCardItemElement;
    };
    interface HTMLSlDetailOverviewCardItemContentElement extends Components.SlDetailOverviewCardItemContent, HTMLStencilElement {
    }
    var HTMLSlDetailOverviewCardItemContentElement: {
        prototype: HTMLSlDetailOverviewCardItemContentElement;
        new (): HTMLSlDetailOverviewCardItemContentElement;
    };
    interface HTMLSlDisplayInfoElement extends Components.SlDisplayInfo, HTMLStencilElement {
    }
    var HTMLSlDisplayInfoElement: {
        prototype: HTMLSlDisplayInfoElement;
        new (): HTMLSlDisplayInfoElement;
    };
    interface HTMLSlDisplayInfoItemElement extends Components.SlDisplayInfoItem, HTMLStencilElement {
    }
    var HTMLSlDisplayInfoItemElement: {
        prototype: HTMLSlDisplayInfoItemElement;
        new (): HTMLSlDisplayInfoItemElement;
    };
    interface HTMLSlDisplayInfoItemCustomElement extends Components.SlDisplayInfoItemCustom, HTMLStencilElement {
    }
    var HTMLSlDisplayInfoItemCustomElement: {
        prototype: HTMLSlDisplayInfoItemCustomElement;
        new (): HTMLSlDisplayInfoItemCustomElement;
    };
    interface HTMLSlDisplayInfoItemCustomContentElement extends Components.SlDisplayInfoItemCustomContent, HTMLStencilElement {
    }
    var HTMLSlDisplayInfoItemCustomContentElement: {
        prototype: HTMLSlDisplayInfoItemCustomContentElement;
        new (): HTMLSlDisplayInfoItemCustomContentElement;
    };
    interface HTMLSlDisplayStatsElement extends Components.SlDisplayStats, HTMLStencilElement {
    }
    var HTMLSlDisplayStatsElement: {
        prototype: HTMLSlDisplayStatsElement;
        new (): HTMLSlDisplayStatsElement;
    };
    interface HTMLSlDisplayStatsItemElement extends Components.SlDisplayStatsItem, HTMLStencilElement {
    }
    var HTMLSlDisplayStatsItemElement: {
        prototype: HTMLSlDisplayStatsItemElement;
        new (): HTMLSlDisplayStatsItemElement;
    };
    interface HTMLSlDrawerElementEventMap {
        "requestClose": any;
        "expandChanged": EventExpandChange;
    }
    interface HTMLSlDrawerElement extends Components.SlDrawer, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlDrawerElementEventMap>(type: K, listener: (this: HTMLSlDrawerElement, ev: SlDrawerCustomEvent<HTMLSlDrawerElementEventMap[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 HTMLSlDrawerElementEventMap>(type: K, listener: (this: HTMLSlDrawerElement, ev: SlDrawerCustomEvent<HTMLSlDrawerElementEventMap[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 HTMLSlDrawerElement: {
        prototype: HTMLSlDrawerElement;
        new (): HTMLSlDrawerElement;
    };
    interface HTMLSlDrawerContentElement extends Components.SlDrawerContent, HTMLStencilElement {
    }
    var HTMLSlDrawerContentElement: {
        prototype: HTMLSlDrawerContentElement;
        new (): HTMLSlDrawerContentElement;
    };
    interface HTMLSlEmptyScreenElement extends Components.SlEmptyScreen, HTMLStencilElement {
    }
    var HTMLSlEmptyScreenElement: {
        prototype: HTMLSlEmptyScreenElement;
        new (): HTMLSlEmptyScreenElement;
    };
    interface HTMLSlExpansionCardElementEventMap {
        "cardExpanded": any;
    }
    interface HTMLSlExpansionCardElement extends Components.SlExpansionCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlExpansionCardElementEventMap>(type: K, listener: (this: HTMLSlExpansionCardElement, ev: SlExpansionCardCustomEvent<HTMLSlExpansionCardElementEventMap[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 HTMLSlExpansionCardElementEventMap>(type: K, listener: (this: HTMLSlExpansionCardElement, ev: SlExpansionCardCustomEvent<HTMLSlExpansionCardElementEventMap[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 HTMLSlExpansionCardElement: {
        prototype: HTMLSlExpansionCardElement;
        new (): HTMLSlExpansionCardElement;
    };
    interface HTMLSlFileStatusElement extends Components.SlFileStatus, HTMLStencilElement {
    }
    var HTMLSlFileStatusElement: {
        prototype: HTMLSlFileStatusElement;
        new (): HTMLSlFileStatusElement;
    };
    interface HTMLSlFilterElement extends Components.SlFilter, HTMLStencilElement {
    }
    var HTMLSlFilterElement: {
        prototype: HTMLSlFilterElement;
        new (): HTMLSlFilterElement;
    };
    interface HTMLSlFilterGroupElement extends Components.SlFilterGroup, HTMLStencilElement {
    }
    var HTMLSlFilterGroupElement: {
        prototype: HTMLSlFilterGroupElement;
        new (): HTMLSlFilterGroupElement;
    };
    interface HTMLSlFilterItemElement extends Components.SlFilterItem, HTMLStencilElement {
    }
    var HTMLSlFilterItemElement: {
        prototype: HTMLSlFilterItemElement;
        new (): HTMLSlFilterItemElement;
    };
    interface HTMLSlFilterListElement extends Components.SlFilterList, HTMLStencilElement {
    }
    var HTMLSlFilterListElement: {
        prototype: HTMLSlFilterListElement;
        new (): HTMLSlFilterListElement;
    };
    interface HTMLSlFilterLoadingElement extends Components.SlFilterLoading, HTMLStencilElement {
    }
    var HTMLSlFilterLoadingElement: {
        prototype: HTMLSlFilterLoadingElement;
        new (): HTMLSlFilterLoadingElement;
    };
    interface HTMLSlHeaderElementEventMap {
        "sl-header:profile:stopUserSimulation": any;
        "sl-header:profile:navigateToMyProfile": any;
        "sl-header:profile:navigateToMyList": any;
        "sl-header:profile:manageUserProfiles": any;
        "sl-header:profile:switchUser": any;
        "sl-header:profile:logout": any;
        "sl-header:company:navigateToMyCompany": any;
        "sl-header:company:navigateToMySB": any;
        "sl-header:company:navigateToMySP": any;
        "sl-header:company:switchCompany": ICompanyDetail;
        "sl-header:company:searchAdditionalCompanies": IAdditionalSearchCompany;
        "sl-header:appMenu:appClicked": App;
        "sl-header:notificationMenu:notificationClicked": NotificationItem;
        "sl-header:notificationMenu:seeAllClicked": string;
        "sl-header:navigate": Item;
    }
    interface HTMLSlHeaderElement extends Components.SlHeader, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlHeaderElementEventMap>(type: K, listener: (this: HTMLSlHeaderElement, ev: SlHeaderCustomEvent<HTMLSlHeaderElementEventMap[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 HTMLSlHeaderElementEventMap>(type: K, listener: (this: HTMLSlHeaderElement, ev: SlHeaderCustomEvent<HTMLSlHeaderElementEventMap[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 HTMLSlHeaderElement: {
        prototype: HTMLSlHeaderElement;
        new (): HTMLSlHeaderElement;
    };
    interface HTMLSlHeroElementEventMap {
        "actionBack": any;
    }
    interface HTMLSlHeroElement extends Components.SlHero, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlHeroElementEventMap>(type: K, listener: (this: HTMLSlHeroElement, ev: SlHeroCustomEvent<HTMLSlHeroElementEventMap[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 HTMLSlHeroElementEventMap>(type: K, listener: (this: HTMLSlHeroElement, ev: SlHeroCustomEvent<HTMLSlHeroElementEventMap[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 HTMLSlHeroElement: {
        prototype: HTMLSlHeroElement;
        new (): HTMLSlHeroElement;
    };
    interface HTMLSlHeroOldElement extends Components.SlHeroOld, HTMLStencilElement {
    }
    var HTMLSlHeroOldElement: {
        prototype: HTMLSlHeroOldElement;
        new (): HTMLSlHeroOldElement;
    };
    interface HTMLSlHighchartsElement extends Components.SlHighcharts, HTMLStencilElement {
    }
    var HTMLSlHighchartsElement: {
        prototype: HTMLSlHighchartsElement;
        new (): HTMLSlHighchartsElement;
    };
    interface HTMLSlHighlightElement extends Components.SlHighlight, HTMLStencilElement {
    }
    var HTMLSlHighlightElement: {
        prototype: HTMLSlHighlightElement;
        new (): HTMLSlHighlightElement;
    };
    interface HTMLSlIconButtonCardElementEventMap {
        "sl-shared-library:cardButtonClicked": any;
    }
    interface HTMLSlIconButtonCardElement extends Components.SlIconButtonCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlIconButtonCardElementEventMap>(type: K, listener: (this: HTMLSlIconButtonCardElement, ev: SlIconButtonCardCustomEvent<HTMLSlIconButtonCardElementEventMap[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 HTMLSlIconButtonCardElementEventMap>(type: K, listener: (this: HTMLSlIconButtonCardElement, ev: SlIconButtonCardCustomEvent<HTMLSlIconButtonCardElementEventMap[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 HTMLSlIconButtonCardElement: {
        prototype: HTMLSlIconButtonCardElement;
        new (): HTMLSlIconButtonCardElement;
    };
    interface HTMLSlIconButtonCopyElement extends Components.SlIconButtonCopy, HTMLStencilElement {
    }
    var HTMLSlIconButtonCopyElement: {
        prototype: HTMLSlIconButtonCopyElement;
        new (): HTMLSlIconButtonCopyElement;
    };
    interface HTMLSlIconsElement extends Components.SlIcons, HTMLStencilElement {
    }
    var HTMLSlIconsElement: {
        prototype: HTMLSlIconsElement;
        new (): HTMLSlIconsElement;
    };
    interface HTMLSlIllustrationElement extends Components.SlIllustration, HTMLStencilElement {
    }
    var HTMLSlIllustrationElement: {
        prototype: HTMLSlIllustrationElement;
        new (): HTMLSlIllustrationElement;
    };
    interface HTMLSlInfoPageElementEventMap {
        "sl-info-page:actionLinkCallback": any;
    }
    interface HTMLSlInfoPageElement extends Components.SlInfoPage, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlInfoPageElementEventMap>(type: K, listener: (this: HTMLSlInfoPageElement, ev: SlInfoPageCustomEvent<HTMLSlInfoPageElementEventMap[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 HTMLSlInfoPageElementEventMap>(type: K, listener: (this: HTMLSlInfoPageElement, ev: SlInfoPageCustomEvent<HTMLSlInfoPageElementEventMap[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 HTMLSlInfoPageElement: {
        prototype: HTMLSlInfoPageElement;
        new (): HTMLSlInfoPageElement;
    };
    interface HTMLSlIotOverviewColElement extends Components.SlIotOverviewCol, HTMLStencilElement {
    }
    var HTMLSlIotOverviewColElement: {
        prototype: HTMLSlIotOverviewColElement;
        new (): HTMLSlIotOverviewColElement;
    };
    interface HTMLSlIotOverviewRowElement extends Components.SlIotOverviewRow, HTMLStencilElement {
    }
    var HTMLSlIotOverviewRowElement: {
        prototype: HTMLSlIotOverviewRowElement;
        new (): HTMLSlIotOverviewRowElement;
    };
    interface HTMLSlIotTableElement extends Components.SlIotTable, HTMLStencilElement {
    }
    var HTMLSlIotTableElement: {
        prototype: HTMLSlIotTableElement;
        new (): HTMLSlIotTableElement;
    };
    interface HTMLSlIotTableColElement extends Components.SlIotTableCol, HTMLStencilElement {
    }
    var HTMLSlIotTableColElement: {
        prototype: HTMLSlIotTableColElement;
        new (): HTMLSlIotTableColElement;
    };
    interface HTMLSlIotTableRowElement extends Components.SlIotTableRow, HTMLStencilElement {
    }
    var HTMLSlIotTableRowElement: {
        prototype: HTMLSlIotTableRowElement;
        new (): HTMLSlIotTableRowElement;
    };
    interface HTMLSlLinkGroupElementEventMap {
        "linkClicked": string;
    }
    interface HTMLSlLinkGroupElement extends Components.SlLinkGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlLinkGroupElementEventMap>(type: K, listener: (this: HTMLSlLinkGroupElement, ev: SlLinkGroupCustomEvent<HTMLSlLinkGroupElementEventMap[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 HTMLSlLinkGroupElementEventMap>(type: K, listener: (this: HTMLSlLinkGroupElement, ev: SlLinkGroupCustomEvent<HTMLSlLinkGroupElementEventMap[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 HTMLSlLinkGroupElement: {
        prototype: HTMLSlLinkGroupElement;
        new (): HTMLSlLinkGroupElement;
    };
    interface HTMLSlLiveSearchElement extends Components.SlLiveSearch, HTMLStencilElement {
    }
    var HTMLSlLiveSearchElement: {
        prototype: HTMLSlLiveSearchElement;
        new (): HTMLSlLiveSearchElement;
    };
    interface HTMLSlMetroLineElement extends Components.SlMetroLine, HTMLStencilElement {
    }
    var HTMLSlMetroLineElement: {
        prototype: HTMLSlMetroLineElement;
        new (): HTMLSlMetroLineElement;
    };
    interface HTMLSlMetroLineStepElement extends Components.SlMetroLineStep, HTMLStencilElement {
    }
    var HTMLSlMetroLineStepElement: {
        prototype: HTMLSlMetroLineStepElement;
        new (): HTMLSlMetroLineStepElement;
    };
    interface HTMLSlNotificationMenuElementEventMap {
        "sl-header:notificationMenu:notificationClicked": NotificationItem;
        "sl-header:notificationMenu:seeAllClicked": string;
    }
    interface HTMLSlNotificationMenuElement extends Components.SlNotificationMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlNotificationMenuElementEventMap>(type: K, listener: (this: HTMLSlNotificationMenuElement, ev: SlNotificationMenuCustomEvent<HTMLSlNotificationMenuElementEventMap[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 HTMLSlNotificationMenuElementEventMap>(type: K, listener: (this: HTMLSlNotificationMenuElement, ev: SlNotificationMenuCustomEvent<HTMLSlNotificationMenuElementEventMap[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 HTMLSlNotificationMenuElement: {
        prototype: HTMLSlNotificationMenuElement;
        new (): HTMLSlNotificationMenuElement;
    };
    interface HTMLSlOverviewPageElement extends Components.SlOverviewPage, HTMLStencilElement {
    }
    var HTMLSlOverviewPageElement: {
        prototype: HTMLSlOverviewPageElement;
        new (): HTMLSlOverviewPageElement;
    };
    interface HTMLSlOverviewPageContainerElement extends Components.SlOverviewPageContainer, HTMLStencilElement {
    }
    var HTMLSlOverviewPageContainerElement: {
        prototype: HTMLSlOverviewPageContainerElement;
        new (): HTMLSlOverviewPageContainerElement;
    };
    interface HTMLSlOverviewPageSidebarElement extends Components.SlOverviewPageSidebar, HTMLStencilElement {
    }
    var HTMLSlOverviewPageSidebarElement: {
        prototype: HTMLSlOverviewPageSidebarElement;
        new (): HTMLSlOverviewPageSidebarElement;
    };
    interface HTMLSlPaginationElementEventMap {
        "pageNumberChanged": number;
    }
    /**
     * pos right ?
     * faire les tests
     * Revoir le CSS
     */
    interface HTMLSlPaginationElement extends Components.SlPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlPaginationElementEventMap>(type: K, listener: (this: HTMLSlPaginationElement, ev: SlPaginationCustomEvent<HTMLSlPaginationElementEventMap[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 HTMLSlPaginationElementEventMap>(type: K, listener: (this: HTMLSlPaginationElement, ev: SlPaginationCustomEvent<HTMLSlPaginationElementEventMap[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 HTMLSlPaginationElement: {
        prototype: HTMLSlPaginationElement;
        new (): HTMLSlPaginationElement;
    };
    interface HTMLSlPaginationLightElement extends Components.SlPaginationLight, HTMLStencilElement {
    }
    var HTMLSlPaginationLightElement: {
        prototype: HTMLSlPaginationLightElement;
        new (): HTMLSlPaginationLightElement;
    };
    interface HTMLSlProfilePreviewElement extends Components.SlProfilePreview, HTMLStencilElement {
    }
    var HTMLSlProfilePreviewElement: {
        prototype: HTMLSlProfilePreviewElement;
        new (): HTMLSlProfilePreviewElement;
    };
    interface HTMLSlProfilePreviewUserInformationElement extends Components.SlProfilePreviewUserInformation, HTMLStencilElement {
    }
    var HTMLSlProfilePreviewUserInformationElement: {
        prototype: HTMLSlProfilePreviewUserInformationElement;
        new (): HTMLSlProfilePreviewUserInformationElement;
    };
    interface HTMLSlQrcodeElement extends Components.SlQrcode, HTMLStencilElement {
    }
    var HTMLSlQrcodeElement: {
        prototype: HTMLSlQrcodeElement;
        new (): HTMLSlQrcodeElement;
    };
    interface HTMLSlSearchElement extends Components.SlSearch, HTMLStencilElement {
    }
    var HTMLSlSearchElement: {
        prototype: HTMLSlSearchElement;
        new (): HTMLSlSearchElement;
    };
    interface HTMLSlSecondaryNavElement extends Components.SlSecondaryNav, HTMLStencilElement {
    }
    var HTMLSlSecondaryNavElement: {
        prototype: HTMLSlSecondaryNavElement;
        new (): HTMLSlSecondaryNavElement;
    };
    interface HTMLSlSecondaryNavItemElementEventMap {
        "itemSelected": HTMLSlSecondaryNavItemElement;
    }
    interface HTMLSlSecondaryNavItemElement extends Components.SlSecondaryNavItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlSecondaryNavItemElementEventMap>(type: K, listener: (this: HTMLSlSecondaryNavItemElement, ev: SlSecondaryNavItemCustomEvent<HTMLSlSecondaryNavItemElementEventMap[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 HTMLSlSecondaryNavItemElementEventMap>(type: K, listener: (this: HTMLSlSecondaryNavItemElement, ev: SlSecondaryNavItemCustomEvent<HTMLSlSecondaryNavItemElementEventMap[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 HTMLSlSecondaryNavItemElement: {
        prototype: HTMLSlSecondaryNavItemElement;
        new (): HTMLSlSecondaryNavItemElement;
    };
    interface HTMLSlSelectionManagerElement extends Components.SlSelectionManager, HTMLStencilElement {
    }
    var HTMLSlSelectionManagerElement: {
        prototype: HTMLSlSelectionManagerElement;
        new (): HTMLSlSelectionManagerElement;
    };
    interface HTMLSlSelectionManagerItemElement extends Components.SlSelectionManagerItem, HTMLStencilElement {
    }
    var HTMLSlSelectionManagerItemElement: {
        prototype: HTMLSlSelectionManagerItemElement;
        new (): HTMLSlSelectionManagerItemElement;
    };
    interface HTMLSlSideNavigationElementEventMap {
        "sl-side-navigation:itemSelected": SlSideNavigationElementSelected;
    }
    interface HTMLSlSideNavigationElement extends Components.SlSideNavigation, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlSideNavigationElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationElement, ev: SlSideNavigationCustomEvent<HTMLSlSideNavigationElementEventMap[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 HTMLSlSideNavigationElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationElement, ev: SlSideNavigationCustomEvent<HTMLSlSideNavigationElementEventMap[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 HTMLSlSideNavigationElement: {
        prototype: HTMLSlSideNavigationElement;
        new (): HTMLSlSideNavigationElement;
    };
    interface HTMLSlSideNavigationInfoBoxElementEventMap {
        "sl-side-navigation-info-box:handleButtonClickEvent": any;
    }
    interface HTMLSlSideNavigationInfoBoxElement extends Components.SlSideNavigationInfoBox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlSideNavigationInfoBoxElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationInfoBoxElement, ev: SlSideNavigationInfoBoxCustomEvent<HTMLSlSideNavigationInfoBoxElementEventMap[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 HTMLSlSideNavigationInfoBoxElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationInfoBoxElement, ev: SlSideNavigationInfoBoxCustomEvent<HTMLSlSideNavigationInfoBoxElementEventMap[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 HTMLSlSideNavigationInfoBoxElement: {
        prototype: HTMLSlSideNavigationInfoBoxElement;
        new (): HTMLSlSideNavigationInfoBoxElement;
    };
    interface HTMLSlSideNavigationItemElementEventMap {
        "sl-side-navigation-item:itemSelected": SlSideNavigationElementSelected;
    }
    interface HTMLSlSideNavigationItemElement extends Components.SlSideNavigationItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlSideNavigationItemElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationItemElement, ev: SlSideNavigationItemCustomEvent<HTMLSlSideNavigationItemElementEventMap[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 HTMLSlSideNavigationItemElementEventMap>(type: K, listener: (this: HTMLSlSideNavigationItemElement, ev: SlSideNavigationItemCustomEvent<HTMLSlSideNavigationItemElementEventMap[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 HTMLSlSideNavigationItemElement: {
        prototype: HTMLSlSideNavigationItemElement;
        new (): HTMLSlSideNavigationItemElement;
    };
    interface HTMLSlSideNavigationMobileElement extends Components.SlSideNavigationMobile, HTMLStencilElement {
    }
    var HTMLSlSideNavigationMobileElement: {
        prototype: HTMLSlSideNavigationMobileElement;
        new (): HTMLSlSideNavigationMobileElement;
    };
    interface HTMLSlSkeletonElement extends Components.SlSkeleton, HTMLStencilElement {
    }
    var HTMLSlSkeletonElement: {
        prototype: HTMLSlSkeletonElement;
        new (): HTMLSlSkeletonElement;
    };
    interface HTMLSlSkeletonButtonElement extends Components.SlSkeletonButton, HTMLStencilElement {
    }
    var HTMLSlSkeletonButtonElement: {
        prototype: HTMLSlSkeletonButtonElement;
        new (): HTMLSlSkeletonButtonElement;
    };
    interface HTMLSlSkeletonCardElement extends Components.SlSkeletonCard, HTMLStencilElement {
    }
    var HTMLSlSkeletonCardElement: {
        prototype: HTMLSlSkeletonCardElement;
        new (): HTMLSlSkeletonCardElement;
    };
    interface HTMLSlSkeletonChartElement extends Components.SlSkeletonChart, HTMLStencilElement {
    }
    var HTMLSlSkeletonChartElement: {
        prototype: HTMLSlSkeletonChartElement;
        new (): HTMLSlSkeletonChartElement;
    };
    interface HTMLSlSkeletonCheckboxElement extends Components.SlSkeletonCheckbox, HTMLStencilElement {
    }
    var HTMLSlSkeletonCheckboxElement: {
        prototype: HTMLSlSkeletonCheckboxElement;
        new (): HTMLSlSkeletonCheckboxElement;
    };
    interface HTMLSlSkeletonChipElement extends Components.SlSkeletonChip, HTMLStencilElement {
    }
    var HTMLSlSkeletonChipElement: {
        prototype: HTMLSlSkeletonChipElement;
        new (): HTMLSlSkeletonChipElement;
    };
    interface HTMLSlSkeletonDropdownElement extends Components.SlSkeletonDropdown, HTMLStencilElement {
    }
    var HTMLSlSkeletonDropdownElement: {
        prototype: HTMLSlSkeletonDropdownElement;
        new (): HTMLSlSkeletonDropdownElement;
    };
    interface HTMLSlSkeletonIconElement extends Components.SlSkeletonIcon, HTMLStencilElement {
    }
    var HTMLSlSkeletonIconElement: {
        prototype: HTMLSlSkeletonIconElement;
        new (): HTMLSlSkeletonIconElement;
    };
    interface HTMLSlSkeletonInputElement extends Components.SlSkeletonInput, HTMLStencilElement {
    }
    var HTMLSlSkeletonInputElement: {
        prototype: HTMLSlSkeletonInputElement;
        new (): HTMLSlSkeletonInputElement;
    };
    interface HTMLSlSkeletonListElement extends Components.SlSkeletonList, HTMLStencilElement {
    }
    var HTMLSlSkeletonListElement: {
        prototype: HTMLSlSkeletonListElement;
        new (): HTMLSlSkeletonListElement;
    };
    interface HTMLSlSkeletonParagraphElement extends Components.SlSkeletonParagraph, HTMLStencilElement {
    }
    var HTMLSlSkeletonParagraphElement: {
        prototype: HTMLSlSkeletonParagraphElement;
        new (): HTMLSlSkeletonParagraphElement;
    };
    interface HTMLSlSkeletonRadioElement extends Components.SlSkeletonRadio, HTMLStencilElement {
    }
    var HTMLSlSkeletonRadioElement: {
        prototype: HTMLSlSkeletonRadioElement;
        new (): HTMLSlSkeletonRadioElement;
    };
    interface HTMLSlSkeletonSwitchElement extends Components.SlSkeletonSwitch, HTMLStencilElement {
    }
    var HTMLSlSkeletonSwitchElement: {
        prototype: HTMLSlSkeletonSwitchElement;
        new (): HTMLSlSkeletonSwitchElement;
    };
    interface HTMLSlSkeletonTableElement extends Components.SlSkeletonTable, HTMLStencilElement {
    }
    var HTMLSlSkeletonTableElement: {
        prototype: HTMLSlSkeletonTableElement;
        new (): HTMLSlSkeletonTableElement;
    };
    interface HTMLSlSkeletonTabsElement extends Components.SlSkeletonTabs, HTMLStencilElement {
    }
    var HTMLSlSkeletonTabsElement: {
        prototype: HTMLSlSkeletonTabsElement;
        new (): HTMLSlSkeletonTabsElement;
    };
    interface HTMLSlSkeletonTagElement extends Components.SlSkeletonTag, HTMLStencilElement {
    }
    var HTMLSlSkeletonTagElement: {
        prototype: HTMLSlSkeletonTagElement;
        new (): HTMLSlSkeletonTagElement;
    };
    interface HTMLSlSkeletonThumbnailElement extends Components.SlSkeletonThumbnail, HTMLStencilElement {
    }
    var HTMLSlSkeletonThumbnailElement: {
        prototype: HTMLSlSkeletonThumbnailElement;
        new (): HTMLSlSkeletonThumbnailElement;
    };
    interface HTMLSlSkeletonTypographyElement extends Components.SlSkeletonTypography, HTMLStencilElement {
    }
    var HTMLSlSkeletonTypographyElement: {
        prototype: HTMLSlSkeletonTypographyElement;
        new (): HTMLSlSkeletonTypographyElement;
    };
    interface HTMLSlSplitButtonElement extends Components.SlSplitButton, HTMLStencilElement {
    }
    var HTMLSlSplitButtonElement: {
        prototype: HTMLSlSplitButtonElement;
        new (): HTMLSlSplitButtonElement;
    };
    interface HTMLSlSplitButtonListItemElement extends Components.SlSplitButtonListItem, HTMLStencilElement {
    }
    var HTMLSlSplitButtonListItemElement: {
        prototype: HTMLSlSplitButtonListItemElement;
        new (): HTMLSlSplitButtonListItemElement;
    };
    interface HTMLSlStickyFooterElementEventMap {
        "shared_library:stickyCartExpand": any;
        "shared_library:collapseStickyCart": any;
    }
    interface HTMLSlStickyFooterElement extends Components.SlStickyFooter, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlStickyFooterElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterElement, ev: SlStickyFooterCustomEvent<HTMLSlStickyFooterElementEventMap[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 HTMLSlStickyFooterElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterElement, ev: SlStickyFooterCustomEvent<HTMLSlStickyFooterElementEventMap[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 HTMLSlStickyFooterElement: {
        prototype: HTMLSlStickyFooterElement;
        new (): HTMLSlStickyFooterElement;
    };
    interface HTMLSlStickyFooterAmountsElement extends Components.SlStickyFooterAmounts, HTMLStencilElement {
    }
    var HTMLSlStickyFooterAmountsElement: {
        prototype: HTMLSlStickyFooterAmountsElement;
        new (): HTMLSlStickyFooterAmountsElement;
    };
    interface HTMLSlStickyFooterCardElement extends Components.SlStickyFooterCard, HTMLStencilElement {
    }
    var HTMLSlStickyFooterCardElement: {
        prototype: HTMLSlStickyFooterCardElement;
        new (): HTMLSlStickyFooterCardElement;
    };
    interface HTMLSlStickyFooterCartElement extends Components.SlStickyFooterCart, HTMLStencilElement {
    }
    var HTMLSlStickyFooterCartElement: {
        prototype: HTMLSlStickyFooterCartElement;
        new (): HTMLSlStickyFooterCartElement;
    };
    interface HTMLSlStickyFooterEnhancedElementEventMap {
        "sl-sticky-footer-enhanced:back": any;
        "sl-sticky-footer-enhanced:next": any;
        "sl-sticky-footer-enhanced:saveForLater": any;
        "sl-sticky-footer-enhanced:isExpandedChanged": boolean;
    }
    interface HTMLSlStickyFooterEnhancedElement extends Components.SlStickyFooterEnhanced, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlStickyFooterEnhancedElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterEnhancedElement, ev: SlStickyFooterEnhancedCustomEvent<HTMLSlStickyFooterEnhancedElementEventMap[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 HTMLSlStickyFooterEnhancedElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterEnhancedElement, ev: SlStickyFooterEnhancedCustomEvent<HTMLSlStickyFooterEnhancedElementEventMap[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 HTMLSlStickyFooterEnhancedElement: {
        prototype: HTMLSlStickyFooterEnhancedElement;
        new (): HTMLSlStickyFooterEnhancedElement;
    };
    interface HTMLSlStickyFooterModalElementEventMap {
        "sl-sticky-footer-modal:primaryButton": any;
        "sl-sticky-footer-modal:secondaryButton": any;
        "sl-sticky-footer-modal:saveForLater": any;
    }
    interface HTMLSlStickyFooterModalElement extends Components.SlStickyFooterModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlStickyFooterModalElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterModalElement, ev: SlStickyFooterModalCustomEvent<HTMLSlStickyFooterModalElementEventMap[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 HTMLSlStickyFooterModalElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterModalElement, ev: SlStickyFooterModalCustomEvent<HTMLSlStickyFooterModalElementEventMap[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 HTMLSlStickyFooterModalElement: {
        prototype: HTMLSlStickyFooterModalElement;
        new (): HTMLSlStickyFooterModalElement;
    };
    interface HTMLSlStickyFooterModalAmountsElement extends Components.SlStickyFooterModalAmounts, HTMLStencilElement {
    }
    var HTMLSlStickyFooterModalAmountsElement: {
        prototype: HTMLSlStickyFooterModalAmountsElement;
        new (): HTMLSlStickyFooterModalAmountsElement;
    };
    interface HTMLSlStickyFooterModalLoginElementEventMap {
        "sl-sticky-footer-modal-login:primaryButton": any;
        "sl-sticky-footer-modal-login:secondaryButton": any;
        "sl-sticky-footer-modal-login:saveForLater": any;
    }
    interface HTMLSlStickyFooterModalLoginElement extends Components.SlStickyFooterModalLogin, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlStickyFooterModalLoginElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterModalLoginElement, ev: SlStickyFooterModalLoginCustomEvent<HTMLSlStickyFooterModalLoginElementEventMap[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 HTMLSlStickyFooterModalLoginElementEventMap>(type: K, listener: (this: HTMLSlStickyFooterModalLoginElement, ev: SlStickyFooterModalLoginCustomEvent<HTMLSlStickyFooterModalLoginElementEventMap[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 HTMLSlStickyFooterModalLoginElement: {
        prototype: HTMLSlStickyFooterModalLoginElement;
        new (): HTMLSlStickyFooterModalLoginElement;
    };
    interface HTMLSlSubscriptionCardElementEventMap {
        "subscriptionSelected": string | number | undefined;
        "actionButton": void;
    }
    interface HTMLSlSubscriptionCardElement extends Components.SlSubscriptionCard, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlSubscriptionCardElementEventMap>(type: K, listener: (this: HTMLSlSubscriptionCardElement, ev: SlSubscriptionCardCustomEvent<HTMLSlSubscriptionCardElementEventMap[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 HTMLSlSubscriptionCardElementEventMap>(type: K, listener: (this: HTMLSlSubscriptionCardElement, ev: SlSubscriptionCardCustomEvent<HTMLSlSubscriptionCardElementEventMap[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 HTMLSlSubscriptionCardElement: {
        prototype: HTMLSlSubscriptionCardElement;
        new (): HTMLSlSubscriptionCardElement;
    };
    interface HTMLSlTableElementEventMap {
        "sl-shared-library:accordionEnabled": any;
    }
    interface HTMLSlTableElement extends Components.SlTable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlTableElementEventMap>(type: K, listener: (this: HTMLSlTableElement, ev: SlTableCustomEvent<HTMLSlTableElementEventMap[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 HTMLSlTableElementEventMap>(type: K, listener: (this: HTMLSlTableElement, ev: SlTableCustomEvent<HTMLSlTableElementEventMap[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 HTMLSlTableElement: {
        prototype: HTMLSlTableElement;
        new (): HTMLSlTableElement;
    };
    interface HTMLSlTableAccordionContainerElement extends Components.SlTableAccordionContainer, HTMLStencilElement {
    }
    var HTMLSlTableAccordionContainerElement: {
        prototype: HTMLSlTableAccordionContainerElement;
        new (): HTMLSlTableAccordionContainerElement;
    };
    interface HTMLSlTableAccordionHeaderElementEventMap {
        "shared_library:accordionRow": any;
    }
    interface HTMLSlTableAccordionHeaderElement extends Components.SlTableAccordionHeader, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlTableAccordionHeaderElementEventMap>(type: K, listener: (this: HTMLSlTableAccordionHeaderElement, ev: SlTableAccordionHeaderCustomEvent<HTMLSlTableAccordionHeaderElementEventMap[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 HTMLSlTableAccordionHeaderElementEventMap>(type: K, listener: (this: HTMLSlTableAccordionHeaderElement, ev: SlTableAccordionHeaderCustomEvent<HTMLSlTableAccordionHeaderElementEventMap[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 HTMLSlTableAccordionHeaderElement: {
        prototype: HTMLSlTableAccordionHeaderElement;
        new (): HTMLSlTableAccordionHeaderElement;
    };
    interface HTMLSlTableColElement extends Components.SlTableCol, HTMLStencilElement {
    }
    var HTMLSlTableColElement: {
        prototype: HTMLSlTableColElement;
        new (): HTMLSlTableColElement;
    };
    interface HTMLSlTableColTextElement extends Components.SlTableColText, HTMLStencilElement {
    }
    var HTMLSlTableColTextElement: {
        prototype: HTMLSlTableColTextElement;
        new (): HTMLSlTableColTextElement;
    };
    interface HTMLSlTableColTextItemElement extends Components.SlTableColTextItem, HTMLStencilElement {
    }
    var HTMLSlTableColTextItemElement: {
        prototype: HTMLSlTableColTextItemElement;
        new (): HTMLSlTableColTextItemElement;
    };
    interface HTMLSlTableLoadingElement extends Components.SlTableLoading, HTMLStencilElement {
    }
    var HTMLSlTableLoadingElement: {
        prototype: HTMLSlTableLoadingElement;
        new (): HTMLSlTableLoadingElement;
    };
    interface HTMLSlTableRowElement extends Components.SlTableRow, HTMLStencilElement {
    }
    var HTMLSlTableRowElement: {
        prototype: HTMLSlTableRowElement;
        new (): HTMLSlTableRowElement;
    };
    interface HTMLSlTagElement extends Components.SlTag, HTMLStencilElement {
    }
    var HTMLSlTagElement: {
        prototype: HTMLSlTagElement;
        new (): HTMLSlTagElement;
    };
    interface HTMLSlTreeElementEventMap {
        "sl-tree:selected": SlTreeCheckedItem[];
    }
    interface HTMLSlTreeElement extends Components.SlTree, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlTreeElementEventMap>(type: K, listener: (this: HTMLSlTreeElement, ev: SlTreeCustomEvent<HTMLSlTreeElementEventMap[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 HTMLSlTreeElementEventMap>(type: K, listener: (this: HTMLSlTreeElement, ev: SlTreeCustomEvent<HTMLSlTreeElementEventMap[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 HTMLSlTreeElement: {
        prototype: HTMLSlTreeElement;
        new (): HTMLSlTreeElement;
    };
    interface HTMLSlTreeItemElement extends Components.SlTreeItem, HTMLStencilElement {
    }
    var HTMLSlTreeItemElement: {
        prototype: HTMLSlTreeItemElement;
        new (): HTMLSlTreeItemElement;
    };
    interface HTMLSlUploadElementEventMap {
        "filesUploaded": FileList;
    }
    interface HTMLSlUploadElement extends Components.SlUpload, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlUploadElementEventMap>(type: K, listener: (this: HTMLSlUploadElement, ev: SlUploadCustomEvent<HTMLSlUploadElementEventMap[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 HTMLSlUploadElementEventMap>(type: K, listener: (this: HTMLSlUploadElement, ev: SlUploadCustomEvent<HTMLSlUploadElementEventMap[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 HTMLSlUploadElement: {
        prototype: HTMLSlUploadElement;
        new (): HTMLSlUploadElement;
    };
    interface HTMLSlUploadFormElement extends Components.SlUploadForm, HTMLStencilElement {
    }
    var HTMLSlUploadFormElement: {
        prototype: HTMLSlUploadFormElement;
        new (): HTMLSlUploadFormElement;
    };
    interface HTMLSlWrapperElementEventMap {
        "sl-iconClicked": any;
    }
    interface HTMLSlWrapperElement extends Components.SlWrapper, HTMLStencilElement {
        addEventListener<K extends keyof HTMLSlWrapperElementEventMap>(type: K, listener: (this: HTMLSlWrapperElement, ev: SlWrapperCustomEvent<HTMLSlWrapperElementEventMap[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 HTMLSlWrapperElementEventMap>(type: K, listener: (this: HTMLSlWrapperElement, ev: SlWrapperCustomEvent<HTMLSlWrapperElementEventMap[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 HTMLSlWrapperElement: {
        prototype: HTMLSlWrapperElement;
        new (): HTMLSlWrapperElement;
    };
    interface HTMLElementTagNameMap {
        "sl-app-menu": HTMLSlAppMenuElement;
        "sl-app-menu-list": HTMLSlAppMenuListElement;
        "sl-avatar": HTMLSlAvatarElement;
        "sl-bulk-action": HTMLSlBulkActionElement;
        "sl-button-group-horizontal": HTMLSlButtonGroupHorizontalElement;
        "sl-chip": HTMLSlChipElement;
        "sl-collection-grouped": HTMLSlCollectionGroupedElement;
        "sl-company-preview": HTMLSlCompanyPreviewElement;
        "sl-data-format": HTMLSlDataFormatElement;
        "sl-data-link": HTMLSlDataLinkElement;
        "sl-data-link-item": HTMLSlDataLinkItemElement;
        "sl-data-link-item-custom": HTMLSlDataLinkItemCustomElement;
        "sl-data-table": HTMLSlDataTableElement;
        "sl-detail-overview": HTMLSlDetailOverviewElement;
        "sl-detail-overview-card": HTMLSlDetailOverviewCardElement;
        "sl-detail-overview-card-item": HTMLSlDetailOverviewCardItemElement;
        "sl-detail-overview-card-item-content": HTMLSlDetailOverviewCardItemContentElement;
        "sl-display-info": HTMLSlDisplayInfoElement;
        "sl-display-info-item": HTMLSlDisplayInfoItemElement;
        "sl-display-info-item-custom": HTMLSlDisplayInfoItemCustomElement;
        "sl-display-info-item-custom-content": HTMLSlDisplayInfoItemCustomContentElement;
        "sl-display-stats": HTMLSlDisplayStatsElement;
        "sl-display-stats-item": HTMLSlDisplayStatsItemElement;
        "sl-drawer": HTMLSlDrawerElement;
        "sl-drawer-content": HTMLSlDrawerContentElement;
        "sl-empty-screen": HTMLSlEmptyScreenElement;
        "sl-expansion-card": HTMLSlExpansionCardElement;
        "sl-file-status": HTMLSlFileStatusElement;
        "sl-filter": HTMLSlFilterElement;
        "sl-filter-group": HTMLSlFilterGroupElement;
        "sl-filter-item": HTMLSlFilterItemElement;
        "sl-filter-list": HTMLSlFilterListElement;
        "sl-filter-loading": HTMLSlFilterLoadingElement;
        "sl-header": HTMLSlHeaderElement;
        "sl-hero": HTMLSlHeroElement;
        "sl-hero-old": HTMLSlHeroOldElement;
        "sl-highcharts": HTMLSlHighchartsElement;
        "sl-highlight": HTMLSlHighlightElement;
        "sl-icon-button-card": HTMLSlIconButtonCardElement;
        "sl-icon-button-copy": HTMLSlIconButtonCopyElement;
        "sl-icons": HTMLSlIconsElement;
        "sl-illustration": HTMLSlIllustrationElement;
        "sl-info-page": HTMLSlInfoPageElement;
        "sl-iot-overview-col": HTMLSlIotOverviewColElement;
        "sl-iot-overview-row": HTMLSlIotOverviewRowElement;
        "sl-iot-table": HTMLSlIotTableElement;
        "sl-iot-table-col": HTMLSlIotTableColElement;
        "sl-iot-table-row": HTMLSlIotTableRowElement;
        "sl-link-group": HTMLSlLinkGroupElement;
        "sl-live-search": HTMLSlLiveSearchElement;
        "sl-metro-line": HTMLSlMetroLineElement;
        "sl-metro-line-step": HTMLSlMetroLineStepElement;
        "sl-notification-menu": HTMLSlNotificationMenuElement;
        "sl-overview-page": HTMLSlOverviewPageElement;
        "sl-overview-page-container": HTMLSlOverviewPageContainerElement;
        "sl-overview-page-sidebar": HTMLSlOverviewPageSidebarElement;
        "sl-pagination": HTMLSlPaginationElement;
        "sl-pagination-light": HTMLSlPaginationLightElement;
        "sl-profile-preview": HTMLSlProfilePreviewElement;
        "sl-profile-preview-user-information": HTMLSlProfilePreviewUserInformationElement;
        "sl-qrcode": HTMLSlQrcodeElement;
        "sl-search": HTMLSlSearchElement;
        "sl-secondary-nav": HTMLSlSecondaryNavElement;
        "sl-secondary-nav-item": HTMLSlSecondaryNavItemElement;
        "sl-selection-manager": HTMLSlSelectionManagerElement;
        "sl-selection-manager-item": HTMLSlSelectionManagerItemElement;
        "sl-side-navigation": HTMLSlSideNavigationElement;
        "sl-side-navigation-info-box": HTMLSlSideNavigationInfoBoxElement;
        "sl-side-navigation-item": HTMLSlSideNavigationItemElement;
        "sl-side-navigation-mobile": HTMLSlSideNavigationMobileElement;
        "sl-skeleton": HTMLSlSkeletonElement;
        "sl-skeleton-button": HTMLSlSkeletonButtonElement;
        "sl-skeleton-card": HTMLSlSkeletonCardElement;
        "sl-skeleton-chart": HTMLSlSkeletonChartElement;
        "sl-skeleton-checkbox": HTMLSlSkeletonCheckboxElement;
        "sl-skeleton-chip": HTMLSlSkeletonChipElement;
        "sl-skeleton-dropdown": HTMLSlSkeletonDropdownElement;
        "sl-skeleton-icon": HTMLSlSkeletonIconElement;
        "sl-skeleton-input": HTMLSlSkeletonInputElement;
        "sl-skeleton-list": HTMLSlSkeletonListElement;
        "sl-skeleton-paragraph": HTMLSlSkeletonParagraphElement;
        "sl-skeleton-radio": HTMLSlSkeletonRadioElement;
        "sl-skeleton-switch": HTMLSlSkeletonSwitchElement;
        "sl-skeleton-table": HTMLSlSkeletonTableElement;
        "sl-skeleton-tabs": HTMLSlSkeletonTabsElement;
        "sl-skeleton-tag": HTMLSlSkeletonTagElement;
        "sl-skeleton-thumbnail": HTMLSlSkeletonThumbnailElement;
        "sl-skeleton-typography": HTMLSlSkeletonTypographyElement;
        "sl-split-button": HTMLSlSplitButtonElement;
        "sl-split-button-list-item": HTMLSlSplitButtonListItemElement;
        "sl-sticky-footer": HTMLSlStickyFooterElement;
        "sl-sticky-footer-amounts": HTMLSlStickyFooterAmountsElement;
        "sl-sticky-footer-card": HTMLSlStickyFooterCardElement;
        "sl-sticky-footer-cart": HTMLSlStickyFooterCartElement;
        "sl-sticky-footer-enhanced": HTMLSlStickyFooterEnhancedElement;
        "sl-sticky-footer-modal": HTMLSlStickyFooterModalElement;
        "sl-sticky-footer-modal-amounts": HTMLSlStickyFooterModalAmountsElement;
        "sl-sticky-footer-modal-login": HTMLSlStickyFooterModalLoginElement;
        "sl-subscription-card": HTMLSlSubscriptionCardElement;
        "sl-table": HTMLSlTableElement;
        "sl-table-accordion-container": HTMLSlTableAccordionContainerElement;
        "sl-table-accordion-header": HTMLSlTableAccordionHeaderElement;
        "sl-table-col": HTMLSlTableColElement;
        "sl-table-col-text": HTMLSlTableColTextElement;
        "sl-table-col-text-item": HTMLSlTableColTextItemElement;
        "sl-table-loading": HTMLSlTableLoadingElement;
        "sl-table-row": HTMLSlTableRowElement;
        "sl-tag": HTMLSlTagElement;
        "sl-tree": HTMLSlTreeElement;
        "sl-tree-item": HTMLSlTreeItemElement;
        "sl-upload": HTMLSlUploadElement;
        "sl-upload-form": HTMLSlUploadFormElement;
        "sl-wrapper": HTMLSlWrapperElement;
    }
}
declare namespace LocalJSX {
    interface SlAppMenu {
        "appMenuInfo"?: Apps;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage"?: LANGUAGE_TYPES;
    }
    interface SlAppMenuList {
        /**
          * @default []
         */
        "apps"?: Array<App | AppCategory>;
        /**
          * @default true
         */
        "horizontalLine"?: boolean;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage"?: LANGUAGE_TYPES;
        "onSl-header:appMenu:appClicked"?: (event: SlAppMenuListCustomEvent<App>) => void;
    }
    interface SlAvatar {
        /**
          * Background color of the secondary icon.
         */
        "backgroundColor"?: string;
        /**
          * Border color of the secondary icon.
          * @default 'sc-white'
         */
        "borderColor"?: string;
        /**
          * (optional) Color of the primary icon.
         */
        "iconColor"?: string;
        /**
          * Primary icon name.
         */
        "iconName"?: string;
        /**
          * (optional) Secondary icon name.
         */
        "secondaryIconName"?: string;
        /**
          * The dimension of the primary icon.
          * @default AVATAR_SIZES.SMALL
         */
        "size"?: AVATAR_SIZES | `${AVATAR_SIZES}`;
        /**
          * Sr hint of the primary icon.
         */
        "srHint"?: string;
        /**
          * Apply a default styling. This value will override secondary iconName and colors
          * @default AVATAR_STYLES.NONE
         */
        "styling"?: AVATAR_STYLES | `${AVATAR_STYLES}`;
    }
    interface SlBulkAction {
        /**
          * Position of the arrow
          * @default BULK_ARROW_POSITIONS.LEFT
         */
        "arrowPosition"?: | BULK_ARROW_POSITIONS
    | `${BULK_ARROW_POSITIONS}`
    | number;
        /**
          * (optional) Button configuration on bulk bar
         */
        "bulkButtonsProps"?: SdxButtonProps[];
        /**
          * Callback that will fire when bulk action is hidden.
         */
        "hiddenCallback"?: (() => void) | string;
        /**
          * (optional) Label displayed before actions
         */
        "label"?: string;
        /**
          * Event that will fire when bulk action is hidden.
         */
        "onSl-bulk-action:hidden"?: (event: SlBulkActionCustomEvent<any>) => void;
        /**
          * Define the desired position of the component with a scroll bar
          * @default BULK_POSITIONS.DEFAULT
         */
        "position"?: BULK_POSITIONS | `${BULK_POSITIONS}`;
        /**
          * Enable/Disable the bulk bar
          * @default false
         */
        "visible"?: boolean;
    }
    interface SlButtonGroupHorizontal {
        /**
          * Change color of the icon more
         */
        "iconColorClass"?: string;
    }
    interface SlChip {
        /**
          * @default CHIP_STATUS.TAKE_ACTION
         */
        "status"?: CHIP_STATUS | `${CHIP_STATUS}`;
    }
    interface SlCollectionGrouped {
        /**
          * (optional) max items displayed. All by default if it's possible with width.
         */
        "maxItems"?: number;
    }
    interface SlCompanyPreview {
        "companyInfo"?: Company;
        "internalLanguage"?: LANGUAGE_TYPES;
        "navigateToMyCompany"?: EventEmitter;
        "navigateToMySB"?: EventEmitter;
        "navigateToMySP"?: EventEmitter;
        "onSearchModeChanged"?: (event: SlCompanyPreviewCustomEvent<boolean>) => void;
        "searchAdditionalCompanies"?: EventEmitter<IAdditionalSearchCompany>;
        "switchCompany"?: EventEmitter<ICompanyDetail>;
    }
    interface SlDataFormat {
        /**
          * (optional) Currency used when value is an amount
          * @default 'CHF'
         */
        "currency"?: string;
        /**
          * (optional) Normally the type is defined automatically based on value but you can force to a specific one
         */
        "forceType"?: | DATA_FORMAT_FORCE_TYPE_TYPES
    | `${DATA_FORMAT_FORCE_TYPE_TYPES}`;
        /**
          * (optional) Hide the currency symbol when formatting an amount
          * @default false
         */
        "hideCurrency"?: boolean;
        /**
          * @deprecated Since version 1.15.0. Use lang instead.
         */
        "language"?: LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
    }
    interface SlDataLink {
        /**
          * Add border at bottom on each items
          * @default false
         */
        "border"?: boolean;
        /**
          * Enable selected background styling
          * @default false
         */
        "enableSelection"?: boolean;
        /**
          * Hide last Item border
          * @default false
         */
        "hideLastItemBorder"?: boolean;
        /**
          * style for items
          * @default DATA_LINK_LINK_STYLES.DEFAULT
         */
        "linkStyle"?: DATA_LINK_LINK_STYLES | `${DATA_LINK_LINK_STYLES}`;
        /**
          * Event that will fire when the tabs is selected.
         */
        "onItemSelected"?: (event: SlDataLinkCustomEvent<HTMLSlDataLinkItemElement | HTMLSlDataLinkItemCustomElement>) => void;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        el: HTMLSlDataLinkItemElement | HTMLSlDataLinkItemCustomElement
      ) => void)
    | string;
        /**
          * Description text read by the screen reader
         */
        "srHint"?: string;
        /**
          * Vertical alignment
          * @default DATA_LINK_VERTICAL_ALIGNMENT_TYPES.MIDDLE
         */
        "verticalAlignment"?: | DATA_LINK_VERTICAL_ALIGNMENT_TYPES
    | `${DATA_LINK_VERTICAL_ALIGNMENT_TYPES}`;
    }
    interface SlDataLinkItem {
        /**
          * Display an icon with counter badge on right
         */
        "badge"?: string;
        /**
          * Change color if the icon
          * @default 'sc-navy'
         */
        "iconColorClass"?: string;
        /**
          * Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Display an icon arrow right on the right
          * @default false
         */
        "navigationIcon"?: boolean;
        /**
          * Event that will fire when the tabs is selected.
         */
        "onItemSelected"?: (event: SlDataLinkItemCustomEvent<HTMLSlDataLinkItemElement>) => void;
        /**
          * Set at true if selected You can't pass false to deactivate an element. One element must be always selected
          * @default false
         */
        "selected"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlDataLinkItemElement) => void)
    | string;
    }
    interface SlDataLinkItemCustom {
        /**
          * Event that will fire when the tabs is selected.
         */
        "onItemSelected"?: (event: SlDataLinkItemCustomCustomEvent<HTMLSlDataLinkItemCustomElement>) => void;
        /**
          * Set at true if selected You can't pass false to deactivate an element. One element must be always selected
          * @default false
         */
        "selected"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlDataLinkItemCustomElement) => void)
    | string;
    }
    interface SlDataTable {
        /**
          * Enable/Disable expand
          * @default false
         */
        "activateExpand"?: boolean;
        /**
          * Enable/Disable filters
          * @default true
         */
        "activateFilters"?: boolean;
        /**
          * Enable column hiding
          * @default true
         */
        "activateHiding"?: boolean;
        /**
          * Enable/Disable highligh search value
          * @default false
         */
        "activateHighlightSearch"?: boolean;
        /**
          * Enable/Disable pagination
          * @default true
         */
        "activatePagination"?: boolean;
        /**
          * Enable/Disable selection
          * @default false
         */
        "activateRowSelection"?: boolean | ((dataRow: object) => boolean);
        /**
          * Enable/Disable sorting
          * @default true
         */
        "activateSorting"?: boolean;
        /**
          * Enable and add button on bulk bar
         */
        "bulkButtonsProps"?: SdxButtonProps[];
        /**
          * Filter which row is clickable
          * @default () => true
         */
        "canClickOnRow"?: (dataRow: object) => boolean;
        /**
          * Determines the rendering type of cell's values. It can force the display as:  - 'plain_text': Disregards any HTML and displays cell value as plain text.  - 'sanitized_limited_html': Renders HTML sanitized securely for limited tags and attributes.  - 'sanitized_full_html': Renders HTML sanitized securely for richer content, all tags and attributes.
          * @default DATA_TABLE_CELL_CONTENT_TYPES.SANITIZED_LIMITED_HTML
         */
        "cellsRenderType"?: | CELL_CONTENT_TYPES
    | DATA_TABLE_CELL_CONTENT_TYPES
    | `${DATA_TABLE_CELL_CONTENT_TYPES}`;
        /**
          * Column filters state
         */
        "columnFilters"?: ColumnFilter[];
        /**
          * Enable column visibility (x must be the index of the row)
         */
        "columnVisibility"?: VisibilityState;
        "columns": ColumnDef<object>[];
        "data": object[];
        /**
          * Function called when data length is updated
         */
        "dataSizeChange"?: (size: number) => void;
        /**
          * The disableSortingRemoval change the behavior of storing step on column. More info in documentation.
          * @default false
         */
        "disableSortingRemoval"?: boolean;
        /**
          * By default text is correctly displayed in two lines with wrapping inside cells. It's possible to disable this styling.
          * @default false
         */
        "disableStylingOnCells"?: boolean;
        /**
          * The maximum height of a row is not anymore fixed. The text in a cell is not anymore limited to two lines.
          * @default false
         */
        "dynamicRowHeight"?: boolean;
        /**
          * Function called when expanded state is updated
         */
        "expandChange"?: (data: ExpandedState) => void;
        /**
          * Initial expanded state (x must be the index of the row)
         */
        "expanded"?: ExpandedState;
        /**
          * Global filter state
         */
        "globalFilter"?: string | string[];
        /**
          * Function called when click is done on row
         */
        "handleRowClick"?: (
    // TODO : Temporal FIX : https://github.com/ionic-team/stencil/issues/3037
    event: globalThis.Event,
    dataRow: object,
    index: number
  ) => void;
        /**
          * Highligh search value
         */
        "highlightSearch"?: string | string[];
        /**
          * @deprecated Since version 1.15.0. Use lang instead.
         */
        "language"?: LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
        /**
          * EXPERIMENTAL : Enables manual expanding for the table. If this is true, you will be expected to provide expanded data when your data before it is passed to the table. This is useful if you are doing server-side expanding.
          * @default false
         */
        "manualExpanding"?: boolean;
        /**
          * Enables manual pagination for the table. If this is true, you will be expected to paginate your data before it is passed to the table. This is useful if you are doing server-side sorting.
          * @default false
         */
        "manualPagination"?: boolean;
        /**
          * Enables manual sorting for the table. If this is true, you will be expected to sort your data before it is passed to the table. This is useful if you are doing server-side sorting.
          * @default false
         */
        "manualSorting"?: boolean;
        /**
          * Map widows size to media types
          * @default MAP_SIZES_TO_MEDIA_TYPES
         */
        "mapSizeToMediaTypes"?: MediaType;
        /**
          * By default, there is a limit to the number of columns that can be sorted at once of 3. You can change this value if it's needed.
          * @default 3
         */
        "maxMultiSortColCount"?: number;
        /**
          * By default, the shift key is used to trigger multi-sorting. You can change this behavior.
          * @default DATA_TABLE_MULTI_SORT_EVENT_TYPES.SHIFT
         */
        "multiSortEventType"?: | DATA_TABLE_MULTI_SORT_EVENT_TYPES
    | `${DATA_TABLE_MULTI_SORT_EVENT_TYPES}`;
        /**
          * Event called when data length is updated
         */
        "onDataSizeChangeEvent"?: (event: SlDataTableCustomEvent<number>) => void;
        /**
          * Event called when expanded state is updated
         */
        "onExpandChangeEvent"?: (event: SlDataTableCustomEvent<ExpandedState>) => void;
        /**
          * Event called when click is done on row
         */
        "onHandleRowClickEvent"?: (event: SlDataTableCustomEvent<RowSelectionEventProps>) => void;
        /**
          * Event called when pagination state is updated
         */
        "onPaginationChangeEvent"?: (event: SlDataTableCustomEvent<PaginationState>) => void;
        /**
          * Event called when row selection state is updated
         */
        "onRowSelectionChangeEvent"?: (event: SlDataTableCustomEvent<object[]>) => void;
        /**
          * Event called when sorting state is updated
         */
        "onSortingChangeEvent"?: (event: SlDataTableCustomEvent<ColumnSort[]>) => void;
        /**
          * Number of elements displayed per page if pagination is activated
          * @default 10
         */
        "pageSize"?: number;
        /**
          * If true expanded rows will be paginated along with the rest of the table (which means expanded rows may span multiple pages). If false expanded rows will not be considered for pagination (which means expanded rows will always render on their parents page. This also means more rows will be rendered than the set page size)
          * @default false
         */
        "paginateExpandedRows"?: boolean;
        /**
          * Function called when pagination state is updated
         */
        "paginationChange"?: (data: PaginationState) => void;
        /**
          * Pagination type
          * @default DATA_TABLE_PAGINATION_TYPES.SHOW_MORE
         */
        "paginationType"?: | DATA_TABLE_PAGINATION_TYPES
    | `${DATA_TABLE_PAGINATION_TYPES}`;
        /**
          * Init or update row selection state (x must be the index of the row)
         */
        "rowSelection"?: RowSelectionState;
        /**
          * Function called when row selection state is updated
         */
        "rowSelectionChange"?: (data: object[]) => void;
        /**
          * Define type of selection
          * @default DATA_TABLE_SELECTION_TYPES.CHECKBOX
         */
        "selectionType"?: | DATA_TABLE_SELECTION_TYPES
    | `${DATA_TABLE_SELECTION_TYPES}`;
        /**
          * Show header on UI
          * @default true
         */
        "showHeader"?: boolean;
        /**
          * Show pagination on UI. (Pagination is not disabled if set at false)
          * @default true
         */
        "showPagination"?: boolean;
        /**
          * Initial sorting state
         */
        "sorting"?: ColumnSort[];
        /**
          * Function called when sorting state is updated
         */
        "sortingChange"?: (data: ColumnSort[]) => void;
        /**
          * Adapt look and feel of the table
          * @default DATA_TABLE_TABLE_STYLES.DEFAULT
         */
        "tableStyle"?: DATA_TABLE_TABLE_STYLES | `${DATA_TABLE_TABLE_STYLES}`;
        /**
          * Total of elements. Use that when manual pagination (server side) is activated
         */
        "totalOfElements"?: number;
        /**
          * Adapt look and feel to table or card
          * @default DATA_TABLE_TYPES.DEFAULT
         */
        "type"?: TYPES | DATA_TABLE_TYPES | `${DATA_TABLE_TYPES}`;
    }
    interface SlDetailOverview {
    }
    interface SlDetailOverviewCard {
    }
    interface SlDetailOverviewCardItem {
        /**
          * @default false
         */
        "border"?: boolean;
    }
    interface SlDetailOverviewCardItemContent {
        "type"?: | DETAILS_OVERVIEW_CARD_CONTENT_PARTS
    | `${DETAILS_OVERVIEW_CARD_CONTENT_PARTS}`;
    }
    interface SlDisplayInfo {
        /**
          * Add border on the right on each items
          * @default true
         */
        "border"?: boolean;
        /**
          * Add separator at the bottom of the section
          * @default true
         */
        "separator"?: boolean;
    }
    interface SlDisplayInfoItem {
        /**
          * Action callback whe use click on icon button
         */
        "actionClickCallback"?: (() => void) | string | undefined;
        /**
          * Title
         */
        "description"?: string;
        /**
          * Activate copy value icon
          * @default false
         */
        "displayCopy"?: boolean;
        /**
          * Icon used is display action activated
          * @default 'icon-edit'
         */
        "iconName"?: string;
        /**
          * Icon text for the screen reader.
         */
        "srHintForIconAction"?: string;
        /**
          * Value
         */
        "value"?: string;
    }
    interface SlDisplayInfoItemCustom {
    }
    interface SlDisplayInfoItemCustomContent {
        /**
          * Apply correct styling in relation with the type of the content
          * @default DISPLAY_INFO_ITEM_CONTENT_TYPES.HEAD
         */
        "type"?: | DISPLAY_INFO_ITEM_CONTENT_TYPES
    | `${DISPLAY_INFO_ITEM_CONTENT_TYPES}`;
    }
    interface SlDisplayStats {
        /**
          * Override sdx columns classes for the item
         */
        "itemContainerClass"?: string;
        /**
          * Represents the variant of the element
          * @default DISPLAY_STATS_VARIANTS.DEFAULT
         */
        "variant"?: DISPLAY_STATS_VARIANTS | `${DISPLAY_STATS_VARIANTS}`;
    }
    interface SlDisplayStatsItem {
        /**
          * Represents the value for the amount. If you must format this value with sl-data-format use the slot "amount" to pass this value.
         */
        "amountValue"?: string | number;
        /**
          * Represents the name of the icon to be displayed
         */
        "iconName"?: string;
        /**
          * Represents the label of the element
         */
        "label"?: string;
        /**
          * Represents the hint for screen readers
         */
        "srHint"?: string;
        /**
          * Represents the description for the tooltip
         */
        "tooltipDescription"?: string;
        /**
          * Represents the value for the trend
         */
        "trendValue"?: number;
    }
    interface SlDrawer {
        /**
          * Display or hide the drawer
          * @default false
         */
        "activeDrawer"?: boolean;
        /**
          * Title in the top
         */
        "caption"?: string;
        /**
          * By default the scroll on body or with component with id scrollableDivForDrawer is automatically managed with the drawer. You can disable it.
          * @default false
         */
        "disableLockScroll"?: boolean;
        /**
          * Callback when expand changed
         */
        "expandChangedCallback"?: | ((variant: string, activeDrawer: boolean) => void)
    | string;
        /**
          * Internal display or hide the drawer before or after transition
         */
        "onExpandChanged"?: (event: SlDrawerCustomEvent<EventExpandChange>) => void;
        /**
          * Callback when user click on close function
         */
        "onRequestClose"?: (event: SlDrawerCustomEvent<any>) => void;
        /**
          * Position of the drawer
          * @default DRAWER_POSITION_TYPES.RIGHT
         */
        "position"?: DRAWER_POSITION_TYPES | `${DRAWER_POSITION_TYPES}`;
        /**
          * Callback when user click on close function
         */
        "requestCloseCallback"?: (() => void) | string;
        /**
          * Size of the drawer
          * @default DRAWER_VARIANT_TYPES.MEDIUM
         */
        "variant"?: DRAWER_VARIANT_TYPES | `${DRAWER_VARIANT_TYPES}`;
    }
    interface SlDrawerContent {
        /**
          * Style of the main content
          * @default DRAWER_CONTENT_STYLE_TYPES.DEFAULT
         */
        "drawerStyle"?: | DRAWER_CONTENT_STYLE_TYPES
    | `${DRAWER_CONTENT_STYLE_TYPES}`;
        /**
          * Enable/disable scrolling
          * @default true
         */
        "enableScroll"?: boolean;
    }
    interface SlEmptyScreen {
        /**
          * Main text at the top
         */
        "caption"?: string;
        /**
          * Override sdx columns classes from the container
          * @default 'col-xs-12 col-md-8'
         */
        "containerClass"?: string;
        /**
          * Change main icon at the top
          * @default 'icon-robot-smile'
         */
        "icon"?: string;
        /**
          * Change main illustration at the top
         */
        "illustrationName"?: string;
        /**
          * Change size of the container and icon
          * @default EMPTY_SCREEN_SIZES.MEDIUM
         */
        "illustrationSize"?: EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        /**
          * Adapt look and feel of the component. With compact just caption will be displayed
          * @default EMPTY_SCREEN_SCREEN_STYLES.DEFAULT
         */
        "screenStyle"?: | EMPTY_SCREEN_SCREEN_STYLES
    | `${EMPTY_SCREEN_SCREEN_STYLES}`;
        /**
          * Change size of the container and icon
          * @default EMPTY_SCREEN_SIZES.LARGE
         */
        "size"?: EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        /**
          * Add sdx card around with border
          * @default true
         */
        "withBorder"?: boolean;
        /**
          * Add padding around
          * @default true
         */
        "withPadding"?: boolean;
    }
    interface SlExpansionCard {
        /**
          * @default false
         */
        "active"?: boolean;
        "cardTitle"?: string;
        "collapseLabel"?: string;
        "expandLabel"?: string;
        /**
          * @default false
         */
        "expanded"?: boolean;
        "iconBackgroundColor"?: string;
        "iconColor"?: string;
        "iconName"?: string;
        "onCardExpanded"?: (event: SlExpansionCardCustomEvent<any>) => void;
    }
    interface SlFileStatus {
        "caption"?: string;
        "description"?: string;
        "error"?: boolean;
    }
    interface SlFilter {
        "caption"?: string;
    }
    interface SlFilterGroup {
        "active"?: boolean;
        "label"?: string;
        "size"?: number;
    }
    interface SlFilterItem {
        /**
          * @default false
         */
        "active"?: boolean;
        "bold"?: boolean;
        "label"?: string;
        "size"?: number;
    }
    interface SlFilterList {
        "caption"?: string;
        "label"?: string;
        /**
          * @default FILTER_LIST_RENDER_TYPES.LIST
         */
        "type"?: FILTER_LIST_RENDER_TYPES | `${FILTER_LIST_RENDER_TYPES}`;
    }
    interface SlFilterLoading {
        /**
          * @default 1
         */
        "size"?: number;
    }
    interface SlHeader {
        "appMenuInfo"?: Apps | null;
        "cartInfo"?: Cart;
        "companyInfo"?: Company | null;
        "externalSlots"?: Slot[] | null;
        /**
          * @default false
         */
        "hideBreadcrumbs"?: boolean;
        "navigation"?: Navigation | undefined;
        "notificationInfo"?: NotificationInfo | null;
        /**
          * Event called when user clicks on an app entry in the app menu.
         */
        "onSl-header:appMenu:appClicked"?: (event: SlHeaderCustomEvent<App>) => void;
        /**
          * Event called when user navigates to the full my company section.
         */
        "onSl-header:company:navigateToMyCompany"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user navigates to My Swisscom Partner.
         */
        "onSl-header:company:navigateToMySB"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user navigates to My Swisscom Business.
         */
        "onSl-header:company:navigateToMySP"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks the search additional companies link.
         */
        "onSl-header:company:searchAdditionalCompanies"?: (event: SlHeaderCustomEvent<IAdditionalSearchCompany>) => void;
        /**
          * Event called when user clicks on an additional company to switch to it.
         */
        "onSl-header:company:switchCompany"?: (event: SlHeaderCustomEvent<ICompanyDetail>) => void;
        /**
          * Event called when a user navigates using one of the menu items defined in sdx-header (tabs, the logo, sidebar items) Use Item emitted by the event together with NavigationHelpers to activate a specific tab/menu item
         */
        "onSl-header:navigate"?: (event: SlHeaderCustomEvent<Item>) => void;
        /**
          * Event called when user clicks on a notification in the notification menu.
         */
        "onSl-header:notificationMenu:notificationClicked"?: (event: SlHeaderCustomEvent<NotificationItem>) => void;
        /**
          * Event called when user clicks on a "See all" link in the notification menu.
         */
        "onSl-header:notificationMenu:seeAllClicked"?: (event: SlHeaderCustomEvent<string>) => void;
        /**
          * Event called when user clicks the logout button.
         */
        "onSl-header:profile:logout"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks to manage their profiles.
         */
        "onSl-header:profile:manageUserProfiles"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks to navigate to their list of saved selections.
         */
        "onSl-header:profile:navigateToMyList"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks to navigate to my profile.
         */
        "onSl-header:profile:navigateToMyProfile"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks the stop user simulation button.
         */
        "onSl-header:profile:stopUserSimulation"?: (event: SlHeaderCustomEvent<any>) => void;
        /**
          * Event called when user clicks to manage switch users associated with their account.
         */
        "onSl-header:profile:switchUser"?: (event: SlHeaderCustomEvent<any>) => void;
        "profileInfo"?: Profile | null;
    }
    interface SlHero {
        /**
          * Back callback when use click on icon arrow-left
         */
        "actionBackCallback"?: (() => void) | string | undefined;
        /**
          * Class to apply to the container
          * @default HERO_CONTAINER_TYPES.CONTAINER
         */
        "containerClass"?: HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
        /**
          * Display back icon arrow-left when you use event
          * @default false
         */
        "displayActionBack"?: boolean;
        /**
          * Change the gradient styling of the background
          * @default HERO_GRADIENT_TYPES.GRADIENT_1
         */
        "gradient"?: HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        /**
          * Title displayed at the top
         */
        "label"?: string;
        /**
          * Back event when user click on icon arrow-left
         */
        "onActionBack"?: (event: SlHeroCustomEvent<any>) => void;
        /**
          * Sub headline displayed at the top before the title
         */
        "subHeadline"?: string;
    }
    interface SlHeroOld {
        /**
          * Class to apply to the container
          * @default HERO_CONTAINER_TYPES.CONTAINER
         */
        "containerClass"?: HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
        /**
          * @default HERO_GRADIENT_TYPES.GRADIENT_1
         */
        "gradient"?: HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        /**
          * @default false
         */
        "partnerHome"?: boolean;
    }
    interface SlHighcharts {
        /**
          * Array of category labels for the x-axis. Convenience shorthand for `options.xAxis.categories`. Ignored if `options.xAxis` is provided via `options`.
         */
        "categories"?: string[];
        /**
          * The type of chart to render. Supported values: 'line', 'bar', 'pie', 'column', 'grouped-stacked-column'. When using `options`, you can also set `options.chart.type` directly instead.
          * @default HIGHCHARTS_OPTIONS.LINE
         */
        "chartType"?: `${HIGHCHARTS_OPTIONS}` | HIGHCHARTS_OPTIONS;
        /**
          * Height of the chart container (px value or any valid CSS length string).
          * @default '400px'
         */
        "height"?: number | string;
        /**
          * Optional: Pass the Highcharts instance directly. If not provided, the component will attempt to load it automatically.
         */
        "highcharts"?: Highcharts;
        /**
          * Main title displayed above the chart. Convenience shorthand for `options.title.text`. Ignored if `options.title` is provided via `options`.
         */
        "label"?: string;
        /**
          * Full Highcharts options object.  Use this for complete control over the chart configuration. Any property set here takes precedence over the individual convenience props (`series`, `categories`, `label`, `xAxisTitle`, `yAxisTitle`, `plotOptions`).  You can use `options` in two ways: - **Full config**: pass the entire Highcharts options structure here and omit the   individual props entirely. - **Partial override**: pass only the properties you need to customise beyond what   the convenience props support (e.g. `tooltip`, `legend`, `credits`), and keep   using the individual props for the rest.
          * @example // Full config via options — no need for individual props options={{ series: [...], xAxis: { categories: [...] }, title: { text: 'My Chart' } }}
          * @example // Partial override — add tooltip config without repeating series/categories series={[...]} categories={[...]} options={{ tooltip: { shared: true } }}
         */
        "options"?: Options;
        /**
          * Plot options for controlling series-level rendering behaviour (e.g. stacking, grouping). Convenience shorthand for `options.plotOptions`. Ignored if `options.plotOptions` is provided via `options`.
         */
        "plotOptions"?: PlotOptions;
        /**
          * The data series to render. This is the minimum required prop for most chart types when not using `options`. Convenience shorthand for `options.series`. Ignored if `options.series` is provided via `options`.
          * @example // Minimal usage — just pass series and let the component handle the rest series={[{ name: 'Revenue', data: [100, 200, 300] }]}
         */
        "series"?: SeriesList;
        /**
          * Width of the chart container (px value or any valid CSS length string).
          * @default '100%'
         */
        "width"?: number | string;
        /**
          * Title text for the x-axis. Convenience shorthand for `options.xAxis.title.text`. Ignored if `options.xAxis` is provided via `options`.
         */
        "xAxisTitle"?: string;
        /**
          * Title text for the y-axis. Convenience shorthand for `options.yAxis.title.text`. Ignored if `options.yAxis` is provided via `options`.
         */
        "yAxisTitle"?: string;
    }
    interface SlHighlight {
        /**
          * If adding the component around the content isn't possible, just pass a containerId for the element to highlight
         */
        "containerId"?: string;
        /**
          * Receives minimum search char before starting highlight
          * @default 2
         */
        "minChar"?: number;
        /**
          * Receives operator to define the type of highlight
          * @default HIGHLIGH_OPERATORS.AND
         */
        "operator"?: HIGHLIGH_OPERATORS | `${HIGHLIGH_OPERATORS}`;
        /**
          * Receives search input
         */
        "search"?: string;
    }
    interface SlIconButtonCard {
        "buttonLink"?: string;
        "cardDescription"?: string;
        "cardLabel"?: string;
        /**
          * @default false
         */
        "disable"?: boolean;
        "isExternalLink"?: boolean;
        "onSl-shared-library:cardButtonClicked"?: (event: SlIconButtonCardCustomEvent<any>) => void;
        "primaryIcon"?: string;
        "secondaryIcon"?: string;
        "textLink"?: string;
    }
    interface SlIconButtonCopy {
        /**
          * Disable the icon button
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Value copied used when action type is copy
         */
        "value"?: string;
    }
    interface SlIcons {
        /**
          * Whether the icon is active
         */
        "active"?: boolean;
        /**
          * Color of the icon
         */
        "color"?: string;
        /**
          * Icon name to display
         */
        "icon"?: string;
        /**
          * Color of the icon
          * @default DEFAULT_ICON_COLOR
         */
        "iconColor"?: string;
        /**
          * Style of the icon
          * @default ICON_STYLE_TYPES.DEFAULT
         */
        "iconStyle"?: ICON_STYLE_TYPES | `${ICON_STYLE_TYPES}`;
        /**
          * Size of the icon
         */
        "size"?: ICON_SIZES | `${ICON_SIZES}`;
    }
    interface SlIllustration {
        /**
          * Name of the illustration (e.g. "illustration-download").
          * @default ILLUSTRATION_NAMES.ILLUSTRATION_DOWNLOAD_EXPIRED
         */
        "illustrationName"?: ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        /**
          * The dimension of the illustration. If omitted, the illustration will adapt to the current font-size.
          * @default ILLUSTRATION_SIZES.MEDIUM
         */
        "size"?: ILLUSTRATION_SIZES | `${ILLUSTRATION_SIZES}`;
        /**
          * Description text read by the screen reader
         */
        "srHint"?: string;
    }
    interface SlInfoPage {
        /**
          * Back callback when use click on link
         */
        "actionLinkCallback"?: (() => void) | string | undefined;
        /**
          * Override description text
         */
        "description"?: string;
        /**
          * Override main illustration with name
         */
        "illustrationName"?: ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        /**
          * Override title text
         */
        "label"?: string;
        /**
          * Override text for the link
         */
        "link"?: string;
        /**
          * Back event when user click on icon arrow-left
         */
        "onSl-info-page:actionLinkCallback"?: (event: SlInfoPageCustomEvent<any>) => void;
        /**
          * Pre-defined template ready for usage not need to passe all information
          * @default INFO_PAGE_PAGE_TYPES.UNAUTHORIZE
         */
        "pageType"?: INFO_PAGE_PAGE_TYPES | `${INFO_PAGE_PAGE_TYPES}`;
    }
    interface SlIotOverviewCol {
        "type"?: IOT_OVERVIEW_COL_TYPES | `${IOT_OVERVIEW_COL_TYPES}`;
        "variation"?: 'statusCol';
    }
    interface SlIotOverviewRow {
        /**
          * @default IOT_OVERVIEW_STYLE_TYPES.DEFAULT
         */
        "type"?: IOT_OVERVIEW_STYLE_TYPES | `${IOT_OVERVIEW_STYLE_TYPES}`;
    }
    interface SlIotTable {
    }
    interface SlIotTableCol {
        "action"?: IOT_TABLE_ACTIONS | `${IOT_TABLE_ACTIONS}`;
        /**
          * @default IOT_TABLE_HEADS.SUBSCRIPTION
         */
        "head"?: IOT_TABLE_HEADS | `${IOT_TABLE_HEADS}`;
        /**
          * @default IOT_TABLE_TYPES.DYNAMIC
         */
        "type"?: IOT_TABLE_TYPES | `${IOT_TABLE_TYPES}`;
    }
    interface SlIotTableRow {
        /**
          * Type of the row
          * @default IOT_TABLE_ROW_TYPES.DEFAULT
         */
        "type"?: IOT_TABLE_ROW_TYPES | `${IOT_TABLE_ROW_TYPES}`;
    }
    interface SlLinkGroup {
        /**
          * List of links as an array of LinkGroup types
         */
        "linkGroups"?: LinkGroup[];
        /**
          * Returns the url value of the clicked link
         */
        "onLinkClicked"?: (event: SlLinkGroupCustomEvent<string>) => void;
    }
    interface SlLiveSearch {
    }
    interface SlMetroLine {
        /**
          * Current active step in the line
          * @default 0
         */
        "activeStep"?: number;
        /**
          * Display type in bullet
          * @default METRO_LINE_DISPLAY_TYPES.DEFAULT
         */
        "displayType"?: | METRO_LINE_DISPLAY_TYPES
    | `${METRO_LINE_DISPLAY_TYPES}`;
        /**
          * Display an icon on the left line for all step. This value override displayType
         */
        "iconName"?: string;
        /**
          * Style of the metro line
          * @default METRO_LINE_STYLE.DEFAULT
         */
        "metroLineStyle"?: METRO_LINE_STYLE | `${METRO_LINE_STYLE}`;
        /**
          * Display a warning on the current active step
          * @default false
         */
        "takeAction"?: boolean;
    }
    interface SlMetroLineStep {
        /**
          * Date of the current step
         */
        "date"?: string;
        /**
          * Description of the current step
         */
        "description"?: string;
        /**
          * Display an icon on the left line for this step. This value override displayType
         */
        "iconName"?: string;
        /**
          * Label of the current step
         */
        "label"?: string;
    }
    interface SlNotificationMenu {
        "badgeOther"?: number;
        "badgeRequired"?: number;
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage"?: LANGUAGE_TYPES;
        "onSl-header:notificationMenu:notificationClicked"?: (event: SlNotificationMenuCustomEvent<NotificationItem>) => void;
        "onSl-header:notificationMenu:seeAllClicked"?: (event: SlNotificationMenuCustomEvent<string>) => void;
        "otherNotifications"?: NotificationGroup[];
        "requiredNotifications"?: NotificationGroup;
    }
    interface SlOverviewPage {
        /**
          * @default true
         */
        "showFilter"?: boolean;
    }
    interface SlOverviewPageContainer {
    }
    interface SlOverviewPageSidebar {
        "active"?: boolean;
    }
    /**
     * pos right ?
     * faire les tests
     * Revoir le CSS
     */
    interface SlPagination {
        /**
          * @default 1
         */
        "boundaryCount"?: number;
        /**
          * Breaking point to display in two row for extended type
          * @default PAGINATION_BREAK_POINTS.MEDIUM
         */
        "breakPoint"?: PAGINATION_BREAK_POINTS | `${PAGINATION_BREAK_POINTS}`;
        /**
          * @default 1
         */
        "initPage"?: number;
        /**
          * Callback when user click on page function
         */
        "onPageNumberChanged"?: (event: SlPaginationCustomEvent<number>) => void;
        /**
          * @default 10
         */
        "pageCount"?: number;
        /**
          * Callback when user click on page function
         */
        "pageNumberChangedCallback"?: (
    // TODO : Temporal FIX : https://github.com/ionic-team/stencil/issues/3037
    event: globalThis.Event,
    pageNumber: number
  ) => void;
        /**
          * @default 1
         */
        "siblingCount"?: number;
        "totalCount"?: number;
        /**
          * Adapt look and feel sl pagination
          * @default PAGINATION_DISPLAY_TYPES.DEFAULT
         */
        "type"?: PAGINATION_DISPLAY_TYPES | `${PAGINATION_DISPLAY_TYPES}`;
    }
    interface SlPaginationLight {
        /**
          * @default '10'
         */
        "endLabel"?: string;
        /**
          * @default '100'
         */
        "maxLabel"?: string;
        /**
          * @default 'of'
         */
        "ofLabel"?: string;
        /**
          * @default 'right'
         */
        "pos"?: string;
        /**
          * @default '1'
         */
        "startLabel"?: string;
    }
    interface SlProfilePreview {
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage"?: LANGUAGE_TYPES;
        "logOut"?: EventEmitter;
        "manageUserProfiles"?: EventEmitter;
        "navigateToMyList"?: EventEmitter;
        "navigateToMyProfile"?: EventEmitter;
        /**
          * The info necessary for the profile information slot.
         */
        "profileInfo"?: Profile;
        "stopUserSimulation"?: EventEmitter;
        "switchUser"?: EventEmitter;
    }
    interface SlProfilePreviewUserInformation {
        /**
          * @default LANGUAGE_TYPES.EN
         */
        "internalLanguage"?: LANGUAGE_TYPES;
        /**
          * Information specific to the user.
         */
        "userInfo"?: UserInfo;
    }
    interface SlQrcode {
        /**
          * @default '#000000'
         */
        "darkColor"?: string;
        /**
          * @default QR_CODE_ERROR_CORRECTION_LEVEL.H
         */
        "errorCorrectionLevel"?: | QR_CODE_ERROR_CORRECTION_LEVEL
    | `${QR_CODE_ERROR_CORRECTION_LEVEL}`;
        /**
          * @default '#ffffff'
         */
        "lightColor"?: string;
        /**
          * @default 4
         */
        "margin"?: number;
        /**
          * @default 0.92
         */
        "quality"?: number;
        "url"?: string;
        /**
          * @default 256
         */
        "width"?: number;
    }
    interface SlSearch {
        "caption"?: string;
        "clearCallback"?: () => void;
        "searchSubmitCallback"?: (value: string) => void;
        "showSpinner"?: boolean;
    }
    interface SlSecondaryNav {
        "srHint"?: string;
    }
    interface SlSecondaryNavItem {
        /**
          * Display an icon with counter badge on right
         */
        "badge"?: string;
        /**
          * Description below the label
         */
        "description"?: string;
        /**
          * Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Event that will fire when the tabs is selected.
         */
        "onItemSelected"?: (event: SlSecondaryNavItemCustomEvent<HTMLSlSecondaryNavItemElement>) => void;
        /**
          * Set at true if selected
          * @default false
         */
        "selected"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((element: HTMLSlSecondaryNavItemElement) => void)
    | string;
    }
    interface SlSelectionManager {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection"?: boolean;
        /**
          * Enable selected background styling
          * @default false
         */
        "enableSelection"?: boolean;
        /**
          * If parent has shadowRoot enable
          * @default false
         */
        "hasShadowRoot"?: boolean;
        /**
          * List of valid items type in the list to return the correct value
         */
        "parentItemElementTypes": string[];
        /**
          * Select the first element
          * @default false
         */
        "selectFirstOne"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((el: any, keyName: string, pathname: string) => void)
    | string;
        /**
          * Description text read by the screen reader
         */
        "srHint"?: string;
    }
    interface SlSelectionManagerItem {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection"?: boolean;
        /**
          * Disable cursor and action in the element.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * For to rase up an event if select value change
          * @default false
         */
        "forceRaseUpEvent"?: boolean;
        /**
          * key name send on event and function when element is selected.
         */
        "keyName"?: string;
        /**
          * Specific path of the url.
         */
        "pathname"?: string;
        /**
          * Set at true if selected
          * @default false
         */
        "selected"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: (() => void) | string;
        /**
          * Adapt look and feel of the selection
          * @default SELECTION_MANAGER_SELECTION_STYLES.DEFAULT
         */
        "selectionStyle"?: | SELECTION_MANAGER_SELECTION_STYLES
    | `${SELECTION_MANAGER_SELECTION_STYLES}`;
        /**
          * Callback that will fire when the tabs is unselected.
         */
        "unselectedCallback"?: (() => void) | string;
    }
    interface SlSideNavigation {
        /**
          * Allow reselection of already selected items
          * @default false
         */
        "allowReselection"?: boolean;
        /**
          * (optional)  Base path of the url. Must start with a "/"
         */
        "basePathname"?: string;
        /**
          * Disable the mobile view "/"
          * @default false
         */
        "disableMobileView"?: boolean;
        /**
          * By default if pathname on an item is not null the item will be selected if the url change. Manage the url modification yourself. Disable on all sl-side-navigation-item.
          * @default false
         */
        "disableSelectWithPathname"?: boolean;
        /**
          * By default if pathname on an item is not null the url will be updated with the pathname. Manage the redirection yourself. Disable on all sl-side-navigation-item.
          * @default false
         */
        "disableUpdatePathname"?: boolean;
        /**
          * Whether multiple menu accordions can be open at the same time.
          * @default false
         */
        "keepOpen"?: boolean;
        /**
          * Map widows size to media types
          * @default MAP_SIZES_TO_MEDIA_TYPES
         */
        "mapSizeToMediaTypes"?: MediaType;
        /**
          * Event that will fire when the tabs is selected.
         */
        "onSl-side-navigation:itemSelected"?: (event: SlSideNavigationCustomEvent<SlSideNavigationElementSelected>) => void;
        /**
          * All different validation types for the pathname. Be careful with contains basePathname will be not take in consideration
          * @default SIDE_NAVIGATION_PATH_VALIDATION_TYPES.EXACT
         */
        "pathnameValidationType"?: | SIDE_NAVIGATION_PATH_VALIDATION_TYPES
    | `${SIDE_NAVIGATION_PATH_VALIDATION_TYPES}`
    | ((currentPath: string, itemPath: string) => boolean);
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        el: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
        /**
          * (optional) Description of the menu text read by the screen reader
         */
        "srHint"?: string;
    }
    interface SlSideNavigationInfoBox {
        /**
          * Display an icon on the right for the button.
         */
        "actionIconName"?: string;
        /**
          * Description at the bottom of the info box.
         */
        "description"?: string;
        /**
          * Function called when link button is activated
         */
        "handleButtonClick"?: () => void;
        /**
          * Display an icon on the left.
         */
        "iconName"?: string;
        /**
          * Label at the top of the info box.
         */
        "label"?: string;
        /**
          * Event called when click is done on row
         */
        "onSl-side-navigation-info-box:handleButtonClickEvent"?: (event: SlSideNavigationInfoBoxCustomEvent<any>) => void;
        /**
          * Description text read by the screen reader for the link.
         */
        "srActionHint"?: string;
        /**
          * Description text read by the screen reader.
         */
        "srHint"?: string;
    }
    interface SlSideNavigationItem {
        /**
          * Force to open or close the accordion. Normally it's done automatically. This component must have children
          * @default false
         */
        "accordionOpen"?: boolean;
        /**
          * Allow reselection of already selected item
          * @default false
         */
        "allowReselection"?: boolean;
        /**
          * By default if pathname is not null the item will be selected if the url change. Manage the url modification yourself.
          * @default false
         */
        "disableSelectWithPathname"?: boolean;
        /**
          * By default if pathname is not null the url will be updated with the pathname. Manage the redirection yourself.
          * @default false
         */
        "disableUpdatePathname"?: boolean;
        /**
          * Disable cursor and action in the button element.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * (optional) Display an icon on the left line for this menu. This value override displayType
         */
        "iconName"?: string;
        /**
          * (optional) If you want to display an icon just for mobile in bottom.
         */
        "iconNameMobile"?: string;
        /**
          * Display button on mobile in bottom. Up to 3 elements
          * @default false
         */
        "isOnTopMobile"?: boolean;
        /**
          * (optional) Key name send on event and function when element is selected.
         */
        "keyName"?: string;
        /**
          * Label of the current menu
         */
        "label"?: string;
        /**
          * Event that will fire when the tabs is selected.
         */
        "onSl-side-navigation-item:itemSelected"?: (event: SlSideNavigationItemCustomEvent<SlSideNavigationElementSelected>) => void;
        /**
          * (optional) Specific path of the url. Must start with a "/"
         */
        "pathname"?: string;
        /**
          * Activate an element. Normally one element must be always selected
          * @default false
         */
        "selected"?: boolean;
        /**
          * Callback that will fire when the tabs is selected.
         */
        "selectedCallback"?: | ((
        element: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
        /**
          * (optional) Description text read by the screen reader. Will be appended to the expand button content.
         */
        "srExpandHint"?: string;
        /**
          * (optional) Description text read by the screen reader
         */
        "srIconHint"?: string;
        /**
          * (optional) Description text read by the screen reader
         */
        "srIconMobileHint"?: string;
    }
    interface SlSideNavigationMobile {
    }
    interface SlSkeleton {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Height of the skeleton. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
         */
        "height"?: number | string;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {boolean}
          * @default 5px
         */
        "rounded"?: number | string | boolean;
        /**
          * The shape of the skeleton element - 'rect': Default rectangular shape - 'circle': Circular shape with 50% border-radius - 'text': Text line shape with 1em height and 100% width by default
          * @type {'rect' | 'circle' | 'text'}
          * @default SKELETON_SHAPES.RECT
         */
        "shape"?: SKELETON_SHAPES | `${SKELETON_SHAPES}`;
        /**
          * Size of the skeleton (sets both width and height to the same value). Overrides individual width and height props when set. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "size"?: number | string;
        /**
          * Width of the skeleton. If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
         */
        "width"?: number | string;
    }
    interface SlSkeletonButton {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Height of the button skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 48
         */
        "height"?: number | string;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners
          * @type {boolean}
          * @default true
         */
        "rounded"?: boolean;
        /**
          * Width of the button skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 160
         */
        "width"?: number | string;
    }
    interface SlSkeletonCard {
        /**
          * Number of action buttons
          * @type {number}
          * @default 1
         */
        "actions"?: number;
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Gap between tabs If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 24
         */
        "gap"?: number | string;
        /**
          * Number of text lines below media
          * @type {number}
          * @default 3
         */
        "lines"?: number;
        /**
          * Whether to include a media thumbnail
          * @type {boolean}
          * @default true
         */
        "media"?: boolean;
    }
    interface SlSkeletonChart {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Number of bars to display in the chart
          * @type {number}
          * @default 5
         */
        "bars"?: number;
        /**
          * Height of the chart If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 200
         */
        "height"?: number | string;
        /**
          * Whether to hide labels on pie chart
          * @type {boolean}
          * @default false
         */
        "hideLabels"?: boolean;
        /**
          * Orientation of the chart bars
          * @type {'vertical' | 'horizontal'}
          * @default 'vertical'
         */
        "orientation"?: | SKELETON_CHART_ORIENTATIONS
    | `${SKELETON_CHART_ORIENTATIONS}`;
        /**
          * Type of chart to display
          * @type {'bar' | 'pie'}
          * @default 'bar'
         */
        "type"?: SKELETON_CHART_TYPES | `${SKELETON_CHART_TYPES}`;
        /**
          * Width of the chart If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "width"?: number | string;
    }
    interface SlSkeletonCheckbox {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Number of checkbox items to display when variant is 'group'
          * @type {number}
          * @default 2
         */
        "items"?: number;
        /**
          * Whether the button should have rounded corners (pill shape) or square corners If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {boolean}
          * @default 5px
         */
        "roundedCheckbox"?: number | string | boolean;
        /**
          * Whether to add a second line of smaller text below the main text
          * @type {boolean}
          * @default false
         */
        "showSecondaryText"?: boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText"?: boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '150px'
         */
        "textWidth"?: number | string;
        /**
          * Layout variant for the checkbox skeleton - 'inline': Single checkbox with label in inline layout - 'group': Group of checkboxes with labels in vertical layout
          * @type {'inline' | 'group'}
          * @default 'inline'
         */
        "variant"?: | SKELETON_CHECKBOX_VARIANTS
    | `${SKELETON_CHECKBOX_VARIANTS}`;
    }
    interface SlSkeletonChip {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Width of the chip If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '85'
         */
        "width"?: number | string;
    }
    interface SlSkeletonDropdown {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Whether to display the text skeleton part (label)
          * @type {boolean}
          * @default true
         */
        "showText"?: boolean;
        /**
          * Width of the dropdown field skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '300px'
         */
        "width"?: number | string;
    }
    interface SlSkeletonIcon {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Size of the icon skeleton same as SDX
          * @type {1 | 2 | 3 | 4 | 5 | 6}
          * @default 3
         */
        "size"?: SKELETON_ICON_SIZES | `${SKELETON_ICON_SIZES}`;
    }
    interface SlSkeletonInput {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Whether to display the text skeleton part (label)
          * @type {boolean}
          * @default true
         */
        "showText"?: boolean;
        /**
          * Type variant for the input field skeleton - 'single': Single line input field - 'multiple': Multiple line textarea - 'date': Date input field with calendar icon
          * @type {'single' | 'multiple' | 'date'}
          * @default 'single'
         */
        "variant"?: SKELETON_INPUT_VARIANTS | `${SKELETON_INPUT_VARIANTS}`;
        /**
          * Width of the input field skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '300px'
         */
        "width"?: number | string;
    }
    interface SlSkeletonList {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Gap between list items If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 8
         */
        "gap"?: number | string;
        /**
          * Number of list items to display
          * @type {number}
          * @default 4
         */
        "items"?: number;
        /**
          * Number of text lines below media
          * @type {number}
          * @default 3
         */
        "lines"?: number;
    }
    interface SlSkeletonParagraph {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Gap between lines If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 6
         */
        "gap"?: number | string;
        /**
          * Number of text lines to display
          * @type {number}
          * @default 3
         */
        "lines"?: number;
        /**
          * Maximum width for the widest line If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "maxWidth"?: number | string;
        /**
          * Minimum width for the narrowest line If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '70%'
         */
        "minWidth"?: number | string;
    }
    interface SlSkeletonRadio {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Number of checkbox items to display when variant is 'group'
          * @type {number}
          * @default 2
         */
        "items"?: number;
        /**
          * Whether to add a second line of smaller text below the main text
          * @type {boolean}
          * @default false
         */
        "showSecondaryText"?: boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText"?: boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '150px'
         */
        "textWidth"?: number | string;
        /**
          * Layout variant for the radio button skeleton - 'inline': Radio buttons with labels in inline layout - 'group': Group of radio buttons with labels in vertical layout
          * @type {'inline' | 'group'}
          * @default 'group'
         */
        "variant"?: SKELETON_RADIO_VARIANTS | `${SKELETON_RADIO_VARIANTS}`;
    }
    interface SlSkeletonSwitch {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Whether to reverse the layout (text before switch)
          * @type {boolean}
          * @default false
         */
        "reverse"?: boolean;
        /**
          * Whether to display the text skeleton part
          * @type {boolean}
          * @default true
         */
        "showText"?: boolean;
        /**
          * Width of the text label skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '120px'
         */
        "textWidth"?: number | string;
    }
    interface SlSkeletonTable {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Width of each table cell
          * @type {number | string}
          * @default '100%'
         */
        "cellWidth"?: number | string;
        /**
          * Number of table columns to display
          * @type {number}
          * @default 4
         */
        "cols"?: number;
        /**
          * Gap between list items If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 16
         */
        "gap"?: number | string;
        /**
          * Number of table rows to display
          * @type {number}
          * @default 4
         */
        "rows"?: number;
        /**
          * Whether to show or hide checkbox column
          * @type {boolean}
          * @default true
         */
        "showCheckbox"?: boolean;
        /**
          * Table style - subset of DATA_TABLE_TABLE_STYLES (excludes DRILL_DOWN)
          * @type {SKELETON_TABLE_STYLES}
          * @default SKELETON_TABLE_STYLES.DEFAULT
         */
        "tableStyle"?: SKELETON_TABLE_STYLES | `${SKELETON_TABLE_STYLES}`;
        /**
          * Type enum with 'sdx' or 'bsl'
          * @type {SKELETON_TABLE_TYPES}
          * @default SKELETON_TABLE_TYPES.SDX
         */
        "type"?: SKELETON_TABLE_TYPES | `${SKELETON_TABLE_TYPES}`;
    }
    interface SlSkeletonTabs {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Number of tabs to display
          * @type {number}
          * @default 3
         */
        "count"?: number;
        /**
          * Gap between tabs If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 8
         */
        "gap"?: number | string;
        /**
          * Width of each tab If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default 160
         */
        "tabWidth"?: number | string;
    }
    interface SlSkeletonTag {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Styling variation of the tag skeleton
          * @default TAG_STYLING_OPTIONS.LIGHT
         */
        "styling"?: TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        /**
          * Size variation of the tag skeleton
          * @default TAG_SIZE_OPTIONS.MEDIUM
         */
        "variation"?: TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
        /**
          * Width of the chip If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '85'
         */
        "width"?: number | string;
    }
    interface SlSkeletonThumbnail {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Aspect ratio of the thumbnail
          * @type {'16/9' | '4/3' | 'square'}
          * @default '16/9'
         */
        "aspect"?: SKELETON_ASPECT_RATIOS | `${SKELETON_ASPECT_RATIOS}`;
        /**
          * Width of the thumbnail If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {number | string}
          * @default '100%'
         */
        "width"?: number | string;
    }
    interface SlSkeletonTypography {
        /**
          * Whether the skeleton should display the shimmer animation
          * @type {boolean}
          * @default true
         */
        "animated"?: boolean;
        /**
          * Typography type of the skeleton text
          * @type {'hero' | 'd1' | 'd2' | 'd3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'text-standard' | 'text-small' | 'text-smaller'}
          * @default 'text-standard'
         */
        "type"?: SKELETON_TYPOGRAPHY_TYPES | `${SKELETON_TYPOGRAPHY_TYPES}`;
        /**
          * Width of the typography skeleton If number is provided, it will be treated as pixels. If string is provided, it will be used as-is (supports any CSS length unit).
          * @type {string | number}
          * @default 120
         */
        "width"?: string | number;
    }
    interface SlSplitButton {
        /**
          * Value for aria-expanded that will be applied to the button element. Used for buttons that trigger expanding/collapsing such as an accordion, dropdown menu or tooltip. Just for button type is "split".
         */
        "ariaExpandedOnButton"?: boolean;
        /**
          * Close if the user clicks on the menu list.
          * @default false
         */
        "closeOnClick"?: boolean;
        /**
          * Disables the sdx-button. Better not show the button at all in this case.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * "href" when used as a link looking like a button. Just for button type is "split".
          * @default ''
         */
        "href"?: string;
        /**
          * Which icon to display.
         */
        "iconName"?: string;
        /**
          * Size of the displayed icon. Can only be modified when theme="transparent". Font-size will be adjusted automatically.
          * @default 2
         */
        "iconSize"?: 1 | 2 | 3 | 4 | 5 | 6;
        /**
          * Button text.
          * @default ''
         */
        "label"?: string;
        /**
          * Shows a loading spinner and disables the sdx-button. Don't forget to set srHint accordingly.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Description text read by the screen reader. Will be appended to the button content and to the loading spinner when loading="true".
          * @default ''
         */
        "srHint"?: string;
        /**
          * "target" ("&#95;blank", "&#95;parent", "&#95;top", "&#95;self", or the name of a window or frame) when used as a link looking like a button.
         */
        "target"?: string;
        /**
          * Button theme.
          * @default BUTTON_THEMES.PRIMARY
         */
        "theme"?: BUTTON_THEMES | `${BUTTON_THEMES}`;
        /**
          * Button type.
          * @default SPLIT_BUTTON_TYPES.SPLIT
         */
        "type"?: SPLIT_BUTTON_TYPES | `${SPLIT_BUTTON_TYPES}`;
    }
    interface SlSplitButtonListItem {
        /**
          * Whether the item is disabled.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The URL this item should link to (if it’s a regular link not handled by JS).
          * @default 'javascript:void(0)'
         */
        "href"?: string;
        /**
          * Language of the page the URL points to.
         */
        "hreflang"?: string;
        /**
          * The icon which is displayed before the text.
         */
        "iconName"?: string;
        /**
          * If the item is not selectable, it is neither highlighted nor does it have cursor: pointer.
          * @default true
         */
        "selectable"?: boolean;
        /**
          * Target of the link ("&#95;blank", "&#95;parent", "&#95;top", "&#95;self", or the name of a window or frame)
         */
        "target"?: string;
    }
    interface SlStickyFooter {
        /**
          * By default the scroll on body or with component with id scrollableDivForStickyFooter is automatically managed with the drawer. You can disable it.
          * @default false
         */
        "disableLockScroll"?: boolean;
        /**
          * Define if expanded container is open or not
          * @default false
         */
        "isExpanded"?: boolean;
        "onShared_library:collapseStickyCart"?: (event: SlStickyFooterCustomEvent<any>) => void;
        "onShared_library:stickyCartExpand"?: (event: SlStickyFooterCustomEvent<any>) => void;
        /**
          * Position type: sticky or fixed
          * @default STICKY_FOOTER_POSITION.FIXED
         */
        "positionType"?: STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        /**
          * There are two styles: one with variations and total information at the bottom, and another with information only at the bottom.
          * @default false
         */
        "variation"?: boolean;
    }
    interface SlStickyFooterAmounts {
        "amountLeft"?: string;
        "amountRight"?: string;
        "labelLeft"?: string;
        "labelRight"?: string;
        "variation"?: boolean;
        "vatLabel"?: string;
    }
    interface SlStickyFooterCard {
    }
    interface SlStickyFooterCart {
        "caption"?: string;
        "variation"?: boolean;
    }
    interface SlStickyFooterEnhanced {
        /**
          * Amount to be displayed on the left side
         */
        "amountLeft"?: string | number;
        /**
          * Amount to be displayed on the right side
         */
        "amountRight"?: string | number;
        /**
          * Callback that will fire when back button is clicked.
         */
        "backCallback"?: (() => void) | string;
        /**
          * Disable the back button when true
          * @default false
         */
        "disableBackButton"?: boolean;
        /**
          * Disable the next button when true
          * @default false
         */
        "disableNextButton"?: boolean;
        /**
          * Hide the back button when true
          * @default false
         */
        "hideBackButton"?: boolean;
        /**
          * Hide currency symbol for numeric amounts
          * @default false
         */
        "hideCurrency"?: boolean;
        /**
          * Hide the expand icon when true
          * @default false
         */
        "hideExpandIcon"?: boolean;
        /**
          * Hide the next button when true
          * @default false
         */
        "hideNextButton"?: boolean;
        /**
          * Hide the save for later link in login component
          * @default false
         */
        "hideSaveForLater"?: boolean;
        /**
          * Icon name for the next button
         */
        "iconNameNextButton"?: string;
        /**
          * Define if expanded container is open or not
          * @default false
         */
        "isExpanded"?: boolean;
        /**
          * Callback that will fire when isExpanded state changes.
         */
        "isExpandedChangedCallback"?: ((isExpanded: boolean) => void) | string;
        /**
          * Shows loading spinner on the next button
          * @default false
         */
        "loadingNextButton"?: boolean;
        /**
          * Custom text for the next button
         */
        "nextButtonText"?: string;
        /**
          * Callback that will fire when next button is clicked.
         */
        "nextCallback"?: (() => void) | string;
        /**
          * Event that will fire when back button is clicked.
         */
        "onSl-sticky-footer-enhanced:back"?: (event: SlStickyFooterEnhancedCustomEvent<any>) => void;
        /**
          * Event that will fire when isExpanded state changes.
         */
        "onSl-sticky-footer-enhanced:isExpandedChanged"?: (event: SlStickyFooterEnhancedCustomEvent<boolean>) => void;
        /**
          * Event that will fire when next button is clicked.
         */
        "onSl-sticky-footer-enhanced:next"?: (event: SlStickyFooterEnhancedCustomEvent<any>) => void;
        /**
          * Event that will fire when save for later link is clicked.
         */
        "onSl-sticky-footer-enhanced:saveForLater"?: (event: SlStickyFooterEnhancedCustomEvent<any>) => void;
        /**
          * Position type: sticky or fixed
          * @default STICKY_FOOTER_POSITION.FIXED
         */
        "positionType"?: STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        /**
          * Callback that will fire when save for later link is clicked.
         */
        "saveForLaterCallback"?: (() => void) | string;
        /**
          * VAT display type for both amount sections: include, exclude, or hidden
          * @default VAT_TYPE.INCLUDE
         */
        "vatType"?: VAT_TYPE | `${VAT_TYPE}`;
    }
    interface SlStickyFooterModal {
        /**
          * Disable the primary button when true
          * @default false
         */
        "disablePrimaryButton"?: boolean;
        /**
          * Disable the secondary button when true
          * @default false
         */
        "disableSecondaryButton"?: boolean;
        /**
          * Hide the login component
          * @default false
         */
        "hideLogin"?: boolean;
        /**
          * Hide the secondary button in login component
          * @default false
         */
        "hideSecondaryButton"?: boolean;
        /**
          * Label for the modal dialog
         */
        "label"?: string;
        /**
          * Event that will fire when primary button in login is clicked.
         */
        "onSl-sticky-footer-modal:primaryButton"?: (event: SlStickyFooterModalCustomEvent<any>) => void;
        /**
          * Event that will fire when save for later link is clicked.
         */
        "onSl-sticky-footer-modal:saveForLater"?: (event: SlStickyFooterModalCustomEvent<any>) => void;
        /**
          * Event that will fire when secondary button in login is clicked.
         */
        "onSl-sticky-footer-modal:secondaryButton"?: (event: SlStickyFooterModalCustomEvent<any>) => void;
        /**
          * Callback that will fire when primary button in login is clicked.
         */
        "primaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for primary button in login
         */
        "primaryButtonText"?: string;
        /**
          * Callback that will fire when secondary button in login is clicked.
         */
        "secondaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for secondary button in login
         */
        "secondaryButtonText"?: string;
    }
    interface SlStickyFooterModalAmounts {
        /**
          * Amount to be displayed on the left side (monthly)
         */
        "amountLeft"?: string | number;
        /**
          * Amount to be displayed on the right side (one-time)
         */
        "amountRight"?: string | number;
        /**
          * VAT display type for the left amount: include, exclude, or hidden
         */
        "vatTypeLeft"?: VAT_TYPE | `${VAT_TYPE}`;
        /**
          * VAT display type for the right amount: include, exclude, or hidden
         */
        "vatTypeRight"?: VAT_TYPE | `${VAT_TYPE}`;
    }
    interface SlStickyFooterModalLogin {
        /**
          * Disable the primary button when true
          * @default false
         */
        "disablePrimaryButton"?: boolean;
        /**
          * Disable the secondary button when true
          * @default false
         */
        "disableSecondaryButton"?: boolean;
        /**
          * Hide the save for later link
          * @default false
         */
        "hideSaveForLater"?: boolean;
        /**
          * Hide the secondary button
          * @default false
         */
        "hideSecondaryButton"?: boolean;
        /**
          * Event that will fire when primary button is clicked.
         */
        "onSl-sticky-footer-modal-login:primaryButton"?: (event: SlStickyFooterModalLoginCustomEvent<any>) => void;
        /**
          * Event that will fire when save for later link is clicked.
         */
        "onSl-sticky-footer-modal-login:saveForLater"?: (event: SlStickyFooterModalLoginCustomEvent<any>) => void;
        /**
          * Event that will fire when secondary button is clicked.
         */
        "onSl-sticky-footer-modal-login:secondaryButton"?: (event: SlStickyFooterModalLoginCustomEvent<any>) => void;
        /**
          * Callback that will fire when primary button is clicked.
         */
        "primaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for primary button
         */
        "primaryButtonText"?: string;
        /**
          * Callback that will fire when save for later link is clicked.
         */
        "saveForLaterCallback"?: (() => void) | string;
        /**
          * Override text for save for later link
         */
        "saveForLaterText"?: string;
        /**
          * Callback that will fire when secondary button is clicked.
         */
        "secondaryButtonCallback"?: (() => void) | string;
        /**
          * Override text for secondary button
         */
        "secondaryButtonText"?: string;
    }
    interface SlSubscriptionCard {
        /**
          * Callback when action button at the bottom is clicked
         */
        "actionButtonCallback"?: () => void;
        /**
          * Label for the link at the bottom of the card
         */
        "actionButtonLabel"?: string;
        /**
          * Title at the top of the card
         */
        "cardTitle"?: string;
        /**
          * Gradient image at behind the card
         */
        "gradientType"?: CardGradientTypes;
        /**
          * Icons displayed next to the subscriptionName, multiple are possible
         */
        "headerIcons"?: IconProps[];
        /**
          * Input element data test attribute for testing purposes
         */
        "inputDataTest"?: string;
        /**
          * Label displayed on the input button, input will not render if empty
         */
        "inputLabel"?: string;
        /**
          * To make card selectable or unselectable
          * @default false
         */
        "isInputDisabled"?: boolean;
        /**
          * If the card is currently selected
          * @default false
         */
        "isInputSelected"?: boolean;
        /**
          * Emitted when action button at the bottom is clicked
         */
        "onActionButton"?: (event: SlSubscriptionCardCustomEvent<void>) => void;
        /**
          * Emitted when radio button of the subscription card is clicked. Value is equal to the value prop
         */
        "onSubscriptionSelected"?: (event: SlSubscriptionCardCustomEvent<string | number | undefined>) => void;
        /**
          * Price related information
         */
        "priceData"?: PriceData;
        /**
          * Data of the product information to be displayed in the details section
         */
        "subscriptionDetails"?: DetailsAttribute[];
        /**
          * Main header text
         */
        "subscriptionName"?: string;
        /**
          * Callback when subscription card is selected
         */
        "subscriptionSelectedCallback"?: (
    value: string | number | undefined
  ) => void;
        /**
          * Status of the subscription, e.g. "Current", "Target", etc.
         */
        "subscriptionStatus"?: string;
        /**
          * SDX tag displayed at the top of the card
         */
        "tag"?: TagProps;
        /**
          * Value represented by the card, will be emitted when card is selected
         */
        "value"?: string | number;
    }
    interface SlTable {
        "onSl-shared-library:accordionEnabled"?: (event: SlTableCustomEvent<any>) => void;
    }
    interface SlTableAccordionContainer {
        "active"?: boolean;
    }
    interface SlTableAccordionHeader {
        /**
          * @default false
         */
        "active"?: boolean;
        "onShared_library:accordionRow"?: (event: SlTableAccordionHeaderCustomEvent<any>) => void;
        /**
          * @default TABLE_ACCORDION_HEADER_POSITIONS.LEFT
         */
        "position"?: | TABLE_ACCORDION_HEADER_POSITIONS
    | `${TABLE_ACCORDION_HEADER_POSITIONS}`;
    }
    interface SlTableCol {
        /**
          * Define if divider is hiding or not
          * @default false
         */
        "hideDivider"?: boolean;
        /**
          * @default false
         */
        "isRead"?: boolean;
        /**
          * @default TABLE_COL_TYPES.TEXT
         */
        "type"?: TABLE_COL_TYPES | `${TABLE_COL_TYPES}`;
    }
    interface SlTableColText {
    }
    interface SlTableColTextItem {
        "type"?: TABLE_COL_TEXT_ITEM_TYPES | `${TABLE_COL_TEXT_ITEM_TYPES}`;
    }
    interface SlTableLoading {
        /**
          * @default 1
         */
        "size"?: number;
    }
    interface SlTableRow {
        "accordionId"?: string;
        /**
          * @default false
         */
        "active"?: boolean;
        /**
          * @default TABLE_ROW_DISPLAY_MODES.NORMAL
         */
        "type"?: TABLE_ROW_DISPLAY_MODES | `${TABLE_ROW_DISPLAY_MODES}`;
    }
    interface SlTag {
        /**
          * Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Description text read by the screen reader for the icon
         */
        "srHint"?: string;
        /**
          * @default TAG_STATUS_COLORS.GREY
         */
        "status"?: TAG_STATUS_COLORS | `${TAG_STATUS_COLORS}`;
        /**
          * @default TAG_STYLING_OPTIONS.LIGHT
         */
        "styling"?: TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        /**
          * @default TAG_SIZE_OPTIONS.MEDIUM
         */
        "variation"?: TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
    }
    interface SlTree {
        /**
          * Controls what is included in the checkedItems array emitted on selection change: - leaves (default): only leaf items (no children) - all: leaf items AND parent items that are fully checked
          * @default TREE_CHECKED_ITEMS_MODES.LEAVES
         */
        "checkedItemsMode"?: | TREE_CHECKED_ITEMS_MODES
    | `${TREE_CHECKED_ITEMS_MODES}`;
        /**
          * Whether multiple tree accordions can be open at the same time.
          * @default true
         */
        "keepOpen"?: boolean;
        /**
          * Event that will fire when any item checkbox changes, with all currently checked leaf items.
         */
        "onSl-tree:selected"?: (event: SlTreeCustomEvent<SlTreeCheckedItem[]>) => void;
        /**
          * Selection mode: - none: no checkboxes - leaves: checkboxes only on leaf items (no children) - all: checkboxes on all items; selecting a parent selects/deselects all its leaves
          * @default TREE_SELECTABLE_MODES.NONE
         */
        "selectable"?: TREE_SELECTABLE_MODES | `${TREE_SELECTABLE_MODES}`;
        /**
          * Callback that will fire when any item checkbox changes, with all currently checked leaf items.
         */
        "selectedCallback"?: | ((checkedItems: SlTreeCheckedItem[]) => void)
    | string;
    }
    interface SlTreeItem {
        /**
          * Force to open or close the accordion. This component must have children
          * @default false
         */
        "accordionOpen"?: boolean;
        /**
          * Initial checked state (only relevant when sl-tree selectable is not none)
          * @default false
         */
        "checked"?: boolean;
        /**
          * Disable cursor and action in the element.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * (optional) Display an icon on the left
         */
        "iconName"?: string;
        /**
          * Label of the current tree item
         */
        "label"?: string;
        /**
          * Enable checkbox selection for this item (requires parent sl-tree selectable to be non-none)
          * @default true
         */
        "selectable"?: boolean;
        /**
          * (optional) Description text read by the screen reader. Will be appended to the expand button content.
         */
        "srExpandHint"?: string;
        /**
          * (optional) Description text read by the screen reader for the icon
         */
        "srIconHint"?: string;
        /**
          * Unique value to identify this item in the checkedItems array
         */
        "value"?: string;
    }
    interface SlUpload {
        "onFilesUploaded"?: (event: SlUploadCustomEvent<FileList>) => void;
    }
    interface SlUploadForm {
    }
    interface SlWrapper {
        /**
          * Title
         */
        "caption"?: string;
        /**
          * Callback when user click on icon right
         */
        "iconClickedCallback"?: (() => void) | string | undefined;
        /**
          * Sdx icon size
          * @default '3'
         */
        "iconsize"?: string;
        /**
          * Sdx icon name
         */
        "lefticon"?: string;
        /**
          * Display loading style
          * @default false
         */
        "loader"?: boolean;
        /**
          * Event when user click on icon right
         */
        "onSl-iconClicked"?: (event: SlWrapperCustomEvent<any>) => void;
        /**
          * Sdx icon name
         */
        "righticon"?: string;
        /**
          * styling variation
          * @default VARIATION_TYPES.DEFAULT
         */
        "variation"?: VARIATION_TYPES | `${VARIATION_TYPES}`;
    }

    interface SlAppMenuAttributes {
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlAppMenuListAttributes {
        "internalLanguage": LANGUAGE_TYPES;
        "horizontalLine": boolean;
    }
    interface SlAvatarAttributes {
        "iconName": string;
        "styling": AVATAR_STYLES | `${AVATAR_STYLES}`;
        "secondaryIconName": string;
        "size": AVATAR_SIZES | `${AVATAR_SIZES}`;
        "iconColor": string;
        "backgroundColor": string;
        "borderColor": string;
        "srHint": string;
    }
    interface SlBulkActionAttributes {
        "visible": boolean;
        "position": BULK_POSITIONS | `${BULK_POSITIONS}`;
        "arrowPosition": string;
        "label": string;
        "hiddenCallback": (() => void) | string;
    }
    interface SlButtonGroupHorizontalAttributes {
        "iconColorClass": string;
    }
    interface SlChipAttributes {
        "status": CHIP_STATUS | `${CHIP_STATUS}`;
    }
    interface SlCollectionGroupedAttributes {
        "maxItems": number;
    }
    interface SlCompanyPreviewAttributes {
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlDataFormatAttributes {
        "language": LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
        "forceType": | DATA_FORMAT_FORCE_TYPE_TYPES
    | `${DATA_FORMAT_FORCE_TYPE_TYPES}`;
        "currency": string;
        "hideCurrency": boolean;
    }
    interface SlDataLinkAttributes {
        "srHint": string;
        "enableSelection": boolean;
        "border": boolean;
        "hideLastItemBorder": boolean;
        "verticalAlignment": | DATA_LINK_VERTICAL_ALIGNMENT_TYPES
    | `${DATA_LINK_VERTICAL_ALIGNMENT_TYPES}`;
        "linkStyle": DATA_LINK_LINK_STYLES | `${DATA_LINK_LINK_STYLES}`;
        "selectedCallback": | ((
        el: HTMLSlDataLinkItemElement | HTMLSlDataLinkItemCustomElement
      ) => void)
    | string;
    }
    interface SlDataLinkItemAttributes {
        "selected": boolean;
        "iconName": string;
        "iconColorClass": string;
        "navigationIcon": boolean;
        "badge": string;
        "selectedCallback": | ((element: HTMLSlDataLinkItemElement) => void)
    | string;
    }
    interface SlDataLinkItemCustomAttributes {
        "selected": boolean;
        "selectedCallback": | ((element: HTMLSlDataLinkItemCustomElement) => void)
    | string;
    }
    interface SlDataTableAttributes {
        "type": TYPES | DATA_TABLE_TYPES | `${DATA_TABLE_TYPES}`;
        "tableStyle": DATA_TABLE_TABLE_STYLES | `${DATA_TABLE_TABLE_STYLES}`;
        "language": LANGUAGE_TYPES | `${LANGUAGE_TYPES}`;
        "showHeader": boolean;
        "showPagination": boolean;
        "activatePagination": boolean;
        "manualPagination": boolean;
        "pageSize": number;
        "totalOfElements": number;
        "paginationType": | DATA_TABLE_PAGINATION_TYPES
    | `${DATA_TABLE_PAGINATION_TYPES}`;
        "activateSorting": boolean;
        "manualSorting": boolean;
        "activateHiding": boolean;
        "activateRowSelection": boolean | ((dataRow: object) => boolean);
        "selectionType": | DATA_TABLE_SELECTION_TYPES
    | `${DATA_TABLE_SELECTION_TYPES}`;
        "activateFilters": boolean;
        "globalFilter": string | string[];
        "activateHighlightSearch": boolean;
        "highlightSearch": string | string[];
        "activateExpand": boolean;
        "expanded": ExpandedState;
        "manualExpanding": boolean;
        "paginateExpandedRows": boolean;
        "disableStylingOnCells": boolean;
        "cellsRenderType": | CELL_CONTENT_TYPES
    | DATA_TABLE_CELL_CONTENT_TYPES
    | `${DATA_TABLE_CELL_CONTENT_TYPES}`;
        "dynamicRowHeight": boolean;
        "disableSortingRemoval": boolean;
        "maxMultiSortColCount": number;
        "multiSortEventType": | DATA_TABLE_MULTI_SORT_EVENT_TYPES
    | `${DATA_TABLE_MULTI_SORT_EVENT_TYPES}`;
    }
    interface SlDetailOverviewCardItemAttributes {
        "border": boolean;
    }
    interface SlDetailOverviewCardItemContentAttributes {
        "type": | DETAILS_OVERVIEW_CARD_CONTENT_PARTS
    | `${DETAILS_OVERVIEW_CARD_CONTENT_PARTS}`;
    }
    interface SlDisplayInfoAttributes {
        "border": boolean;
        "separator": boolean;
    }
    interface SlDisplayInfoItemAttributes {
        "description": string;
        "value": string;
        "iconName": string;
        "displayCopy": boolean;
        "actionClickCallback": (() => void) | string | undefined;
        "srHintForIconAction": string;
    }
    interface SlDisplayInfoItemCustomContentAttributes {
        "type": | DISPLAY_INFO_ITEM_CONTENT_TYPES
    | `${DISPLAY_INFO_ITEM_CONTENT_TYPES}`;
    }
    interface SlDisplayStatsAttributes {
        "variant": DISPLAY_STATS_VARIANTS | `${DISPLAY_STATS_VARIANTS}`;
        "itemContainerClass": string;
    }
    interface SlDisplayStatsItemAttributes {
        "label": string;
        "iconName": string;
        "srHint": string;
        "trendValue": number;
        "amountValue": string;
        "tooltipDescription": string;
    }
    interface SlDrawerAttributes {
        "caption": string;
        "variant": DRAWER_VARIANT_TYPES | `${DRAWER_VARIANT_TYPES}`;
        "position": DRAWER_POSITION_TYPES | `${DRAWER_POSITION_TYPES}`;
        "activeDrawer": boolean;
        "expandChangedCallback": | ((variant: string, activeDrawer: boolean) => void)
    | string;
        "requestCloseCallback": (() => void) | string;
        "disableLockScroll": boolean;
    }
    interface SlDrawerContentAttributes {
        "drawerStyle": | DRAWER_CONTENT_STYLE_TYPES
    | `${DRAWER_CONTENT_STYLE_TYPES}`;
        "enableScroll": boolean;
    }
    interface SlEmptyScreenAttributes {
        "caption": string;
        "icon": string;
        "illustrationName": string;
        "screenStyle": | EMPTY_SCREEN_SCREEN_STYLES
    | `${EMPTY_SCREEN_SCREEN_STYLES}`;
        "size": EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        "illustrationSize": EMPTY_SCREEN_SIZES | `${EMPTY_SCREEN_SIZES}`;
        "withBorder": boolean;
        "containerClass": string;
        "withPadding": boolean;
    }
    interface SlExpansionCardAttributes {
        "expandLabel": string;
        "collapseLabel": string;
        "cardTitle": string;
        "iconName": string;
        "active": boolean;
        "expanded": boolean;
        "iconBackgroundColor": string;
        "iconColor": string;
    }
    interface SlFileStatusAttributes {
        "caption": string;
        "description": string;
        "error": boolean;
    }
    interface SlFilterAttributes {
        "caption": string;
    }
    interface SlFilterGroupAttributes {
        "label": string;
        "size": number;
        "active": boolean;
    }
    interface SlFilterItemAttributes {
        "label": string;
        "size": number;
        "active": boolean;
        "bold": boolean;
    }
    interface SlFilterListAttributes {
        "type": FILTER_LIST_RENDER_TYPES | `${FILTER_LIST_RENDER_TYPES}`;
        "label": string;
        "caption": string;
    }
    interface SlFilterLoadingAttributes {
        "size": number;
    }
    interface SlHeaderAttributes {
        "hideBreadcrumbs": boolean;
    }
    interface SlHeroAttributes {
        "subHeadline": string;
        "label": string;
        "gradient": HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        "displayActionBack": boolean;
        "actionBackCallback": (() => void) | string | undefined;
        "containerClass": HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
    }
    interface SlHeroOldAttributes {
        "partnerHome": boolean;
        "gradient": HERO_GRADIENT_TYPES | `${HERO_GRADIENT_TYPES}`;
        "containerClass": HERO_CONTAINER_TYPES | `${HERO_CONTAINER_TYPES}`;
    }
    interface SlHighchartsAttributes {
        "chartType": `${HIGHCHARTS_OPTIONS}` | HIGHCHARTS_OPTIONS;
        "label": string;
        "xAxisTitle": string;
        "yAxisTitle": string;
        "height": string;
        "width": string;
    }
    interface SlHighlightAttributes {
        "containerId": string;
        "search": string;
        "minChar": number;
        "operator": HIGHLIGH_OPERATORS | `${HIGHLIGH_OPERATORS}`;
    }
    interface SlIconButtonCardAttributes {
        "primaryIcon": string;
        "cardLabel": string;
        "secondaryIcon": string;
        "disable": boolean;
        "cardDescription": string;
        "textLink": string;
        "buttonLink": string;
        "isExternalLink": boolean;
    }
    interface SlIconButtonCopyAttributes {
        "value": string;
        "disabled": boolean;
    }
    interface SlIconsAttributes {
        "icon": string;
        "size": ICON_SIZES | `${ICON_SIZES}`;
        "active": boolean;
        "color": string;
        "iconColor": string;
        "iconStyle": ICON_STYLE_TYPES | `${ICON_STYLE_TYPES}`;
    }
    interface SlIllustrationAttributes {
        "illustrationName": ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        "size": ILLUSTRATION_SIZES | `${ILLUSTRATION_SIZES}`;
        "srHint": string;
    }
    interface SlInfoPageAttributes {
        "pageType": INFO_PAGE_PAGE_TYPES | `${INFO_PAGE_PAGE_TYPES}`;
        "label": string;
        "description": string;
        "link": string;
        "illustrationName": ILLUSTRATION_NAMES | `${ILLUSTRATION_NAMES}`;
        "actionLinkCallback": (() => void) | string | undefined;
    }
    interface SlIotOverviewColAttributes {
        "variation": 'statusCol';
        "type": IOT_OVERVIEW_COL_TYPES | `${IOT_OVERVIEW_COL_TYPES}`;
    }
    interface SlIotOverviewRowAttributes {
        "type": IOT_OVERVIEW_STYLE_TYPES | `${IOT_OVERVIEW_STYLE_TYPES}`;
    }
    interface SlIotTableColAttributes {
        "action": IOT_TABLE_ACTIONS | `${IOT_TABLE_ACTIONS}`;
        "type": IOT_TABLE_TYPES | `${IOT_TABLE_TYPES}`;
        "head": IOT_TABLE_HEADS | `${IOT_TABLE_HEADS}`;
    }
    interface SlIotTableRowAttributes {
        "type": IOT_TABLE_ROW_TYPES | `${IOT_TABLE_ROW_TYPES}`;
    }
    interface SlMetroLineAttributes {
        "activeStep": number;
        "displayType": | METRO_LINE_DISPLAY_TYPES
    | `${METRO_LINE_DISPLAY_TYPES}`;
        "metroLineStyle": METRO_LINE_STYLE | `${METRO_LINE_STYLE}`;
        "iconName": string;
        "takeAction": boolean;
    }
    interface SlMetroLineStepAttributes {
        "label": string;
        "description": string;
        "date": string;
        "iconName": string;
    }
    interface SlNotificationMenuAttributes {
        "badgeOther": number;
        "badgeRequired": number;
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlOverviewPageAttributes {
        "showFilter": boolean;
    }
    interface SlOverviewPageSidebarAttributes {
        "active": boolean;
    }
    interface SlPaginationAttributes {
        "totalCount": number;
        "pageCount": number;
        "siblingCount": number;
        "boundaryCount": number;
        "type": PAGINATION_DISPLAY_TYPES | `${PAGINATION_DISPLAY_TYPES}`;
        "initPage": number;
        "breakPoint": PAGINATION_BREAK_POINTS | `${PAGINATION_BREAK_POINTS}`;
    }
    interface SlPaginationLightAttributes {
        "startLabel": string;
        "endLabel": string;
        "maxLabel": string;
        "ofLabel": string;
        "pos": string;
    }
    interface SlProfilePreviewAttributes {
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlProfilePreviewUserInformationAttributes {
        "internalLanguage": LANGUAGE_TYPES;
    }
    interface SlQrcodeAttributes {
        "url": string;
        "width": number;
        "margin": number;
        "quality": number;
        "darkColor": string;
        "lightColor": string;
        "errorCorrectionLevel": | QR_CODE_ERROR_CORRECTION_LEVEL
    | `${QR_CODE_ERROR_CORRECTION_LEVEL}`;
    }
    interface SlSearchAttributes {
        "caption": string;
        "showSpinner": boolean;
    }
    interface SlSecondaryNavAttributes {
        "srHint": string;
    }
    interface SlSecondaryNavItemAttributes {
        "selected": boolean;
        "description": string;
        "iconName": string;
        "badge": string;
        "selectedCallback": | ((element: HTMLSlSecondaryNavItemElement) => void)
    | string;
    }
    interface SlSelectionManagerAttributes {
        "srHint": string;
        "enableSelection": boolean;
        "hasShadowRoot": boolean;
        "selectFirstOne": boolean;
        "allowReselection": boolean;
        "selectedCallback": | ((el: any, keyName: string, pathname: string) => void)
    | string;
    }
    interface SlSelectionManagerItemAttributes {
        "selected": boolean;
        "forceRaseUpEvent": boolean;
        "disabled": boolean;
        "allowReselection": boolean;
        "keyName": string;
        "pathname": string;
        "selectionStyle": | SELECTION_MANAGER_SELECTION_STYLES
    | `${SELECTION_MANAGER_SELECTION_STYLES}`;
        "selectedCallback": (() => void) | string;
        "unselectedCallback": (() => void) | string;
    }
    interface SlSideNavigationAttributes {
        "keepOpen": boolean;
        "srHint": string;
        "basePathname": string;
        "disableMobileView": boolean;
        "disableUpdatePathname": boolean;
        "disableSelectWithPathname": boolean;
        "allowReselection": boolean;
        "pathnameValidationType": | SIDE_NAVIGATION_PATH_VALIDATION_TYPES
    | `${SIDE_NAVIGATION_PATH_VALIDATION_TYPES}`
    | ((currentPath: string, itemPath: string) => boolean);
        "selectedCallback": | ((
        el: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
    }
    interface SlSideNavigationInfoBoxAttributes {
        "iconName": string;
        "actionIconName": string;
        "label": string;
        "description": string;
        "srHint": string;
        "srActionHint": string;
    }
    interface SlSideNavigationItemAttributes {
        "label": string;
        "selected": boolean;
        "pathname": string;
        "keyName": string;
        "iconName": string;
        "srExpandHint": string;
        "srIconHint": string;
        "isOnTopMobile": boolean;
        "iconNameMobile": string;
        "srIconMobileHint": string;
        "disabled": boolean;
        "accordionOpen": boolean;
        "disableUpdatePathname": boolean;
        "disableSelectWithPathname": boolean;
        "selectedCallback": | ((
        element: HTMLSlSideNavigationItemElement,
        keyName: string,
        pathname: string
      ) => void)
    | string;
        "allowReselection": boolean;
    }
    interface SlSkeletonAttributes {
        "shape": SKELETON_SHAPES | `${SKELETON_SHAPES}`;
        "width": string;
        "height": string;
        "size": string;
        "animated": boolean;
        "rounded": string;
    }
    interface SlSkeletonButtonAttributes {
        "width": string;
        "height": string;
        "rounded": boolean;
        "animated": boolean;
    }
    interface SlSkeletonCardAttributes {
        "lines": number;
        "actions": number;
        "media": boolean;
        "animated": boolean;
        "gap": string;
    }
    interface SlSkeletonChartAttributes {
        "bars": number;
        "width": string;
        "height": string;
        "animated": boolean;
        "orientation": | SKELETON_CHART_ORIENTATIONS
    | `${SKELETON_CHART_ORIENTATIONS}`;
        "type": SKELETON_CHART_TYPES | `${SKELETON_CHART_TYPES}`;
        "hideLabels": boolean;
    }
    interface SlSkeletonCheckboxAttributes {
        "variant": | SKELETON_CHECKBOX_VARIANTS
    | `${SKELETON_CHECKBOX_VARIANTS}`;
        "textWidth": string;
        "showText": boolean;
        "items": number;
        "showSecondaryText": boolean;
        "roundedCheckbox": string;
        "animated": boolean;
    }
    interface SlSkeletonChipAttributes {
        "width": string;
        "animated": boolean;
    }
    interface SlSkeletonDropdownAttributes {
        "width": string;
        "showText": boolean;
        "animated": boolean;
    }
    interface SlSkeletonIconAttributes {
        "size": string;
        "animated": boolean;
    }
    interface SlSkeletonInputAttributes {
        "variant": SKELETON_INPUT_VARIANTS | `${SKELETON_INPUT_VARIANTS}`;
        "width": string;
        "showText": boolean;
        "animated": boolean;
    }
    interface SlSkeletonListAttributes {
        "items": number;
        "lines": number;
        "gap": string;
        "animated": boolean;
    }
    interface SlSkeletonParagraphAttributes {
        "lines": number;
        "minWidth": string;
        "maxWidth": string;
        "gap": string;
        "animated": boolean;
    }
    interface SlSkeletonRadioAttributes {
        "variant": SKELETON_RADIO_VARIANTS | `${SKELETON_RADIO_VARIANTS}`;
        "textWidth": string;
        "showText": boolean;
        "items": number;
        "showSecondaryText": boolean;
        "animated": boolean;
    }
    interface SlSkeletonSwitchAttributes {
        "textWidth": string;
        "showText": boolean;
        "reverse": boolean;
        "animated": boolean;
    }
    interface SlSkeletonTableAttributes {
        "type": SKELETON_TABLE_TYPES | `${SKELETON_TABLE_TYPES}`;
        "tableStyle": SKELETON_TABLE_STYLES | `${SKELETON_TABLE_STYLES}`;
        "showCheckbox": boolean;
        "rows": number;
        "cols": number;
        "cellWidth": string;
        "gap": string;
        "animated": boolean;
    }
    interface SlSkeletonTabsAttributes {
        "count": number;
        "tabWidth": string;
        "gap": string;
        "animated": boolean;
    }
    interface SlSkeletonTagAttributes {
        "variation": TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
        "styling": TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        "width": string;
        "animated": boolean;
    }
    interface SlSkeletonThumbnailAttributes {
        "aspect": SKELETON_ASPECT_RATIOS | `${SKELETON_ASPECT_RATIOS}`;
        "width": string;
        "animated": boolean;
    }
    interface SlSkeletonTypographyAttributes {
        "type": SKELETON_TYPOGRAPHY_TYPES | `${SKELETON_TYPOGRAPHY_TYPES}`;
        "width": string;
        "animated": boolean;
    }
    interface SlSplitButtonAttributes {
        "type": SPLIT_BUTTON_TYPES | `${SPLIT_BUTTON_TYPES}`;
        "theme": BUTTON_THEMES | `${BUTTON_THEMES}`;
        "disabled": boolean;
        "href": string;
        "target": string;
        "label": string;
        "iconName": string;
        "iconSize": 1 | 2 | 3 | 4 | 5 | 6;
        "srHint": string;
        "ariaExpandedOnButton": boolean;
        "loading": boolean;
        "closeOnClick": boolean;
    }
    interface SlSplitButtonListItemAttributes {
        "selectable": boolean;
        "href": string;
        "iconName": string;
        "hreflang": string;
        "target": string;
        "disabled": boolean;
    }
    interface SlStickyFooterAttributes {
        "isExpanded": boolean;
        "variation": boolean;
        "positionType": STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        "disableLockScroll": boolean;
    }
    interface SlStickyFooterAmountsAttributes {
        "labelLeft": string;
        "amountLeft": string;
        "labelRight": string;
        "amountRight": string;
        "vatLabel": string;
        "variation": boolean;
    }
    interface SlStickyFooterCartAttributes {
        "caption": string;
        "variation": boolean;
    }
    interface SlStickyFooterEnhancedAttributes {
        "isExpanded": boolean;
        "positionType": STICKY_FOOTER_POSITION | `${STICKY_FOOTER_POSITION}`;
        "amountLeft": string;
        "amountRight": string;
        "hideCurrency": boolean;
        "hideSaveForLater": boolean;
        "vatType": VAT_TYPE | `${VAT_TYPE}`;
        "hideExpandIcon": boolean;
        "hideBackButton": boolean;
        "hideNextButton": boolean;
        "disableBackButton": boolean;
        "disableNextButton": boolean;
        "iconNameNextButton": string;
        "loadingNextButton": boolean;
        "nextButtonText": string;
        "backCallback": (() => void) | string;
        "nextCallback": (() => void) | string;
        "saveForLaterCallback": (() => void) | string;
        "isExpandedChangedCallback": ((isExpanded: boolean) => void) | string;
    }
    interface SlStickyFooterModalAttributes {
        "label": string;
        "hideLogin": boolean;
        "hideSecondaryButton": boolean;
        "primaryButtonText": string;
        "secondaryButtonText": string;
        "disablePrimaryButton": boolean;
        "disableSecondaryButton": boolean;
        "primaryButtonCallback": (() => void) | string;
        "secondaryButtonCallback": (() => void) | string;
    }
    interface SlStickyFooterModalAmountsAttributes {
        "amountLeft": string;
        "amountRight": string;
        "vatTypeLeft": VAT_TYPE | `${VAT_TYPE}`;
        "vatTypeRight": VAT_TYPE | `${VAT_TYPE}`;
    }
    interface SlStickyFooterModalLoginAttributes {
        "primaryButtonText": string;
        "secondaryButtonText": string;
        "saveForLaterText": string;
        "hideSecondaryButton": boolean;
        "hideSaveForLater": boolean;
        "disablePrimaryButton": boolean;
        "disableSecondaryButton": boolean;
        "primaryButtonCallback": (() => void) | string;
        "secondaryButtonCallback": (() => void) | string;
        "saveForLaterCallback": (() => void) | string;
    }
    interface SlSubscriptionCardAttributes {
        "cardTitle": string;
        "isInputDisabled": boolean;
        "isInputSelected": boolean;
        "value": string;
        "subscriptionName": string;
        "gradientType": CardGradientTypes;
        "inputDataTest": string;
        "inputLabel": string;
        "subscriptionStatus": string;
        "actionButtonLabel": string;
    }
    interface SlTableAccordionContainerAttributes {
        "active": boolean;
    }
    interface SlTableAccordionHeaderAttributes {
        "position": | TABLE_ACCORDION_HEADER_POSITIONS
    | `${TABLE_ACCORDION_HEADER_POSITIONS}`;
        "active": boolean;
    }
    interface SlTableColAttributes {
        "type": TABLE_COL_TYPES | `${TABLE_COL_TYPES}`;
        "isRead": boolean;
        "hideDivider": boolean;
    }
    interface SlTableColTextItemAttributes {
        "type": TABLE_COL_TEXT_ITEM_TYPES | `${TABLE_COL_TEXT_ITEM_TYPES}`;
    }
    interface SlTableLoadingAttributes {
        "size": number;
    }
    interface SlTableRowAttributes {
        "type": TABLE_ROW_DISPLAY_MODES | `${TABLE_ROW_DISPLAY_MODES}`;
        "active": boolean;
        "accordionId": string;
    }
    interface SlTagAttributes {
        "status": TAG_STATUS_COLORS | `${TAG_STATUS_COLORS}`;
        "variation": TAG_SIZE_OPTIONS | `${TAG_SIZE_OPTIONS}`;
        "styling": TAG_STYLING_OPTIONS | `${TAG_STYLING_OPTIONS}`;
        "iconName": string;
        "srHint": string;
    }
    interface SlTreeAttributes {
        "keepOpen": boolean;
        "selectable": TREE_SELECTABLE_MODES | `${TREE_SELECTABLE_MODES}`;
        "checkedItemsMode": | TREE_CHECKED_ITEMS_MODES
    | `${TREE_CHECKED_ITEMS_MODES}`;
        "selectedCallback": | ((checkedItems: SlTreeCheckedItem[]) => void)
    | string;
    }
    interface SlTreeItemAttributes {
        "label": string;
        "checked": boolean;
        "value": string;
        "iconName": string;
        "srIconHint": string;
        "disabled": boolean;
        "selectable": boolean;
        "accordionOpen": boolean;
        "srExpandHint": string;
    }
    interface SlWrapperAttributes {
        "lefticon": string;
        "righticon": string;
        "caption": string;
        "loader": boolean;
        "iconsize": string;
        "variation": VARIATION_TYPES | `${VARIATION_TYPES}`;
        "iconClickedCallback": (() => void) | string | undefined;
    }

    interface IntrinsicElements {
        "sl-app-menu": Omit<SlAppMenu, keyof SlAppMenuAttributes> & { [K in keyof SlAppMenu & keyof SlAppMenuAttributes]?: SlAppMenu[K] } & { [K in keyof SlAppMenu & keyof SlAppMenuAttributes as `attr:${K}`]?: SlAppMenuAttributes[K] } & { [K in keyof SlAppMenu & keyof SlAppMenuAttributes as `prop:${K}`]?: SlAppMenu[K] };
        "sl-app-menu-list": Omit<SlAppMenuList, keyof SlAppMenuListAttributes> & { [K in keyof SlAppMenuList & keyof SlAppMenuListAttributes]?: SlAppMenuList[K] } & { [K in keyof SlAppMenuList & keyof SlAppMenuListAttributes as `attr:${K}`]?: SlAppMenuListAttributes[K] } & { [K in keyof SlAppMenuList & keyof SlAppMenuListAttributes as `prop:${K}`]?: SlAppMenuList[K] };
        "sl-avatar": Omit<SlAvatar, keyof SlAvatarAttributes> & { [K in keyof SlAvatar & keyof SlAvatarAttributes]?: SlAvatar[K] } & { [K in keyof SlAvatar & keyof SlAvatarAttributes as `attr:${K}`]?: SlAvatarAttributes[K] } & { [K in keyof SlAvatar & keyof SlAvatarAttributes as `prop:${K}`]?: SlAvatar[K] };
        "sl-bulk-action": Omit<SlBulkAction, keyof SlBulkActionAttributes> & { [K in keyof SlBulkAction & keyof SlBulkActionAttributes]?: SlBulkAction[K] } & { [K in keyof SlBulkAction & keyof SlBulkActionAttributes as `attr:${K}`]?: SlBulkActionAttributes[K] } & { [K in keyof SlBulkAction & keyof SlBulkActionAttributes as `prop:${K}`]?: SlBulkAction[K] };
        "sl-button-group-horizontal": Omit<SlButtonGroupHorizontal, keyof SlButtonGroupHorizontalAttributes> & { [K in keyof SlButtonGroupHorizontal & keyof SlButtonGroupHorizontalAttributes]?: SlButtonGroupHorizontal[K] } & { [K in keyof SlButtonGroupHorizontal & keyof SlButtonGroupHorizontalAttributes as `attr:${K}`]?: SlButtonGroupHorizontalAttributes[K] } & { [K in keyof SlButtonGroupHorizontal & keyof SlButtonGroupHorizontalAttributes as `prop:${K}`]?: SlButtonGroupHorizontal[K] };
        "sl-chip": Omit<SlChip, keyof SlChipAttributes> & { [K in keyof SlChip & keyof SlChipAttributes]?: SlChip[K] } & { [K in keyof SlChip & keyof SlChipAttributes as `attr:${K}`]?: SlChipAttributes[K] } & { [K in keyof SlChip & keyof SlChipAttributes as `prop:${K}`]?: SlChip[K] };
        "sl-collection-grouped": Omit<SlCollectionGrouped, keyof SlCollectionGroupedAttributes> & { [K in keyof SlCollectionGrouped & keyof SlCollectionGroupedAttributes]?: SlCollectionGrouped[K] } & { [K in keyof SlCollectionGrouped & keyof SlCollectionGroupedAttributes as `attr:${K}`]?: SlCollectionGroupedAttributes[K] } & { [K in keyof SlCollectionGrouped & keyof SlCollectionGroupedAttributes as `prop:${K}`]?: SlCollectionGrouped[K] };
        "sl-company-preview": Omit<SlCompanyPreview, keyof SlCompanyPreviewAttributes> & { [K in keyof SlCompanyPreview & keyof SlCompanyPreviewAttributes]?: SlCompanyPreview[K] } & { [K in keyof SlCompanyPreview & keyof SlCompanyPreviewAttributes as `attr:${K}`]?: SlCompanyPreviewAttributes[K] } & { [K in keyof SlCompanyPreview & keyof SlCompanyPreviewAttributes as `prop:${K}`]?: SlCompanyPreview[K] };
        "sl-data-format": Omit<SlDataFormat, keyof SlDataFormatAttributes> & { [K in keyof SlDataFormat & keyof SlDataFormatAttributes]?: SlDataFormat[K] } & { [K in keyof SlDataFormat & keyof SlDataFormatAttributes as `attr:${K}`]?: SlDataFormatAttributes[K] } & { [K in keyof SlDataFormat & keyof SlDataFormatAttributes as `prop:${K}`]?: SlDataFormat[K] };
        "sl-data-link": Omit<SlDataLink, keyof SlDataLinkAttributes> & { [K in keyof SlDataLink & keyof SlDataLinkAttributes]?: SlDataLink[K] } & { [K in keyof SlDataLink & keyof SlDataLinkAttributes as `attr:${K}`]?: SlDataLinkAttributes[K] } & { [K in keyof SlDataLink & keyof SlDataLinkAttributes as `prop:${K}`]?: SlDataLink[K] };
        "sl-data-link-item": Omit<SlDataLinkItem, keyof SlDataLinkItemAttributes> & { [K in keyof SlDataLinkItem & keyof SlDataLinkItemAttributes]?: SlDataLinkItem[K] } & { [K in keyof SlDataLinkItem & keyof SlDataLinkItemAttributes as `attr:${K}`]?: SlDataLinkItemAttributes[K] } & { [K in keyof SlDataLinkItem & keyof SlDataLinkItemAttributes as `prop:${K}`]?: SlDataLinkItem[K] };
        "sl-data-link-item-custom": Omit<SlDataLinkItemCustom, keyof SlDataLinkItemCustomAttributes> & { [K in keyof SlDataLinkItemCustom & keyof SlDataLinkItemCustomAttributes]?: SlDataLinkItemCustom[K] } & { [K in keyof SlDataLinkItemCustom & keyof SlDataLinkItemCustomAttributes as `attr:${K}`]?: SlDataLinkItemCustomAttributes[K] } & { [K in keyof SlDataLinkItemCustom & keyof SlDataLinkItemCustomAttributes as `prop:${K}`]?: SlDataLinkItemCustom[K] };
        "sl-data-table": Omit<SlDataTable, keyof SlDataTableAttributes> & { [K in keyof SlDataTable & keyof SlDataTableAttributes]?: SlDataTable[K] } & { [K in keyof SlDataTable & keyof SlDataTableAttributes as `attr:${K}`]?: SlDataTableAttributes[K] } & { [K in keyof SlDataTable & keyof SlDataTableAttributes as `prop:${K}`]?: SlDataTable[K] };
        "sl-detail-overview": SlDetailOverview;
        "sl-detail-overview-card": SlDetailOverviewCard;
        "sl-detail-overview-card-item": Omit<SlDetailOverviewCardItem, keyof SlDetailOverviewCardItemAttributes> & { [K in keyof SlDetailOverviewCardItem & keyof SlDetailOverviewCardItemAttributes]?: SlDetailOverviewCardItem[K] } & { [K in keyof SlDetailOverviewCardItem & keyof SlDetailOverviewCardItemAttributes as `attr:${K}`]?: SlDetailOverviewCardItemAttributes[K] } & { [K in keyof SlDetailOverviewCardItem & keyof SlDetailOverviewCardItemAttributes as `prop:${K}`]?: SlDetailOverviewCardItem[K] };
        "sl-detail-overview-card-item-content": Omit<SlDetailOverviewCardItemContent, keyof SlDetailOverviewCardItemContentAttributes> & { [K in keyof SlDetailOverviewCardItemContent & keyof SlDetailOverviewCardItemContentAttributes]?: SlDetailOverviewCardItemContent[K] } & { [K in keyof SlDetailOverviewCardItemContent & keyof SlDetailOverviewCardItemContentAttributes as `attr:${K}`]?: SlDetailOverviewCardItemContentAttributes[K] } & { [K in keyof SlDetailOverviewCardItemContent & keyof SlDetailOverviewCardItemContentAttributes as `prop:${K}`]?: SlDetailOverviewCardItemContent[K] };
        "sl-display-info": Omit<SlDisplayInfo, keyof SlDisplayInfoAttributes> & { [K in keyof SlDisplayInfo & keyof SlDisplayInfoAttributes]?: SlDisplayInfo[K] } & { [K in keyof SlDisplayInfo & keyof SlDisplayInfoAttributes as `attr:${K}`]?: SlDisplayInfoAttributes[K] } & { [K in keyof SlDisplayInfo & keyof SlDisplayInfoAttributes as `prop:${K}`]?: SlDisplayInfo[K] };
        "sl-display-info-item": Omit<SlDisplayInfoItem, keyof SlDisplayInfoItemAttributes> & { [K in keyof SlDisplayInfoItem & keyof SlDisplayInfoItemAttributes]?: SlDisplayInfoItem[K] } & { [K in keyof SlDisplayInfoItem & keyof SlDisplayInfoItemAttributes as `attr:${K}`]?: SlDisplayInfoItemAttributes[K] } & { [K in keyof SlDisplayInfoItem & keyof SlDisplayInfoItemAttributes as `prop:${K}`]?: SlDisplayInfoItem[K] };
        "sl-display-info-item-custom": SlDisplayInfoItemCustom;
        "sl-display-info-item-custom-content": Omit<SlDisplayInfoItemCustomContent, keyof SlDisplayInfoItemCustomContentAttributes> & { [K in keyof SlDisplayInfoItemCustomContent & keyof SlDisplayInfoItemCustomContentAttributes]?: SlDisplayInfoItemCustomContent[K] } & { [K in keyof SlDisplayInfoItemCustomContent & keyof SlDisplayInfoItemCustomContentAttributes as `attr:${K}`]?: SlDisplayInfoItemCustomContentAttributes[K] } & { [K in keyof SlDisplayInfoItemCustomContent & keyof SlDisplayInfoItemCustomContentAttributes as `prop:${K}`]?: SlDisplayInfoItemCustomContent[K] };
        "sl-display-stats": Omit<SlDisplayStats, keyof SlDisplayStatsAttributes> & { [K in keyof SlDisplayStats & keyof SlDisplayStatsAttributes]?: SlDisplayStats[K] } & { [K in keyof SlDisplayStats & keyof SlDisplayStatsAttributes as `attr:${K}`]?: SlDisplayStatsAttributes[K] } & { [K in keyof SlDisplayStats & keyof SlDisplayStatsAttributes as `prop:${K}`]?: SlDisplayStats[K] };
        "sl-display-stats-item": Omit<SlDisplayStatsItem, keyof SlDisplayStatsItemAttributes> & { [K in keyof SlDisplayStatsItem & keyof SlDisplayStatsItemAttributes]?: SlDisplayStatsItem[K] } & { [K in keyof SlDisplayStatsItem & keyof SlDisplayStatsItemAttributes as `attr:${K}`]?: SlDisplayStatsItemAttributes[K] } & { [K in keyof SlDisplayStatsItem & keyof SlDisplayStatsItemAttributes as `prop:${K}`]?: SlDisplayStatsItem[K] };
        "sl-drawer": Omit<SlDrawer, keyof SlDrawerAttributes> & { [K in keyof SlDrawer & keyof SlDrawerAttributes]?: SlDrawer[K] } & { [K in keyof SlDrawer & keyof SlDrawerAttributes as `attr:${K}`]?: SlDrawerAttributes[K] } & { [K in keyof SlDrawer & keyof SlDrawerAttributes as `prop:${K}`]?: SlDrawer[K] };
        "sl-drawer-content": Omit<SlDrawerContent, keyof SlDrawerContentAttributes> & { [K in keyof SlDrawerContent & keyof SlDrawerContentAttributes]?: SlDrawerContent[K] } & { [K in keyof SlDrawerContent & keyof SlDrawerContentAttributes as `attr:${K}`]?: SlDrawerContentAttributes[K] } & { [K in keyof SlDrawerContent & keyof SlDrawerContentAttributes as `prop:${K}`]?: SlDrawerContent[K] };
        "sl-empty-screen": Omit<SlEmptyScreen, keyof SlEmptyScreenAttributes> & { [K in keyof SlEmptyScreen & keyof SlEmptyScreenAttributes]?: SlEmptyScreen[K] } & { [K in keyof SlEmptyScreen & keyof SlEmptyScreenAttributes as `attr:${K}`]?: SlEmptyScreenAttributes[K] } & { [K in keyof SlEmptyScreen & keyof SlEmptyScreenAttributes as `prop:${K}`]?: SlEmptyScreen[K] };
        "sl-expansion-card": Omit<SlExpansionCard, keyof SlExpansionCardAttributes> & { [K in keyof SlExpansionCard & keyof SlExpansionCardAttributes]?: SlExpansionCard[K] } & { [K in keyof SlExpansionCard & keyof SlExpansionCardAttributes as `attr:${K}`]?: SlExpansionCardAttributes[K] } & { [K in keyof SlExpansionCard & keyof SlExpansionCardAttributes as `prop:${K}`]?: SlExpansionCard[K] };
        "sl-file-status": Omit<SlFileStatus, keyof SlFileStatusAttributes> & { [K in keyof SlFileStatus & keyof SlFileStatusAttributes]?: SlFileStatus[K] } & { [K in keyof SlFileStatus & keyof SlFileStatusAttributes as `attr:${K}`]?: SlFileStatusAttributes[K] } & { [K in keyof SlFileStatus & keyof SlFileStatusAttributes as `prop:${K}`]?: SlFileStatus[K] };
        "sl-filter": Omit<SlFilter, keyof SlFilterAttributes> & { [K in keyof SlFilter & keyof SlFilterAttributes]?: SlFilter[K] } & { [K in keyof SlFilter & keyof SlFilterAttributes as `attr:${K}`]?: SlFilterAttributes[K] } & { [K in keyof SlFilter & keyof SlFilterAttributes as `prop:${K}`]?: SlFilter[K] };
        "sl-filter-group": Omit<SlFilterGroup, keyof SlFilterGroupAttributes> & { [K in keyof SlFilterGroup & keyof SlFilterGroupAttributes]?: SlFilterGroup[K] } & { [K in keyof SlFilterGroup & keyof SlFilterGroupAttributes as `attr:${K}`]?: SlFilterGroupAttributes[K] } & { [K in keyof SlFilterGroup & keyof SlFilterGroupAttributes as `prop:${K}`]?: SlFilterGroup[K] };
        "sl-filter-item": Omit<SlFilterItem, keyof SlFilterItemAttributes> & { [K in keyof SlFilterItem & keyof SlFilterItemAttributes]?: SlFilterItem[K] } & { [K in keyof SlFilterItem & keyof SlFilterItemAttributes as `attr:${K}`]?: SlFilterItemAttributes[K] } & { [K in keyof SlFilterItem & keyof SlFilterItemAttributes as `prop:${K}`]?: SlFilterItem[K] };
        "sl-filter-list": Omit<SlFilterList, keyof SlFilterListAttributes> & { [K in keyof SlFilterList & keyof SlFilterListAttributes]?: SlFilterList[K] } & { [K in keyof SlFilterList & keyof SlFilterListAttributes as `attr:${K}`]?: SlFilterListAttributes[K] } & { [K in keyof SlFilterList & keyof SlFilterListAttributes as `prop:${K}`]?: SlFilterList[K] };
        "sl-filter-loading": Omit<SlFilterLoading, keyof SlFilterLoadingAttributes> & { [K in keyof SlFilterLoading & keyof SlFilterLoadingAttributes]?: SlFilterLoading[K] } & { [K in keyof SlFilterLoading & keyof SlFilterLoadingAttributes as `attr:${K}`]?: SlFilterLoadingAttributes[K] } & { [K in keyof SlFilterLoading & keyof SlFilterLoadingAttributes as `prop:${K}`]?: SlFilterLoading[K] };
        "sl-header": Omit<SlHeader, keyof SlHeaderAttributes> & { [K in keyof SlHeader & keyof SlHeaderAttributes]?: SlHeader[K] } & { [K in keyof SlHeader & keyof SlHeaderAttributes as `attr:${K}`]?: SlHeaderAttributes[K] } & { [K in keyof SlHeader & keyof SlHeaderAttributes as `prop:${K}`]?: SlHeader[K] };
        "sl-hero": Omit<SlHero, keyof SlHeroAttributes> & { [K in keyof SlHero & keyof SlHeroAttributes]?: SlHero[K] } & { [K in keyof SlHero & keyof SlHeroAttributes as `attr:${K}`]?: SlHeroAttributes[K] } & { [K in keyof SlHero & keyof SlHeroAttributes as `prop:${K}`]?: SlHero[K] };
        "sl-hero-old": Omit<SlHeroOld, keyof SlHeroOldAttributes> & { [K in keyof SlHeroOld & keyof SlHeroOldAttributes]?: SlHeroOld[K] } & { [K in keyof SlHeroOld & keyof SlHeroOldAttributes as `attr:${K}`]?: SlHeroOldAttributes[K] } & { [K in keyof SlHeroOld & keyof SlHeroOldAttributes as `prop:${K}`]?: SlHeroOld[K] };
        "sl-highcharts": Omit<SlHighcharts, keyof SlHighchartsAttributes> & { [K in keyof SlHighcharts & keyof SlHighchartsAttributes]?: SlHighcharts[K] } & { [K in keyof SlHighcharts & keyof SlHighchartsAttributes as `attr:${K}`]?: SlHighchartsAttributes[K] } & { [K in keyof SlHighcharts & keyof SlHighchartsAttributes as `prop:${K}`]?: SlHighcharts[K] };
        "sl-highlight": Omit<SlHighlight, keyof SlHighlightAttributes> & { [K in keyof SlHighlight & keyof SlHighlightAttributes]?: SlHighlight[K] } & { [K in keyof SlHighlight & keyof SlHighlightAttributes as `attr:${K}`]?: SlHighlightAttributes[K] } & { [K in keyof SlHighlight & keyof SlHighlightAttributes as `prop:${K}`]?: SlHighlight[K] };
        "sl-icon-button-card": Omit<SlIconButtonCard, keyof SlIconButtonCardAttributes> & { [K in keyof SlIconButtonCard & keyof SlIconButtonCardAttributes]?: SlIconButtonCard[K] } & { [K in keyof SlIconButtonCard & keyof SlIconButtonCardAttributes as `attr:${K}`]?: SlIconButtonCardAttributes[K] } & { [K in keyof SlIconButtonCard & keyof SlIconButtonCardAttributes as `prop:${K}`]?: SlIconButtonCard[K] };
        "sl-icon-button-copy": Omit<SlIconButtonCopy, keyof SlIconButtonCopyAttributes> & { [K in keyof SlIconButtonCopy & keyof SlIconButtonCopyAttributes]?: SlIconButtonCopy[K] } & { [K in keyof SlIconButtonCopy & keyof SlIconButtonCopyAttributes as `attr:${K}`]?: SlIconButtonCopyAttributes[K] } & { [K in keyof SlIconButtonCopy & keyof SlIconButtonCopyAttributes as `prop:${K}`]?: SlIconButtonCopy[K] };
        "sl-icons": Omit<SlIcons, keyof SlIconsAttributes> & { [K in keyof SlIcons & keyof SlIconsAttributes]?: SlIcons[K] } & { [K in keyof SlIcons & keyof SlIconsAttributes as `attr:${K}`]?: SlIconsAttributes[K] } & { [K in keyof SlIcons & keyof SlIconsAttributes as `prop:${K}`]?: SlIcons[K] };
        "sl-illustration": Omit<SlIllustration, keyof SlIllustrationAttributes> & { [K in keyof SlIllustration & keyof SlIllustrationAttributes]?: SlIllustration[K] } & { [K in keyof SlIllustration & keyof SlIllustrationAttributes as `attr:${K}`]?: SlIllustrationAttributes[K] } & { [K in keyof SlIllustration & keyof SlIllustrationAttributes as `prop:${K}`]?: SlIllustration[K] };
        "sl-info-page": Omit<SlInfoPage, keyof SlInfoPageAttributes> & { [K in keyof SlInfoPage & keyof SlInfoPageAttributes]?: SlInfoPage[K] } & { [K in keyof SlInfoPage & keyof SlInfoPageAttributes as `attr:${K}`]?: SlInfoPageAttributes[K] } & { [K in keyof SlInfoPage & keyof SlInfoPageAttributes as `prop:${K}`]?: SlInfoPage[K] };
        "sl-iot-overview-col": Omit<SlIotOverviewCol, keyof SlIotOverviewColAttributes> & { [K in keyof SlIotOverviewCol & keyof SlIotOverviewColAttributes]?: SlIotOverviewCol[K] } & { [K in keyof SlIotOverviewCol & keyof SlIotOverviewColAttributes as `attr:${K}`]?: SlIotOverviewColAttributes[K] } & { [K in keyof SlIotOverviewCol & keyof SlIotOverviewColAttributes as `prop:${K}`]?: SlIotOverviewCol[K] };
        "sl-iot-overview-row": Omit<SlIotOverviewRow, keyof SlIotOverviewRowAttributes> & { [K in keyof SlIotOverviewRow & keyof SlIotOverviewRowAttributes]?: SlIotOverviewRow[K] } & { [K in keyof SlIotOverviewRow & keyof SlIotOverviewRowAttributes as `attr:${K}`]?: SlIotOverviewRowAttributes[K] } & { [K in keyof SlIotOverviewRow & keyof SlIotOverviewRowAttributes as `prop:${K}`]?: SlIotOverviewRow[K] };
        "sl-iot-table": SlIotTable;
        "sl-iot-table-col": Omit<SlIotTableCol, keyof SlIotTableColAttributes> & { [K in keyof SlIotTableCol & keyof SlIotTableColAttributes]?: SlIotTableCol[K] } & { [K in keyof SlIotTableCol & keyof SlIotTableColAttributes as `attr:${K}`]?: SlIotTableColAttributes[K] } & { [K in keyof SlIotTableCol & keyof SlIotTableColAttributes as `prop:${K}`]?: SlIotTableCol[K] };
        "sl-iot-table-row": Omit<SlIotTableRow, keyof SlIotTableRowAttributes> & { [K in keyof SlIotTableRow & keyof SlIotTableRowAttributes]?: SlIotTableRow[K] } & { [K in keyof SlIotTableRow & keyof SlIotTableRowAttributes as `attr:${K}`]?: SlIotTableRowAttributes[K] } & { [K in keyof SlIotTableRow & keyof SlIotTableRowAttributes as `prop:${K}`]?: SlIotTableRow[K] };
        "sl-link-group": SlLinkGroup;
        "sl-live-search": SlLiveSearch;
        "sl-metro-line": Omit<SlMetroLine, keyof SlMetroLineAttributes> & { [K in keyof SlMetroLine & keyof SlMetroLineAttributes]?: SlMetroLine[K] } & { [K in keyof SlMetroLine & keyof SlMetroLineAttributes as `attr:${K}`]?: SlMetroLineAttributes[K] } & { [K in keyof SlMetroLine & keyof SlMetroLineAttributes as `prop:${K}`]?: SlMetroLine[K] };
        "sl-metro-line-step": Omit<SlMetroLineStep, keyof SlMetroLineStepAttributes> & { [K in keyof SlMetroLineStep & keyof SlMetroLineStepAttributes]?: SlMetroLineStep[K] } & { [K in keyof SlMetroLineStep & keyof SlMetroLineStepAttributes as `attr:${K}`]?: SlMetroLineStepAttributes[K] } & { [K in keyof SlMetroLineStep & keyof SlMetroLineStepAttributes as `prop:${K}`]?: SlMetroLineStep[K] };
        "sl-notification-menu": Omit<SlNotificationMenu, keyof SlNotificationMenuAttributes> & { [K in keyof SlNotificationMenu & keyof SlNotificationMenuAttributes]?: SlNotificationMenu[K] } & { [K in keyof SlNotificationMenu & keyof SlNotificationMenuAttributes as `attr:${K}`]?: SlNotificationMenuAttributes[K] } & { [K in keyof SlNotificationMenu & keyof SlNotificationMenuAttributes as `prop:${K}`]?: SlNotificationMenu[K] };
        "sl-overview-page": Omit<SlOverviewPage, keyof SlOverviewPageAttributes> & { [K in keyof SlOverviewPage & keyof SlOverviewPageAttributes]?: SlOverviewPage[K] } & { [K in keyof SlOverviewPage & keyof SlOverviewPageAttributes as `attr:${K}`]?: SlOverviewPageAttributes[K] } & { [K in keyof SlOverviewPage & keyof SlOverviewPageAttributes as `prop:${K}`]?: SlOverviewPage[K] };
        "sl-overview-page-container": SlOverviewPageContainer;
        "sl-overview-page-sidebar": Omit<SlOverviewPageSidebar, keyof SlOverviewPageSidebarAttributes> & { [K in keyof SlOverviewPageSidebar & keyof SlOverviewPageSidebarAttributes]?: SlOverviewPageSidebar[K] } & { [K in keyof SlOverviewPageSidebar & keyof SlOverviewPageSidebarAttributes as `attr:${K}`]?: SlOverviewPageSidebarAttributes[K] } & { [K in keyof SlOverviewPageSidebar & keyof SlOverviewPageSidebarAttributes as `prop:${K}`]?: SlOverviewPageSidebar[K] };
        "sl-pagination": Omit<SlPagination, keyof SlPaginationAttributes> & { [K in keyof SlPagination & keyof SlPaginationAttributes]?: SlPagination[K] } & { [K in keyof SlPagination & keyof SlPaginationAttributes as `attr:${K}`]?: SlPaginationAttributes[K] } & { [K in keyof SlPagination & keyof SlPaginationAttributes as `prop:${K}`]?: SlPagination[K] };
        "sl-pagination-light": Omit<SlPaginationLight, keyof SlPaginationLightAttributes> & { [K in keyof SlPaginationLight & keyof SlPaginationLightAttributes]?: SlPaginationLight[K] } & { [K in keyof SlPaginationLight & keyof SlPaginationLightAttributes as `attr:${K}`]?: SlPaginationLightAttributes[K] } & { [K in keyof SlPaginationLight & keyof SlPaginationLightAttributes as `prop:${K}`]?: SlPaginationLight[K] };
        "sl-profile-preview": Omit<SlProfilePreview, keyof SlProfilePreviewAttributes> & { [K in keyof SlProfilePreview & keyof SlProfilePreviewAttributes]?: SlProfilePreview[K] } & { [K in keyof SlProfilePreview & keyof SlProfilePreviewAttributes as `attr:${K}`]?: SlProfilePreviewAttributes[K] } & { [K in keyof SlProfilePreview & keyof SlProfilePreviewAttributes as `prop:${K}`]?: SlProfilePreview[K] };
        "sl-profile-preview-user-information": Omit<SlProfilePreviewUserInformation, keyof SlProfilePreviewUserInformationAttributes> & { [K in keyof SlProfilePreviewUserInformation & keyof SlProfilePreviewUserInformationAttributes]?: SlProfilePreviewUserInformation[K] } & { [K in keyof SlProfilePreviewUserInformation & keyof SlProfilePreviewUserInformationAttributes as `attr:${K}`]?: SlProfilePreviewUserInformationAttributes[K] } & { [K in keyof SlProfilePreviewUserInformation & keyof SlProfilePreviewUserInformationAttributes as `prop:${K}`]?: SlProfilePreviewUserInformation[K] };
        "sl-qrcode": Omit<SlQrcode, keyof SlQrcodeAttributes> & { [K in keyof SlQrcode & keyof SlQrcodeAttributes]?: SlQrcode[K] } & { [K in keyof SlQrcode & keyof SlQrcodeAttributes as `attr:${K}`]?: SlQrcodeAttributes[K] } & { [K in keyof SlQrcode & keyof SlQrcodeAttributes as `prop:${K}`]?: SlQrcode[K] };
        "sl-search": Omit<SlSearch, keyof SlSearchAttributes> & { [K in keyof SlSearch & keyof SlSearchAttributes]?: SlSearch[K] } & { [K in keyof SlSearch & keyof SlSearchAttributes as `attr:${K}`]?: SlSearchAttributes[K] } & { [K in keyof SlSearch & keyof SlSearchAttributes as `prop:${K}`]?: SlSearch[K] };
        "sl-secondary-nav": Omit<SlSecondaryNav, keyof SlSecondaryNavAttributes> & { [K in keyof SlSecondaryNav & keyof SlSecondaryNavAttributes]?: SlSecondaryNav[K] } & { [K in keyof SlSecondaryNav & keyof SlSecondaryNavAttributes as `attr:${K}`]?: SlSecondaryNavAttributes[K] } & { [K in keyof SlSecondaryNav & keyof SlSecondaryNavAttributes as `prop:${K}`]?: SlSecondaryNav[K] };
        "sl-secondary-nav-item": Omit<SlSecondaryNavItem, keyof SlSecondaryNavItemAttributes> & { [K in keyof SlSecondaryNavItem & keyof SlSecondaryNavItemAttributes]?: SlSecondaryNavItem[K] } & { [K in keyof SlSecondaryNavItem & keyof SlSecondaryNavItemAttributes as `attr:${K}`]?: SlSecondaryNavItemAttributes[K] } & { [K in keyof SlSecondaryNavItem & keyof SlSecondaryNavItemAttributes as `prop:${K}`]?: SlSecondaryNavItem[K] };
        "sl-selection-manager": Omit<SlSelectionManager, keyof SlSelectionManagerAttributes> & { [K in keyof SlSelectionManager & keyof SlSelectionManagerAttributes]?: SlSelectionManager[K] } & { [K in keyof SlSelectionManager & keyof SlSelectionManagerAttributes as `attr:${K}`]?: SlSelectionManagerAttributes[K] } & { [K in keyof SlSelectionManager & keyof SlSelectionManagerAttributes as `prop:${K}`]?: SlSelectionManager[K] };
        "sl-selection-manager-item": Omit<SlSelectionManagerItem, keyof SlSelectionManagerItemAttributes> & { [K in keyof SlSelectionManagerItem & keyof SlSelectionManagerItemAttributes]?: SlSelectionManagerItem[K] } & { [K in keyof SlSelectionManagerItem & keyof SlSelectionManagerItemAttributes as `attr:${K}`]?: SlSelectionManagerItemAttributes[K] } & { [K in keyof SlSelectionManagerItem & keyof SlSelectionManagerItemAttributes as `prop:${K}`]?: SlSelectionManagerItem[K] };
        "sl-side-navigation": Omit<SlSideNavigation, keyof SlSideNavigationAttributes> & { [K in keyof SlSideNavigation & keyof SlSideNavigationAttributes]?: SlSideNavigation[K] } & { [K in keyof SlSideNavigation & keyof SlSideNavigationAttributes as `attr:${K}`]?: SlSideNavigationAttributes[K] } & { [K in keyof SlSideNavigation & keyof SlSideNavigationAttributes as `prop:${K}`]?: SlSideNavigation[K] };
        "sl-side-navigation-info-box": Omit<SlSideNavigationInfoBox, keyof SlSideNavigationInfoBoxAttributes> & { [K in keyof SlSideNavigationInfoBox & keyof SlSideNavigationInfoBoxAttributes]?: SlSideNavigationInfoBox[K] } & { [K in keyof SlSideNavigationInfoBox & keyof SlSideNavigationInfoBoxAttributes as `attr:${K}`]?: SlSideNavigationInfoBoxAttributes[K] } & { [K in keyof SlSideNavigationInfoBox & keyof SlSideNavigationInfoBoxAttributes as `prop:${K}`]?: SlSideNavigationInfoBox[K] };
        "sl-side-navigation-item": Omit<SlSideNavigationItem, keyof SlSideNavigationItemAttributes> & { [K in keyof SlSideNavigationItem & keyof SlSideNavigationItemAttributes]?: SlSideNavigationItem[K] } & { [K in keyof SlSideNavigationItem & keyof SlSideNavigationItemAttributes as `attr:${K}`]?: SlSideNavigationItemAttributes[K] } & { [K in keyof SlSideNavigationItem & keyof SlSideNavigationItemAttributes as `prop:${K}`]?: SlSideNavigationItem[K] };
        "sl-side-navigation-mobile": SlSideNavigationMobile;
        "sl-skeleton": Omit<SlSkeleton, keyof SlSkeletonAttributes> & { [K in keyof SlSkeleton & keyof SlSkeletonAttributes]?: SlSkeleton[K] } & { [K in keyof SlSkeleton & keyof SlSkeletonAttributes as `attr:${K}`]?: SlSkeletonAttributes[K] } & { [K in keyof SlSkeleton & keyof SlSkeletonAttributes as `prop:${K}`]?: SlSkeleton[K] };
        "sl-skeleton-button": Omit<SlSkeletonButton, keyof SlSkeletonButtonAttributes> & { [K in keyof SlSkeletonButton & keyof SlSkeletonButtonAttributes]?: SlSkeletonButton[K] } & { [K in keyof SlSkeletonButton & keyof SlSkeletonButtonAttributes as `attr:${K}`]?: SlSkeletonButtonAttributes[K] } & { [K in keyof SlSkeletonButton & keyof SlSkeletonButtonAttributes as `prop:${K}`]?: SlSkeletonButton[K] };
        "sl-skeleton-card": Omit<SlSkeletonCard, keyof SlSkeletonCardAttributes> & { [K in keyof SlSkeletonCard & keyof SlSkeletonCardAttributes]?: SlSkeletonCard[K] } & { [K in keyof SlSkeletonCard & keyof SlSkeletonCardAttributes as `attr:${K}`]?: SlSkeletonCardAttributes[K] } & { [K in keyof SlSkeletonCard & keyof SlSkeletonCardAttributes as `prop:${K}`]?: SlSkeletonCard[K] };
        "sl-skeleton-chart": Omit<SlSkeletonChart, keyof SlSkeletonChartAttributes> & { [K in keyof SlSkeletonChart & keyof SlSkeletonChartAttributes]?: SlSkeletonChart[K] } & { [K in keyof SlSkeletonChart & keyof SlSkeletonChartAttributes as `attr:${K}`]?: SlSkeletonChartAttributes[K] } & { [K in keyof SlSkeletonChart & keyof SlSkeletonChartAttributes as `prop:${K}`]?: SlSkeletonChart[K] };
        "sl-skeleton-checkbox": Omit<SlSkeletonCheckbox, keyof SlSkeletonCheckboxAttributes> & { [K in keyof SlSkeletonCheckbox & keyof SlSkeletonCheckboxAttributes]?: SlSkeletonCheckbox[K] } & { [K in keyof SlSkeletonCheckbox & keyof SlSkeletonCheckboxAttributes as `attr:${K}`]?: SlSkeletonCheckboxAttributes[K] } & { [K in keyof SlSkeletonCheckbox & keyof SlSkeletonCheckboxAttributes as `prop:${K}`]?: SlSkeletonCheckbox[K] };
        "sl-skeleton-chip": Omit<SlSkeletonChip, keyof SlSkeletonChipAttributes> & { [K in keyof SlSkeletonChip & keyof SlSkeletonChipAttributes]?: SlSkeletonChip[K] } & { [K in keyof SlSkeletonChip & keyof SlSkeletonChipAttributes as `attr:${K}`]?: SlSkeletonChipAttributes[K] } & { [K in keyof SlSkeletonChip & keyof SlSkeletonChipAttributes as `prop:${K}`]?: SlSkeletonChip[K] };
        "sl-skeleton-dropdown": Omit<SlSkeletonDropdown, keyof SlSkeletonDropdownAttributes> & { [K in keyof SlSkeletonDropdown & keyof SlSkeletonDropdownAttributes]?: SlSkeletonDropdown[K] } & { [K in keyof SlSkeletonDropdown & keyof SlSkeletonDropdownAttributes as `attr:${K}`]?: SlSkeletonDropdownAttributes[K] } & { [K in keyof SlSkeletonDropdown & keyof SlSkeletonDropdownAttributes as `prop:${K}`]?: SlSkeletonDropdown[K] };
        "sl-skeleton-icon": Omit<SlSkeletonIcon, keyof SlSkeletonIconAttributes> & { [K in keyof SlSkeletonIcon & keyof SlSkeletonIconAttributes]?: SlSkeletonIcon[K] } & { [K in keyof SlSkeletonIcon & keyof SlSkeletonIconAttributes as `attr:${K}`]?: SlSkeletonIconAttributes[K] } & { [K in keyof SlSkeletonIcon & keyof SlSkeletonIconAttributes as `prop:${K}`]?: SlSkeletonIcon[K] };
        "sl-skeleton-input": Omit<SlSkeletonInput, keyof SlSkeletonInputAttributes> & { [K in keyof SlSkeletonInput & keyof SlSkeletonInputAttributes]?: SlSkeletonInput[K] } & { [K in keyof SlSkeletonInput & keyof SlSkeletonInputAttributes as `attr:${K}`]?: SlSkeletonInputAttributes[K] } & { [K in keyof SlSkeletonInput & keyof SlSkeletonInputAttributes as `prop:${K}`]?: SlSkeletonInput[K] };
        "sl-skeleton-list": Omit<SlSkeletonList, keyof SlSkeletonListAttributes> & { [K in keyof SlSkeletonList & keyof SlSkeletonListAttributes]?: SlSkeletonList[K] } & { [K in keyof SlSkeletonList & keyof SlSkeletonListAttributes as `attr:${K}`]?: SlSkeletonListAttributes[K] } & { [K in keyof SlSkeletonList & keyof SlSkeletonListAttributes as `prop:${K}`]?: SlSkeletonList[K] };
        "sl-skeleton-paragraph": Omit<SlSkeletonParagraph, keyof SlSkeletonParagraphAttributes> & { [K in keyof SlSkeletonParagraph & keyof SlSkeletonParagraphAttributes]?: SlSkeletonParagraph[K] } & { [K in keyof SlSkeletonParagraph & keyof SlSkeletonParagraphAttributes as `attr:${K}`]?: SlSkeletonParagraphAttributes[K] } & { [K in keyof SlSkeletonParagraph & keyof SlSkeletonParagraphAttributes as `prop:${K}`]?: SlSkeletonParagraph[K] };
        "sl-skeleton-radio": Omit<SlSkeletonRadio, keyof SlSkeletonRadioAttributes> & { [K in keyof SlSkeletonRadio & keyof SlSkeletonRadioAttributes]?: SlSkeletonRadio[K] } & { [K in keyof SlSkeletonRadio & keyof SlSkeletonRadioAttributes as `attr:${K}`]?: SlSkeletonRadioAttributes[K] } & { [K in keyof SlSkeletonRadio & keyof SlSkeletonRadioAttributes as `prop:${K}`]?: SlSkeletonRadio[K] };
        "sl-skeleton-switch": Omit<SlSkeletonSwitch, keyof SlSkeletonSwitchAttributes> & { [K in keyof SlSkeletonSwitch & keyof SlSkeletonSwitchAttributes]?: SlSkeletonSwitch[K] } & { [K in keyof SlSkeletonSwitch & keyof SlSkeletonSwitchAttributes as `attr:${K}`]?: SlSkeletonSwitchAttributes[K] } & { [K in keyof SlSkeletonSwitch & keyof SlSkeletonSwitchAttributes as `prop:${K}`]?: SlSkeletonSwitch[K] };
        "sl-skeleton-table": Omit<SlSkeletonTable, keyof SlSkeletonTableAttributes> & { [K in keyof SlSkeletonTable & keyof SlSkeletonTableAttributes]?: SlSkeletonTable[K] } & { [K in keyof SlSkeletonTable & keyof SlSkeletonTableAttributes as `attr:${K}`]?: SlSkeletonTableAttributes[K] } & { [K in keyof SlSkeletonTable & keyof SlSkeletonTableAttributes as `prop:${K}`]?: SlSkeletonTable[K] };
        "sl-skeleton-tabs": Omit<SlSkeletonTabs, keyof SlSkeletonTabsAttributes> & { [K in keyof SlSkeletonTabs & keyof SlSkeletonTabsAttributes]?: SlSkeletonTabs[K] } & { [K in keyof SlSkeletonTabs & keyof SlSkeletonTabsAttributes as `attr:${K}`]?: SlSkeletonTabsAttributes[K] } & { [K in keyof SlSkeletonTabs & keyof SlSkeletonTabsAttributes as `prop:${K}`]?: SlSkeletonTabs[K] };
        "sl-skeleton-tag": Omit<SlSkeletonTag, keyof SlSkeletonTagAttributes> & { [K in keyof SlSkeletonTag & keyof SlSkeletonTagAttributes]?: SlSkeletonTag[K] } & { [K in keyof SlSkeletonTag & keyof SlSkeletonTagAttributes as `attr:${K}`]?: SlSkeletonTagAttributes[K] } & { [K in keyof SlSkeletonTag & keyof SlSkeletonTagAttributes as `prop:${K}`]?: SlSkeletonTag[K] };
        "sl-skeleton-thumbnail": Omit<SlSkeletonThumbnail, keyof SlSkeletonThumbnailAttributes> & { [K in keyof SlSkeletonThumbnail & keyof SlSkeletonThumbnailAttributes]?: SlSkeletonThumbnail[K] } & { [K in keyof SlSkeletonThumbnail & keyof SlSkeletonThumbnailAttributes as `attr:${K}`]?: SlSkeletonThumbnailAttributes[K] } & { [K in keyof SlSkeletonThumbnail & keyof SlSkeletonThumbnailAttributes as `prop:${K}`]?: SlSkeletonThumbnail[K] };
        "sl-skeleton-typography": Omit<SlSkeletonTypography, keyof SlSkeletonTypographyAttributes> & { [K in keyof SlSkeletonTypography & keyof SlSkeletonTypographyAttributes]?: SlSkeletonTypography[K] } & { [K in keyof SlSkeletonTypography & keyof SlSkeletonTypographyAttributes as `attr:${K}`]?: SlSkeletonTypographyAttributes[K] } & { [K in keyof SlSkeletonTypography & keyof SlSkeletonTypographyAttributes as `prop:${K}`]?: SlSkeletonTypography[K] };
        "sl-split-button": Omit<SlSplitButton, keyof SlSplitButtonAttributes> & { [K in keyof SlSplitButton & keyof SlSplitButtonAttributes]?: SlSplitButton[K] } & { [K in keyof SlSplitButton & keyof SlSplitButtonAttributes as `attr:${K}`]?: SlSplitButtonAttributes[K] } & { [K in keyof SlSplitButton & keyof SlSplitButtonAttributes as `prop:${K}`]?: SlSplitButton[K] };
        "sl-split-button-list-item": Omit<SlSplitButtonListItem, keyof SlSplitButtonListItemAttributes> & { [K in keyof SlSplitButtonListItem & keyof SlSplitButtonListItemAttributes]?: SlSplitButtonListItem[K] } & { [K in keyof SlSplitButtonListItem & keyof SlSplitButtonListItemAttributes as `attr:${K}`]?: SlSplitButtonListItemAttributes[K] } & { [K in keyof SlSplitButtonListItem & keyof SlSplitButtonListItemAttributes as `prop:${K}`]?: SlSplitButtonListItem[K] };
        "sl-sticky-footer": Omit<SlStickyFooter, keyof SlStickyFooterAttributes> & { [K in keyof SlStickyFooter & keyof SlStickyFooterAttributes]?: SlStickyFooter[K] } & { [K in keyof SlStickyFooter & keyof SlStickyFooterAttributes as `attr:${K}`]?: SlStickyFooterAttributes[K] } & { [K in keyof SlStickyFooter & keyof SlStickyFooterAttributes as `prop:${K}`]?: SlStickyFooter[K] };
        "sl-sticky-footer-amounts": Omit<SlStickyFooterAmounts, keyof SlStickyFooterAmountsAttributes> & { [K in keyof SlStickyFooterAmounts & keyof SlStickyFooterAmountsAttributes]?: SlStickyFooterAmounts[K] } & { [K in keyof SlStickyFooterAmounts & keyof SlStickyFooterAmountsAttributes as `attr:${K}`]?: SlStickyFooterAmountsAttributes[K] } & { [K in keyof SlStickyFooterAmounts & keyof SlStickyFooterAmountsAttributes as `prop:${K}`]?: SlStickyFooterAmounts[K] };
        "sl-sticky-footer-card": SlStickyFooterCard;
        "sl-sticky-footer-cart": Omit<SlStickyFooterCart, keyof SlStickyFooterCartAttributes> & { [K in keyof SlStickyFooterCart & keyof SlStickyFooterCartAttributes]?: SlStickyFooterCart[K] } & { [K in keyof SlStickyFooterCart & keyof SlStickyFooterCartAttributes as `attr:${K}`]?: SlStickyFooterCartAttributes[K] } & { [K in keyof SlStickyFooterCart & keyof SlStickyFooterCartAttributes as `prop:${K}`]?: SlStickyFooterCart[K] };
        "sl-sticky-footer-enhanced": Omit<SlStickyFooterEnhanced, keyof SlStickyFooterEnhancedAttributes> & { [K in keyof SlStickyFooterEnhanced & keyof SlStickyFooterEnhancedAttributes]?: SlStickyFooterEnhanced[K] } & { [K in keyof SlStickyFooterEnhanced & keyof SlStickyFooterEnhancedAttributes as `attr:${K}`]?: SlStickyFooterEnhancedAttributes[K] } & { [K in keyof SlStickyFooterEnhanced & keyof SlStickyFooterEnhancedAttributes as `prop:${K}`]?: SlStickyFooterEnhanced[K] };
        "sl-sticky-footer-modal": Omit<SlStickyFooterModal, keyof SlStickyFooterModalAttributes> & { [K in keyof SlStickyFooterModal & keyof SlStickyFooterModalAttributes]?: SlStickyFooterModal[K] } & { [K in keyof SlStickyFooterModal & keyof SlStickyFooterModalAttributes as `attr:${K}`]?: SlStickyFooterModalAttributes[K] } & { [K in keyof SlStickyFooterModal & keyof SlStickyFooterModalAttributes as `prop:${K}`]?: SlStickyFooterModal[K] };
        "sl-sticky-footer-modal-amounts": Omit<SlStickyFooterModalAmounts, keyof SlStickyFooterModalAmountsAttributes> & { [K in keyof SlStickyFooterModalAmounts & keyof SlStickyFooterModalAmountsAttributes]?: SlStickyFooterModalAmounts[K] } & { [K in keyof SlStickyFooterModalAmounts & keyof SlStickyFooterModalAmountsAttributes as `attr:${K}`]?: SlStickyFooterModalAmountsAttributes[K] } & { [K in keyof SlStickyFooterModalAmounts & keyof SlStickyFooterModalAmountsAttributes as `prop:${K}`]?: SlStickyFooterModalAmounts[K] };
        "sl-sticky-footer-modal-login": Omit<SlStickyFooterModalLogin, keyof SlStickyFooterModalLoginAttributes> & { [K in keyof SlStickyFooterModalLogin & keyof SlStickyFooterModalLoginAttributes]?: SlStickyFooterModalLogin[K] } & { [K in keyof SlStickyFooterModalLogin & keyof SlStickyFooterModalLoginAttributes as `attr:${K}`]?: SlStickyFooterModalLoginAttributes[K] } & { [K in keyof SlStickyFooterModalLogin & keyof SlStickyFooterModalLoginAttributes as `prop:${K}`]?: SlStickyFooterModalLogin[K] };
        "sl-subscription-card": Omit<SlSubscriptionCard, keyof SlSubscriptionCardAttributes> & { [K in keyof SlSubscriptionCard & keyof SlSubscriptionCardAttributes]?: SlSubscriptionCard[K] } & { [K in keyof SlSubscriptionCard & keyof SlSubscriptionCardAttributes as `attr:${K}`]?: SlSubscriptionCardAttributes[K] } & { [K in keyof SlSubscriptionCard & keyof SlSubscriptionCardAttributes as `prop:${K}`]?: SlSubscriptionCard[K] };
        "sl-table": SlTable;
        "sl-table-accordion-container": Omit<SlTableAccordionContainer, keyof SlTableAccordionContainerAttributes> & { [K in keyof SlTableAccordionContainer & keyof SlTableAccordionContainerAttributes]?: SlTableAccordionContainer[K] } & { [K in keyof SlTableAccordionContainer & keyof SlTableAccordionContainerAttributes as `attr:${K}`]?: SlTableAccordionContainerAttributes[K] } & { [K in keyof SlTableAccordionContainer & keyof SlTableAccordionContainerAttributes as `prop:${K}`]?: SlTableAccordionContainer[K] };
        "sl-table-accordion-header": Omit<SlTableAccordionHeader, keyof SlTableAccordionHeaderAttributes> & { [K in keyof SlTableAccordionHeader & keyof SlTableAccordionHeaderAttributes]?: SlTableAccordionHeader[K] } & { [K in keyof SlTableAccordionHeader & keyof SlTableAccordionHeaderAttributes as `attr:${K}`]?: SlTableAccordionHeaderAttributes[K] } & { [K in keyof SlTableAccordionHeader & keyof SlTableAccordionHeaderAttributes as `prop:${K}`]?: SlTableAccordionHeader[K] };
        "sl-table-col": Omit<SlTableCol, keyof SlTableColAttributes> & { [K in keyof SlTableCol & keyof SlTableColAttributes]?: SlTableCol[K] } & { [K in keyof SlTableCol & keyof SlTableColAttributes as `attr:${K}`]?: SlTableColAttributes[K] } & { [K in keyof SlTableCol & keyof SlTableColAttributes as `prop:${K}`]?: SlTableCol[K] };
        "sl-table-col-text": SlTableColText;
        "sl-table-col-text-item": Omit<SlTableColTextItem, keyof SlTableColTextItemAttributes> & { [K in keyof SlTableColTextItem & keyof SlTableColTextItemAttributes]?: SlTableColTextItem[K] } & { [K in keyof SlTableColTextItem & keyof SlTableColTextItemAttributes as `attr:${K}`]?: SlTableColTextItemAttributes[K] } & { [K in keyof SlTableColTextItem & keyof SlTableColTextItemAttributes as `prop:${K}`]?: SlTableColTextItem[K] };
        "sl-table-loading": Omit<SlTableLoading, keyof SlTableLoadingAttributes> & { [K in keyof SlTableLoading & keyof SlTableLoadingAttributes]?: SlTableLoading[K] } & { [K in keyof SlTableLoading & keyof SlTableLoadingAttributes as `attr:${K}`]?: SlTableLoadingAttributes[K] } & { [K in keyof SlTableLoading & keyof SlTableLoadingAttributes as `prop:${K}`]?: SlTableLoading[K] };
        "sl-table-row": Omit<SlTableRow, keyof SlTableRowAttributes> & { [K in keyof SlTableRow & keyof SlTableRowAttributes]?: SlTableRow[K] } & { [K in keyof SlTableRow & keyof SlTableRowAttributes as `attr:${K}`]?: SlTableRowAttributes[K] } & { [K in keyof SlTableRow & keyof SlTableRowAttributes as `prop:${K}`]?: SlTableRow[K] };
        "sl-tag": Omit<SlTag, keyof SlTagAttributes> & { [K in keyof SlTag & keyof SlTagAttributes]?: SlTag[K] } & { [K in keyof SlTag & keyof SlTagAttributes as `attr:${K}`]?: SlTagAttributes[K] } & { [K in keyof SlTag & keyof SlTagAttributes as `prop:${K}`]?: SlTag[K] };
        "sl-tree": Omit<SlTree, keyof SlTreeAttributes> & { [K in keyof SlTree & keyof SlTreeAttributes]?: SlTree[K] } & { [K in keyof SlTree & keyof SlTreeAttributes as `attr:${K}`]?: SlTreeAttributes[K] } & { [K in keyof SlTree & keyof SlTreeAttributes as `prop:${K}`]?: SlTree[K] };
        "sl-tree-item": Omit<SlTreeItem, keyof SlTreeItemAttributes> & { [K in keyof SlTreeItem & keyof SlTreeItemAttributes]?: SlTreeItem[K] } & { [K in keyof SlTreeItem & keyof SlTreeItemAttributes as `attr:${K}`]?: SlTreeItemAttributes[K] } & { [K in keyof SlTreeItem & keyof SlTreeItemAttributes as `prop:${K}`]?: SlTreeItem[K] };
        "sl-upload": SlUpload;
        "sl-upload-form": SlUploadForm;
        "sl-wrapper": Omit<SlWrapper, keyof SlWrapperAttributes> & { [K in keyof SlWrapper & keyof SlWrapperAttributes]?: SlWrapper[K] } & { [K in keyof SlWrapper & keyof SlWrapperAttributes as `attr:${K}`]?: SlWrapperAttributes[K] } & { [K in keyof SlWrapper & keyof SlWrapperAttributes as `prop:${K}`]?: SlWrapper[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "sl-app-menu": LocalJSX.IntrinsicElements["sl-app-menu"] & JSXBase.HTMLAttributes<HTMLSlAppMenuElement>;
            "sl-app-menu-list": LocalJSX.IntrinsicElements["sl-app-menu-list"] & JSXBase.HTMLAttributes<HTMLSlAppMenuListElement>;
            "sl-avatar": LocalJSX.IntrinsicElements["sl-avatar"] & JSXBase.HTMLAttributes<HTMLSlAvatarElement>;
            "sl-bulk-action": LocalJSX.IntrinsicElements["sl-bulk-action"] & JSXBase.HTMLAttributes<HTMLSlBulkActionElement>;
            "sl-button-group-horizontal": LocalJSX.IntrinsicElements["sl-button-group-horizontal"] & JSXBase.HTMLAttributes<HTMLSlButtonGroupHorizontalElement>;
            "sl-chip": LocalJSX.IntrinsicElements["sl-chip"] & JSXBase.HTMLAttributes<HTMLSlChipElement>;
            "sl-collection-grouped": LocalJSX.IntrinsicElements["sl-collection-grouped"] & JSXBase.HTMLAttributes<HTMLSlCollectionGroupedElement>;
            "sl-company-preview": LocalJSX.IntrinsicElements["sl-company-preview"] & JSXBase.HTMLAttributes<HTMLSlCompanyPreviewElement>;
            "sl-data-format": LocalJSX.IntrinsicElements["sl-data-format"] & JSXBase.HTMLAttributes<HTMLSlDataFormatElement>;
            "sl-data-link": LocalJSX.IntrinsicElements["sl-data-link"] & JSXBase.HTMLAttributes<HTMLSlDataLinkElement>;
            "sl-data-link-item": LocalJSX.IntrinsicElements["sl-data-link-item"] & JSXBase.HTMLAttributes<HTMLSlDataLinkItemElement>;
            "sl-data-link-item-custom": LocalJSX.IntrinsicElements["sl-data-link-item-custom"] & JSXBase.HTMLAttributes<HTMLSlDataLinkItemCustomElement>;
            "sl-data-table": LocalJSX.IntrinsicElements["sl-data-table"] & JSXBase.HTMLAttributes<HTMLSlDataTableElement>;
            "sl-detail-overview": LocalJSX.IntrinsicElements["sl-detail-overview"] & JSXBase.HTMLAttributes<HTMLSlDetailOverviewElement>;
            "sl-detail-overview-card": LocalJSX.IntrinsicElements["sl-detail-overview-card"] & JSXBase.HTMLAttributes<HTMLSlDetailOverviewCardElement>;
            "sl-detail-overview-card-item": LocalJSX.IntrinsicElements["sl-detail-overview-card-item"] & JSXBase.HTMLAttributes<HTMLSlDetailOverviewCardItemElement>;
            "sl-detail-overview-card-item-content": LocalJSX.IntrinsicElements["sl-detail-overview-card-item-content"] & JSXBase.HTMLAttributes<HTMLSlDetailOverviewCardItemContentElement>;
            "sl-display-info": LocalJSX.IntrinsicElements["sl-display-info"] & JSXBase.HTMLAttributes<HTMLSlDisplayInfoElement>;
            "sl-display-info-item": LocalJSX.IntrinsicElements["sl-display-info-item"] & JSXBase.HTMLAttributes<HTMLSlDisplayInfoItemElement>;
            "sl-display-info-item-custom": LocalJSX.IntrinsicElements["sl-display-info-item-custom"] & JSXBase.HTMLAttributes<HTMLSlDisplayInfoItemCustomElement>;
            "sl-display-info-item-custom-content": LocalJSX.IntrinsicElements["sl-display-info-item-custom-content"] & JSXBase.HTMLAttributes<HTMLSlDisplayInfoItemCustomContentElement>;
            "sl-display-stats": LocalJSX.IntrinsicElements["sl-display-stats"] & JSXBase.HTMLAttributes<HTMLSlDisplayStatsElement>;
            "sl-display-stats-item": LocalJSX.IntrinsicElements["sl-display-stats-item"] & JSXBase.HTMLAttributes<HTMLSlDisplayStatsItemElement>;
            "sl-drawer": LocalJSX.IntrinsicElements["sl-drawer"] & JSXBase.HTMLAttributes<HTMLSlDrawerElement>;
            "sl-drawer-content": LocalJSX.IntrinsicElements["sl-drawer-content"] & JSXBase.HTMLAttributes<HTMLSlDrawerContentElement>;
            "sl-empty-screen": LocalJSX.IntrinsicElements["sl-empty-screen"] & JSXBase.HTMLAttributes<HTMLSlEmptyScreenElement>;
            "sl-expansion-card": LocalJSX.IntrinsicElements["sl-expansion-card"] & JSXBase.HTMLAttributes<HTMLSlExpansionCardElement>;
            "sl-file-status": LocalJSX.IntrinsicElements["sl-file-status"] & JSXBase.HTMLAttributes<HTMLSlFileStatusElement>;
            "sl-filter": LocalJSX.IntrinsicElements["sl-filter"] & JSXBase.HTMLAttributes<HTMLSlFilterElement>;
            "sl-filter-group": LocalJSX.IntrinsicElements["sl-filter-group"] & JSXBase.HTMLAttributes<HTMLSlFilterGroupElement>;
            "sl-filter-item": LocalJSX.IntrinsicElements["sl-filter-item"] & JSXBase.HTMLAttributes<HTMLSlFilterItemElement>;
            "sl-filter-list": LocalJSX.IntrinsicElements["sl-filter-list"] & JSXBase.HTMLAttributes<HTMLSlFilterListElement>;
            "sl-filter-loading": LocalJSX.IntrinsicElements["sl-filter-loading"] & JSXBase.HTMLAttributes<HTMLSlFilterLoadingElement>;
            "sl-header": LocalJSX.IntrinsicElements["sl-header"] & JSXBase.HTMLAttributes<HTMLSlHeaderElement>;
            "sl-hero": LocalJSX.IntrinsicElements["sl-hero"] & JSXBase.HTMLAttributes<HTMLSlHeroElement>;
            "sl-hero-old": LocalJSX.IntrinsicElements["sl-hero-old"] & JSXBase.HTMLAttributes<HTMLSlHeroOldElement>;
            "sl-highcharts": LocalJSX.IntrinsicElements["sl-highcharts"] & JSXBase.HTMLAttributes<HTMLSlHighchartsElement>;
            "sl-highlight": LocalJSX.IntrinsicElements["sl-highlight"] & JSXBase.HTMLAttributes<HTMLSlHighlightElement>;
            "sl-icon-button-card": LocalJSX.IntrinsicElements["sl-icon-button-card"] & JSXBase.HTMLAttributes<HTMLSlIconButtonCardElement>;
            "sl-icon-button-copy": LocalJSX.IntrinsicElements["sl-icon-button-copy"] & JSXBase.HTMLAttributes<HTMLSlIconButtonCopyElement>;
            "sl-icons": LocalJSX.IntrinsicElements["sl-icons"] & JSXBase.HTMLAttributes<HTMLSlIconsElement>;
            "sl-illustration": LocalJSX.IntrinsicElements["sl-illustration"] & JSXBase.HTMLAttributes<HTMLSlIllustrationElement>;
            "sl-info-page": LocalJSX.IntrinsicElements["sl-info-page"] & JSXBase.HTMLAttributes<HTMLSlInfoPageElement>;
            "sl-iot-overview-col": LocalJSX.IntrinsicElements["sl-iot-overview-col"] & JSXBase.HTMLAttributes<HTMLSlIotOverviewColElement>;
            "sl-iot-overview-row": LocalJSX.IntrinsicElements["sl-iot-overview-row"] & JSXBase.HTMLAttributes<HTMLSlIotOverviewRowElement>;
            "sl-iot-table": LocalJSX.IntrinsicElements["sl-iot-table"] & JSXBase.HTMLAttributes<HTMLSlIotTableElement>;
            "sl-iot-table-col": LocalJSX.IntrinsicElements["sl-iot-table-col"] & JSXBase.HTMLAttributes<HTMLSlIotTableColElement>;
            "sl-iot-table-row": LocalJSX.IntrinsicElements["sl-iot-table-row"] & JSXBase.HTMLAttributes<HTMLSlIotTableRowElement>;
            "sl-link-group": LocalJSX.IntrinsicElements["sl-link-group"] & JSXBase.HTMLAttributes<HTMLSlLinkGroupElement>;
            "sl-live-search": LocalJSX.IntrinsicElements["sl-live-search"] & JSXBase.HTMLAttributes<HTMLSlLiveSearchElement>;
            "sl-metro-line": LocalJSX.IntrinsicElements["sl-metro-line"] & JSXBase.HTMLAttributes<HTMLSlMetroLineElement>;
            "sl-metro-line-step": LocalJSX.IntrinsicElements["sl-metro-line-step"] & JSXBase.HTMLAttributes<HTMLSlMetroLineStepElement>;
            "sl-notification-menu": LocalJSX.IntrinsicElements["sl-notification-menu"] & JSXBase.HTMLAttributes<HTMLSlNotificationMenuElement>;
            "sl-overview-page": LocalJSX.IntrinsicElements["sl-overview-page"] & JSXBase.HTMLAttributes<HTMLSlOverviewPageElement>;
            "sl-overview-page-container": LocalJSX.IntrinsicElements["sl-overview-page-container"] & JSXBase.HTMLAttributes<HTMLSlOverviewPageContainerElement>;
            "sl-overview-page-sidebar": LocalJSX.IntrinsicElements["sl-overview-page-sidebar"] & JSXBase.HTMLAttributes<HTMLSlOverviewPageSidebarElement>;
            /**
             * pos right ?
             * faire les tests
             * Revoir le CSS
             */
            "sl-pagination": LocalJSX.IntrinsicElements["sl-pagination"] & JSXBase.HTMLAttributes<HTMLSlPaginationElement>;
            "sl-pagination-light": LocalJSX.IntrinsicElements["sl-pagination-light"] & JSXBase.HTMLAttributes<HTMLSlPaginationLightElement>;
            "sl-profile-preview": LocalJSX.IntrinsicElements["sl-profile-preview"] & JSXBase.HTMLAttributes<HTMLSlProfilePreviewElement>;
            "sl-profile-preview-user-information": LocalJSX.IntrinsicElements["sl-profile-preview-user-information"] & JSXBase.HTMLAttributes<HTMLSlProfilePreviewUserInformationElement>;
            "sl-qrcode": LocalJSX.IntrinsicElements["sl-qrcode"] & JSXBase.HTMLAttributes<HTMLSlQrcodeElement>;
            "sl-search": LocalJSX.IntrinsicElements["sl-search"] & JSXBase.HTMLAttributes<HTMLSlSearchElement>;
            "sl-secondary-nav": LocalJSX.IntrinsicElements["sl-secondary-nav"] & JSXBase.HTMLAttributes<HTMLSlSecondaryNavElement>;
            "sl-secondary-nav-item": LocalJSX.IntrinsicElements["sl-secondary-nav-item"] & JSXBase.HTMLAttributes<HTMLSlSecondaryNavItemElement>;
            "sl-selection-manager": LocalJSX.IntrinsicElements["sl-selection-manager"] & JSXBase.HTMLAttributes<HTMLSlSelectionManagerElement>;
            "sl-selection-manager-item": LocalJSX.IntrinsicElements["sl-selection-manager-item"] & JSXBase.HTMLAttributes<HTMLSlSelectionManagerItemElement>;
            "sl-side-navigation": LocalJSX.IntrinsicElements["sl-side-navigation"] & JSXBase.HTMLAttributes<HTMLSlSideNavigationElement>;
            "sl-side-navigation-info-box": LocalJSX.IntrinsicElements["sl-side-navigation-info-box"] & JSXBase.HTMLAttributes<HTMLSlSideNavigationInfoBoxElement>;
            "sl-side-navigation-item": LocalJSX.IntrinsicElements["sl-side-navigation-item"] & JSXBase.HTMLAttributes<HTMLSlSideNavigationItemElement>;
            "sl-side-navigation-mobile": LocalJSX.IntrinsicElements["sl-side-navigation-mobile"] & JSXBase.HTMLAttributes<HTMLSlSideNavigationMobileElement>;
            "sl-skeleton": LocalJSX.IntrinsicElements["sl-skeleton"] & JSXBase.HTMLAttributes<HTMLSlSkeletonElement>;
            "sl-skeleton-button": LocalJSX.IntrinsicElements["sl-skeleton-button"] & JSXBase.HTMLAttributes<HTMLSlSkeletonButtonElement>;
            "sl-skeleton-card": LocalJSX.IntrinsicElements["sl-skeleton-card"] & JSXBase.HTMLAttributes<HTMLSlSkeletonCardElement>;
            "sl-skeleton-chart": LocalJSX.IntrinsicElements["sl-skeleton-chart"] & JSXBase.HTMLAttributes<HTMLSlSkeletonChartElement>;
            "sl-skeleton-checkbox": LocalJSX.IntrinsicElements["sl-skeleton-checkbox"] & JSXBase.HTMLAttributes<HTMLSlSkeletonCheckboxElement>;
            "sl-skeleton-chip": LocalJSX.IntrinsicElements["sl-skeleton-chip"] & JSXBase.HTMLAttributes<HTMLSlSkeletonChipElement>;
            "sl-skeleton-dropdown": LocalJSX.IntrinsicElements["sl-skeleton-dropdown"] & JSXBase.HTMLAttributes<HTMLSlSkeletonDropdownElement>;
            "sl-skeleton-icon": LocalJSX.IntrinsicElements["sl-skeleton-icon"] & JSXBase.HTMLAttributes<HTMLSlSkeletonIconElement>;
            "sl-skeleton-input": LocalJSX.IntrinsicElements["sl-skeleton-input"] & JSXBase.HTMLAttributes<HTMLSlSkeletonInputElement>;
            "sl-skeleton-list": LocalJSX.IntrinsicElements["sl-skeleton-list"] & JSXBase.HTMLAttributes<HTMLSlSkeletonListElement>;
            "sl-skeleton-paragraph": LocalJSX.IntrinsicElements["sl-skeleton-paragraph"] & JSXBase.HTMLAttributes<HTMLSlSkeletonParagraphElement>;
            "sl-skeleton-radio": LocalJSX.IntrinsicElements["sl-skeleton-radio"] & JSXBase.HTMLAttributes<HTMLSlSkeletonRadioElement>;
            "sl-skeleton-switch": LocalJSX.IntrinsicElements["sl-skeleton-switch"] & JSXBase.HTMLAttributes<HTMLSlSkeletonSwitchElement>;
            "sl-skeleton-table": LocalJSX.IntrinsicElements["sl-skeleton-table"] & JSXBase.HTMLAttributes<HTMLSlSkeletonTableElement>;
            "sl-skeleton-tabs": LocalJSX.IntrinsicElements["sl-skeleton-tabs"] & JSXBase.HTMLAttributes<HTMLSlSkeletonTabsElement>;
            "sl-skeleton-tag": LocalJSX.IntrinsicElements["sl-skeleton-tag"] & JSXBase.HTMLAttributes<HTMLSlSkeletonTagElement>;
            "sl-skeleton-thumbnail": LocalJSX.IntrinsicElements["sl-skeleton-thumbnail"] & JSXBase.HTMLAttributes<HTMLSlSkeletonThumbnailElement>;
            "sl-skeleton-typography": LocalJSX.IntrinsicElements["sl-skeleton-typography"] & JSXBase.HTMLAttributes<HTMLSlSkeletonTypographyElement>;
            "sl-split-button": LocalJSX.IntrinsicElements["sl-split-button"] & JSXBase.HTMLAttributes<HTMLSlSplitButtonElement>;
            "sl-split-button-list-item": LocalJSX.IntrinsicElements["sl-split-button-list-item"] & JSXBase.HTMLAttributes<HTMLSlSplitButtonListItemElement>;
            "sl-sticky-footer": LocalJSX.IntrinsicElements["sl-sticky-footer"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterElement>;
            "sl-sticky-footer-amounts": LocalJSX.IntrinsicElements["sl-sticky-footer-amounts"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterAmountsElement>;
            "sl-sticky-footer-card": LocalJSX.IntrinsicElements["sl-sticky-footer-card"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterCardElement>;
            "sl-sticky-footer-cart": LocalJSX.IntrinsicElements["sl-sticky-footer-cart"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterCartElement>;
            "sl-sticky-footer-enhanced": LocalJSX.IntrinsicElements["sl-sticky-footer-enhanced"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterEnhancedElement>;
            "sl-sticky-footer-modal": LocalJSX.IntrinsicElements["sl-sticky-footer-modal"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterModalElement>;
            "sl-sticky-footer-modal-amounts": LocalJSX.IntrinsicElements["sl-sticky-footer-modal-amounts"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterModalAmountsElement>;
            "sl-sticky-footer-modal-login": LocalJSX.IntrinsicElements["sl-sticky-footer-modal-login"] & JSXBase.HTMLAttributes<HTMLSlStickyFooterModalLoginElement>;
            "sl-subscription-card": LocalJSX.IntrinsicElements["sl-subscription-card"] & JSXBase.HTMLAttributes<HTMLSlSubscriptionCardElement>;
            "sl-table": LocalJSX.IntrinsicElements["sl-table"] & JSXBase.HTMLAttributes<HTMLSlTableElement>;
            "sl-table-accordion-container": LocalJSX.IntrinsicElements["sl-table-accordion-container"] & JSXBase.HTMLAttributes<HTMLSlTableAccordionContainerElement>;
            "sl-table-accordion-header": LocalJSX.IntrinsicElements["sl-table-accordion-header"] & JSXBase.HTMLAttributes<HTMLSlTableAccordionHeaderElement>;
            "sl-table-col": LocalJSX.IntrinsicElements["sl-table-col"] & JSXBase.HTMLAttributes<HTMLSlTableColElement>;
            "sl-table-col-text": LocalJSX.IntrinsicElements["sl-table-col-text"] & JSXBase.HTMLAttributes<HTMLSlTableColTextElement>;
            "sl-table-col-text-item": LocalJSX.IntrinsicElements["sl-table-col-text-item"] & JSXBase.HTMLAttributes<HTMLSlTableColTextItemElement>;
            "sl-table-loading": LocalJSX.IntrinsicElements["sl-table-loading"] & JSXBase.HTMLAttributes<HTMLSlTableLoadingElement>;
            "sl-table-row": LocalJSX.IntrinsicElements["sl-table-row"] & JSXBase.HTMLAttributes<HTMLSlTableRowElement>;
            "sl-tag": LocalJSX.IntrinsicElements["sl-tag"] & JSXBase.HTMLAttributes<HTMLSlTagElement>;
            "sl-tree": LocalJSX.IntrinsicElements["sl-tree"] & JSXBase.HTMLAttributes<HTMLSlTreeElement>;
            "sl-tree-item": LocalJSX.IntrinsicElements["sl-tree-item"] & JSXBase.HTMLAttributes<HTMLSlTreeItemElement>;
            "sl-upload": LocalJSX.IntrinsicElements["sl-upload"] & JSXBase.HTMLAttributes<HTMLSlUploadElement>;
            "sl-upload-form": LocalJSX.IntrinsicElements["sl-upload-form"] & JSXBase.HTMLAttributes<HTMLSlUploadFormElement>;
            "sl-wrapper": LocalJSX.IntrinsicElements["sl-wrapper"] & JSXBase.HTMLAttributes<HTMLSlWrapperElement>;
        }
    }
}