/* 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 { AgentActivityItem, AgentQuestion, AgentQuestionAnswer, AgentQuestionnaireAnswerEventDetail, AgentQuestionnaireCancelEventDetail, AgentQuestionnaireLabels, AgentQuestionnaireStatus, AgentResponsePart, AgentResponseRenderMode, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageCopyResultEventDetail, MessageDeliveryState, MessageDirection, MessageFeedback, MessageGroupPosition, MessageMetadataVisibility, MessageScrollerPosition } from "./components/conversation-types";
import { IconColor, IconSize as IconSize1 } from "./components/Icon/Icon";
import { AvatarSize } from "./components/Avatar/Avatar";
import { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
import { BannerAnnouncement, BannerContrast, BannerIntent, BannerOrientation } from "./components/Banner/Banner";
import { NavChromeStyle } from "./shell/nav-chrome";
import { BarNavTab } from "./components/BarNav/bar-nav-types";
import { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/Breadcrumb/breadcrumb-types";
import { BarTitleActionItem, BarTitlePrimaryAction, BarTitleSectionItem, BarTitleVariant } from "./components/BarTitle/bar-title-types";
import { BarWorkflowStep, BarWorkflowSubmitAction } from "./components/BarWorkflow/bar-workflow-types";
import { MobileDestination, ShellResponsiveMode } from "./shell/shell-responsive";
import { ButtonFilledBackground, ButtonFilledContrast, ButtonFilledIntent, ButtonFilledPopup, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
import { ControlInsetDepth, ControlSize } from "./utils/control-text";
import { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
import { CardChartVariant, CardChartWidth } from "./components/CardChart/CardChart";
import { CardOverviewLayout, CardOverviewVariant, OverviewMetric, OverviewScore } from "./components/CardOverview/card-overview-types";
import { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
import { ChartDefinition } from "./utils/chart-grammar";
import { ChartFocusChangeDetail } from "./components/Chart/Chart";
import { ChartLegendItem } from "./utils/chart-types";
import { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
import { CheckboxSize } from "./components/Checkbox/Checkbox";
import { ChipSize, ChipState } from "./components/Chip/Chip";
import { ConversationListActionLayout } from "./components/ConversationList/ConversationList";
import { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
import { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
import { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
import { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
import { InputSize, InputType, InputWidth } from "./components/Input/Input";
import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
import { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
import { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
import { MenuAlign, MenuSide } from "./components/Menu/menu-position";
import { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
import { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
import { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
import { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
import { MobileBarNavDestinationDetail } from "./components/MobileBarNav/mobile-bar-nav-types";
import { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
import { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
import { TabGroupSize } from "./components/TabGroup/TabGroup";
import { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
import { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pagination/pagination-types";
import { ChromeTransitionDetail } from "./shell/chrome-transition";
import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
import { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
import { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
import { RadioOption, RadioSize } from "./components/Radio/Radio";
import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
import { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
import { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
import { ShellGradientPreset } from "./shell/shell-gradient-presets";
import { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
import { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
import { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
import { SwitchSize } from "./components/Switch/Switch";
import { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
import { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
import { FilterMenuChangeDetail as FilterMenuChangeDetail1, FilterMenuFilter as FilterMenuFilter1, FilterMenuValues as FilterMenuValues1 } from "./components/FilterMenu/FilterMenu";
import { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from "./components/TableSavedViews/table-saved-views-types";
import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
import { TooltipChartItem } from "./components/TooltipChart/TooltipChart";
export { AgentActivityItem, AgentQuestion, AgentQuestionAnswer, AgentQuestionnaireAnswerEventDetail, AgentQuestionnaireCancelEventDetail, AgentQuestionnaireLabels, AgentQuestionnaireStatus, AgentResponsePart, AgentResponseRenderMode, AgentSource, AgentToolState, ConversationAttachment, ConversationItemState, MessageComposerStatus, MessageCopyResultEventDetail, MessageDeliveryState, MessageDirection, MessageFeedback, MessageGroupPosition, MessageMetadataVisibility, MessageScrollerPosition } from "./components/conversation-types";
export { IconColor, IconSize as IconSize1 } from "./components/Icon/Icon";
export { AvatarSize } from "./components/Avatar/Avatar";
export { BadgeSurface, BadgeVariant } from "./components/Badge/Badge";
export { BannerAnnouncement, BannerContrast, BannerIntent, BannerOrientation } from "./components/Banner/Banner";
export { NavChromeStyle } from "./shell/nav-chrome";
export { BarNavTab } from "./components/BarNav/bar-nav-types";
export { BreadcrumbItem, BreadcrumbSelectDetail } from "./components/Breadcrumb/breadcrumb-types";
export { BarTitleActionItem, BarTitlePrimaryAction, BarTitleSectionItem, BarTitleVariant } from "./components/BarTitle/bar-title-types";
export { BarWorkflowStep, BarWorkflowSubmitAction } from "./components/BarWorkflow/bar-workflow-types";
export { MobileDestination, ShellResponsiveMode } from "./shell/shell-responsive";
export { ButtonFilledBackground, ButtonFilledContrast, ButtonFilledIntent, ButtonFilledPopup, ButtonFilledSize, ButtonFilledVariant, ButtonFilledWidth } from "./components/ButtonFilled/ButtonFilled";
export { ControlInsetDepth, ControlSize } from "./utils/control-text";
export { ButtonUnfilledBackground, ButtonUnfilledPopup, ButtonUnfilledSize, ButtonUnfilledVariant, ButtonUnfilledWidth } from "./components/ButtonUnfilled/ButtonUnfilled";
export { CardChartVariant, CardChartWidth } from "./components/CardChart/CardChart";
export { CardOverviewLayout, CardOverviewVariant, OverviewMetric, OverviewScore } from "./components/CardOverview/card-overview-types";
export { CardSettingActionDetail, CardSettingWidth } from "./components/CardSetting/CardSetting";
export { ChartDefinition } from "./utils/chart-grammar";
export { ChartFocusChangeDetail } from "./components/Chart/Chart";
export { ChartLegendItem } from "./utils/chart-types";
export { ChartLegendDirection, ChartLegendPercentageDecimals } from "./components/ChartLegend/ChartLegend";
export { CheckboxSize } from "./components/Checkbox/Checkbox";
export { ChipSize, ChipState } from "./components/Chip/Chip";
export { ConversationListActionLayout } from "./components/ConversationList/ConversationList";
export { DividerBackground, DividerInset, DividerLength, DividerOrientation } from "./components/Divider/Divider";
export { FilterMenuChangeDetail, FilterMenuFilter, FilterMenuSize, FilterMenuValues, FilterMenuWidth } from "./components/FilterMenu/FilterMenu";
export { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
export { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
export { InputSize, InputType, InputWidth } from "./components/Input/Input";
export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
export { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
export { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
export { MenuAlign, MenuSide } from "./components/Menu/menu-position";
export { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
export { MessageBubbleVariant } from "./components/MessageBubble/MessageBubble";
export { ButtonFilledIntent as ButtonFilledIntent1 } from "./components/ButtonFilled/ButtonFilled";
export { PanelNavGroup, PanelNavItem, PanelNavRouterMode, PanelNavUserActionDetail } from "./components/PanelNav/panel-nav-types";
export { MobileBarNavDestinationDetail } from "./components/MobileBarNav/mobile-bar-nav-types";
export { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeaderTone } from "./components/MobileHeader/mobile-header-types";
export { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
export { TabGroupSize } from "./components/TabGroup/TabGroup";
export { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
export { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pagination/pagination-types";
export { ChromeTransitionDetail } from "./shell/chrome-transition";
export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
export { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
export { PaperTextureConfig } from "./components/PaperTexture/paper-texture-types";
export { RadioOption, RadioSize } from "./components/Radio/Radio";
export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
export { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectOptionSubtextActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
export { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
export { ShellGradientPreset } from "./shell/shell-gradient-presets";
export { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
export { SkeletonBackground, SkeletonVariant } from "./components/Skeleton/Skeleton";
export { LineTruncation, TextAlign, TextColor, TextDecoration, TextElement, TextFontFeature, TextVariant, TextWrap } from "./components/Text/text-types";
export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from "./components/Slider/Slider";
export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
export { SwitchSize } from "./components/Switch/Switch";
export { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
export { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
export { FilterMenuChangeDetail as FilterMenuChangeDetail1, FilterMenuFilter as FilterMenuFilter1, FilterMenuValues as FilterMenuValues1 } from "./components/FilterMenu/FilterMenu";
export { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDetail, TableSavedViewDiscardDetail, TableSavedViewRemoveDetail, TableSavedViewRenameDetail, TableSavedViewSaveDetail } from "./components/TableSavedViews/table-saved-views-types";
export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
export { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
export { TooltipChartItem } from "./components/TooltipChart/TooltipChart";
export namespace Components {
    interface DsAgentActivity {
        /**
          * @default 'Activity'
         */
        "heading": string;
        /**
          * @default []
         */
        "items": AgentActivityItem[];
        /**
          * @default false
         */
        "open": boolean;
    }
    interface DsAgentQuestionnaire {
        /**
          * @default false
         */
        "allowCancel": boolean;
        /**
          * @default []
         */
        "answers": AgentQuestionAnswer[];
        "errorMessage"?: string;
        "labels"?: Partial<AgentQuestionnaireLabels>;
        "questions": AgentQuestion[];
        "requestId": string;
        "setFocus": () => Promise<void>;
        /**
          * @default 'ready'
         */
        "status": AgentQuestionnaireStatus;
    }
    interface DsAgentResponse {
        /**
          * @default ''
         */
        "author": string;
        /**
          * @default ''
         */
        "messageId": string;
        /**
          * Controls whether the complete message metadata footer is persistent or revealed through hover/focus.
          * @default 'always'
         */
        "metadataVisibility": MessageMetadataVisibility;
        /**
          * @default []
         */
        "parts": AgentResponsePart[];
        /**
          * Renders serializable ordered parts or lets the default slot own the complete ordered body.
          * @default 'parts'
         */
        "renderMode": AgentResponseRenderMode;
        /**
          * @default true
         */
        "showAuthor": boolean;
        /**
          * @default false
         */
        "streaming": boolean;
        /**
          * @default ''
         */
        "timestamp": string;
    }
    interface DsAgentSourceList {
        /**
          * @default 'Sources'
         */
        "heading": string;
        /**
          * @default []
         */
        "items": AgentSource[];
        /**
          * @default false
         */
        "open": boolean;
    }
    interface DsAgentToolCall {
        "error"?: string;
        "input"?: unknown;
        /**
          * @default ''
         */
        "label": string;
        /**
          * @default ''
         */
        "name": string;
        /**
          * @default false
         */
        "open": boolean;
        "output"?: unknown;
        /**
          * @default 'queued'
         */
        "state": AgentToolState;
        "statusLabel"?: string;
    }
    interface DsAttachmentList {
        /**
          * @default []
         */
        "items": ConversationAttachment[];
        /**
          * @default 'Attachments'
         */
        "label": string;
    }
    interface DsAvatar {
        /**
          * Canonical IcoMo icon name displayed inside the avatar.
          * @default ''
         */
        "icon": string;
        /**
          * Semantic icon hierarchy. Use primary for stronger emphasis; secondary is the default.
          * @default 'secondary'
         */
        "iconColor": IconColor;
        /**
          * Optional accessible label. Omit when the surrounding content already conveys the meaning.
         */
        "label": string | undefined;
        /**
          * Circle and icon density. Maps to 32/20, 24/16, or 16/12 px.
          * @default 'md'
         */
        "size": AvatarSize;
    }
    interface DsBadge {
        /**
          * Direct ring background override for component-local surfaces.
         */
        "background": string | undefined;
        /**
          * Count shown for counter badges. Count 0 hides the badge.
          * @default 0
         */
        "count": number;
        /**
          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled under an ShellApp with an active gradient preset; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
          * @default false
         */
        "gradientBackground": boolean;
        /**
          * Show the separation ring when the badge overlaps an icon or other content.
          * @default true
         */
        "hasRing": boolean;
        /**
          * Contextual supplemental text. Omit when the owner hides the badge from assistive technology.
         */
        "label": string | undefined;
        /**
          * Highest count shown before compacting to "{max}+".
          * @default 9
         */
        "max": number;
        /**
          * Immediate backing surface matched by the ring around either variant.
          * @default 'primary'
         */
        "surface": BadgeSurface;
        /**
          * Render as a compact counter or notification dot.
          * @default 'counter'
         */
        "variant": BadgeVariant;
    }
    interface DsBanner {
        /**
          * Live-region urgency, independent of visual intent.
          * @default 'none'
         */
        "announcement": BannerAnnouncement;
        /**
          * Surface fill weight.
          * @default 'faint'
         */
        "contrast": BannerContrast;
        /**
          * Required explanatory copy.
         */
        "description": string;
        /**
          * Localized accessible label for the close control.
          * @default 'Dismiss banner'
         */
        "dismissLabel": string;
        /**
          * Optional visual heading rendered before the description.
          * @default ''
         */
        "heading": string;
        /**
          * Semantic color family.
          * @default 'neutral'
         */
        "intent": BannerIntent;
        /**
          * Controlled visibility. Keep the element mounted until dsAfterClose when unmounting.
          * @default true
         */
        "open": boolean;
        /**
          * Copy and action-lane arrangement, selected by the application.
          * @default 'horizontal'
         */
        "orientation": BannerOrientation;
    }
    interface DsBarAction {
        /**
          * Visible Clear control label.
          * @default 'Clear'
         */
        "clearLabel": string;
        /**
          * Number of selected items. The bar is hidden while this is below one.
          * @default 0
         */
        "count": number;
        /**
          * Accessible name for the selected-set action group.
          * @default 'Selected item actions'
         */
        "label": string;
        /**
          * Localized noun shown after the count.
          * @default 'selected'
         */
        "selectedLabel": string;
    }
    interface DsBarNav {
        /**
          * Section base path (e.g. `/dashboard/safety`). Used with `currentUrl` to derive `value`.
          * @default ''
         */
        "basePath": string;
        /**
          * Current route URL. When set with `basePath`, the active tab is derived automatically.
          * @default ''
         */
        "currentUrl": string;
        /**
          * Fallback heading shown when no tabs are provided. When tabs are present the heading is hidden.
         */
        "heading": string | undefined;
        /**
          * @default 'More tabs'
         */
        "moreTabsLabel": string;
        /**
          * Style slot: `dashboard` or `settings`. Colors match for now.
          * @default 'dashboard'
         */
        "navStyle": NavChromeStyle;
        /**
          * Tab items for the left section. Set via JS property: `el.tabs = [...]`. Replace the array reference to update.
          * @default []
         */
        "tabs": BarNavTab[];
        /**
          * ID of the currently active tab. Overridden when `currentUrl` + `basePath` are set.
          * @default ''
         */
        "value": string;
    }
    interface DsBarTitle {
        /**
          * Secondary page actions shown in the overflow menu. Dividers create groups.
          * @default []
         */
        "actions": BarTitleActionItem[];
        /**
          * Accessible name for the page-actions menu.
          * @default 'More page actions'
         */
        "actionsAriaLabel": string;
        /**
          * Accessible name for the leading Back action.
          * @default 'Back'
         */
        "backAriaLabel": string;
        /**
          * Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.
          * @default 'Back'
         */
        "backLabel": string;
        /**
          * Accessible name for the expanded breadcrumb navigation landmark.
          * @default 'Breadcrumb'
         */
        "breadcrumbAriaLabel": string;
        /**
          * Optional expanded ancestor path. Compact variants continue to use the Back action.
          * @default []
         */
        "breadcrumbs": BreadcrumbItem[];
        /**
          * Optional supporting copy shown in the expanded presentation.
          * @default ''
         */
        "description": string;
        /**
          * The page's single visible h1.
         */
        "heading": string;
        /**
          * The one highest-emphasis page action.
          * @default null
         */
        "primaryAction": BarTitlePrimaryAction | null;
        /**
          * Optional page sections exposed through the active-section menu.
          * @default []
         */
        "sections": BarTitleSectionItem[];
        /**
          * Accessible name for the page-section menu.
          * @default 'Change page section'
         */
        "sectionsAriaLabel": string;
        /**
          * Show the leading page-level Back action.
          * @default false
         */
        "showBack": boolean;
        /**
          * Override divider visibility for compact and constrained variants.
         */
        "showCompactDivider"?: boolean;
        /**
          * Draw the page-title divider beneath the header.
          * @default true
         */
        "showDivider": boolean;
        /**
          * Id of the active page section.
          * @default ''
         */
        "value": string;
        /**
          * Explicit visual/capacity variant. ShellPage owns automatic selection.
          * @default 'expanded'
         */
        "variant": BarTitleVariant;
    }
    interface DsBarWorkflow {
        /**
          * Workflow-specific accessible name for Exit.
          * @default 'Exit workflow'
         */
        "exitAriaLabel": string;
        /**
          * Concise tooltip label for the Exit control.
          * @default 'Exit'
         */
        "exitLabel": string;
        /**
          * The workflow's single visible h1.
         */
        "heading": string;
        /**
          * Prevent advancing while the current step is incomplete or invalid.
          * @default false
         */
        "isNextInactive": boolean;
        /**
          * Tooltip and accessible name for the next-step control.
          * @default 'Next step'
         */
        "nextLabel": string;
        /**
          * Tooltip and accessible name for the previous-step control.
          * @default 'Previous step'
         */
        "previousLabel": string;
        /**
          * Explicit shell breakpoint presentation. Mobile keeps the same controlled workflow state.
          * @default 'desktop'
         */
        "responsiveMode": ShellResponsiveMode;
        /**
          * Ordered workflow steps. Step state is controlled by the application.
          * @default []
         */
        "steps": BarWorkflowStep[];
        /**
          * The final-step Save or Submit action.
          * @default {     label: 'Save',     type: 'submit',   }
         */
        "submitAction": BarWorkflowSubmitAction;
        /**
          * Id of the current workflow step. Falls back to the first step.
          * @default ''
         */
        "value": string;
    }
    interface DsBreadcrumb {
        /**
          * Accessible name for the breadcrumb navigation landmark.
          * @default 'Breadcrumb'
         */
        "ariaLabel": string;
        /**
          * Ordered path from the broadest ancestor to the nearest page.
          * @default []
         */
        "items": BreadcrumbItem[];
    }
    interface DsButtonFilled {
        /**
          * Accessible name override. Required for icon-only buttons.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Actual parent surface context for the optional inset border color only. Omit on primary and secondary surfaces.
         */
        "background": ButtonFilledBackground | undefined;
        /**
          * Background fill weight. Foreground uses the paired contrast token: bold → faint, strong → medium, medium → strong, faint → bold.
          * @default 'bold'
         */
        "contrast": ButtonFilledContrast;
        /**
          * ID of the popup this button controls.
         */
        "controls": string | undefined;
        /**
          * Controlled open state of the popup this button triggers. Holds the pressed wash for the popup's rendered lifecycle. ButtonFilled has no selected state, so an open popup never promotes to an active treatment.
         */
        "expanded": boolean | undefined;
        /**
          * Show a 1px secondary inset border.
          * @default false
         */
        "hasBorder": boolean;
        /**
          * This action *has* a menu: implies `aria-haspopup="menu"` and adds the trailing chevron that carries the affordance.  Only `label` and `icon-label` are supported. A filled button is never the overflow / more-options control — that role belongs to ButtonUnfilled with an `Ellipses` glyph, which conveys the menu without a chevron.  Use `haspopup` directly for non-menu popups.
          * @default false
         */
        "hasMenu": boolean;
        /**
          * Popup type exposed to assistive technology.
         */
        "haspopup": ButtonFilledPopup | undefined;
        /**
          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
          * @default ''
         */
        "icon": string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth": ControlInsetDepth;
        /**
          * Semantic colour intent.
          * @default 'brand'
         */
        "intent": ButtonFilledIntent;
        /**
          * Disables interaction.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Use reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset": boolean;
        /**
          * Shows an inline loader and prevents interaction without applying inactive opacity.
          * @default false
         */
        "isLoading": boolean;
        /**
          * Visible text for `label` / `icon-label` variants.
          * @default ''
         */
        "label": string;
        /**
          * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
          * @default true
         */
        "pressScale": boolean;
        /**
          * Use the half-radius treatment instead of the default control radius.
          * @default false
         */
        "rounded": boolean;
        "setFocus": () => Promise<void>;
        /**
          * Control density (height, padding, icon, type).
          * @default 'md'
         */
        "size": ButtonFilledSize;
        /**
          * Native button type.
          * @default 'button'
         */
        "type": 'button' | 'submit' | 'reset';
        /**
          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
          * @default 'label'
         */
        "variant": ButtonFilledVariant;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width": ButtonFilledWidth;
    }
    interface DsButtonUnfilled {
        /**
          * When active, render the selected interaction fill. Default `true` for general UI. Shell chrome (nav / tool rails) should pass `false` so selection is foreground-only (primary color, no fill).
          * @default true
         */
        "activeFill": boolean;
        /**
          * Accessible name override. Required for icon-only buttons.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background": ButtonUnfilledBackground | undefined;
        /**
          * Collapse the visible label and chevron to an icon-only control when the owning `ds-table` caption is narrower than 900px. The trigger omits those parts rather than clipping them.
          * @default false
         */
        "collapseLabel": boolean;
        "controls": string | undefined;
        /**
          * Show a notification dot at the top-right of the icon zone (icon variant only).
          * @default false
         */
        "dot": boolean;
        /**
          * Controlled disclosure or popup state forwarded to `aria-expanded`. Popup triggers hold only the pressed wash while open; their resting foreground is unchanged. Ordinary disclosures remain visually neutral.
         */
        "expanded": boolean | undefined;
        /**
          * Native `tabindex` for roving keyboard groups in shell chrome. Omit for the default button tab stop (`0`).
         */
        "focusTabIndex"?: number;
        /**
          * Show a 1px secondary inset border. Default on; shell chrome can pass `false`.
          * @default true
         */
        "hasBorder": boolean;
        /**
          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu. No chevron is added, so the glyph must   convey the menu on its own. Use `Ellipses` for generic more-options;   use a specific icon when the menu has a named purpose, such as   `Table` for Customize table.  Use `haspopup` directly for non-menu popups.
          * @default false
         */
        "hasMenu": boolean;
        "haspopup": ButtonUnfilledPopup | undefined;
        /**
          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
          * @default ''
         */
        "icon": string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth": ControlInsetDepth;
        /**
          * Owner-controlled visual emphasis inside a composite. This does not add toggle semantics and does not emit dsChange.
          * @default false
         */
        "isActive": boolean;
        /**
          * Disables interaction.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Use reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset": boolean;
        /**
          * Shows an inline loader and prevents interaction without applying inactive opacity.
          * @default false
         */
        "isLoading": boolean;
        /**
          * Visible text for `label` / `icon-label` variants.
          * @default ''
         */
        "label": string;
        /**
          * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
          * @default true
         */
        "pressScale": boolean;
        /**
          * Controlled state for a genuine toggle button. Adds aria-pressed, promotes active styling, and makes activation emit dsChange with the requested state.
         */
        "pressed": boolean | undefined;
        /**
          * Use the half-radius treatment instead of the default control radius.
          * @default false
         */
        "rounded": boolean;
        "setFocus": () => Promise<void>;
        /**
          * Control density (height, padding, icon, type).
          * @default 'md'
         */
        "size": ButtonUnfilledSize;
        /**
          * Native button type.
          * @default 'button'
         */
        "type": 'button' | 'submit' | 'reset';
        /**
          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
          * @default 'label'
         */
        "variant": ButtonUnfilledVariant;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width": ButtonUnfilledWidth;
    }
    /**
     * Standard chart card chrome and composition. The variant owns
     * only the chart/legend relationship; applications continue to own data.
     */
    interface DsCardChart {
        /**
          * Width token with the matching chart-card min-height.
          * @default 'md'
         */
        "cardWidth": CardChartWidth;
        /**
          * @default 'Filter'
         */
        "filterLabel": string;
        /**
          * Chart heading shown in the card header.
         */
        "heading": string;
        /**
          * Renders the standard filter action before custom actions.
          * @default false
         */
        "showFilter": boolean;
        /**
          * Chart composition behavior.
          * @default 'custom'
         */
        "variant": CardChartVariant;
    }
    interface DsCardOverview {
        /**
          * Copy between the current period and comparison control, usually `vs.`.
          * @default ''
         */
        "comparisonLabel": string;
        /**
          * Replace the score and metrics with skeletons while data resolves.
          * @default false
         */
        "isLoading": boolean;
        /**
          * Intrinsic responsive layout, or a page-owned single-column stack.
          * @default 'auto'
         */
        "layout": CardOverviewLayout;
        /**
          * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
          * @default '200px'
         */
        "metricMinWidth": string;
        /**
          * Measures rendered in the responsive grid. Only the first seven are shown.
          * @default []
         */
        "metrics": OverviewMetric[];
        /**
          * Accessible name for the region.
          * @default 'Overview'
         */
        "overviewLabel": string;
        /**
          * Fixed current date or range. Replaced by content in the `period` slot.
          * @default ''
         */
        "periodLabel": string;
        /**
          * Optional nonselectable safety score rendered as the first grid cell.
         */
        "score": OverviewScore | undefined;
        /**
          * Message shown in place of the score when its figure cannot be resolved.
         */
        "scoreErrorMessage": string | undefined;
        /**
          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps the period bar stationary, and moves/clips the grid beneath it. The page still owns sticky positioning and the final compact handoff.
          * @default 0
         */
        "scrollCollapseProgress": number;
        /**
          * Full summary card, or the condensed 48px summary bar.
          * @default 'default'
         */
        "variant": CardOverviewVariant;
    }
    interface DsCardSetting {
        /**
          * @default 'Cancel'
         */
        "cancelLabel": string;
        /**
          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so the body fills available space even when the slot is empty.
          * @default 'md'
         */
        "cardWidth": CardSettingWidth;
        /**
          * @default 'Edit'
         */
        "editLabel": string;
        /**
          * Controlled edit state — parent owns single-edit orchestration.
          * @default false
         */
        "editing": boolean;
        /**
          * Section heading shown in the card header.
         */
        "heading": string;
        /**
          * @default 'Save'
         */
        "saveLabel": string;
    }
    interface DsChart {
        /**
          * Derives height from the current width when height is not supplied.
         */
        "aspectRatio"?: number;
        /**
          * Typed chart definition. Set as a JavaScript property, not an HTML attribute.
         */
        "definition": ChartDefinition;
        /**
          * Optional longer accessible description.
         */
        "description"?: string;
        /**
          * Product-owned surface height. Wins over aspectRatio.
         */
        "height"?: number;
        /**
          * Required accessible name for the visualization.
         */
        "label": string;
        /**
          * Locale used by axes and default tooltip formatters.
         */
        "locale"?: string;
        /**
          * Fixed surface width. Otherwise the chart observes its container.
         */
        "width"?: number;
    }
    /**
     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
     * legends differently (list w/ values, compact chips, bare swatches, external
     * stat callouts) — this covers the common "swatch + label + optional value" case.
     * Consumers who need a different treatment skip this component entirely and
     * render their own markup against the same `ChartLegendItem[]` data.
     */
    interface DsChartLegend {
        /**
          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling chart's `dsSliceHover` event to keep chart and legend hover in sync. Only dims the other rows' opacity (like a chart dimming its other slices) — it never shows the hover-fill, since that's reserved for a real pointer/keyboard interaction on this row.
          * @default null
         */
        "activeLabel": string | null;
        /**
          * @default 'vertical'
         */
        "direction": ChartLegendDirection;
        /**
          * Let local pointer/focus movement highlight one item and emit `dsItemHover`.
          * @default true
         */
        "highlightOnHover": boolean;
        /**
          * Legend entries. Set as a JS property (not an HTML attribute).
          * @default []
         */
        "items": ChartLegendItem[];
        "locale": string | undefined;
        /**
          * Fixed number of decimal places shown for percentages.
          * @default 1
         */
        "percentageDecimals": ChartLegendPercentageDecimals;
        /**
          * Show each item's share of the total (of items with a `value`) alongside its count.
          * @default true
         */
        "showPercentage": boolean;
    }
    interface DsCheckbox {
        /**
          * Current checked state.
          * @default false
         */
        "checked": boolean;
        /**
          * Optional supporting description associated with the checkbox.
         */
        "description"?: string;
        /**
          * Native disabled state.
          * @default false
         */
        "disabled": boolean;
        /**
          * Mixed visual state. Activation clears it before toggling checked.
          * @default false
         */
        "indeterminate": boolean;
        /**
          * Design-system inactive state.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Visible label and accessible name. Omitted only in presentation mode.
         */
        "label": string;
        /**
          * Native form field name.
         */
        "name": string | undefined;
        /**
          * Visual-only indicator for a composite control that owns selection semantics.
          * @default false
         */
        "presentation": boolean;
        /**
          * Require the checkbox to be checked for form validity.
          * @default false
         */
        "required": boolean;
        /**
          * Validation message used when a required checkbox is unchecked.
          * @default 'This field is required.'
         */
        "requiredMessage": string;
        /**
          * Visual and placement density.
          * @default 'md'
         */
        "size": CheckboxSize;
        /**
          * Submitted value when checked.
          * @default 'on'
         */
        "value": string;
    }
    /**
     * Removable chip — same density recipe as Tag, but colored by semantic `state`
     * (not intent × contrast). Not a toggle/select control; the only intentional
     * action is remove.
     */
    interface DsChip {
        /**
          * @default false
         */
        "isInactive": boolean;
        "label": string;
        "maxWidth": string | number | undefined;
        /**
          * Accessible remove action. Use `{label}` as the chip-label placeholder.
          * @default 'Remove {label}'
         */
        "removeLabel": string;
        /**
          * @default false
         */
        "rounded": boolean;
        /**
          * @default 'md'
         */
        "size": ChipSize;
        /**
          * Semantic color state.
          * @default 'default'
         */
        "state": ChipState;
    }
    interface DsCodeBlock {
        /**
          * @default ''
         */
        "code": string;
        /**
          * @default ''
         */
        "filename": string;
        /**
          * @default ''
         */
        "language": string;
    }
    interface DsConversationList {
        /**
          * Corner icon action or full-width persistent footer action.
          * @default 'floating'
         */
        "actionLayout": ConversationListActionLayout;
    }
    interface DsConversationListItem {
        /**
          * Keep the contextual-actions surface visible while its popup is open or closing.
          * @default false
         */
        "actionsOpen": boolean;
        /**
          * @default ''
         */
        "conversationId": string;
        /**
          * Visible conversation title. Named to avoid the native HTMLElement.title contract.
          * @default ''
         */
        "conversationTitle": string;
        /**
          * @default ''
         */
        "preview": string;
        /**
          * @default false
         */
        "selected": boolean;
        /**
          * @default 'default'
         */
        "state": ConversationItemState;
        /**
          * @default ''
         */
        "statusLabel": string;
        /**
          * @default 0
         */
        "unreadCount": number;
        /**
          * ISO timestamp for semantic activity metadata.
          * @default ''
         */
        "updatedAt": string;
    }
    interface DsConversationListSection {
        /**
          * Visible section heading.
          * @default ''
         */
        "heading": string;
        /**
          * Optional stable id used for the section heading.
          * @default ''
         */
        "sectionId": string;
    }
    interface DsDivider {
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background": DividerBackground | undefined;
        /**
          * Insets the divider from its start/end edges. Accepts spacing token names or any CSS length.
          * @default 'none'
         */
        "inset": DividerInset;
        /**
          * Visual line length. Defaults to filling the available axis. Accepts any CSS length.
          * @default 'auto'
         */
        "length": DividerLength;
        /**
          * Direction of the divider line. Defaults to 'horizontal'.
          * @default 'horizontal'
         */
        "orientation": DividerOrientation;
        /**
          * Expose the divider as a semantic separator. Visual-only dividers are hidden from assistive tech by default.
          * @default false
         */
        "semantic": boolean;
    }
    interface DsEmptyState {
        /**
          * Explanatory empty-state copy. Every supported variant includes body text.
          * @default ''
         */
        "body": string;
        /**
          * Optional visual title. Use with body; required when icon is provided.
         */
        "heading": string | undefined;
        /**
          * Optional decorative prefix glyph for the complete icon + title + body variant.
         */
        "icon": string | undefined;
    }
    interface DsField {
        /**
          * Optional guidance associated with the slotted control while no visible error is shown.
         */
        "description": string | undefined;
        /**
          * Invalid visual and accessible state forwarded to supported ds controls.
          * @default false
         */
        "error": boolean;
        /**
          * Visible error associated with the slotted control while error is true.
         */
        "errorMessage": string | undefined;
        /**
          * Explicit ID for the slotted control; generated when omitted.
         */
        "fieldId": string | undefined;
        /**
          * Persistent visible label for the single slotted control.
         */
        "label": string;
    }
    interface DsFilterMenu {
        /**
          * Show selected interaction fill when one or more criteria are active.
          * @default false
         */
        "activeFill": boolean;
        /**
          * Controlled category shown in the option pane.
         */
        "activeFilterId": string | undefined;
        /**
          * Cross-axis alignment against the trigger.
          * @default 'end'
         */
        "align": AnchoredAlign;
        /**
          * Cross-axis offset — number in px or a TokoMo length.
          * @default 0
         */
        "alignOffset": number | string;
        /**
          * External trigger element to position against.
         */
        "anchor": HTMLElement | undefined;
        /**
          * ID of the external trigger element used for positioning and focus return.
         */
        "anchorId": string | undefined;
        /**
          * Direct accessible name for the internal select trigger.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Accessible name for the category tab list.
          * @default 'Filter categories'
         */
        "categoriesLabel": string;
        /**
          * Footer action and date-clear accessible label.
          * @default 'Clear'
         */
        "clearLabel": string;
        /**
          * Opt into table-caption icon-only chrome below 900px. The trigger omits its visible label and chevron; keep an accessible name via aria-label.
          * @default false
         */
        "collapseLabel": boolean;
        /**
          * Product-owned filter categories and option definitions.
          * @default []
         */
        "filters": FilterMenuFilter[];
        /**
          * Show the surface-aware inset border around the select trigger.
          * @default true
         */
        "hasBorder": boolean;
        /**
          * Optional select trigger prefix icon name.
          * @default 'Filters'
         */
        "icon": string | undefined;
        /**
          * Show a visible focus ring on initial entry after keyboard activation.
          * @default false
         */
        "initialFocusVisible": boolean;
        /**
          * ID applied to the internal select trigger.
         */
        "inputId": string | undefined;
        /**
          * Accessible name for the non-modal filter dialog.
          * @default 'Filters'
         */
        "menuLabel": string;
        /**
          * Popup width. It remains clamped to the viewport by the component recipe.
          * @default TOKEN_CSS_LENGTHS.menuWidthLg
         */
        "menuWidth": string;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open": boolean;
        /**
          * Preferred popup side; collision handling may flip it.
          * @default 'bottom'
         */
        "side": AnchoredSide;
        /**
          * Gap between trigger and popup — number in px or a TokoMo length.
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset": number | string;
        /**
          * Select trigger density.
          * @default 'md'
         */
        "size": FilterMenuSize;
        /**
          * Select trigger text. The selected count is appended automatically.
          * @default 'Filters'
         */
        "triggerLabel": string;
        /**
          * Controlled values keyed by filter id.
          * @default {}
         */
        "values": FilterMenuValues;
        /**
          * Select trigger width fit.
          * @default 'hug'
         */
        "width": FilterMenuWidth;
    }
    interface DsIcon {
        /**
          * Semantic foreground color token, or a raw CSS var reference. `tertiary` and the still-fainter `quaternary` are restricted to icons inside genuinely inactive/disabled UI or to purely decorative icons; informative icons must retain sufficient contrast.
          * @default 'inherit'
         */
        "color": IconColor1;
        /**
          * Accessible label. Sets `role="img"` and `aria-label`. Omit for decorative icons.
         */
        "label": string | undefined;
        /**
          * Exact canonical IcoMo export name, including the `Flag` prefix for flags.
          * @default ''
         */
        "name": string;
        /**
          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
          * @default 'md'
         */
        "size": IconSize;
    }
    interface DsInput {
        "ariaDescribedby": string | undefined;
        /**
          * @default null
         */
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        /**
          * Native browser autofill hint.
         */
        "autoComplete": string | undefined;
        /**
          * @default false
         */
        "autoFocus": boolean;
        /**
          * @default 'Clear'
         */
        "clearLabel": string;
        /**
          * @default false
         */
        "disabled": boolean;
        /**
          * Preferred virtual-keyboard action label.
          * @default ''
         */
        "enterKeyHint": string;
        /**
          * @default false
         */
        "error": boolean;
        "errorMessage": string | undefined;
        "form": string | undefined;
        /**
          * Show the standard inset border, including focused and invalid strokes.
          * @default true
         */
        "hasBorder": boolean;
        /**
          * Optional leading icon name.
         */
        "icon": string | undefined;
        /**
          * Associates the internal input with an external <label>.
         */
        "inputId": string | undefined;
        /**
          * Preferred virtual keyboard without changing the value semantics.
          * @default ''
         */
        "inputMode": string;
        /**
          * @default false
         */
        "isInactive": boolean;
        /**
          * Maximum accepted value when type is number.
         */
        "max": number | undefined;
        /**
          * Minimum accepted value when type is number.
         */
        "min": number | undefined;
        "name": string | undefined;
        "placeholder": string | undefined;
        /**
          * Keeps the value focusable and submittable while preventing edits.
          * @default false
         */
        "readOnly": boolean;
        /**
          * @default false
         */
        "required": boolean;
        /**
          * @default 'This field is required.'
         */
        "requiredMessage": string;
        "setFocus": () => Promise<void>;
        /**
          * Control density.
          * @default 'md'
         */
        "size": InputSize;
        /**
          * Numeric increment used by native stepping and constraint validation.
         */
        "step": number | undefined;
        /**
          * @default 'text'
         */
        "type": InputType;
        /**
          * @default ''
         */
        "value": string;
        /**
          * Width fit — fill the parent (default) or hug the available content.
          * @default 'fill'
         */
        "width": InputWidth;
    }
    interface DsLoader {
        /**
          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`. Do not use `tertiary` or `quaternary` for a standalone or informative Loader; inherit a readable color from the owning busy control or region.
          * @default 'inherit'
         */
        "color": LoaderColor;
        /**
          * Accessible label for standalone usage. Wraps the spinner in a live region and renders the label visually-hidden. Omit when the host element already conveys busy state via aria-busy.
         */
        "label": string | undefined;
        /**
          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
          * @default 'md'
         */
        "size": LoaderSize;
    }
    interface DsMarkdown {
        /**
          * @default ''
         */
        "content": string;
        /**
          * @default false
         */
        "streaming": boolean;
    }
    interface DsMenu {
        /**
          * @default 'start'
         */
        "align": MenuAlign;
        /**
          * Cross-axis offset — number (px) or TokoMo length.
          * @default 0
         */
        "alignOffset": number | string;
        /**
          * External trigger element to position against. Set via JS: menuEl.anchor = buttonEl
         */
        "anchor": HTMLElement | undefined;
        /**
          * Align choice-row edges to the anchor by default; use `popup-frame` only for custom frame geometry.
          * @default 'choice-cell'
         */
        "anchorAlignment": ChoicePopupAnchorAlignment;
        /**
          * ID of the external trigger element for positioning
         */
        "anchorId": string | undefined;
        /**
          * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
          * @default false
         */
        "initialFocusVisible": boolean;
        /**
          * @default []
         */
        "items": MenuItemData[];
        /**
          * Accessible name for the popup menu.
          * @default 'Menu'
         */
        "menuLabel": string;
        "menuWidth": string | undefined;
        "minWidth": string | undefined;
        /**
          * @default false
         */
        "open": boolean;
        /**
          * @default []
         */
        "sections": MenuSection[];
        /**
          * Give ordinary rows mutually-exclusive menu semantics using isSelected.
          * @default 'none'
         */
        "selectionMode": MenuSelectionMode;
        /**
          * Preferred side; placement flips to the opposite side when that offers a better fit.
          * @default 'bottom'
         */
        "side": MenuSide;
        /**
          * Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.).
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset": number | string;
        /**
          * Choice-row density.
          * @default 'md'
         */
        "size": MenuSize;
    }
    interface DsMessage {
        /**
          * @default ''
         */
        "author": string;
        "deliveryState": MessageDeliveryState | undefined;
        /**
          * @default 'incoming'
         */
        "direction": MessageDirection;
        /**
          * @default 'single'
         */
        "groupPosition": MessageGroupPosition;
        /**
          * @default ''
         */
        "messageId": string;
        /**
          * Controls whether the complete metadata footer is persistent or revealed through hover/focus.
          * @default 'always'
         */
        "metadataVisibility": MessageMetadataVisibility;
        /**
          * @default false
         */
        "scrollAnchor": boolean;
        /**
          * Keep author semantics while allowing products with self-evident roles to hide the visible label.
          * @default true
         */
        "showAuthor": boolean;
        /**
          * @default false
         */
        "streaming": boolean;
        /**
          * ISO timestamp.
          * @default ''
         */
        "timestamp": string;
    }
    interface DsMessageActions {
        "copyText": string | undefined;
        "feedback": MessageFeedback | undefined;
        /**
          * @default false
         */
        "feedbackEnabled": boolean;
    }
    interface DsMessageBubble {
        /**
          * @default 'received'
         */
        "variant": MessageBubbleVariant;
    }
    interface DsMessageComposer {
        /**
          * Submission failure shown while status is error.
         */
        "errorMessage"?: string;
        /**
          * @default false
         */
        "isInactive": boolean;
        /**
          * @default 'Message'
         */
        "label": string;
        /**
          * @default 'Write a message'
         */
        "placeholder": string;
        "setFocus": () => Promise<void>;
        /**
          * @default 'ready'
         */
        "status": MessageComposerStatus;
        /**
          * @default 'brand'
         */
        "submitIntent": ButtonFilledIntent1;
        /**
          * @default ''
         */
        "value": string;
    }
    interface DsMessageScroller {
        /**
          * @default true
         */
        "autoFollow": boolean;
        /**
          * @default false
         */
        "busy": boolean;
        /**
          * @default 'last-anchor'
         */
        "defaultPosition": MessageScrollerPosition;
        /**
          * @default 'Messages'
         */
        "messagesLabel": string;
        "scrollToEnd": () => Promise<void>;
        "scrollToMessage": (id: string) => Promise<boolean>;
        "scrollToStart": () => Promise<void>;
    }
    interface DsMobileBarNav {
        /**
          * @default 'area'
         */
        "activeDestination": MobileDestination;
        /**
          * @default false
         */
        "agentsDot": boolean;
        /**
          * @default 'Agents'
         */
        "agentsLabel": string;
        /**
          * @default {     id: 'tracking',     icon: 'MapPage',     label: 'Tracking',   }
         */
        "currentArea": PanelNavItem;
        "focusDestination": (destination: MobileDestination | "sheet-nav") => Promise<void>;
        /**
          * @default 'Help & Support'
         */
        "helpLabel": string;
        /**
          * @default false
         */
        "inboxDot": boolean;
        /**
          * @default 'Inbox'
         */
        "inboxLabel": string;
        /**
          * @default 'Menu'
         */
        "menuLabel": string;
        /**
          * @default false
         */
        "messagesDot": boolean;
        /**
          * @default 'Messages'
         */
        "messagesLabel": string;
        /**
          * @default false
         */
        "searchDot": boolean;
        /**
          * @default 'Search'
         */
        "searchLabel": string;
        /**
          * @default false
         */
        "sheetNavExpanded": boolean;
    }
    interface DsMobileHeader {
        /**
          * Static title used when no peer sections are supplied.
          * @default ''
         */
        "heading": string;
        /**
          * Semantic heading level for the active mobile screen.
          * @default 'h1'
         */
        "headingLevel": MobileHeaderHeadingLevel;
        /**
          * Controlled peer sections. Their selected label replaces the static title.
          * @default []
         */
        "sections": TabGroupItem[];
        /**
          * Accessible name for the section chooser.
          * @default 'Change page section'
         */
        "sectionsAriaLabel": string;
        /**
          * Popup switcher or an inline segmented TabGroup for peer sections.
          * @default 'switcher'
         */
        "sectionsPresentation": MobileHeaderSectionsPresentation;
        /**
          * Density for the segmented sections presentation.
          * @default 'md'
         */
        "sectionsSize": TabGroupSize;
        /**
          * Controlled child sections within the selected page or detail screen.
          * @default []
         */
        "subsections": TabItem[];
        /**
          * Accessible name for the child-section chooser.
          * @default 'Change page subsection'
         */
        "subsectionsAriaLabel": string;
        /**
          * Controlled selected child-section id.
          * @default ''
         */
        "subvalue": string;
        /**
          * Default page chrome or bold-brand workflow chrome.
          * @default 'default'
         */
        "tone": MobileHeaderTone;
        /**
          * Controlled selected section id.
          * @default ''
         */
        "value": string;
    }
    interface DsMobileSectionSwitcher {
        /**
          * Accessible name for the section chooser.
          * @default 'Change page section'
         */
        "navigationLabel": string;
        /**
          * Ordered controlled sections. Divider entries group the popup menu.
          * @default []
         */
        "sections": TabItem[];
        /**
          * Controlled selected section id.
          * @default ''
         */
        "value": string;
    }
    interface DsMobileSheetNav {
        /**
          * @default 'Account'
         */
        "accountLabel": string;
        /**
          * @default 'dashboard'
         */
        "browseContext": NavChromeStyle;
        /**
          * @default ''
         */
        "currentUrl": string;
        /**
          * @default []
         */
        "dashboardGroups": PanelNavGroup[];
        /**
          * @default 'Dashboard'
         */
        "dashboardLabel": string;
        /**
          * @default 'Help & Support'
         */
        "helpLabel": string;
        /**
          * @default 'Application navigation'
         */
        "navigationLabel": string;
        /**
          * @default false
         */
        "open": boolean;
        /**
          * Whether the router-derived current area owns the active mobile stage.
          * @default true
         */
        "routeSelectionActive": boolean;
        /**
          * @default []
         */
        "settingsGroups": PanelNavGroup[];
        /**
          * @default 'Settings'
         */
        "settingsLabel": string;
        /**
          * Show the optional Account shortcut in the sheet header.
          * @default true
         */
        "showAccount": boolean;
    }
    interface DsModal {
        /**
          * Optional id reference for explanatory content in the default slot.
         */
        "ariaDescribedby": string | undefined;
        /**
          * @default 'Close'
         */
        "closeAriaLabel": string;
        /**
          * Optional supporting copy shown below the heading.
          * @default ''
         */
        "description": string;
        "heading": string;
        /**
          * @default 'md'
         */
        "modalWidth": ModalWidth | string;
        /**
          * @default false
         */
        "open": boolean;
    }
    interface DsPagination {
        /**
          * Effective whole-item capacity to request when Fit is selected.
         */
        "fitPageSize": number | undefined;
        /**
          * Full choice-list label for Fit.
          * @default 'Fit to page'
         */
        "fitPageSizeLabel": string;
        /**
          * Compact closed-trigger label while Fit is selected.
          * @default 'Fit'
         */
        "fitPageSizeTriggerLabel": string;
        /**
          * Include the Fit to page choice.
          * @default false
         */
        "fitToPage": boolean;
        /**
          * Keep the Fit to page choice visible but unavailable.
          * @default false
         */
        "fitToPageInactive": boolean;
        /**
          * Localized plural noun used by assistive range announcements.
          * @default 'items'
         */
        "itemLabel": string;
        /**
          * Accessible name for the pagination navigation region.
          * @default 'Pagination'
         */
        "label": string;
        /**
          * Prevent interaction while the owner replaces the current data page.
          * @default false
         */
        "loading": boolean;
        /**
          * Controlled zero-based page index.
          * @default 0
         */
        "pageIndex": number;
        /**
          * Controlled number of top-level items on a full page.
          * @default 25
         */
        "pageSize": number;
        /**
          * Accessible page-size control label. Defaults to “{pageSizeLabel} per page”.
         */
        "pageSizeAriaLabel": string | undefined;
        /**
          * Visible page-size control label.
          * @default 'Items'
         */
        "pageSizeLabel": string;
        /**
          * Whether pageSize is a fixed choice or a measured Fit snapshot.
          * @default 'fixed'
         */
        "pageSizeMode": PaginationPageSizeMode;
        /**
          * Available page sizes. Assign arrays through JavaScript.
          * @default [25, 50, 100, 200]
         */
        "pageSizeOptions": number[];
        /**
          * Controlled total number of top-level items across every page.
          * @default 0
         */
        "totalItems": number;
    }
    interface DsPanelNav {
        /**
          * @default 'Account'
         */
        "accountLabel": string;
        /**
          * Keep the account-menu trigger visually pressed while its popup is open or closing.
          * @default false
         */
        "accountMenuExpanded": boolean;
        /**
          * ID of the currently active/selected nav item. Overridden by `currentUrl` matching when set.
          * @default ''
         */
        "activeId": string;
        /**
          * Viewport width (px) below which the nav locks in icon-only mode. 0 = disabled.
          * @default 0
         */
        "breakpoint": number;
        /**
          * @default 'Collapse navigation'
         */
        "collapseNavigationLabel": string;
        /**
          * Whether the nav is in collapsed (icon-only) state. Set `storageKey` to persist across reloads. `dsNavToggle` still fires on change.
          * @default false
         */
        "collapsed": boolean;
        /**
          * Current route URL (e.g. `window.location.pathname` or the router's active URL). When set the component derives the active item by matching item `href` values against this string (longest segment-boundary prefix wins), overriding `activeId`.
          * @default ''
         */
        "currentUrl": string;
        /**
          * @default 'Dashboard'
         */
        "dashboardLabel": string;
        /**
          * @default 'Dashboard navigation'
         */
        "dashboardNavigationLabel": string;
        /**
          * When `true`, style changes apply synchronously — host app owns view transitions.
          * @default false
         */
        "disableViewTransition": boolean;
        /**
          * @default 'Expand navigation'
         */
        "expandNavigationLabel": string;
        /**
          * Nav groups — set via JS property (`el.groups = [...]`) or JSON string attribute.
          * @default '[]'
         */
        "groups": string | PanelNavGroup[];
        /**
          * Style slot: `dashboard` or `settings`. Colors match for now; class hooks reserved for texture/glyph layers. Property: `navStyle`. Attribute: `nav-style`.
          * @default 'dashboard'
         */
        "navStyle": NavChromeStyle;
        /**
          * Localized name for the body when overflow makes it a keyboard-scrollable region.
          * @default 'Navigation items'
         */
        "navigationItemsLabel": string;
        /**
          * How items with `href` render: - `anchor` (default): native `<a href>` — works with routers that intercept anchors. - `event`: always `<button>`; host handles navigation via `dsNavSelect`.
          * @default 'anchor'
         */
        "routerMode": PanelNavRouterMode;
        /**
          * @default 'Settings'
         */
        "settingsLabel": string;
        /**
          * @default 'Settings navigation'
         */
        "settingsNavigationLabel": string;
        /**
          * `localStorage` key used to persist the collapsed state across page loads. When set, collapsed state is restored on mount and written on each toggle.
          * @default ''
         */
        "storageKey": string;
        /**
          * Toggle the desktop preference. No-op while the breakpoint locks the panel collapsed.
         */
        "toggleCollapsed": () => Promise<void>;
        /**
          * Single character shown in the collapsed avatar
          * @default ''
         */
        "userInitial": string;
        /**
          * Display name for the footer user section
          * @default ''
         */
        "userName": string;
    }
    interface DsPanelSubNav {
        /**
          * @default null
         */
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background": PanelSubNavBackground | undefined;
        /**
          * Local panel tabs. Assign this array through the JavaScript property. Replace the array reference when items change.
          * @default []
         */
        "items": PanelSubNavItem[];
        /**
          * Required selected item id when enabled items exist. Keep synchronized with the visible panel.
          * @default ''
         */
        "value": string;
    }
    interface DsPanelToolHeader {
        /**
          * Trailing application-owned icon actions. When present, these replace the legacy menu action.
          * @default []
         */
        "actions": PanelToolsHeaderAction[];
        /**
          * Accessible name for the leading navigation or dismiss action.
          * @default 'Back'
         */
        "backAriaLabel": string;
        /**
          * Canonical icon for the leading navigation or dismiss action.
          * @default 'ChevronLeft'
         */
        "backIcon": string;
        "focusMenuTrigger": () => Promise<void>;
        /**
          * Visible heading for the active tool view.
          * @default ''
         */
        "heading": string;
        /**
          * Accessible name for the options-menu trigger.
          * @default 'More options'
         */
        "menuAriaLabel": string;
        /**
          * Id of the menu controlled by the trigger.
         */
        "menuControls": string | undefined;
        /**
          * Whether the controlled menu is open.
          * @default false
         */
        "menuExpanded": boolean;
        /**
          * Stable id placed on the menu trigger host for ds-menu anchoring.
          * @default ''
         */
        "menuTriggerId": string;
        /**
          * Show the leading Back action.
          * @default false
         */
        "showBack": boolean;
        /**
          * Show the trailing options-menu trigger.
          * @default true
         */
        "showMenu": boolean;
    }
    interface DsPanelToolSearch {
        /**
          * Accessible name for the search field.
          * @default 'Search'
         */
        "ariaLabel": string;
        /**
          * Optional ID of the results region filtered by this search.
         */
        "controls": string | undefined;
        /**
          * Promote the trigger foreground when one or more filters are applied.
          * @default false
         */
        "filterActive": boolean;
        /**
          * Accessible name for the filter-menu trigger.
          * @default 'Filter'
         */
        "filterAriaLabel": string;
        /**
          * Id of the menu controlled by the filter trigger.
         */
        "filterControls": string | undefined;
        /**
          * Whether the controlled filter menu is open.
          * @default false
         */
        "filterExpanded": boolean;
        /**
          * Stable id placed on the filter trigger for ds-menu anchoring.
          * @default ''
         */
        "filterTriggerId": string;
        "focusFilterTrigger": () => Promise<void>;
        /**
          * Prevents search interaction while keeping the row visible.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Search guidance shown while the query is empty.
          * @default 'Search'
         */
        "placeholder": string;
        "setFocus": () => Promise<void>;
        /**
          * Show the optional trailing filter-menu trigger.
          * @default false
         */
        "showFilter": boolean;
        /**
          * Current search query.
          * @default ''
         */
        "value": string;
    }
    interface DsPanelTools {
        /**
          * Toggle any rail tool open/closed — shell shortcuts K/A/S/M/N call this.
         */
        "activateTool": (id: PanelToolsToolId) => Promise<void>;
        /**
          * Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`.
          * @default ''
         */
        "activeTool": PanelToolsToolId | '';
        /**
          * Close the tools drawer when open — used by shell keyboard shortcuts.
         */
        "closeDrawer": () => Promise<void>;
        /**
          * Focus an active tool-header action by its application-owned id.
         */
        "focusHeaderAction": (id: string) => Promise<void>;
        /**
          * Let a fullscreen product supply independent master/detail headers inside its view.
          * @default 'shared'
         */
        "fullscreenHeaderMode": 'shared' | 'split';
        /**
          * Active header state per tool. Replace the object when title, depth, or actions change.
          * @default {}
         */
        "headers": PanelToolsHeaders;
        /**
          * Rail items rendered in the right column. Set via JS property: `el.items = [...]`. Replace the array reference to update.
          * @default []
         */
        "items": PanelToolsItem[];
        /**
          * When false, only the icon rail is shown.
          * @default false
         */
        "open": boolean;
        /**
          * Drawer presentation or viewport-covering presentation for the active tool.
          * @default 'drawer'
         */
        "presentation": 'drawer' | 'fullscreen';
        /**
          * Optional localStorage key for the last active tool. The drawer always starts closed; only the tool identity is restored for continuity within this browser.
          * @default ''
         */
        "storageKey": string;
        /**
          * @default 'Tool shortcuts'
         */
        "toolShortcutsLabel": string;
        /**
          * @default 'Tools'
         */
        "toolsLabel": string;
    }
    interface DsPaperTexture {
        /**
          * Paper Design shader parameters. Set as a JavaScript property.
          * @default {}
         */
        "config": PaperTextureConfig;
    }
    interface DsRadio {
        /**
          * Accessible name when visible group labeling is unavailable.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Id reference for a visible group label.
         */
        "ariaLabelledby": string | undefined;
        /**
          * Layout direction for the option set.
          * @default 'vertical'
         */
        "direction": 'vertical' | 'horizontal';
        /**
          * Native disabled state for the complete set.
          * @default false
         */
        "disabled": boolean;
        /**
          * Associates the radio set with a form by id when rendered outside that form.
         */
        "form": string | undefined;
        /**
          * Design-system inactive state for the complete set.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Native form field name.
         */
        "name": string | undefined;
        /**
          * Visible choices in this one-of-many set.
          * @default []
         */
        "options": RadioOption[];
        /**
          * Require one option to be selected for form validity.
          * @default false
         */
        "required": boolean;
        /**
          * Validation message used when a required set has no selection.
          * @default 'This field is required.'
         */
        "requiredMessage": string;
        /**
          * Focus the selected option, or the first active option when nothing is selected.
         */
        "setFocus": () => Promise<void>;
        /**
          * Visual and placement density for every option.
          * @default 'md'
         */
        "size": RadioSize;
        /**
          * Selected option value.
          * @default ''
         */
        "value": string;
    }
    interface DsScrollOverlay {
        /**
          * Re-measure footer geometry after an imperative slotted-content update.
         */
        "refreshOverlay": () => Promise<void>;
        /**
          * Optional accessible name. When provided, the scrollport is a focusable region.
         */
        "scrollLabel": string | undefined;
        /**
          * Move the owned scrollport to its live end.
         */
        "scrollToEnd": () => Promise<void>;
        /**
          * Move the owned scrollport to its beginning.
         */
        "scrollToStart": () => Promise<void>;
    }
    interface DsSelect {
        /**
          * Show the selected interaction fill when a valid value exists.
          * @default true
         */
        "activeFill": boolean;
        /**
          * Show the clear footer action when a value exists.
          * @default true
         */
        "allowClear": boolean;
        /**
          * Additional IDs that describe the combobox.
         */
        "ariaDescribedby": string | undefined;
        /**
          * Direct accessible name when no external label is available.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * IDs of elements that label the combobox.
         */
        "ariaLabelledby": string | undefined;
        /**
          * Actual parent surface context; omit on primary and secondary surfaces.
         */
        "background": SelectBackground | undefined;
        /**
          * Localized clear action label.
          * @default 'Clear'
         */
        "clearLabel": string;
        /**
          * Opt into table-caption icon-only chrome below 900px. The trigger omits its visible label and chevron; keep an accessible name via aria-label.
          * @default false
         */
        "collapseLabel": boolean;
        /**
          * Native disabled state.
          * @default false
         */
        "disabled": boolean;
        /**
          * Show a supplemental notification dot beside the trigger label.
          * @default false
         */
        "dot": boolean;
        /**
          * Show invalid visual state.
          * @default false
         */
        "error": boolean;
        /**
          * Error text rendered below the trigger when error is true.
         */
        "errorMessage": string | undefined;
        /**
          * Optional text action shown in the popup footer instead of the clear action.
         */
        "footerActionLabel": string | undefined;
        /**
          * Show the surface-aware inset border, including focused and invalid strokes.
          * @default true
         */
        "hasBorder": boolean;
        /**
          * Optional trigger prefix icon name.
         */
        "icon": string | undefined;
        /**
          * Trailing choice indicator. Use up-down for compact value steppers such as page size.
          * @default 'down'
         */
        "indicator": SelectIndicator;
        /**
          * ID applied to the internal combobox trigger for external labels.
         */
        "inputId": string | undefined;
        /**
          * Shared inactive treatment; removes interaction and form submission.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Replace the prefix with a loader and disable option interaction.
          * @default false
         */
        "isLoading": boolean;
        /**
          * Accessible loading status label.
          * @default 'Loading'
         */
        "loadingLabel": string;
        /**
          * Enable independent multi-value selection while keeping the popup open.
          * @default false
         */
        "multiple": boolean;
        /**
          * Native form field name.
         */
        "name": string | undefined;
        /**
          * Localized empty-filter result text.
          * @default 'No results found'
         */
        "noResultsText": string;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open": boolean;
        /**
          * Flat choices. Assign arrays through the JavaScript property.
          * @default []
         */
        "options": SelectOption[];
        /**
          * Trigger text shown when no valid value is selected.
          * @default 'Select'
         */
        "placeholder": string;
        /**
          * Align the popup's choice edge to the trigger start or end edge.
          * @default 'start'
         */
        "popupAlign": SelectPopupAlign;
        /**
          * Require one valid selected value.
          * @default false
         */
        "required": boolean;
        /**
          * Validation message used when required is missing.
          * @default 'This field is required.'
         */
        "requiredMessage": string;
        /**
          * Localized search-field placeholder and accessible name.
          * @default 'Search'
         */
        "searchPlaceholder": string;
        /**
          * Show immediate local filtering over option labels, subtext, and section headings.
          * @default false
         */
        "searchable": boolean;
        /**
          * Grouped choices; takes precedence over options. Assign through JavaScript.
          * @default []
         */
        "sections": SelectSection[];
        /**
          * Localized noun displayed after the selected count in multiple mode.
          * @default 'selected'
         */
        "selectedLabel": string;
        "setFocus": () => Promise<void>;
        /**
          * Control density.
          * @default 'md'
         */
        "size": SelectSize;
        /**
          * Optional scalar-mode trigger text that does not change the selected option label.
         */
        "triggerLabel": string | undefined;
        /**
          * Present triggerLabel with placeholder emphasis while preserving the selected value.
          * @default false
         */
        "triggerLabelPlaceholder": boolean;
        /**
          * Selected scalar or array value according to `multiple`.
          * @default ''
         */
        "value": SelectValue;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width": SelectWidth;
    }
    interface DsShellApp {
        /**
          * Open or toggle a managed global tool from application-owned UI.
         */
        "activateTool": (id: PanelToolsToolId) => Promise<void>;
        /**
          * Close whichever managed global surface is currently visible.
         */
        "closeGlobalSurface": () => Promise<void>;
        /**
          * Managed renders the complete responsive chrome; slotted exposes the advanced composition.
          * @default 'managed'
         */
        "composition": ShellAppComposition;
        /**
          * Shell chrome wash preset. `none` renders solid chrome; the remaining presets use token-based washes that adapt to the active color theme.
          * @default 'neutral'
         */
        "gradientPreset": ShellGradientPreset;
        /**
          * Controlled mobile surface shown above the persistent bottom bar.
          * @default 'area'
         */
        "mobileDestination": MobileDestination;
        /**
          * Controlled full-stage Mobile Sheet Nav state.
          * @default false
         */
        "mobileSheetNavOpen": boolean;
        /**
          * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
          * @default 'dashboard'
         */
        "navStyle": NavChromeStyle;
        /**
          * Router-owned navigation data used by managed composition.
          * @default {}
         */
        "navigation": ShellNavigationConfig;
        /**
          * Route-owned page title and section data used by managed composition.
          * @default {}
         */
        "pageChrome": ShellPageChromeConfig;
        /**
          * Optional decorative Paper Design texture layered above the shell wash.
         */
        "paperTexture"?: PaperTextureConfig;
        /**
          * Request drawer or fullscreen presentation for the active managed tool.
         */
        "setToolPresentation": (presentation: "drawer" | "fullscreen") => Promise<void>;
        /**
          * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K, A, S, M, N, and / toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
          * @default true
         */
        "shortcutsEnabled": boolean;
        /**
          * Product-owned global tool definitions used by managed composition.
          * @default {}
         */
        "tools": ShellToolsConfig;
    }
    interface DsShellPage {
        /**
          * Exact block-start content inset while the header is compact or constrained.
         */
        "compactContentInsetBlockStartSize"?: string;
        /**
          * Standard page gutters, or no inset for full-bleed page content.
          * @default 'default'
         */
        "contentInset": ShellPageContentInset;
        /**
          * Preserve the responsive side/end gutters while allowing content to meet the header.
          * @default 'default'
         */
        "contentInsetBlockStart": ShellPageContentInset;
        /**
          * Exact block-start content inset, overriding the responsive default when provided.
         */
        "contentInsetBlockStartSize"?: string;
        /**
          * Canvas surface painted around and beneath routed page content.
          * @default 'primary'
         */
        "contentSurface": ShellPageContentSurface;
        /**
          * Available page-header capacity supplied by the owning application shell.
         */
        "headerCapacity"?: ShellPageCapacity;
        /**
          * Automatic capacity/scroll behavior, or an explicit header variant override.
          * @default 'auto'
         */
        "headerPresentation": ShellPageHeaderPresentation;
        /**
          * Explicit shell breakpoint presentation. Mobile uses the dedicated mobile-header slot.
          * @default 'desktop'
         */
        "responsiveMode": ShellResponsiveMode;
        /**
          * Allow roomy automatic headers to compact as the page scrolls.
          * @default true
         */
        "scrollCompaction": boolean;
    }
    interface DsShellTools {
        /**
          * Match PanelTools' imperative activation contract in every responsive mode.
         */
        "activateTool": (id: PanelToolsToolId) => Promise<void>;
        /**
          * @default ''
         */
        "activeTool": PanelToolsToolId | '';
        /**
          * Close the active global tool surface.
         */
        "closeDrawer": () => Promise<void>;
        /**
          * Focus an application-owned action in the visible shared tool header.
         */
        "focusHeaderAction": (id: string) => Promise<void>;
        /**
          * @default 'shared'
         */
        "fullscreenHeaderMode": 'shared' | 'split';
        /**
          * @default {}
         */
        "headers": PanelToolsHeaders;
        /**
          * @default 'Inbox'
         */
        "inboxLabel": string;
        /**
          * @default 'Inbox sections'
         */
        "inboxNavigationLabel": string;
        /**
          * @default []
         */
        "items": PanelToolsItem[];
        /**
          * @default false
         */
        "open": boolean;
        /**
          * @default 'drawer'
         */
        "presentation": 'drawer' | 'fullscreen';
        /**
          * Resolved by ShellApp; mobile uses a full-stage tool presentation.
          * @default 'desktop'
         */
        "responsiveMode": ShellResponsiveMode;
        /**
          * @default ''
         */
        "storageKey": string;
        /**
          * @default 'Tool shortcuts'
         */
        "toolShortcutsLabel": string;
        /**
          * @default 'Tools'
         */
        "toolsLabel": string;
    }
    interface DsSkeleton {
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background": SkeletonBackground | undefined;
        /**
          * Shared control-density size whose height defines the control canvas.
          * @default 'md'
         */
        "controlSize": ControlSize;
        /**
          * Iconography token whose square canvas defines the icon canvas.
          * @default 'md'
         */
        "iconSize": IconSize1;
        /**
          * Round icon skeletons into circles and control skeletons into pills. Ignored for text.
          * @default false
         */
        "rounded": boolean;
        /**
          * Whether to show the shimmer animation.
          * @default true
         */
        "shimmer": boolean;
        /**
          * Text metric recipe whose line-height defines the text canvas.
          * @default 'text-body-medium'
         */
        "textVariant": TextVariant;
        /**
          * @default 'text'
         */
        "variant": SkeletonVariant;
        /**
          * Width of text and control skeleton canvases. Numbers resolve to px. Ignored for icons.
         */
        "width": string | number | undefined;
    }
    interface DsSlider {
        /**
          * Id references for supporting guidance or error text.
         */
        "ariaDescribedby": string | undefined;
        /**
          * Direct accessible name for a single-thumb slider without a visible label.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Id references for a visible single-thumb slider label.
         */
        "ariaLabelledby": string | undefined;
        /**
          * @default false
         */
        "disabled": boolean;
        /**
          * Accessible label for the upper thumb in a range slider.
          * @default 'Maximum value'
         */
        "endLabel": string;
        "form": string | undefined;
        /**
          * Intl.NumberFormat options. Assign objects through the JavaScript property.
         */
        "formatOptions": Intl.NumberFormatOptions | undefined;
        /**
          * Id applied to the first native range input.
         */
        "inputId": string | undefined;
        /**
          * @default false
         */
        "isInactive": boolean;
        /**
          * Visible field label. Supply aria-label when the label is intentionally hidden.
         */
        "label": string | undefined;
        /**
          * Locale used by Intl.NumberFormat for the visible value.
         */
        "locale": string | undefined;
        /**
          * @default 100
         */
        "max": number;
        /**
          * @default 0
         */
        "min": number;
        /**
          * Minimum number of steps kept between two range thumbs.
          * @default 0
         */
        "minStepsBetweenValues": number;
        "name": string | undefined;
        /**
          * @default 'horizontal'
         */
        "orientation": SliderOrientation;
        /**
          * @default '–'
         */
        "rangeSeparator": string;
        /**
          * Keep the value focusable and submittable while preventing changes.
          * @default false
         */
        "readOnly": boolean;
        "setFocus": (index?: number) => Promise<void>;
        /**
          * Show the formatted current value beside the visible label.
          * @default true
         */
        "showValue": boolean;
        /**
          * @default 'md'
         */
        "size": SliderSize;
        /**
          * Accessible label for the lower thumb in a range slider.
          * @default 'Minimum value'
         */
        "startLabel": string;
        /**
          * @default 1
         */
        "step": number;
        /**
          * Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.
          * @default 'edge'
         */
        "thumbAlignment": SliderThumbAlignment;
        /**
          * Current value. Assign a two-number array through the JavaScript property for a range slider.
          * @default 0
         */
        "value": SliderValue;
        /**
          * @default ''
         */
        "valuePrefix": string;
        /**
          * @default ''
         */
        "valueSuffix": string;
        /**
          * Human-readable value text for a single slider or both range thumbs.
         */
        "valueText": string | undefined;
        /**
          * Per-thumb human-readable value text for a range slider. Assign through the JavaScript property.
          * @default []
         */
        "valueTexts": string[];
    }
    interface DsSwatchPicker {
        /**
          * Accessible name for the complete one-of-many choice.
          * @default 'Swatch options'
         */
        "groupLabel": string;
        /**
          * Flat option list. Sections take precedence when supplied. Assign as a JavaScript property.
          * @default []
         */
        "options": SwatchPickerOption[];
        /**
          * Visually separated option groups that remain one radio group. Assign as a JavaScript property.
          * @default []
         */
        "sections": SwatchPickerSection[];
        /**
          * Selected option value.
          * @default ''
         */
        "value": string;
    }
    interface DsSwitch {
        /**
          * Current on/off state. The initial value is restored when the owning form resets.
          * @default false
         */
        "checked": boolean;
        /**
          * @default false
         */
        "disabled": boolean;
        /**
          * Associates the switch with a form by id when it is rendered outside that form.
         */
        "form": string | undefined;
        /**
          * @default false
         */
        "isInactive": boolean;
        "name": string | undefined;
        /**
          * Removes standalone control semantics so a composite owner such as a `menuitemcheckbox` can use the switch as an aria-hidden visual indicator.
          * @default false
         */
        "presentation": boolean;
        /**
          * @default false
         */
        "readOnly": boolean;
        /**
          * @default false
         */
        "required": boolean;
        /**
          * @default 'This field is required.'
         */
        "requiredMessage": string;
        /**
          * Compact track size for placement inside controls, menus, and form rows.
          * @default 'md'
         */
        "size": SwitchSize;
        /**
          * Optional value submitted when unchecked; omitted by default like a native checkbox.
         */
        "uncheckedValue": string | undefined;
        /**
          * @default 'on'
         */
        "value": string;
    }
    interface DsTabGroup {
        /**
          * @default null
         */
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        "background": TabBackground | undefined;
        /**
          * Control density: 24px small, 32px medium, or 40px large track.
          * @default 'md'
         */
        "size": TabGroupSize1;
        /**
          * @default []
         */
        "tabs": TabGroupItem[];
        /**
          * @default ''
         */
        "value": string;
        /**
          * Width fit — hug content (default) or fill the parent with equal-width segments.
          * @default 'hug'
         */
        "width": TabGroupWidth;
    }
    interface DsTable {
        /**
          * Required accessible table name, retained as a native caption.
         */
        "caption": string;
        /**
          * Shows a matching presentational title bar above the native table frame.
          * @default 'hidden'
         */
        "captionVisibility": TableCaptionVisibility;
        /**
          * Replace opted-in table-owned caption controls with same-size visual skeletons.
          * @default false
         */
        "chromeLoading": boolean;
        /**
          * Controlled collapsed group identities. Groups not listed remain expanded.
          * @default []
         */
        "collapsedGroupIds": string[];
        /**
          * Opt in to the table-owned column customizer. The `columns` prop remains the catalog; hidden and ordered columns are controlled separately. The trigger opens the shared Menu of live show/hide switch rows.
          * @default false
         */
        "columnCustomizer": boolean;
        /**
          * Controlled data-column identities in display order. Omitted ids append in catalog order.
          * @default []
         */
        "columnOrder": string[];
        /**
          * Stable column definitions. Assign through JavaScript.
          * @default []
         */
        "columns": TableColumn[];
        /**
          * Top-level data-window strategy. Virtual mode recycles row DOM only.
          * @default 'infinite'
         */
        "dataMode": TableDataMode;
        /**
          * @default 'Table variation'
         */
        "dataModeMenuLabel": string;
        /**
          * Opt in to the table-owned control for choosing between supported data modes.
          * @default false
         */
        "dataModeSwitcher": boolean;
        /**
          * @default 'Change table variation'
         */
        "dataModeSwitcherLabel": string;
        /**
          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and derives its total from the complete supplied rows; a mismatched `totalCount` emits a warning.
         */
        "displayedCount": number | undefined;
        /**
          * @default 'No data is available.'
         */
        "emptyBody": string;
        /**
          * @default 'Not available'
         */
        "emptyCellLabel": string;
        /**
          * @default 'No results'
         */
        "emptyHeading": string;
        /**
          * @default 'All results loaded'
         */
        "endOfResultsLabel": string;
        /**
          * Initial error state. Existing rows stay visible; incremental failures use loadMoreError.
          * @default false
         */
        "error": boolean;
        /**
          * @default 'The data could not be loaded.'
         */
        "errorBody": string;
        /**
          * @default 'Unable to load data'
         */
        "errorHeading": string;
        /**
          * Fit the complete table composition to its nearest vertical scrollport.
          * @default false
         */
        "fitViewport": boolean;
        /**
          * Supports the {group} placeholder.
          * @default 'All {group} results loaded'
         */
        "groupEndOfResultsLabel": string;
        /**
          * Supports the {group} placeholder.
          * @default 'Load more {group} results'
         */
        "groupLoadMoreAriaLabel": string;
        /**
          * @default 'Load more'
         */
        "groupLoadMoreLabel": string;
        /**
          * Supports the {group} placeholder.
          * @default 'Loading more items'
         */
        "groupLoadingMoreLabel": string;
        /**
          * Supports the {group} placeholder.
          * @default 'Retry loading {group} results'
         */
        "groupRetryLabel": string;
        /**
          * Supports {group}, {count}, {loaded}, and {total} placeholders.
          * @default '{count} more rows loaded in {group}. {loaded} of {total} rows loaded.'
         */
        "groupRowsLoadedLabel": string;
        /**
          * Controlled grouping column. Applications supply groups in their final fixed order.
          * @default null
         */
        "grouping": TableGroupingState | null;
        /**
          * One level of application-owned grouped data. Assign through JavaScript.
          * @default []
         */
        "groups": TableGroup[];
        /**
          * @default false
         */
        "hasMore": boolean;
        /**
          * Fixed height for the complete header, table frame, and footer composition.
         */
        "height": string | number | undefined;
        /**
          * Controlled hidden data-column identities. Action ids are ignored.
          * @default []
         */
        "hiddenColumnIds": string[];
        /**
          * @default 'Infinite scroll'
         */
        "infiniteModeLabel": string;
        /**
          * Reset key for a new query/group/sort dataset.
          * @default 'default'
         */
        "loadIdentity": string | number;
        "loadMoreError": string | undefined;
        /**
          * @default 'Load more'
         */
        "loadMoreLabel": string;
        /**
          * @default 'auto'
         */
        "loadMoreMode": TableLoadMoreMode;
        /**
          * IntersectionObserver root margin in CSS pixels.
          * @default 0
         */
        "loadMoreThreshold": number;
        /**
          * Initial loading state. Existing rows stay visible; incremental loading uses loadingMore.
          * @default false
         */
        "loading": boolean;
        /**
          * @default false
         */
        "loadingMore": boolean;
        /**
          * @default 'Loading more items'
         */
        "loadingMoreLabel": string;
        /**
          * Maximum scroll-region height. Numbers resolve to CSS pixels.
         */
        "maxHeight": string | number | undefined;
        /**
          * Controlled top-level pagination state. Required when dataMode is pagination.
          * @default null
         */
        "pagination": TablePaginationState | null;
        /**
          * @default 'Pagination + Infinite groups'
         */
        "paginationModeLabel": string;
        /**
          * Supports {displayed} and {total} placeholders.
          * @default 'Displaying {displayed} of {total}'
         */
        "resultSummaryLabel": string;
        /**
          * Supports the {total} placeholder. Used when dataMode is virtual.
          * @default '{total} items'
         */
        "resultTotalSummaryLabel": string;
        /**
          * @default 'Retry'
         */
        "retryLabel": string;
        /**
          * Ungrouped row data. Ignored while grouping is active. Assign through JavaScript.
          * @default []
         */
        "rows": TableRow[];
        /**
          * Supports {count} and {total} placeholders.
          * @default '{count} more rows loaded. {total} rows loaded.'
         */
        "rowsLoadedLabel": string;
        /**
          * Optional explicit label for the horizontal/vertical scroll region.
         */
        "scrollLabel": string | undefined;
        /**
          * Controlled selected row identities. IDs outside the loaded rows are preserved.
          * @default []
         */
        "selectedRowIds": string[];
        /**
          * @default 'none'
         */
        "selectionMode": TableSelectionMode;
        /**
          * Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport.
          * @default 10
         */
        "skeletonRows": number;
        /**
          * Controlled member-row sort state.
          * @default null
         */
        "sort": TableSortState | null;
        /**
          * @default false
         */
        "stickyHeader": boolean;
        "totalCount": number | undefined;
        /**
          * Reserved space below a viewport-fitted table.
          * @default 0
         */
        "viewportInsetBlockEnd": string | number;
        /**
          * Reserved space above a viewport-fitted table once surrounding chrome is compact.
          * @default 0
         */
        "viewportInsetBlockStart": string | number;
        /**
          * @default 'Virtual scroll'
         */
        "virtualModeLabel": string;
    }
    interface DsTableFilter {
        /**
          * Controlled category shown in the option pane.
         */
        "activeFilterId": string | undefined;
        /**
          * Accessible name for the trigger. Defaults to Filter table.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Accessible name for the category tab list.
          * @default 'Filter categories'
         */
        "categoriesLabel": string;
        /**
          * Footer action and date-clear accessible label.
          * @default 'Clear'
         */
        "clearLabel": string;
        /**
          * Product-owned filter categories and option definitions.
          * @default []
         */
        "filters": FilterMenuFilter1[];
        /**
          * Visible trigger label.
          * @default 'Filter'
         */
        "label": string;
        /**
          * Accessible name for the non-modal filter dialog. Defaults to the trigger name.
          * @default null
         */
        "menuLabel": string | null;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open": boolean;
        /**
          * Controlled values keyed by filter id.
          * @default {}
         */
        "values": FilterMenuValues1;
    }
    interface DsTableSavedViews {
        /**
          * Footer action label that opens the create-view dialog.
          * @default 'New view'
         */
        "createLabel": string;
        /**
          * ID used for the built-in default view.
          * @default '__default__'
         */
        "defaultViewId": string;
        /**
          * Label used for the built-in default view.
          * @default 'Default'
         */
        "defaultViewLabel": string;
        /**
          * Whether the current table state differs from the selected custom view. Ignored for the default view.
          * @default false
         */
        "dirty": boolean;
        /**
          * Accessible name for the saved-views select.
          * @default 'Saved views'
         */
        "label": string;
        /**
          * Trigger label shown while the default view is selected.
          * @default 'Views'
         */
        "triggerLabel": string;
        /**
          * ID of the controlled active view, including the default view ID.
          * @default '__default__'
         */
        "value": string;
        /**
          * Application-owned custom saved views. Assign arrays through the JavaScript property.
          * @default []
         */
        "views": TableSavedView[];
    }
    interface DsTableSort {
        /**
          * Accessible name for the trigger and menu.
          * @default null
         */
        "ariaLabel": string | null;
        /**
          * Catalog used to derive sortable fields, including compound header segments.
          * @default []
         */
        "columns": TableColumn[];
        "setFocus": () => Promise<void>;
        /**
          * Controlled table sort. Header sorting and this menu share the same value.
          * @default null
         */
        "sort": TableSortState | null;
    }
    interface DsTableToolbar {
        /**
          * Accessible name for the grouped table controls.
          * @default 'Table controls'
         */
        "label": string;
    }
    interface DsTag {
        /**
          * ID of the menu controlled by an interactive Tag.
         */
        "ariaControls": string | undefined;
        /**
          * @default 'faint'
         */
        "contrast": TagContrast;
        /**
          * Controlled open state for the menu triggered by an interactive Tag.
          * @default false
         */
        "expanded": boolean;
        /**
          * Canonical icon name rendered before the visible label.
          * @default ''
         */
        "icon": string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth": ControlInsetDepth1;
        /**
          * @default 'neutral'
         */
        "intent": TagIntent;
        /**
          * Render a menu-trigger button with a fixed ChevronUpDown suffix.
          * @default false
         */
        "interactive": boolean;
        /**
          * Disable an interactive Tag and apply the shared inactive treatment.
          * @default false
         */
        "isInactive": boolean;
        /**
          * Use the reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset": boolean;
        "label": string;
        "maxWidth": string | number | undefined;
        /**
          * @default false
         */
        "rounded": boolean;
        /**
          * @default 'md'
         */
        "size": TagSize;
    }
    interface DsText {
        "align": TextAlign | undefined;
        /**
          * @default 'p'
         */
        "as": TextElement;
        /**
          * Semantic foreground color token or CSS variable. `tertiary` and the still-fainter `quaternary` are restricted to genuinely inactive/disabled UI content or purely decorative content; prefer the owning control's inactive state whenever one exists.
          * @default 'inherit'
         */
        "color": TextColor;
        /**
          * Link underline or dotted hidden-interaction affordance; does not add semantics.
         */
        "decoration": TextDecoration | undefined;
        /**
          * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
          * @default false
         */
        "emphasis": boolean;
        /**
          * @default 'normal'
         */
        "fontFeature": TextFontFeature;
        /**
          * Maps to `for` attribute on <label> elements.
         */
        "for": string | undefined;
        /**
          * @default false
         */
        "italic": boolean;
        /**
          * @default 'none'
         */
        "lineTruncation": LineTruncation;
        /**
          * Animate the visible glyphs with the shared loading shimmer treatment.
          * @default false
         */
        "shimmer": boolean;
        /**
          * Forwarded to the inner element (e.g. aria-labelledby targets).
         */
        "textId": string | undefined;
        /**
          * @default 'text-body-medium'
         */
        "variant": TextVariant;
        "wrap": TextWrap | undefined;
    }
    interface DsToast {
        /**
          * Keep the global stack 16px above the persistent mobile shell bar below 768px.
          * @default false
         */
        "avoidMobileShellBar": boolean;
        /**
          * Localized accessible label for every toast close action.
          * @default 'Close notification'
         */
        "closeLabel": string;
        /**
          * Accessible label for the notification region.
          * @default 'Notifications'
         */
        "label": string;
        /**
          * Maximum visible global-stack records. Limited records remain mounted and inert.
          * @default 3
         */
        "limit": number;
        /**
          * Manager that supplies toast records. Assign as a JavaScript property.
          * @default defaultToastManager
         */
        "manager": ToastManager;
        /**
          * Allowed swipe-to-dismiss directions. Assign as a JavaScript property.
          * @default ['down', 'right']
         */
        "swipeDirections": ToastSwipeDirection[];
        /**
          * Default auto-dismiss delay. Use 0 for persistent records.
          * @default TOKEN_DEFAULTS.animationDelayLong2
         */
        "timeout": number | string;
    }
    /**
     * Imperative body portal for the popup.
     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
     * causes recreate → re-portal →
     * @State loops that freeze the page.
     */
    interface DsTooltip {
        /**
          * @default 'center'
         */
        "align": TooltipAlign;
        /**
          * Cross-axis offset — number (px) or TokoMo length.
          * @default 0
         */
        "alignOffset": number | string;
        /**
          * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
          * @default TOKEN_DEFAULTS.animationDelayMedium3
         */
        "delay": number | string;
        /**
          * Link the trigger with aria-describedby while the popup is open. Disable when the label is already in the DOM, such as a truncated table cell.
          * @default true
         */
        "describedBy": boolean;
        /**
          * Dismiss a popup opened through presentFrom or the slotted trigger.
         */
        "dismiss": () => Promise<void>;
        /**
          * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
         */
        "label": string;
        /**
          * Present against an external anchor the host already measured. Does not bind hover or focus on that anchor — the owner drives show/hide.
         */
        "presentFrom": (anchor: HTMLElement, label?: string) => Promise<void>;
        "shortcutKey": string | undefined;
        /**
          * @default 'end'
         */
        "shortcutKeyPosition": 'start' | 'end';
        /**
          * @default 'top'
         */
        "side": TooltipSide;
        /**
          * Gap between anchor and tooltip — number (px) or TokoMo length.
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset": number | string;
        /**
          * Control density (height, padding, type).
          * @default 'md'
         */
        "size": TooltipSize;
        /**
          * Allow the label to wrap at a panel-xs max width instead of a single line.
          * @default false
         */
        "wrapLabel": boolean;
    }
    /**
     * Positioned value/label callout for chart hover interactions (bar, line point,
     * polar arc, …). A composition may suppress it when a visible legend already
     * surfaces the same value.
     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
     * keeps it on-screen.
     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
     * keep the instance mounted while the cursor moves so tracking stays instant.
     */
    interface DsTooltipChart {
        /**
          * Show delay after mount before the callout appears. Default: `--effect-animation-delay-instant` (0ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Charts need immediate feedback while scrubbing; prefer the default. Mount once per hover session so any non-zero delay runs once, then track `x`/`y` instantly.
          * @default TOKEN_DEFAULTS.animationDelayInstant
         */
        "delay": number | string;
        /**
          * Optional heading for grouped chart focus.
         */
        "heading"?: string;
        /**
          * Multi-row content. When supplied, this replaces the legacy label/value row.
         */
        "items"?: TooltipChartItem[];
        /**
          * @default ''
         */
        "label": string;
        /**
          * @default ''
         */
        "value": string | number;
        /**
          * Anchor point in px, relative to the nearest `position: relative` ancestor — e.g. the cursor.
          * @default 0
         */
        "x": number;
        /**
          * @default 0
         */
        "y": number;
    }
    interface DsTypingIndicator {
        /**
          * Concise localized typing status.
          * @default 'Typing...'
         */
        "label": string;
    }
}
export interface DsAgentQuestionnaireCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsAgentQuestionnaireElement;
}
export interface DsAgentSourceListCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsAgentSourceListElement;
}
export interface DsAgentToolCallCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsAgentToolCallElement;
}
export interface DsBannerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBannerElement;
}
export interface DsBarActionCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBarActionElement;
}
export interface DsBarNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBarNavElement;
}
export interface DsBarTitleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBarTitleElement;
}
export interface DsBarWorkflowCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBarWorkflowElement;
}
export interface DsBreadcrumbCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsBreadcrumbElement;
}
export interface DsButtonFilledCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsButtonFilledElement;
}
export interface DsButtonUnfilledCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsButtonUnfilledElement;
}
export interface DsCardChartCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCardChartElement;
}
export interface DsCardOverviewCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCardOverviewElement;
}
export interface DsCardSettingCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCardSettingElement;
}
export interface DsChartCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsChartElement;
}
export interface DsChartLegendCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsChartLegendElement;
}
export interface DsCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsCheckboxElement;
}
export interface DsChipCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsChipElement;
}
export interface DsConversationListItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsConversationListItemElement;
}
export interface DsFilterMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsFilterMenuElement;
}
export interface DsInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsInputElement;
}
export interface DsMenuCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMenuElement;
}
export interface DsMessageActionsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMessageActionsElement;
}
export interface DsMessageComposerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMessageComposerElement;
}
export interface DsMessageScrollerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMessageScrollerElement;
}
export interface DsMobileBarNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMobileBarNavElement;
}
export interface DsMobileHeaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMobileHeaderElement;
}
export interface DsMobileSectionSwitcherCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMobileSectionSwitcherElement;
}
export interface DsMobileSheetNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsMobileSheetNavElement;
}
export interface DsModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsModalElement;
}
export interface DsPaginationCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPaginationElement;
}
export interface DsPanelNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPanelNavElement;
}
export interface DsPanelSubNavCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPanelSubNavElement;
}
export interface DsPanelToolHeaderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPanelToolHeaderElement;
}
export interface DsPanelToolSearchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPanelToolSearchElement;
}
export interface DsPanelToolsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsPanelToolsElement;
}
export interface DsRadioCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsRadioElement;
}
export interface DsScrollOverlayCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsScrollOverlayElement;
}
export interface DsSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSelectElement;
}
export interface DsShellAppCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsShellAppElement;
}
export interface DsShellToolsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsShellToolsElement;
}
export interface DsSliderCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSliderElement;
}
export interface DsSwatchPickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSwatchPickerElement;
}
export interface DsSwitchCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsSwitchElement;
}
export interface DsTabGroupCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTabGroupElement;
}
export interface DsTableCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTableElement;
}
export interface DsTableFilterCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTableFilterElement;
}
export interface DsTableSavedViewsCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTableSavedViewsElement;
}
export interface DsTableSortCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTableSortElement;
}
export interface DsTagCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsTagElement;
}
export interface DsToastCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDsToastElement;
}
declare global {
    interface HTMLDsAgentActivityElement extends Components.DsAgentActivity, HTMLStencilElement {
    }
    var HTMLDsAgentActivityElement: {
        prototype: HTMLDsAgentActivityElement;
        new (): HTMLDsAgentActivityElement;
    };
    interface HTMLDsAgentQuestionnaireElementEventMap {
        "dsAnswer": AgentQuestionnaireAnswerEventDetail;
        "dsCancel": AgentQuestionnaireCancelEventDetail;
    }
    interface HTMLDsAgentQuestionnaireElement extends Components.DsAgentQuestionnaire, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsAgentQuestionnaireElementEventMap>(type: K, listener: (this: HTMLDsAgentQuestionnaireElement, ev: DsAgentQuestionnaireCustomEvent<HTMLDsAgentQuestionnaireElementEventMap[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 HTMLDsAgentQuestionnaireElementEventMap>(type: K, listener: (this: HTMLDsAgentQuestionnaireElement, ev: DsAgentQuestionnaireCustomEvent<HTMLDsAgentQuestionnaireElementEventMap[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 HTMLDsAgentQuestionnaireElement: {
        prototype: HTMLDsAgentQuestionnaireElement;
        new (): HTMLDsAgentQuestionnaireElement;
    };
    interface HTMLDsAgentResponseElement extends Components.DsAgentResponse, HTMLStencilElement {
    }
    var HTMLDsAgentResponseElement: {
        prototype: HTMLDsAgentResponseElement;
        new (): HTMLDsAgentResponseElement;
    };
    interface HTMLDsAgentSourceListElementEventMap {
        "dsOpenChange": { open: boolean };
    }
    interface HTMLDsAgentSourceListElement extends Components.DsAgentSourceList, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsAgentSourceListElementEventMap>(type: K, listener: (this: HTMLDsAgentSourceListElement, ev: DsAgentSourceListCustomEvent<HTMLDsAgentSourceListElementEventMap[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 HTMLDsAgentSourceListElementEventMap>(type: K, listener: (this: HTMLDsAgentSourceListElement, ev: DsAgentSourceListCustomEvent<HTMLDsAgentSourceListElementEventMap[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 HTMLDsAgentSourceListElement: {
        prototype: HTMLDsAgentSourceListElement;
        new (): HTMLDsAgentSourceListElement;
    };
    interface HTMLDsAgentToolCallElementEventMap {
        "dsOpenChange": { open: boolean };
    }
    interface HTMLDsAgentToolCallElement extends Components.DsAgentToolCall, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsAgentToolCallElementEventMap>(type: K, listener: (this: HTMLDsAgentToolCallElement, ev: DsAgentToolCallCustomEvent<HTMLDsAgentToolCallElementEventMap[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 HTMLDsAgentToolCallElementEventMap>(type: K, listener: (this: HTMLDsAgentToolCallElement, ev: DsAgentToolCallCustomEvent<HTMLDsAgentToolCallElementEventMap[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 HTMLDsAgentToolCallElement: {
        prototype: HTMLDsAgentToolCallElement;
        new (): HTMLDsAgentToolCallElement;
    };
    interface HTMLDsAttachmentListElement extends Components.DsAttachmentList, HTMLStencilElement {
    }
    var HTMLDsAttachmentListElement: {
        prototype: HTMLDsAttachmentListElement;
        new (): HTMLDsAttachmentListElement;
    };
    interface HTMLDsAvatarElement extends Components.DsAvatar, HTMLStencilElement {
    }
    var HTMLDsAvatarElement: {
        prototype: HTMLDsAvatarElement;
        new (): HTMLDsAvatarElement;
    };
    interface HTMLDsBadgeElement extends Components.DsBadge, HTMLStencilElement {
    }
    var HTMLDsBadgeElement: {
        prototype: HTMLDsBadgeElement;
        new (): HTMLDsBadgeElement;
    };
    interface HTMLDsBannerElementEventMap {
        "dsClose": MouseEvent;
        "dsAfterClose": void;
    }
    interface HTMLDsBannerElement extends Components.DsBanner, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBannerElementEventMap>(type: K, listener: (this: HTMLDsBannerElement, ev: DsBannerCustomEvent<HTMLDsBannerElementEventMap[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 HTMLDsBannerElementEventMap>(type: K, listener: (this: HTMLDsBannerElement, ev: DsBannerCustomEvent<HTMLDsBannerElementEventMap[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 HTMLDsBannerElement: {
        prototype: HTMLDsBannerElement;
        new (): HTMLDsBannerElement;
    };
    interface HTMLDsBarActionElementEventMap {
        "dsClear": MouseEvent;
    }
    interface HTMLDsBarActionElement extends Components.DsBarAction, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBarActionElementEventMap>(type: K, listener: (this: HTMLDsBarActionElement, ev: DsBarActionCustomEvent<HTMLDsBarActionElementEventMap[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 HTMLDsBarActionElementEventMap>(type: K, listener: (this: HTMLDsBarActionElement, ev: DsBarActionCustomEvent<HTMLDsBarActionElementEventMap[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 HTMLDsBarActionElement: {
        prototype: HTMLDsBarActionElement;
        new (): HTMLDsBarActionElement;
    };
    interface HTMLDsBarNavElementEventMap {
        "dsTabChange": string;
    }
    interface HTMLDsBarNavElement extends Components.DsBarNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBarNavElementEventMap>(type: K, listener: (this: HTMLDsBarNavElement, ev: DsBarNavCustomEvent<HTMLDsBarNavElementEventMap[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 HTMLDsBarNavElementEventMap>(type: K, listener: (this: HTMLDsBarNavElement, ev: DsBarNavCustomEvent<HTMLDsBarNavElementEventMap[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 HTMLDsBarNavElement: {
        prototype: HTMLDsBarNavElement;
        new (): HTMLDsBarNavElement;
    };
    interface HTMLDsBarTitleElementEventMap {
        "dsBack": MouseEvent;
        "dsBreadcrumbSelect": BreadcrumbSelectDetail;
        "dsSectionChange": string;
        "dsAction": string;
    }
    interface HTMLDsBarTitleElement extends Components.DsBarTitle, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBarTitleElementEventMap>(type: K, listener: (this: HTMLDsBarTitleElement, ev: DsBarTitleCustomEvent<HTMLDsBarTitleElementEventMap[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 HTMLDsBarTitleElementEventMap>(type: K, listener: (this: HTMLDsBarTitleElement, ev: DsBarTitleCustomEvent<HTMLDsBarTitleElementEventMap[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 HTMLDsBarTitleElement: {
        prototype: HTMLDsBarTitleElement;
        new (): HTMLDsBarTitleElement;
    };
    interface HTMLDsBarWorkflowElementEventMap {
        "dsExit": MouseEvent;
        "dsStepChange": string;
        "dsSubmit": MouseEvent;
    }
    interface HTMLDsBarWorkflowElement extends Components.DsBarWorkflow, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBarWorkflowElementEventMap>(type: K, listener: (this: HTMLDsBarWorkflowElement, ev: DsBarWorkflowCustomEvent<HTMLDsBarWorkflowElementEventMap[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 HTMLDsBarWorkflowElementEventMap>(type: K, listener: (this: HTMLDsBarWorkflowElement, ev: DsBarWorkflowCustomEvent<HTMLDsBarWorkflowElementEventMap[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 HTMLDsBarWorkflowElement: {
        prototype: HTMLDsBarWorkflowElement;
        new (): HTMLDsBarWorkflowElement;
    };
    interface HTMLDsBreadcrumbElementEventMap {
        "dsSelect": BreadcrumbSelectDetail;
    }
    interface HTMLDsBreadcrumbElement extends Components.DsBreadcrumb, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsBreadcrumbElementEventMap>(type: K, listener: (this: HTMLDsBreadcrumbElement, ev: DsBreadcrumbCustomEvent<HTMLDsBreadcrumbElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsBreadcrumbElement: {
        prototype: HTMLDsBreadcrumbElement;
        new (): HTMLDsBreadcrumbElement;
    };
    interface HTMLDsButtonFilledElementEventMap {
        "dsClick": MouseEvent;
    }
    interface HTMLDsButtonFilledElement extends Components.DsButtonFilled, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsButtonFilledElementEventMap>(type: K, listener: (this: HTMLDsButtonFilledElement, ev: DsButtonFilledCustomEvent<HTMLDsButtonFilledElementEventMap[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 HTMLDsButtonFilledElementEventMap>(type: K, listener: (this: HTMLDsButtonFilledElement, ev: DsButtonFilledCustomEvent<HTMLDsButtonFilledElementEventMap[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 HTMLDsButtonFilledElement: {
        prototype: HTMLDsButtonFilledElement;
        new (): HTMLDsButtonFilledElement;
    };
    interface HTMLDsButtonUnfilledElementEventMap {
        "dsClick": MouseEvent;
        "dsChange": boolean;
    }
    interface HTMLDsButtonUnfilledElement extends Components.DsButtonUnfilled, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsButtonUnfilledElementEventMap>(type: K, listener: (this: HTMLDsButtonUnfilledElement, ev: DsButtonUnfilledCustomEvent<HTMLDsButtonUnfilledElementEventMap[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 HTMLDsButtonUnfilledElementEventMap>(type: K, listener: (this: HTMLDsButtonUnfilledElement, ev: DsButtonUnfilledCustomEvent<HTMLDsButtonUnfilledElementEventMap[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 HTMLDsButtonUnfilledElement: {
        prototype: HTMLDsButtonUnfilledElement;
        new (): HTMLDsButtonUnfilledElement;
    };
    interface HTMLDsCardChartElementEventMap {
        "dsFilterClick": void;
    }
    /**
     * Standard chart card chrome and composition. The variant owns
     * only the chart/legend relationship; applications continue to own data.
     */
    interface HTMLDsCardChartElement extends Components.DsCardChart, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCardChartElementEventMap>(type: K, listener: (this: HTMLDsCardChartElement, ev: DsCardChartCustomEvent<HTMLDsCardChartElementEventMap[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 HTMLDsCardChartElementEventMap>(type: K, listener: (this: HTMLDsCardChartElement, ev: DsCardChartCustomEvent<HTMLDsCardChartElementEventMap[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 HTMLDsCardChartElement: {
        prototype: HTMLDsCardChartElement;
        new (): HTMLDsCardChartElement;
    };
    interface HTMLDsCardOverviewElementEventMap {
        "dsMetricSelect": OverviewMetric;
    }
    interface HTMLDsCardOverviewElement extends Components.DsCardOverview, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCardOverviewElementEventMap>(type: K, listener: (this: HTMLDsCardOverviewElement, ev: DsCardOverviewCustomEvent<HTMLDsCardOverviewElementEventMap[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 HTMLDsCardOverviewElementEventMap>(type: K, listener: (this: HTMLDsCardOverviewElement, ev: DsCardOverviewCustomEvent<HTMLDsCardOverviewElementEventMap[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 HTMLDsCardOverviewElement: {
        prototype: HTMLDsCardOverviewElement;
        new (): HTMLDsCardOverviewElement;
    };
    interface HTMLDsCardSettingElementEventMap {
        "dsAction": CardSettingActionDetail;
    }
    interface HTMLDsCardSettingElement extends Components.DsCardSetting, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCardSettingElementEventMap>(type: K, listener: (this: HTMLDsCardSettingElement, ev: DsCardSettingCustomEvent<HTMLDsCardSettingElementEventMap[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 HTMLDsCardSettingElementEventMap>(type: K, listener: (this: HTMLDsCardSettingElement, ev: DsCardSettingCustomEvent<HTMLDsCardSettingElementEventMap[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 HTMLDsCardSettingElement: {
        prototype: HTMLDsCardSettingElement;
        new (): HTMLDsCardSettingElement;
    };
    interface HTMLDsChartElementEventMap {
        "dsChartFocusChange": ChartFocusChangeDetail;
    }
    interface HTMLDsChartElement extends Components.DsChart, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsChartElementEventMap>(type: K, listener: (this: HTMLDsChartElement, ev: DsChartCustomEvent<HTMLDsChartElementEventMap[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 HTMLDsChartElementEventMap>(type: K, listener: (this: HTMLDsChartElement, ev: DsChartCustomEvent<HTMLDsChartElementEventMap[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 HTMLDsChartElement: {
        prototype: HTMLDsChartElement;
        new (): HTMLDsChartElement;
    };
    interface HTMLDsChartLegendElementEventMap {
        "dsItemHover": ChartLegendItem | null;
        "dsItemClick": { item: ChartLegendItem; originalEvent: MouseEvent };
    }
    /**
     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
     * legends differently (list w/ values, compact chips, bare swatches, external
     * stat callouts) — this covers the common "swatch + label + optional value" case.
     * Consumers who need a different treatment skip this component entirely and
     * render their own markup against the same `ChartLegendItem[]` data.
     */
    interface HTMLDsChartLegendElement extends Components.DsChartLegend, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsChartLegendElementEventMap>(type: K, listener: (this: HTMLDsChartLegendElement, ev: DsChartLegendCustomEvent<HTMLDsChartLegendElementEventMap[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 HTMLDsChartLegendElementEventMap>(type: K, listener: (this: HTMLDsChartLegendElement, ev: DsChartLegendCustomEvent<HTMLDsChartLegendElementEventMap[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 HTMLDsChartLegendElement: {
        prototype: HTMLDsChartLegendElement;
        new (): HTMLDsChartLegendElement;
    };
    interface HTMLDsCheckboxElementEventMap {
        "dsChange": boolean;
    }
    interface HTMLDsCheckboxElement extends Components.DsCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsCheckboxElementEventMap>(type: K, listener: (this: HTMLDsCheckboxElement, ev: DsCheckboxCustomEvent<HTMLDsCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsCheckboxElement: {
        prototype: HTMLDsCheckboxElement;
        new (): HTMLDsCheckboxElement;
    };
    interface HTMLDsChipElementEventMap {
        "dsRemove": void;
    }
    /**
     * Removable chip — same density recipe as Tag, but colored by semantic `state`
     * (not intent × contrast). Not a toggle/select control; the only intentional
     * action is remove.
     */
    interface HTMLDsChipElement extends Components.DsChip, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsChipElementEventMap>(type: K, listener: (this: HTMLDsChipElement, ev: DsChipCustomEvent<HTMLDsChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsChipElement: {
        prototype: HTMLDsChipElement;
        new (): HTMLDsChipElement;
    };
    interface HTMLDsCodeBlockElement extends Components.DsCodeBlock, HTMLStencilElement {
    }
    var HTMLDsCodeBlockElement: {
        prototype: HTMLDsCodeBlockElement;
        new (): HTMLDsCodeBlockElement;
    };
    interface HTMLDsConversationListElement extends Components.DsConversationList, HTMLStencilElement {
    }
    var HTMLDsConversationListElement: {
        prototype: HTMLDsConversationListElement;
        new (): HTMLDsConversationListElement;
    };
    interface HTMLDsConversationListItemElementEventMap {
        "dsSelect": { id: string };
    }
    interface HTMLDsConversationListItemElement extends Components.DsConversationListItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsConversationListItemElementEventMap>(type: K, listener: (this: HTMLDsConversationListItemElement, ev: DsConversationListItemCustomEvent<HTMLDsConversationListItemElementEventMap[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 HTMLDsConversationListItemElementEventMap>(type: K, listener: (this: HTMLDsConversationListItemElement, ev: DsConversationListItemCustomEvent<HTMLDsConversationListItemElementEventMap[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 HTMLDsConversationListItemElement: {
        prototype: HTMLDsConversationListItemElement;
        new (): HTMLDsConversationListItemElement;
    };
    interface HTMLDsConversationListSectionElement extends Components.DsConversationListSection, HTMLStencilElement {
    }
    var HTMLDsConversationListSectionElement: {
        prototype: HTMLDsConversationListSectionElement;
        new (): HTMLDsConversationListSectionElement;
    };
    interface HTMLDsDividerElement extends Components.DsDivider, HTMLStencilElement {
    }
    var HTMLDsDividerElement: {
        prototype: HTMLDsDividerElement;
        new (): HTMLDsDividerElement;
    };
    interface HTMLDsEmptyStateElement extends Components.DsEmptyState, HTMLStencilElement {
    }
    var HTMLDsEmptyStateElement: {
        prototype: HTMLDsEmptyStateElement;
        new (): HTMLDsEmptyStateElement;
    };
    interface HTMLDsFieldElement extends Components.DsField, HTMLStencilElement {
    }
    var HTMLDsFieldElement: {
        prototype: HTMLDsFieldElement;
        new (): HTMLDsFieldElement;
    };
    interface HTMLDsFilterMenuElementEventMap {
        "dsChange": FilterMenuChangeDetail;
        "dsClear": void;
        "dsActiveFilterChange": string;
        "dsClose": void;
        "dsOpenChange": boolean;
        "dsAfterClose": void;
    }
    interface HTMLDsFilterMenuElement extends Components.DsFilterMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsFilterMenuElementEventMap>(type: K, listener: (this: HTMLDsFilterMenuElement, ev: DsFilterMenuCustomEvent<HTMLDsFilterMenuElementEventMap[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 HTMLDsFilterMenuElementEventMap>(type: K, listener: (this: HTMLDsFilterMenuElement, ev: DsFilterMenuCustomEvent<HTMLDsFilterMenuElementEventMap[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 HTMLDsFilterMenuElement: {
        prototype: HTMLDsFilterMenuElement;
        new (): HTMLDsFilterMenuElement;
    };
    interface HTMLDsIconElement extends Components.DsIcon, HTMLStencilElement {
    }
    var HTMLDsIconElement: {
        prototype: HTMLDsIconElement;
        new (): HTMLDsIconElement;
    };
    interface HTMLDsInputElementEventMap {
        "dsChange": string;
        "dsClear": void;
    }
    interface HTMLDsInputElement extends Components.DsInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsInputElementEventMap>(type: K, listener: (this: HTMLDsInputElement, ev: DsInputCustomEvent<HTMLDsInputElementEventMap[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 HTMLDsInputElementEventMap>(type: K, listener: (this: HTMLDsInputElement, ev: DsInputCustomEvent<HTMLDsInputElementEventMap[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 HTMLDsInputElement: {
        prototype: HTMLDsInputElement;
        new (): HTMLDsInputElement;
    };
    interface HTMLDsLoaderElement extends Components.DsLoader, HTMLStencilElement {
    }
    var HTMLDsLoaderElement: {
        prototype: HTMLDsLoaderElement;
        new (): HTMLDsLoaderElement;
    };
    interface HTMLDsMarkdownElement extends Components.DsMarkdown, HTMLStencilElement {
    }
    var HTMLDsMarkdownElement: {
        prototype: HTMLDsMarkdownElement;
        new (): HTMLDsMarkdownElement;
    };
    interface HTMLDsMenuElementEventMap {
        "dsClose": void;
        "dsAfterClose": void;
        "dsSelect": MenuItemData;
        "dsSwatchSelect": string;
        "dsReorder": MenuReorderDetail;
    }
    interface HTMLDsMenuElement extends Components.DsMenu, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMenuElementEventMap>(type: K, listener: (this: HTMLDsMenuElement, ev: DsMenuCustomEvent<HTMLDsMenuElementEventMap[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 HTMLDsMenuElementEventMap>(type: K, listener: (this: HTMLDsMenuElement, ev: DsMenuCustomEvent<HTMLDsMenuElementEventMap[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 HTMLDsMenuElement: {
        prototype: HTMLDsMenuElement;
        new (): HTMLDsMenuElement;
    };
    interface HTMLDsMessageElement extends Components.DsMessage, HTMLStencilElement {
    }
    var HTMLDsMessageElement: {
        prototype: HTMLDsMessageElement;
        new (): HTMLDsMessageElement;
    };
    interface HTMLDsMessageActionsElementEventMap {
        "dsCopyResult": MessageCopyResultEventDetail;
        "dsFeedbackChange": MessageFeedback | undefined;
    }
    interface HTMLDsMessageActionsElement extends Components.DsMessageActions, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMessageActionsElementEventMap>(type: K, listener: (this: HTMLDsMessageActionsElement, ev: DsMessageActionsCustomEvent<HTMLDsMessageActionsElementEventMap[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 HTMLDsMessageActionsElementEventMap>(type: K, listener: (this: HTMLDsMessageActionsElement, ev: DsMessageActionsCustomEvent<HTMLDsMessageActionsElementEventMap[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 HTMLDsMessageActionsElement: {
        prototype: HTMLDsMessageActionsElement;
        new (): HTMLDsMessageActionsElement;
    };
    interface HTMLDsMessageBubbleElement extends Components.DsMessageBubble, HTMLStencilElement {
    }
    var HTMLDsMessageBubbleElement: {
        prototype: HTMLDsMessageBubbleElement;
        new (): HTMLDsMessageBubbleElement;
    };
    interface HTMLDsMessageComposerElementEventMap {
        "dsInput": string;
        "dsSubmit": { text: string };
        "dsStop": void;
    }
    interface HTMLDsMessageComposerElement extends Components.DsMessageComposer, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMessageComposerElementEventMap>(type: K, listener: (this: HTMLDsMessageComposerElement, ev: DsMessageComposerCustomEvent<HTMLDsMessageComposerElementEventMap[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 HTMLDsMessageComposerElementEventMap>(type: K, listener: (this: HTMLDsMessageComposerElement, ev: DsMessageComposerCustomEvent<HTMLDsMessageComposerElementEventMap[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 HTMLDsMessageComposerElement: {
        prototype: HTMLDsMessageComposerElement;
        new (): HTMLDsMessageComposerElement;
    };
    interface HTMLDsMessageScrollerElementEventMap {
        "dsReachStart": void;
    }
    interface HTMLDsMessageScrollerElement extends Components.DsMessageScroller, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMessageScrollerElementEventMap>(type: K, listener: (this: HTMLDsMessageScrollerElement, ev: DsMessageScrollerCustomEvent<HTMLDsMessageScrollerElementEventMap[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 HTMLDsMessageScrollerElementEventMap>(type: K, listener: (this: HTMLDsMessageScrollerElement, ev: DsMessageScrollerCustomEvent<HTMLDsMessageScrollerElementEventMap[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 HTMLDsMessageScrollerElement: {
        prototype: HTMLDsMessageScrollerElement;
        new (): HTMLDsMessageScrollerElement;
    };
    interface HTMLDsMobileBarNavElementEventMap {
        "dsSheetNavToggle": boolean;
        "dsDestinationChange": MobileBarNavDestinationDetail;
    }
    interface HTMLDsMobileBarNavElement extends Components.DsMobileBarNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMobileBarNavElementEventMap>(type: K, listener: (this: HTMLDsMobileBarNavElement, ev: DsMobileBarNavCustomEvent<HTMLDsMobileBarNavElementEventMap[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 HTMLDsMobileBarNavElementEventMap>(type: K, listener: (this: HTMLDsMobileBarNavElement, ev: DsMobileBarNavCustomEvent<HTMLDsMobileBarNavElementEventMap[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 HTMLDsMobileBarNavElement: {
        prototype: HTMLDsMobileBarNavElement;
        new (): HTMLDsMobileBarNavElement;
    };
    interface HTMLDsMobileHeaderElementEventMap {
        "dsSectionChange": string;
        "dsSubsectionChange": string;
    }
    interface HTMLDsMobileHeaderElement extends Components.DsMobileHeader, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMobileHeaderElementEventMap>(type: K, listener: (this: HTMLDsMobileHeaderElement, ev: DsMobileHeaderCustomEvent<HTMLDsMobileHeaderElementEventMap[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 HTMLDsMobileHeaderElementEventMap>(type: K, listener: (this: HTMLDsMobileHeaderElement, ev: DsMobileHeaderCustomEvent<HTMLDsMobileHeaderElementEventMap[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 HTMLDsMobileHeaderElement: {
        prototype: HTMLDsMobileHeaderElement;
        new (): HTMLDsMobileHeaderElement;
    };
    interface HTMLDsMobileSectionSwitcherElementEventMap {
        "dsChange": string;
    }
    interface HTMLDsMobileSectionSwitcherElement extends Components.DsMobileSectionSwitcher, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMobileSectionSwitcherElementEventMap>(type: K, listener: (this: HTMLDsMobileSectionSwitcherElement, ev: DsMobileSectionSwitcherCustomEvent<HTMLDsMobileSectionSwitcherElementEventMap[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 HTMLDsMobileSectionSwitcherElementEventMap>(type: K, listener: (this: HTMLDsMobileSectionSwitcherElement, ev: DsMobileSectionSwitcherCustomEvent<HTMLDsMobileSectionSwitcherElementEventMap[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 HTMLDsMobileSectionSwitcherElement: {
        prototype: HTMLDsMobileSectionSwitcherElement;
        new (): HTMLDsMobileSectionSwitcherElement;
    };
    interface HTMLDsMobileSheetNavElementEventMap {
        "dsAreaSelect": string;
        "dsBrowseContextChange": NavChromeStyle;
        "dsClose": void;
    }
    interface HTMLDsMobileSheetNavElement extends Components.DsMobileSheetNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsMobileSheetNavElementEventMap>(type: K, listener: (this: HTMLDsMobileSheetNavElement, ev: DsMobileSheetNavCustomEvent<HTMLDsMobileSheetNavElementEventMap[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 HTMLDsMobileSheetNavElementEventMap>(type: K, listener: (this: HTMLDsMobileSheetNavElement, ev: DsMobileSheetNavCustomEvent<HTMLDsMobileSheetNavElementEventMap[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 HTMLDsMobileSheetNavElement: {
        prototype: HTMLDsMobileSheetNavElement;
        new (): HTMLDsMobileSheetNavElement;
    };
    interface HTMLDsModalElementEventMap {
        "dsClose": ModalCloseDetail;
        "dsAfterClose": void;
    }
    interface HTMLDsModalElement extends Components.DsModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsModalElementEventMap>(type: K, listener: (this: HTMLDsModalElement, ev: DsModalCustomEvent<HTMLDsModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsModalElement: {
        prototype: HTMLDsModalElement;
        new (): HTMLDsModalElement;
    };
    interface HTMLDsPaginationElementEventMap {
        "dsChange": PaginationChangeDetail;
    }
    interface HTMLDsPaginationElement extends Components.DsPagination, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[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 HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[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 HTMLDsPaginationElement: {
        prototype: HTMLDsPaginationElement;
        new (): HTMLDsPaginationElement;
    };
    interface HTMLDsPanelNavElementEventMap {
        "dsNavSelect": string;
        "dsNavToggle": boolean;
        "dsChromeTransitionStart": ChromeTransitionDetail;
        "dsChromeTransitionEnd": ChromeTransitionDetail;
        "dsNavFooterAction": void;
        "dsNavUserAction": PanelNavUserActionDetail;
    }
    interface HTMLDsPanelNavElement extends Components.DsPanelNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPanelNavElementEventMap>(type: K, listener: (this: HTMLDsPanelNavElement, ev: DsPanelNavCustomEvent<HTMLDsPanelNavElementEventMap[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 HTMLDsPanelNavElementEventMap>(type: K, listener: (this: HTMLDsPanelNavElement, ev: DsPanelNavCustomEvent<HTMLDsPanelNavElementEventMap[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 HTMLDsPanelNavElement: {
        prototype: HTMLDsPanelNavElement;
        new (): HTMLDsPanelNavElement;
    };
    interface HTMLDsPanelSubNavElementEventMap {
        "dsChange": string;
    }
    interface HTMLDsPanelSubNavElement extends Components.DsPanelSubNav, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPanelSubNavElementEventMap>(type: K, listener: (this: HTMLDsPanelSubNavElement, ev: DsPanelSubNavCustomEvent<HTMLDsPanelSubNavElementEventMap[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 HTMLDsPanelSubNavElementEventMap>(type: K, listener: (this: HTMLDsPanelSubNavElement, ev: DsPanelSubNavCustomEvent<HTMLDsPanelSubNavElementEventMap[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 HTMLDsPanelSubNavElement: {
        prototype: HTMLDsPanelSubNavElement;
        new (): HTMLDsPanelSubNavElement;
    };
    interface HTMLDsPanelToolHeaderElementEventMap {
        "dsBack": MouseEvent;
        "dsMenuToggle": MouseEvent;
        "dsAction": { id: string; originalEvent: MouseEvent };
    }
    interface HTMLDsPanelToolHeaderElement extends Components.DsPanelToolHeader, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPanelToolHeaderElementEventMap>(type: K, listener: (this: HTMLDsPanelToolHeaderElement, ev: DsPanelToolHeaderCustomEvent<HTMLDsPanelToolHeaderElementEventMap[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 HTMLDsPanelToolHeaderElementEventMap>(type: K, listener: (this: HTMLDsPanelToolHeaderElement, ev: DsPanelToolHeaderCustomEvent<HTMLDsPanelToolHeaderElementEventMap[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 HTMLDsPanelToolHeaderElement: {
        prototype: HTMLDsPanelToolHeaderElement;
        new (): HTMLDsPanelToolHeaderElement;
    };
    interface HTMLDsPanelToolSearchElementEventMap {
        "dsChange": string;
        "dsClear": void;
        "dsFilterToggle": MouseEvent;
    }
    interface HTMLDsPanelToolSearchElement extends Components.DsPanelToolSearch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPanelToolSearchElementEventMap>(type: K, listener: (this: HTMLDsPanelToolSearchElement, ev: DsPanelToolSearchCustomEvent<HTMLDsPanelToolSearchElementEventMap[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 HTMLDsPanelToolSearchElementEventMap>(type: K, listener: (this: HTMLDsPanelToolSearchElement, ev: DsPanelToolSearchCustomEvent<HTMLDsPanelToolSearchElementEventMap[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 HTMLDsPanelToolSearchElement: {
        prototype: HTMLDsPanelToolSearchElement;
        new (): HTMLDsPanelToolSearchElement;
    };
    interface HTMLDsPanelToolsElementEventMap {
        "dsToolChange": {
    id: PanelToolsToolId;
    selected: boolean;
  };
        "dsPresentationChange": {
    presentation: 'drawer' | 'fullscreen';
  };
        "dsHeaderBack": {
    tool: PanelToolsToolId;
  };
        "dsHeaderAction": {
    tool: PanelToolsToolId;
    id: string;
  };
        "dsChromeTransitionStart": ChromeTransitionDetail;
        "dsChromeTransitionEnd": ChromeTransitionDetail;
    }
    interface HTMLDsPanelToolsElement extends Components.DsPanelTools, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsPanelToolsElementEventMap>(type: K, listener: (this: HTMLDsPanelToolsElement, ev: DsPanelToolsCustomEvent<HTMLDsPanelToolsElementEventMap[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 HTMLDsPanelToolsElementEventMap>(type: K, listener: (this: HTMLDsPanelToolsElement, ev: DsPanelToolsCustomEvent<HTMLDsPanelToolsElementEventMap[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 HTMLDsPanelToolsElement: {
        prototype: HTMLDsPanelToolsElement;
        new (): HTMLDsPanelToolsElement;
    };
    interface HTMLDsPaperTextureElement extends Components.DsPaperTexture, HTMLStencilElement {
    }
    var HTMLDsPaperTextureElement: {
        prototype: HTMLDsPaperTextureElement;
        new (): HTMLDsPaperTextureElement;
    };
    interface HTMLDsRadioElementEventMap {
        "dsChange": string;
    }
    interface HTMLDsRadioElement extends Components.DsRadio, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsRadioElementEventMap>(type: K, listener: (this: HTMLDsRadioElement, ev: DsRadioCustomEvent<HTMLDsRadioElementEventMap[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 HTMLDsRadioElementEventMap>(type: K, listener: (this: HTMLDsRadioElement, ev: DsRadioCustomEvent<HTMLDsRadioElementEventMap[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 HTMLDsRadioElement: {
        prototype: HTMLDsRadioElement;
        new (): HTMLDsRadioElement;
    };
    interface HTMLDsScrollOverlayElementEventMap {
        "dsScroll": ScrollOverlayScrollDetail;
    }
    interface HTMLDsScrollOverlayElement extends Components.DsScrollOverlay, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsScrollOverlayElementEventMap>(type: K, listener: (this: HTMLDsScrollOverlayElement, ev: DsScrollOverlayCustomEvent<HTMLDsScrollOverlayElementEventMap[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 HTMLDsScrollOverlayElementEventMap>(type: K, listener: (this: HTMLDsScrollOverlayElement, ev: DsScrollOverlayCustomEvent<HTMLDsScrollOverlayElementEventMap[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 HTMLDsScrollOverlayElement: {
        prototype: HTMLDsScrollOverlayElement;
        new (): HTMLDsScrollOverlayElement;
    };
    interface HTMLDsSelectElementEventMap {
        "dsChange": SelectValue;
        "dsClear": void;
        "dsOpenChange": boolean;
        "dsFooterAction": void;
        "dsOptionAction": SelectOptionActionDetail;
        "dsOptionSubtextAction": SelectOptionSubtextActionDetail;
    }
    interface HTMLDsSelectElement extends Components.DsSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDsSelectElementEventMap>(type: K, listener: (this: HTMLDsSelectElement, ev: DsSelectCustomEvent<HTMLDsSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDsSelectElement: {
        prototype: HTMLDsSelectElement;
        new (): HTMLDsSelectElement;
    };
    interface HTMLDsShellAppElementEventMap {
        "dsResponsiveModeChange": { mode: ShellResponsiveMode };
        "dsNavSelect": string;
        "dsTabChange": string;
        "dsSubsectionChange": string;
        "dsPageBack": MouseEvent;
        "dsBreadcrumbSelect": BreadcrumbSelectDetail;
        "dsPageAction": string;
        "dsToolChange": { id: PanelToolsToolId; selected: boolean };
        "dsHeaderBack": { tool: PanelToolsToolId };
        "dsHeaderAction": { tool: PanelToolsToolId; id: string };
        "dsPresentationChange": { presentation: 'drawer' | 'fullscreen' };
        "dsBrowseContextChange": NavChromeStyle;
        "dsNavFooterAction": void;
        "dsNavUserAction": PanelNavUserActionDetail;
    }
    interface HTMLDsShellAppElement extends Components.DsShellApp, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsShellAppElementEventMap>(type: K, listener: (this: HTMLDsShellAppElement, ev: DsShellAppCustomEvent<HTMLDsShellAppElementEventMap[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 HTMLDsShellAppElementEventMap>(type: K, listener: (this: HTMLDsShellAppElement, ev: DsShellAppCustomEvent<HTMLDsShellAppElementEventMap[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 HTMLDsShellAppElement: {
        prototype: HTMLDsShellAppElement;
        new (): HTMLDsShellAppElement;
    };
    interface HTMLDsShellPageElement extends Components.DsShellPage, HTMLStencilElement {
    }
    var HTMLDsShellPageElement: {
        prototype: HTMLDsShellPageElement;
        new (): HTMLDsShellPageElement;
    };
    interface HTMLDsShellToolsElementEventMap {
        "dsToolChange": {
    id: PanelToolsToolId;
    selected: boolean;
  };
        "dsPresentationChange": {
    presentation: 'drawer' | 'fullscreen';
  };
        "dsHeaderBack": {
    tool: PanelToolsToolId;
  };
        "dsHeaderAction": {
    tool: PanelToolsToolId;
    id: string;
  };
    }
    interface HTMLDsShellToolsElement extends Components.DsShellTools, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsShellToolsElementEventMap>(type: K, listener: (this: HTMLDsShellToolsElement, ev: DsShellToolsCustomEvent<HTMLDsShellToolsElementEventMap[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 HTMLDsShellToolsElementEventMap>(type: K, listener: (this: HTMLDsShellToolsElement, ev: DsShellToolsCustomEvent<HTMLDsShellToolsElementEventMap[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 HTMLDsShellToolsElement: {
        prototype: HTMLDsShellToolsElement;
        new (): HTMLDsShellToolsElement;
    };
    interface HTMLDsSkeletonElement extends Components.DsSkeleton, HTMLStencilElement {
    }
    var HTMLDsSkeletonElement: {
        prototype: HTMLDsSkeletonElement;
        new (): HTMLDsSkeletonElement;
    };
    interface HTMLDsSliderElementEventMap {
        "dsChange": SliderValue;
        "dsCommit": SliderValue;
    }
    interface HTMLDsSliderElement extends Components.DsSlider, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSliderElementEventMap>(type: K, listener: (this: HTMLDsSliderElement, ev: DsSliderCustomEvent<HTMLDsSliderElementEventMap[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 HTMLDsSliderElementEventMap>(type: K, listener: (this: HTMLDsSliderElement, ev: DsSliderCustomEvent<HTMLDsSliderElementEventMap[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 HTMLDsSliderElement: {
        prototype: HTMLDsSliderElement;
        new (): HTMLDsSliderElement;
    };
    interface HTMLDsSwatchPickerElementEventMap {
        "dsChange": string;
    }
    interface HTMLDsSwatchPickerElement extends Components.DsSwatchPicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSwatchPickerElementEventMap>(type: K, listener: (this: HTMLDsSwatchPickerElement, ev: DsSwatchPickerCustomEvent<HTMLDsSwatchPickerElementEventMap[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 HTMLDsSwatchPickerElementEventMap>(type: K, listener: (this: HTMLDsSwatchPickerElement, ev: DsSwatchPickerCustomEvent<HTMLDsSwatchPickerElementEventMap[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 HTMLDsSwatchPickerElement: {
        prototype: HTMLDsSwatchPickerElement;
        new (): HTMLDsSwatchPickerElement;
    };
    interface HTMLDsSwitchElementEventMap {
        "dsChange": boolean;
    }
    interface HTMLDsSwitchElement extends Components.DsSwitch, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsSwitchElementEventMap>(type: K, listener: (this: HTMLDsSwitchElement, ev: DsSwitchCustomEvent<HTMLDsSwitchElementEventMap[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 HTMLDsSwitchElementEventMap>(type: K, listener: (this: HTMLDsSwitchElement, ev: DsSwitchCustomEvent<HTMLDsSwitchElementEventMap[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 HTMLDsSwitchElement: {
        prototype: HTMLDsSwitchElement;
        new (): HTMLDsSwitchElement;
    };
    interface HTMLDsTabGroupElementEventMap {
        "dsChange": string;
    }
    interface HTMLDsTabGroupElement extends Components.DsTabGroup, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTabGroupElementEventMap>(type: K, listener: (this: HTMLDsTabGroupElement, ev: DsTabGroupCustomEvent<HTMLDsTabGroupElementEventMap[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 HTMLDsTabGroupElementEventMap>(type: K, listener: (this: HTMLDsTabGroupElement, ev: DsTabGroupCustomEvent<HTMLDsTabGroupElementEventMap[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 HTMLDsTabGroupElement: {
        prototype: HTMLDsTabGroupElement;
        new (): HTMLDsTabGroupElement;
    };
    interface HTMLDsTableElementEventMap {
        "dsSortChange": TableSortChangeDetail;
        "dsGroupCollapseChange": TableGroupCollapseChangeDetail;
        "dsSelectionChange": TableSelectionChangeDetail;
        "dsLoadMore": TableLoadMoreDetail;
        "dsGroupLoadMore": TableGroupLoadMoreDetail;
        "dsPaginationChange": PaginationChangeDetail;
        "dsCellAction": TableCellActionDetail;
        "dsRowActivate": TableRowActivateDetail;
        "dsColumnsConfigChange": TableColumnsConfigChangeDetail;
        "dsDataModeChange": TableDataModeChangeDetail;
    }
    interface HTMLDsTableElement extends Components.DsTable, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[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 HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[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 HTMLDsTableElement: {
        prototype: HTMLDsTableElement;
        new (): HTMLDsTableElement;
    };
    interface HTMLDsTableFilterElementEventMap {
        "dsChange": FilterMenuChangeDetail1;
        "dsClear": void;
        "dsActiveFilterChange": string;
        "dsClose": void;
        "dsOpenChange": boolean;
        "dsAfterClose": void;
    }
    interface HTMLDsTableFilterElement extends Components.DsTableFilter, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTableFilterElementEventMap>(type: K, listener: (this: HTMLDsTableFilterElement, ev: DsTableFilterCustomEvent<HTMLDsTableFilterElementEventMap[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 HTMLDsTableFilterElementEventMap>(type: K, listener: (this: HTMLDsTableFilterElement, ev: DsTableFilterCustomEvent<HTMLDsTableFilterElementEventMap[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 HTMLDsTableFilterElement: {
        prototype: HTMLDsTableFilterElement;
        new (): HTMLDsTableFilterElement;
    };
    interface HTMLDsTableSavedViewsElementEventMap {
        "dsViewChange": TableSavedViewChangeDetail;
        "dsViewCreate": TableSavedViewCreateDetail;
        "dsViewRename": TableSavedViewRenameDetail;
        "dsViewRemove": TableSavedViewRemoveDetail;
        "dsViewSave": TableSavedViewSaveDetail;
        "dsViewDiscard": TableSavedViewDiscardDetail;
    }
    interface HTMLDsTableSavedViewsElement extends Components.DsTableSavedViews, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTableSavedViewsElementEventMap>(type: K, listener: (this: HTMLDsTableSavedViewsElement, ev: DsTableSavedViewsCustomEvent<HTMLDsTableSavedViewsElementEventMap[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 HTMLDsTableSavedViewsElementEventMap>(type: K, listener: (this: HTMLDsTableSavedViewsElement, ev: DsTableSavedViewsCustomEvent<HTMLDsTableSavedViewsElementEventMap[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 HTMLDsTableSavedViewsElement: {
        prototype: HTMLDsTableSavedViewsElement;
        new (): HTMLDsTableSavedViewsElement;
    };
    interface HTMLDsTableSortElementEventMap {
        "dsSortChange": TableSortChangeDetail;
    }
    interface HTMLDsTableSortElement extends Components.DsTableSort, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTableSortElementEventMap>(type: K, listener: (this: HTMLDsTableSortElement, ev: DsTableSortCustomEvent<HTMLDsTableSortElementEventMap[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 HTMLDsTableSortElementEventMap>(type: K, listener: (this: HTMLDsTableSortElement, ev: DsTableSortCustomEvent<HTMLDsTableSortElementEventMap[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 HTMLDsTableSortElement: {
        prototype: HTMLDsTableSortElement;
        new (): HTMLDsTableSortElement;
    };
    interface HTMLDsTableToolbarElement extends Components.DsTableToolbar, HTMLStencilElement {
    }
    var HTMLDsTableToolbarElement: {
        prototype: HTMLDsTableToolbarElement;
        new (): HTMLDsTableToolbarElement;
    };
    interface HTMLDsTagElementEventMap {
        "dsClick": MouseEvent;
    }
    interface HTMLDsTagElement extends Components.DsTag, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsTagElementEventMap>(type: K, listener: (this: HTMLDsTagElement, ev: DsTagCustomEvent<HTMLDsTagElementEventMap[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 HTMLDsTagElementEventMap>(type: K, listener: (this: HTMLDsTagElement, ev: DsTagCustomEvent<HTMLDsTagElementEventMap[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 HTMLDsTagElement: {
        prototype: HTMLDsTagElement;
        new (): HTMLDsTagElement;
    };
    interface HTMLDsTextElement extends Components.DsText, HTMLStencilElement {
    }
    var HTMLDsTextElement: {
        prototype: HTMLDsTextElement;
        new (): HTMLDsTextElement;
    };
    interface HTMLDsToastElementEventMap {
        "dsToastClose": ToastCloseEventDetail;
        "dsToastRemove": ToastEventDetail;
        "dsToastAction": ToastActionEventDetail;
    }
    interface HTMLDsToastElement extends Components.DsToast, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDsToastElementEventMap>(type: K, listener: (this: HTMLDsToastElement, ev: DsToastCustomEvent<HTMLDsToastElementEventMap[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 HTMLDsToastElementEventMap>(type: K, listener: (this: HTMLDsToastElement, ev: DsToastCustomEvent<HTMLDsToastElementEventMap[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 HTMLDsToastElement: {
        prototype: HTMLDsToastElement;
        new (): HTMLDsToastElement;
    };
    /**
     * Imperative body portal for the popup.
     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
     * causes recreate → re-portal →
     * @State loops that freeze the page.
     */
    interface HTMLDsTooltipElement extends Components.DsTooltip, HTMLStencilElement {
    }
    var HTMLDsTooltipElement: {
        prototype: HTMLDsTooltipElement;
        new (): HTMLDsTooltipElement;
    };
    /**
     * Positioned value/label callout for chart hover interactions (bar, line point,
     * polar arc, …). A composition may suppress it when a visible legend already
     * surfaces the same value.
     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
     * keeps it on-screen.
     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
     * keep the instance mounted while the cursor moves so tracking stays instant.
     */
    interface HTMLDsTooltipChartElement extends Components.DsTooltipChart, HTMLStencilElement {
    }
    var HTMLDsTooltipChartElement: {
        prototype: HTMLDsTooltipChartElement;
        new (): HTMLDsTooltipChartElement;
    };
    interface HTMLDsTypingIndicatorElement extends Components.DsTypingIndicator, HTMLStencilElement {
    }
    var HTMLDsTypingIndicatorElement: {
        prototype: HTMLDsTypingIndicatorElement;
        new (): HTMLDsTypingIndicatorElement;
    };
    interface HTMLElementTagNameMap {
        "ds-agent-activity": HTMLDsAgentActivityElement;
        "ds-agent-questionnaire": HTMLDsAgentQuestionnaireElement;
        "ds-agent-response": HTMLDsAgentResponseElement;
        "ds-agent-source-list": HTMLDsAgentSourceListElement;
        "ds-agent-tool-call": HTMLDsAgentToolCallElement;
        "ds-attachment-list": HTMLDsAttachmentListElement;
        "ds-avatar": HTMLDsAvatarElement;
        "ds-badge": HTMLDsBadgeElement;
        "ds-banner": HTMLDsBannerElement;
        "ds-bar-action": HTMLDsBarActionElement;
        "ds-bar-nav": HTMLDsBarNavElement;
        "ds-bar-title": HTMLDsBarTitleElement;
        "ds-bar-workflow": HTMLDsBarWorkflowElement;
        "ds-breadcrumb": HTMLDsBreadcrumbElement;
        "ds-button-filled": HTMLDsButtonFilledElement;
        "ds-button-unfilled": HTMLDsButtonUnfilledElement;
        "ds-card-chart": HTMLDsCardChartElement;
        "ds-card-overview": HTMLDsCardOverviewElement;
        "ds-card-setting": HTMLDsCardSettingElement;
        "ds-chart": HTMLDsChartElement;
        "ds-chart-legend": HTMLDsChartLegendElement;
        "ds-checkbox": HTMLDsCheckboxElement;
        "ds-chip": HTMLDsChipElement;
        "ds-code-block": HTMLDsCodeBlockElement;
        "ds-conversation-list": HTMLDsConversationListElement;
        "ds-conversation-list-item": HTMLDsConversationListItemElement;
        "ds-conversation-list-section": HTMLDsConversationListSectionElement;
        "ds-divider": HTMLDsDividerElement;
        "ds-empty-state": HTMLDsEmptyStateElement;
        "ds-field": HTMLDsFieldElement;
        "ds-filter-menu": HTMLDsFilterMenuElement;
        "ds-icon": HTMLDsIconElement;
        "ds-input": HTMLDsInputElement;
        "ds-loader": HTMLDsLoaderElement;
        "ds-markdown": HTMLDsMarkdownElement;
        "ds-menu": HTMLDsMenuElement;
        "ds-message": HTMLDsMessageElement;
        "ds-message-actions": HTMLDsMessageActionsElement;
        "ds-message-bubble": HTMLDsMessageBubbleElement;
        "ds-message-composer": HTMLDsMessageComposerElement;
        "ds-message-scroller": HTMLDsMessageScrollerElement;
        "ds-mobile-bar-nav": HTMLDsMobileBarNavElement;
        "ds-mobile-header": HTMLDsMobileHeaderElement;
        "ds-mobile-section-switcher": HTMLDsMobileSectionSwitcherElement;
        "ds-mobile-sheet-nav": HTMLDsMobileSheetNavElement;
        "ds-modal": HTMLDsModalElement;
        "ds-pagination": HTMLDsPaginationElement;
        "ds-panel-nav": HTMLDsPanelNavElement;
        "ds-panel-sub-nav": HTMLDsPanelSubNavElement;
        "ds-panel-tool-header": HTMLDsPanelToolHeaderElement;
        "ds-panel-tool-search": HTMLDsPanelToolSearchElement;
        "ds-panel-tools": HTMLDsPanelToolsElement;
        "ds-paper-texture": HTMLDsPaperTextureElement;
        "ds-radio": HTMLDsRadioElement;
        "ds-scroll-overlay": HTMLDsScrollOverlayElement;
        "ds-select": HTMLDsSelectElement;
        "ds-shell-app": HTMLDsShellAppElement;
        "ds-shell-page": HTMLDsShellPageElement;
        "ds-shell-tools": HTMLDsShellToolsElement;
        "ds-skeleton": HTMLDsSkeletonElement;
        "ds-slider": HTMLDsSliderElement;
        "ds-swatch-picker": HTMLDsSwatchPickerElement;
        "ds-switch": HTMLDsSwitchElement;
        "ds-tab-group": HTMLDsTabGroupElement;
        "ds-table": HTMLDsTableElement;
        "ds-table-filter": HTMLDsTableFilterElement;
        "ds-table-saved-views": HTMLDsTableSavedViewsElement;
        "ds-table-sort": HTMLDsTableSortElement;
        "ds-table-toolbar": HTMLDsTableToolbarElement;
        "ds-tag": HTMLDsTagElement;
        "ds-text": HTMLDsTextElement;
        "ds-toast": HTMLDsToastElement;
        "ds-tooltip": HTMLDsTooltipElement;
        "ds-tooltip-chart": HTMLDsTooltipChartElement;
        "ds-typing-indicator": HTMLDsTypingIndicatorElement;
    }
}
declare namespace LocalJSX {
    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };

    interface DsAgentActivity {
        /**
          * @default 'Activity'
         */
        "heading"?: string;
        /**
          * @default []
         */
        "items"?: AgentActivityItem[];
        /**
          * @default false
         */
        "open"?: boolean;
    }
    interface DsAgentQuestionnaire {
        /**
          * @default false
         */
        "allowCancel"?: boolean;
        /**
          * @default []
         */
        "answers"?: AgentQuestionAnswer[];
        "errorMessage"?: string;
        "labels"?: Partial<AgentQuestionnaireLabels>;
        "onDsAnswer"?: (event: DsAgentQuestionnaireCustomEvent<AgentQuestionnaireAnswerEventDetail>) => void;
        "onDsCancel"?: (event: DsAgentQuestionnaireCustomEvent<AgentQuestionnaireCancelEventDetail>) => void;
        "questions": AgentQuestion[];
        "requestId": string;
        /**
          * @default 'ready'
         */
        "status"?: AgentQuestionnaireStatus;
    }
    interface DsAgentResponse {
        /**
          * @default ''
         */
        "author"?: string;
        /**
          * @default ''
         */
        "messageId"?: string;
        /**
          * Controls whether the complete message metadata footer is persistent or revealed through hover/focus.
          * @default 'always'
         */
        "metadataVisibility"?: MessageMetadataVisibility;
        /**
          * @default []
         */
        "parts"?: AgentResponsePart[];
        /**
          * Renders serializable ordered parts or lets the default slot own the complete ordered body.
          * @default 'parts'
         */
        "renderMode"?: AgentResponseRenderMode;
        /**
          * @default true
         */
        "showAuthor"?: boolean;
        /**
          * @default false
         */
        "streaming"?: boolean;
        /**
          * @default ''
         */
        "timestamp"?: string;
    }
    interface DsAgentSourceList {
        /**
          * @default 'Sources'
         */
        "heading"?: string;
        /**
          * @default []
         */
        "items"?: AgentSource[];
        "onDsOpenChange"?: (event: DsAgentSourceListCustomEvent<{ open: boolean }>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
    }
    interface DsAgentToolCall {
        "error"?: string;
        "input"?: unknown;
        /**
          * @default ''
         */
        "label"?: string;
        /**
          * @default ''
         */
        "name"?: string;
        "onDsOpenChange"?: (event: DsAgentToolCallCustomEvent<{ open: boolean }>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
        "output"?: unknown;
        /**
          * @default 'queued'
         */
        "state"?: AgentToolState;
        "statusLabel"?: string;
    }
    interface DsAttachmentList {
        /**
          * @default []
         */
        "items"?: ConversationAttachment[];
        /**
          * @default 'Attachments'
         */
        "label"?: string;
    }
    interface DsAvatar {
        /**
          * Canonical IcoMo icon name displayed inside the avatar.
          * @default ''
         */
        "icon"?: string;
        /**
          * Semantic icon hierarchy. Use primary for stronger emphasis; secondary is the default.
          * @default 'secondary'
         */
        "iconColor"?: IconColor;
        /**
          * Optional accessible label. Omit when the surrounding content already conveys the meaning.
         */
        "label"?: string | undefined;
        /**
          * Circle and icon density. Maps to 32/20, 24/16, or 16/12 px.
          * @default 'md'
         */
        "size"?: AvatarSize;
    }
    interface DsBadge {
        /**
          * Direct ring background override for component-local surfaces.
         */
        "background"?: string | undefined;
        /**
          * Count shown for counter badges. Count 0 hides the badge.
          * @default 0
         */
        "count"?: number;
        /**
          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled under an ShellApp with an active gradient preset; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
          * @default false
         */
        "gradientBackground"?: boolean;
        /**
          * Show the separation ring when the badge overlaps an icon or other content.
          * @default true
         */
        "hasRing"?: boolean;
        /**
          * Contextual supplemental text. Omit when the owner hides the badge from assistive technology.
         */
        "label"?: string | undefined;
        /**
          * Highest count shown before compacting to "{max}+".
          * @default 9
         */
        "max"?: number;
        /**
          * Immediate backing surface matched by the ring around either variant.
          * @default 'primary'
         */
        "surface"?: BadgeSurface;
        /**
          * Render as a compact counter or notification dot.
          * @default 'counter'
         */
        "variant"?: BadgeVariant;
    }
    interface DsBanner {
        /**
          * Live-region urgency, independent of visual intent.
          * @default 'none'
         */
        "announcement"?: BannerAnnouncement;
        /**
          * Surface fill weight.
          * @default 'faint'
         */
        "contrast"?: BannerContrast;
        /**
          * Required explanatory copy.
         */
        "description": string;
        /**
          * Localized accessible label for the close control.
          * @default 'Dismiss banner'
         */
        "dismissLabel"?: string;
        /**
          * Optional visual heading rendered before the description.
          * @default ''
         */
        "heading"?: string;
        /**
          * Semantic color family.
          * @default 'neutral'
         */
        "intent"?: BannerIntent;
        /**
          * Emitted once after controlled exit motion and layout collapse complete.
         */
        "onDsAfterClose"?: (event: DsBannerCustomEvent<void>) => void;
        /**
          * Emitted when the close control requests dismissal. The application controls open.
         */
        "onDsClose"?: (event: DsBannerCustomEvent<MouseEvent>) => void;
        /**
          * Controlled visibility. Keep the element mounted until dsAfterClose when unmounting.
          * @default true
         */
        "open"?: boolean;
        /**
          * Copy and action-lane arrangement, selected by the application.
          * @default 'horizontal'
         */
        "orientation"?: BannerOrientation;
    }
    interface DsBarAction {
        /**
          * Visible Clear control label.
          * @default 'Clear'
         */
        "clearLabel"?: string;
        /**
          * Number of selected items. The bar is hidden while this is below one.
          * @default 0
         */
        "count"?: number;
        /**
          * Accessible name for the selected-set action group.
          * @default 'Selected item actions'
         */
        "label"?: string;
        /**
          * Emitted when Clear is activated. The application owns the selected identities.
         */
        "onDsClear"?: (event: DsBarActionCustomEvent<MouseEvent>) => void;
        /**
          * Localized noun shown after the count.
          * @default 'selected'
         */
        "selectedLabel"?: string;
    }
    interface DsBarNav {
        /**
          * Section base path (e.g. `/dashboard/safety`). Used with `currentUrl` to derive `value`.
          * @default ''
         */
        "basePath"?: string;
        /**
          * Current route URL. When set with `basePath`, the active tab is derived automatically.
          * @default ''
         */
        "currentUrl"?: string;
        /**
          * Fallback heading shown when no tabs are provided. When tabs are present the heading is hidden.
         */
        "heading"?: string | undefined;
        /**
          * @default 'More tabs'
         */
        "moreTabsLabel"?: string;
        /**
          * Style slot: `dashboard` or `settings`. Colors match for now.
          * @default 'dashboard'
         */
        "navStyle"?: NavChromeStyle;
        /**
          * Emitted when the active tab changes. Detail = tab id.
         */
        "onDsTabChange"?: (event: DsBarNavCustomEvent<string>) => void;
        /**
          * Tab items for the left section. Set via JS property: `el.tabs = [...]`. Replace the array reference to update.
          * @default []
         */
        "tabs"?: BarNavTab[];
        /**
          * ID of the currently active tab. Overridden when `currentUrl` + `basePath` are set.
          * @default ''
         */
        "value"?: string;
    }
    interface DsBarTitle {
        /**
          * Secondary page actions shown in the overflow menu. Dividers create groups.
          * @default []
         */
        "actions"?: BarTitleActionItem[];
        /**
          * Accessible name for the page-actions menu.
          * @default 'More page actions'
         */
        "actionsAriaLabel"?: string;
        /**
          * Accessible name for the leading Back action.
          * @default 'Back'
         */
        "backAriaLabel"?: string;
        /**
          * Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.
          * @default 'Back'
         */
        "backLabel"?: string;
        /**
          * Accessible name for the expanded breadcrumb navigation landmark.
          * @default 'Breadcrumb'
         */
        "breadcrumbAriaLabel"?: string;
        /**
          * Optional expanded ancestor path. Compact variants continue to use the Back action.
          * @default []
         */
        "breadcrumbs"?: BreadcrumbItem[];
        /**
          * Optional supporting copy shown in the expanded presentation.
          * @default ''
         */
        "description"?: string;
        /**
          * The page's single visible h1.
         */
        "heading": string;
        /**
          * Emitted with the activated primary or overflow action id.
         */
        "onDsAction"?: (event: DsBarTitleCustomEvent<string>) => void;
        /**
          * Emitted when the leading Back action is activated.
         */
        "onDsBack"?: (event: DsBarTitleCustomEvent<MouseEvent>) => void;
        /**
          * Emitted when an authored expanded breadcrumb item is activated.
         */
        "onDsBreadcrumbSelect"?: (event: DsBarTitleCustomEvent<BreadcrumbSelectDetail>) => void;
        /**
          * Emitted with the newly selected page-section id.
         */
        "onDsSectionChange"?: (event: DsBarTitleCustomEvent<string>) => void;
        /**
          * The one highest-emphasis page action.
          * @default null
         */
        "primaryAction"?: BarTitlePrimaryAction | null;
        /**
          * Optional page sections exposed through the active-section menu.
          * @default []
         */
        "sections"?: BarTitleSectionItem[];
        /**
          * Accessible name for the page-section menu.
          * @default 'Change page section'
         */
        "sectionsAriaLabel"?: string;
        /**
          * Show the leading page-level Back action.
          * @default false
         */
        "showBack"?: boolean;
        /**
          * Override divider visibility for compact and constrained variants.
         */
        "showCompactDivider"?: boolean;
        /**
          * Draw the page-title divider beneath the header.
          * @default true
         */
        "showDivider"?: boolean;
        /**
          * Id of the active page section.
          * @default ''
         */
        "value"?: string;
        /**
          * Explicit visual/capacity variant. ShellPage owns automatic selection.
          * @default 'expanded'
         */
        "variant"?: BarTitleVariant;
    }
    interface DsBarWorkflow {
        /**
          * Workflow-specific accessible name for Exit.
          * @default 'Exit workflow'
         */
        "exitAriaLabel"?: string;
        /**
          * Concise tooltip label for the Exit control.
          * @default 'Exit'
         */
        "exitLabel"?: string;
        /**
          * The workflow's single visible h1.
         */
        "heading": string;
        /**
          * Prevent advancing while the current step is incomplete or invalid.
          * @default false
         */
        "isNextInactive"?: boolean;
        /**
          * Tooltip and accessible name for the next-step control.
          * @default 'Next step'
         */
        "nextLabel"?: string;
        /**
          * Emitted when Exit is activated.
         */
        "onDsExit"?: (event: DsBarWorkflowCustomEvent<MouseEvent>) => void;
        /**
          * Emitted with the target previous or next step id. The component never mutates value.
         */
        "onDsStepChange"?: (event: DsBarWorkflowCustomEvent<string>) => void;
        /**
          * Emitted when the final Save or Submit control is activated.
         */
        "onDsSubmit"?: (event: DsBarWorkflowCustomEvent<MouseEvent>) => void;
        /**
          * Tooltip and accessible name for the previous-step control.
          * @default 'Previous step'
         */
        "previousLabel"?: string;
        /**
          * Explicit shell breakpoint presentation. Mobile keeps the same controlled workflow state.
          * @default 'desktop'
         */
        "responsiveMode"?: ShellResponsiveMode;
        /**
          * Ordered workflow steps. Step state is controlled by the application.
          * @default []
         */
        "steps"?: BarWorkflowStep[];
        /**
          * The final-step Save or Submit action.
          * @default {     label: 'Save',     type: 'submit',   }
         */
        "submitAction"?: BarWorkflowSubmitAction;
        /**
          * Id of the current workflow step. Falls back to the first step.
          * @default ''
         */
        "value"?: string;
    }
    interface DsBreadcrumb {
        /**
          * Accessible name for the breadcrumb navigation landmark.
          * @default 'Breadcrumb'
         */
        "ariaLabel"?: string;
        /**
          * Ordered path from the broadest ancestor to the nearest page.
          * @default []
         */
        "items"?: BreadcrumbItem[];
        /**
          * Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.
         */
        "onDsSelect"?: (event: DsBreadcrumbCustomEvent<BreadcrumbSelectDetail>) => void;
    }
    interface DsButtonFilled {
        /**
          * Accessible name override. Required for icon-only buttons.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Actual parent surface context for the optional inset border color only. Omit on primary and secondary surfaces.
         */
        "background"?: ButtonFilledBackground | undefined;
        /**
          * Background fill weight. Foreground uses the paired contrast token: bold → faint, strong → medium, medium → strong, faint → bold.
          * @default 'bold'
         */
        "contrast"?: ButtonFilledContrast;
        /**
          * ID of the popup this button controls.
         */
        "controls"?: string | undefined;
        /**
          * Controlled open state of the popup this button triggers. Holds the pressed wash for the popup's rendered lifecycle. ButtonFilled has no selected state, so an open popup never promotes to an active treatment.
         */
        "expanded"?: boolean | undefined;
        /**
          * Show a 1px secondary inset border.
          * @default false
         */
        "hasBorder"?: boolean;
        /**
          * This action *has* a menu: implies `aria-haspopup="menu"` and adds the trailing chevron that carries the affordance.  Only `label` and `icon-label` are supported. A filled button is never the overflow / more-options control — that role belongs to ButtonUnfilled with an `Ellipses` glyph, which conveys the menu without a chevron.  Use `haspopup` directly for non-menu popups.
          * @default false
         */
        "hasMenu"?: boolean;
        /**
          * Popup type exposed to assistive technology.
         */
        "haspopup"?: ButtonFilledPopup | undefined;
        /**
          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
          * @default ''
         */
        "icon"?: string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth"?: ControlInsetDepth;
        /**
          * Semantic colour intent.
          * @default 'brand'
         */
        "intent"?: ButtonFilledIntent;
        /**
          * Disables interaction.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Use reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset"?: boolean;
        /**
          * Shows an inline loader and prevents interaction without applying inactive opacity.
          * @default false
         */
        "isLoading"?: boolean;
        /**
          * Visible text for `label` / `icon-label` variants.
          * @default ''
         */
        "label"?: string;
        "onDsClick"?: (event: DsButtonFilledCustomEvent<MouseEvent>) => void;
        /**
          * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
          * @default true
         */
        "pressScale"?: boolean;
        /**
          * Use the half-radius treatment instead of the default control radius.
          * @default false
         */
        "rounded"?: boolean;
        /**
          * Control density (height, padding, icon, type).
          * @default 'md'
         */
        "size"?: ButtonFilledSize;
        /**
          * Native button type.
          * @default 'button'
         */
        "type"?: 'button' | 'submit' | 'reset';
        /**
          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
          * @default 'label'
         */
        "variant"?: ButtonFilledVariant;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width"?: ButtonFilledWidth;
    }
    interface DsButtonUnfilled {
        /**
          * When active, render the selected interaction fill. Default `true` for general UI. Shell chrome (nav / tool rails) should pass `false` so selection is foreground-only (primary color, no fill).
          * @default true
         */
        "activeFill"?: boolean;
        /**
          * Accessible name override. Required for icon-only buttons.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background"?: ButtonUnfilledBackground | undefined;
        /**
          * Collapse the visible label and chevron to an icon-only control when the owning `ds-table` caption is narrower than 900px. The trigger omits those parts rather than clipping them.
          * @default false
         */
        "collapseLabel"?: boolean;
        "controls"?: string | undefined;
        /**
          * Show a notification dot at the top-right of the icon zone (icon variant only).
          * @default false
         */
        "dot"?: boolean;
        /**
          * Controlled disclosure or popup state forwarded to `aria-expanded`. Popup triggers hold only the pressed wash while open; their resting foreground is unchanged. Ordinary disclosures remain visually neutral.
         */
        "expanded"?: boolean | undefined;
        /**
          * Native `tabindex` for roving keyboard groups in shell chrome. Omit for the default button tab stop (`0`).
         */
        "focusTabIndex"?: number;
        /**
          * Show a 1px secondary inset border. Default on; shell chrome can pass `false`.
          * @default true
         */
        "hasBorder"?: boolean;
        /**
          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu. No chevron is added, so the glyph must   convey the menu on its own. Use `Ellipses` for generic more-options;   use a specific icon when the menu has a named purpose, such as   `Table` for Customize table.  Use `haspopup` directly for non-menu popups.
          * @default false
         */
        "hasMenu"?: boolean;
        "haspopup"?: ButtonUnfilledPopup | undefined;
        /**
          * Icon name passed to <ds-icon> for `icon` / `icon-label` variants.
          * @default ''
         */
        "icon"?: string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth"?: ControlInsetDepth;
        /**
          * Owner-controlled visual emphasis inside a composite. This does not add toggle semantics and does not emit dsChange.
          * @default false
         */
        "isActive"?: boolean;
        /**
          * Disables interaction.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Use reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset"?: boolean;
        /**
          * Shows an inline loader and prevents interaction without applying inactive opacity.
          * @default false
         */
        "isLoading"?: boolean;
        /**
          * Visible text for `label` / `icon-label` variants.
          * @default ''
         */
        "label"?: string;
        "onDsChange"?: (event: DsButtonUnfilledCustomEvent<boolean>) => void;
        "onDsClick"?: (event: DsButtonUnfilledCustomEvent<MouseEvent>) => void;
        /**
          * Scale down during a physical pointer press. Disable when an owning composite requires fixed child or background geometry.
          * @default true
         */
        "pressScale"?: boolean;
        /**
          * Controlled state for a genuine toggle button. Adds aria-pressed, promotes active styling, and makes activation emit dsChange with the requested state.
         */
        "pressed"?: boolean | undefined;
        /**
          * Use the half-radius treatment instead of the default control radius.
          * @default false
         */
        "rounded"?: boolean;
        /**
          * Control density (height, padding, icon, type).
          * @default 'md'
         */
        "size"?: ButtonUnfilledSize;
        /**
          * Native button type.
          * @default 'button'
         */
        "type"?: 'button' | 'submit' | 'reset';
        /**
          * Content layout. Default is label-only; pass `icon` for icon-only chrome (nav / tool rails) or `icon-label` for leading icon + text.
          * @default 'label'
         */
        "variant"?: ButtonUnfilledVariant;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width"?: ButtonUnfilledWidth;
    }
    /**
     * Standard chart card chrome and composition. The variant owns
     * only the chart/legend relationship; applications continue to own data.
     */
    interface DsCardChart {
        /**
          * Width token with the matching chart-card min-height.
          * @default 'md'
         */
        "cardWidth"?: CardChartWidth;
        /**
          * @default 'Filter'
         */
        "filterLabel"?: string;
        /**
          * Chart heading shown in the card header.
         */
        "heading": string;
        /**
          * Emits when the standard header filter control is activated.
         */
        "onDsFilterClick"?: (event: DsCardChartCustomEvent<void>) => void;
        /**
          * Renders the standard filter action before custom actions.
          * @default false
         */
        "showFilter"?: boolean;
        /**
          * Chart composition behavior.
          * @default 'custom'
         */
        "variant"?: CardChartVariant;
    }
    interface DsCardOverview {
        /**
          * Copy between the current period and comparison control, usually `vs.`.
          * @default ''
         */
        "comparisonLabel"?: string;
        /**
          * Replace the score and metrics with skeletons while data resolves.
          * @default false
         */
        "isLoading"?: boolean;
        /**
          * Intrinsic responsive layout, or a page-owned single-column stack.
          * @default 'auto'
         */
        "layout"?: CardOverviewLayout;
        /**
          * Width a metric cell may shrink to before the grid drops a column. The grid uses this threshold while choosing an evenly distributed column count.
          * @default '200px'
         */
        "metricMinWidth"?: string;
        /**
          * Measures rendered in the responsive grid. Only the first seven are shown.
          * @default []
         */
        "metrics"?: OverviewMetric[];
        /**
          * Emitted when a metric that is not inactive is activated.
         */
        "onDsMetricSelect"?: (event: DsCardOverviewCustomEvent<OverviewMetric>) => void;
        /**
          * Accessible name for the region.
          * @default 'Overview'
         */
        "overviewLabel"?: string;
        /**
          * Fixed current date or range. Replaced by content in the `period` slot.
          * @default ''
         */
        "periodLabel"?: string;
        /**
          * Optional nonselectable safety score rendered as the first grid cell.
         */
        "score"?: OverviewScore | undefined;
        /**
          * Message shown in place of the score when its figure cannot be resolved.
         */
        "scoreErrorMessage"?: string | undefined;
        /**
          * Page-controlled visual collapse from the full card (`0`) toward its 48px compact handoff height (`1`). The component preserves its expanded flow height, keeps the period bar stationary, and moves/clips the grid beneath it. The page still owns sticky positioning and the final compact handoff.
          * @default 0
         */
        "scrollCollapseProgress"?: number;
        /**
          * Full summary card, or the condensed 48px summary bar.
          * @default 'default'
         */
        "variant"?: CardOverviewVariant;
    }
    interface DsCardSetting {
        /**
          * @default 'Cancel'
         */
        "cancelLabel"?: string;
        /**
          * Card width token (`sm` / `md` / `lg`). Also sets host `min-height` to the matching `--dimension-card-height-*` so the body fills available space even when the slot is empty.
          * @default 'md'
         */
        "cardWidth"?: CardSettingWidth;
        /**
          * @default 'Edit'
         */
        "editLabel"?: string;
        /**
          * Controlled edit state — parent owns single-edit orchestration.
          * @default false
         */
        "editing"?: boolean;
        /**
          * Section heading shown in the card header.
         */
        "heading": string;
        /**
          * Emits a controlled edit, save, or cancel request.
         */
        "onDsAction"?: (event: DsCardSettingCustomEvent<CardSettingActionDetail>) => void;
        /**
          * @default 'Save'
         */
        "saveLabel"?: string;
    }
    interface DsChart {
        /**
          * Derives height from the current width when height is not supplied.
         */
        "aspectRatio"?: number;
        /**
          * Typed chart definition. Set as a JavaScript property, not an HTML attribute.
         */
        "definition": ChartDefinition;
        /**
          * Optional longer accessible description.
         */
        "description"?: string;
        /**
          * Product-owned surface height. Wins over aspectRatio.
         */
        "height"?: number;
        /**
          * Required accessible name for the visualization.
         */
        "label": string;
        /**
          * Locale used by axes and default tooltip formatters.
         */
        "locale"?: string;
        /**
          * Fires whenever pointer or keyboard focus resolves to semantic chart points.
         */
        "onDsChartFocusChange"?: (event: DsChartCustomEvent<ChartFocusChangeDetail>) => void;
        /**
          * Fixed surface width. Otherwise the chart observes its container.
         */
        "width"?: number;
    }
    /**
     * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
     * legends differently (list w/ values, compact chips, bare swatches, external
     * stat callouts) — this covers the common "swatch + label + optional value" case.
     * Consumers who need a different treatment skip this component entirely and
     * render their own markup against the same `ChartLegendItem[]` data.
     */
    interface DsChartLegend {
        /**
          * Externally controlled highlight, matched by `label` — e.g. drive this from a sibling chart's `dsSliceHover` event to keep chart and legend hover in sync. Only dims the other rows' opacity (like a chart dimming its other slices) — it never shows the hover-fill, since that's reserved for a real pointer/keyboard interaction on this row.
          * @default null
         */
        "activeLabel"?: string | null;
        /**
          * @default 'vertical'
         */
        "direction"?: ChartLegendDirection;
        /**
          * Let local pointer/focus movement highlight one item and emit `dsItemHover`.
          * @default true
         */
        "highlightOnHover"?: boolean;
        /**
          * Legend entries. Set as a JS property (not an HTML attribute).
          * @default []
         */
        "items"?: ChartLegendItem[];
        "locale"?: string | undefined;
        /**
          * Fires when a deep-linkable row (`item.href` set) is activated.
         */
        "onDsItemClick"?: (event: DsChartLegendCustomEvent<{ item: ChartLegendItem; originalEvent: MouseEvent }>) => void;
        /**
          * Fires on row hover/focus with the item, or `null` on leave/blur.
         */
        "onDsItemHover"?: (event: DsChartLegendCustomEvent<ChartLegendItem | null>) => void;
        /**
          * Fixed number of decimal places shown for percentages.
          * @default 1
         */
        "percentageDecimals"?: ChartLegendPercentageDecimals;
        /**
          * Show each item's share of the total (of items with a `value`) alongside its count.
          * @default true
         */
        "showPercentage"?: boolean;
    }
    interface DsCheckbox {
        /**
          * Current checked state.
          * @default false
         */
        "checked"?: boolean;
        /**
          * Optional supporting description associated with the checkbox.
         */
        "description"?: string;
        /**
          * Native disabled state.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Mixed visual state. Activation clears it before toggling checked.
          * @default false
         */
        "indeterminate"?: boolean;
        /**
          * Design-system inactive state.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Visible label and accessible name. Omitted only in presentation mode.
         */
        "label": string;
        /**
          * Native form field name.
         */
        "name"?: string | undefined;
        /**
          * Emitted after user activation with the new checked state.
         */
        "onDsChange"?: (event: DsCheckboxCustomEvent<boolean>) => void;
        /**
          * Visual-only indicator for a composite control that owns selection semantics.
          * @default false
         */
        "presentation"?: boolean;
        /**
          * Require the checkbox to be checked for form validity.
          * @default false
         */
        "required"?: boolean;
        /**
          * Validation message used when a required checkbox is unchecked.
          * @default 'This field is required.'
         */
        "requiredMessage"?: string;
        /**
          * Visual and placement density.
          * @default 'md'
         */
        "size"?: CheckboxSize;
        /**
          * Submitted value when checked.
          * @default 'on'
         */
        "value"?: string;
    }
    /**
     * Removable chip — same density recipe as Tag, but colored by semantic `state`
     * (not intent × contrast). Not a toggle/select control; the only intentional
     * action is remove.
     */
    interface DsChip {
        /**
          * @default false
         */
        "isInactive"?: boolean;
        "label": string;
        "maxWidth"?: string | number | undefined;
        /**
          * Fired when the remove button is clicked.
         */
        "onDsRemove"?: (event: DsChipCustomEvent<void>) => void;
        /**
          * Accessible remove action. Use `{label}` as the chip-label placeholder.
          * @default 'Remove {label}'
         */
        "removeLabel"?: string;
        /**
          * @default false
         */
        "rounded"?: boolean;
        /**
          * @default 'md'
         */
        "size"?: ChipSize;
        /**
          * Semantic color state.
          * @default 'default'
         */
        "state"?: ChipState;
    }
    interface DsCodeBlock {
        /**
          * @default ''
         */
        "code"?: string;
        /**
          * @default ''
         */
        "filename"?: string;
        /**
          * @default ''
         */
        "language"?: string;
    }
    interface DsConversationList {
        /**
          * Corner icon action or full-width persistent footer action.
          * @default 'floating'
         */
        "actionLayout"?: ConversationListActionLayout;
    }
    interface DsConversationListItem {
        /**
          * Keep the contextual-actions surface visible while its popup is open or closing.
          * @default false
         */
        "actionsOpen"?: boolean;
        /**
          * @default ''
         */
        "conversationId"?: string;
        /**
          * Visible conversation title. Named to avoid the native HTMLElement.title contract.
          * @default ''
         */
        "conversationTitle"?: string;
        "onDsSelect"?: (event: DsConversationListItemCustomEvent<{ id: string }>) => void;
        /**
          * @default ''
         */
        "preview"?: string;
        /**
          * @default false
         */
        "selected"?: boolean;
        /**
          * @default 'default'
         */
        "state"?: ConversationItemState;
        /**
          * @default ''
         */
        "statusLabel"?: string;
        /**
          * @default 0
         */
        "unreadCount"?: number;
        /**
          * ISO timestamp for semantic activity metadata.
          * @default ''
         */
        "updatedAt"?: string;
    }
    interface DsConversationListSection {
        /**
          * Visible section heading.
          * @default ''
         */
        "heading"?: string;
        /**
          * Optional stable id used for the section heading.
          * @default ''
         */
        "sectionId"?: string;
    }
    interface DsDivider {
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background"?: DividerBackground | undefined;
        /**
          * Insets the divider from its start/end edges. Accepts spacing token names or any CSS length.
          * @default 'none'
         */
        "inset"?: DividerInset;
        /**
          * Visual line length. Defaults to filling the available axis. Accepts any CSS length.
          * @default 'auto'
         */
        "length"?: DividerLength;
        /**
          * Direction of the divider line. Defaults to 'horizontal'.
          * @default 'horizontal'
         */
        "orientation"?: DividerOrientation;
        /**
          * Expose the divider as a semantic separator. Visual-only dividers are hidden from assistive tech by default.
          * @default false
         */
        "semantic"?: boolean;
    }
    interface DsEmptyState {
        /**
          * Explanatory empty-state copy. Every supported variant includes body text.
          * @default ''
         */
        "body"?: string;
        /**
          * Optional visual title. Use with body; required when icon is provided.
         */
        "heading"?: string | undefined;
        /**
          * Optional decorative prefix glyph for the complete icon + title + body variant.
         */
        "icon"?: string | undefined;
    }
    interface DsField {
        /**
          * Optional guidance associated with the slotted control while no visible error is shown.
         */
        "description"?: string | undefined;
        /**
          * Invalid visual and accessible state forwarded to supported ds controls.
          * @default false
         */
        "error"?: boolean;
        /**
          * Visible error associated with the slotted control while error is true.
         */
        "errorMessage"?: string | undefined;
        /**
          * Explicit ID for the slotted control; generated when omitted.
         */
        "fieldId"?: string | undefined;
        /**
          * Persistent visible label for the single slotted control.
         */
        "label": string;
    }
    interface DsFilterMenu {
        /**
          * Show selected interaction fill when one or more criteria are active.
          * @default false
         */
        "activeFill"?: boolean;
        /**
          * Controlled category shown in the option pane.
         */
        "activeFilterId"?: string | undefined;
        /**
          * Cross-axis alignment against the trigger.
          * @default 'end'
         */
        "align"?: AnchoredAlign;
        /**
          * Cross-axis offset — number in px or a TokoMo length.
          * @default 0
         */
        "alignOffset"?: number | string;
        /**
          * External trigger element to position against.
         */
        "anchor"?: HTMLElement | undefined;
        /**
          * ID of the external trigger element used for positioning and focus return.
         */
        "anchorId"?: string | undefined;
        /**
          * Direct accessible name for the internal select trigger.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Accessible name for the category tab list.
          * @default 'Filter categories'
         */
        "categoriesLabel"?: string;
        /**
          * Footer action and date-clear accessible label.
          * @default 'Clear'
         */
        "clearLabel"?: string;
        /**
          * Opt into table-caption icon-only chrome below 900px. The trigger omits its visible label and chevron; keep an accessible name via aria-label.
          * @default false
         */
        "collapseLabel"?: boolean;
        /**
          * Product-owned filter categories and option definitions.
          * @default []
         */
        "filters"?: FilterMenuFilter[];
        /**
          * Show the surface-aware inset border around the select trigger.
          * @default true
         */
        "hasBorder"?: boolean;
        /**
          * Optional select trigger prefix icon name.
          * @default 'Filters'
         */
        "icon"?: string | undefined;
        /**
          * Show a visible focus ring on initial entry after keyboard activation.
          * @default false
         */
        "initialFocusVisible"?: boolean;
        /**
          * ID applied to the internal select trigger.
         */
        "inputId"?: string | undefined;
        /**
          * Accessible name for the non-modal filter dialog.
          * @default 'Filters'
         */
        "menuLabel"?: string;
        /**
          * Popup width. It remains clamped to the viewport by the component recipe.
          * @default TOKEN_CSS_LENGTHS.menuWidthLg
         */
        "menuWidth"?: string;
        /**
          * Requests a controlled active-category replacement.
         */
        "onDsActiveFilterChange"?: (event: DsFilterMenuCustomEvent<string>) => void;
        /**
          * Emitted after exit motion and rendered popup removal complete.
         */
        "onDsAfterClose"?: (event: DsFilterMenuCustomEvent<void>) => void;
        /**
          * Requests a controlled value replacement without closing the popup.
         */
        "onDsChange"?: (event: DsFilterMenuCustomEvent<FilterMenuChangeDetail>) => void;
        /**
          * Requests that the consumer clear every filter value.
         */
        "onDsClear"?: (event: DsFilterMenuCustomEvent<void>) => void;
        /**
          * Requests that the controlled popup close.
         */
        "onDsClose"?: (event: DsFilterMenuCustomEvent<void>) => void;
        /**
          * Emitted whenever internal select-trigger activation changes popup visibility.
         */
        "onDsOpenChange"?: (event: DsFilterMenuCustomEvent<boolean>) => void;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open"?: boolean;
        /**
          * Preferred popup side; collision handling may flip it.
          * @default 'bottom'
         */
        "side"?: AnchoredSide;
        /**
          * Gap between trigger and popup — number in px or a TokoMo length.
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset"?: number | string;
        /**
          * Select trigger density.
          * @default 'md'
         */
        "size"?: FilterMenuSize;
        /**
          * Select trigger text. The selected count is appended automatically.
          * @default 'Filters'
         */
        "triggerLabel"?: string;
        /**
          * Controlled values keyed by filter id.
          * @default {}
         */
        "values"?: FilterMenuValues;
        /**
          * Select trigger width fit.
          * @default 'hug'
         */
        "width"?: FilterMenuWidth;
    }
    interface DsIcon {
        /**
          * Semantic foreground color token, or a raw CSS var reference. `tertiary` and the still-fainter `quaternary` are restricted to icons inside genuinely inactive/disabled UI or to purely decorative icons; informative icons must retain sufficient contrast.
          * @default 'inherit'
         */
        "color"?: IconColor1;
        /**
          * Accessible label. Sets `role="img"` and `aria-label`. Omit for decorative icons.
         */
        "label"?: string | undefined;
        /**
          * Exact canonical IcoMo export name, including the `Flag` prefix for flags.
          * @default ''
         */
        "name"?: string;
        /**
          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
          * @default 'md'
         */
        "size"?: IconSize;
    }
    interface DsInput {
        "ariaDescribedby"?: string | undefined;
        /**
          * @default null
         */
        "ariaLabel"?: string | null;
        "ariaLabelledby"?: string | undefined;
        /**
          * Native browser autofill hint.
         */
        "autoComplete"?: string | undefined;
        /**
          * @default false
         */
        "autoFocus"?: boolean;
        /**
          * @default 'Clear'
         */
        "clearLabel"?: string;
        /**
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Preferred virtual-keyboard action label.
          * @default ''
         */
        "enterKeyHint"?: string;
        /**
          * @default false
         */
        "error"?: boolean;
        "errorMessage"?: string | undefined;
        "form"?: string | undefined;
        /**
          * Show the standard inset border, including focused and invalid strokes.
          * @default true
         */
        "hasBorder"?: boolean;
        /**
          * Optional leading icon name.
         */
        "icon"?: string | undefined;
        /**
          * Associates the internal input with an external <label>.
         */
        "inputId"?: string | undefined;
        /**
          * Preferred virtual keyboard without changing the value semantics.
          * @default ''
         */
        "inputMode"?: string;
        /**
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Maximum accepted value when type is number.
         */
        "max"?: number | undefined;
        /**
          * Minimum accepted value when type is number.
         */
        "min"?: number | undefined;
        "name"?: string | undefined;
        "onDsChange"?: (event: DsInputCustomEvent<string>) => void;
        "onDsClear"?: (event: DsInputCustomEvent<void>) => void;
        "placeholder"?: string | undefined;
        /**
          * Keeps the value focusable and submittable while preventing edits.
          * @default false
         */
        "readOnly"?: boolean;
        /**
          * @default false
         */
        "required"?: boolean;
        /**
          * @default 'This field is required.'
         */
        "requiredMessage"?: string;
        /**
          * Control density.
          * @default 'md'
         */
        "size"?: InputSize;
        /**
          * Numeric increment used by native stepping and constraint validation.
         */
        "step"?: number | undefined;
        /**
          * @default 'text'
         */
        "type"?: InputType;
        /**
          * @default ''
         */
        "value"?: string;
        /**
          * Width fit — fill the parent (default) or hug the available content.
          * @default 'fill'
         */
        "width"?: InputWidth;
    }
    interface DsLoader {
        /**
          * Semantic foreground color token, or a raw CSS var reference. Same tokens as `ds-icon`. Do not use `tertiary` or `quaternary` for a standalone or informative Loader; inherit a readable color from the owning busy control or region.
          * @default 'inherit'
         */
        "color"?: LoaderColor;
        /**
          * Accessible label for standalone usage. Wraps the spinner in a live region and renders the label visually-hidden. Omit when the host element already conveys busy state via aria-busy.
         */
        "label"?: string | undefined;
        /**
          * Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px.
          * @default 'md'
         */
        "size"?: LoaderSize;
    }
    interface DsMarkdown {
        /**
          * @default ''
         */
        "content"?: string;
        /**
          * @default false
         */
        "streaming"?: boolean;
    }
    interface DsMenu {
        /**
          * @default 'start'
         */
        "align"?: MenuAlign;
        /**
          * Cross-axis offset — number (px) or TokoMo length.
          * @default 0
         */
        "alignOffset"?: number | string;
        /**
          * External trigger element to position against. Set via JS: menuEl.anchor = buttonEl
         */
        "anchor"?: HTMLElement | undefined;
        /**
          * Align choice-row edges to the anchor by default; use `popup-frame` only for custom frame geometry.
          * @default 'choice-cell'
         */
        "anchorAlignment"?: ChoicePopupAnchorAlignment;
        /**
          * ID of the external trigger element for positioning
         */
        "anchorId"?: string | undefined;
        /**
          * Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven.
          * @default false
         */
        "initialFocusVisible"?: boolean;
        /**
          * @default []
         */
        "items"?: MenuItemData[];
        /**
          * Accessible name for the popup menu.
          * @default 'Menu'
         */
        "menuLabel"?: string;
        "menuWidth"?: string | undefined;
        "minWidth"?: string | undefined;
        /**
          * Emitted after the popup's exit motion is complete and its rendered content is removed.
         */
        "onDsAfterClose"?: (event: DsMenuCustomEvent<void>) => void;
        "onDsClose"?: (event: DsMenuCustomEvent<void>) => void;
        /**
          * Emitted after a pointer drop or keyboard move; Menu never mutates item order.
         */
        "onDsReorder"?: (event: DsMenuCustomEvent<MenuReorderDetail>) => void;
        "onDsSelect"?: (event: DsMenuCustomEvent<MenuItemData>) => void;
        /**
          * Emitted when a generic `swatch-picker` section option is chosen.
         */
        "onDsSwatchSelect"?: (event: DsMenuCustomEvent<string>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
        /**
          * @default []
         */
        "sections"?: MenuSection[];
        /**
          * Give ordinary rows mutually-exclusive menu semantics using isSelected.
          * @default 'none'
         */
        "selectionMode"?: MenuSelectionMode;
        /**
          * Preferred side; placement flips to the opposite side when that offers a better fit.
          * @default 'bottom'
         */
        "side"?: MenuSide;
        /**
          * Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.).
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset"?: number | string;
        /**
          * Choice-row density.
          * @default 'md'
         */
        "size"?: MenuSize;
    }
    interface DsMessage {
        /**
          * @default ''
         */
        "author"?: string;
        "deliveryState"?: MessageDeliveryState | undefined;
        /**
          * @default 'incoming'
         */
        "direction"?: MessageDirection;
        /**
          * @default 'single'
         */
        "groupPosition"?: MessageGroupPosition;
        /**
          * @default ''
         */
        "messageId"?: string;
        /**
          * Controls whether the complete metadata footer is persistent or revealed through hover/focus.
          * @default 'always'
         */
        "metadataVisibility"?: MessageMetadataVisibility;
        /**
          * @default false
         */
        "scrollAnchor"?: boolean;
        /**
          * Keep author semantics while allowing products with self-evident roles to hide the visible label.
          * @default true
         */
        "showAuthor"?: boolean;
        /**
          * @default false
         */
        "streaming"?: boolean;
        /**
          * ISO timestamp.
          * @default ''
         */
        "timestamp"?: string;
    }
    interface DsMessageActions {
        "copyText"?: string | undefined;
        "feedback"?: MessageFeedback | undefined;
        /**
          * @default false
         */
        "feedbackEnabled"?: boolean;
        "onDsCopyResult"?: (event: DsMessageActionsCustomEvent<MessageCopyResultEventDetail>) => void;
        "onDsFeedbackChange"?: (event: DsMessageActionsCustomEvent<MessageFeedback | undefined>) => void;
    }
    interface DsMessageBubble {
        /**
          * @default 'received'
         */
        "variant"?: MessageBubbleVariant;
    }
    interface DsMessageComposer {
        /**
          * Submission failure shown while status is error.
         */
        "errorMessage"?: string;
        /**
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * @default 'Message'
         */
        "label"?: string;
        "onDsInput"?: (event: DsMessageComposerCustomEvent<string>) => void;
        "onDsStop"?: (event: DsMessageComposerCustomEvent<void>) => void;
        "onDsSubmit"?: (event: DsMessageComposerCustomEvent<{ text: string }>) => void;
        /**
          * @default 'Write a message'
         */
        "placeholder"?: string;
        /**
          * @default 'ready'
         */
        "status"?: MessageComposerStatus;
        /**
          * @default 'brand'
         */
        "submitIntent"?: ButtonFilledIntent1;
        /**
          * @default ''
         */
        "value"?: string;
    }
    interface DsMessageScroller {
        /**
          * @default true
         */
        "autoFollow"?: boolean;
        /**
          * @default false
         */
        "busy"?: boolean;
        /**
          * @default 'last-anchor'
         */
        "defaultPosition"?: MessageScrollerPosition;
        /**
          * @default 'Messages'
         */
        "messagesLabel"?: string;
        "onDsReachStart"?: (event: DsMessageScrollerCustomEvent<void>) => void;
    }
    interface DsMobileBarNav {
        /**
          * @default 'area'
         */
        "activeDestination"?: MobileDestination;
        /**
          * @default false
         */
        "agentsDot"?: boolean;
        /**
          * @default 'Agents'
         */
        "agentsLabel"?: string;
        /**
          * @default {     id: 'tracking',     icon: 'MapPage',     label: 'Tracking',   }
         */
        "currentArea"?: PanelNavItem;
        /**
          * @default 'Help & Support'
         */
        "helpLabel"?: string;
        /**
          * @default false
         */
        "inboxDot"?: boolean;
        /**
          * @default 'Inbox'
         */
        "inboxLabel"?: string;
        /**
          * @default 'Menu'
         */
        "menuLabel"?: string;
        /**
          * @default false
         */
        "messagesDot"?: boolean;
        /**
          * @default 'Messages'
         */
        "messagesLabel"?: string;
        "onDsDestinationChange"?: (event: DsMobileBarNavCustomEvent<MobileBarNavDestinationDetail>) => void;
        "onDsSheetNavToggle"?: (event: DsMobileBarNavCustomEvent<boolean>) => void;
        /**
          * @default false
         */
        "searchDot"?: boolean;
        /**
          * @default 'Search'
         */
        "searchLabel"?: string;
        /**
          * @default false
         */
        "sheetNavExpanded"?: boolean;
    }
    interface DsMobileHeader {
        /**
          * Static title used when no peer sections are supplied.
          * @default ''
         */
        "heading"?: string;
        /**
          * Semantic heading level for the active mobile screen.
          * @default 'h1'
         */
        "headingLevel"?: MobileHeaderHeadingLevel;
        /**
          * Section selection intent.
         */
        "onDsSectionChange"?: (event: DsMobileHeaderCustomEvent<string>) => void;
        /**
          * Child-section selection intent.
         */
        "onDsSubsectionChange"?: (event: DsMobileHeaderCustomEvent<string>) => void;
        /**
          * Controlled peer sections. Their selected label replaces the static title.
          * @default []
         */
        "sections"?: TabGroupItem[];
        /**
          * Accessible name for the section chooser.
          * @default 'Change page section'
         */
        "sectionsAriaLabel"?: string;
        /**
          * Popup switcher or an inline segmented TabGroup for peer sections.
          * @default 'switcher'
         */
        "sectionsPresentation"?: MobileHeaderSectionsPresentation;
        /**
          * Density for the segmented sections presentation.
          * @default 'md'
         */
        "sectionsSize"?: TabGroupSize;
        /**
          * Controlled child sections within the selected page or detail screen.
          * @default []
         */
        "subsections"?: TabItem[];
        /**
          * Accessible name for the child-section chooser.
          * @default 'Change page subsection'
         */
        "subsectionsAriaLabel"?: string;
        /**
          * Controlled selected child-section id.
          * @default ''
         */
        "subvalue"?: string;
        /**
          * Default page chrome or bold-brand workflow chrome.
          * @default 'default'
         */
        "tone"?: MobileHeaderTone;
        /**
          * Controlled selected section id.
          * @default ''
         */
        "value"?: string;
    }
    interface DsMobileSectionSwitcher {
        /**
          * Accessible name for the section chooser.
          * @default 'Change page section'
         */
        "navigationLabel"?: string;
        /**
          * Selection intent. The route, tool, or workflow owner updates `value`.
         */
        "onDsChange"?: (event: DsMobileSectionSwitcherCustomEvent<string>) => void;
        /**
          * Ordered controlled sections. Divider entries group the popup menu.
          * @default []
         */
        "sections"?: TabItem[];
        /**
          * Controlled selected section id.
          * @default ''
         */
        "value"?: string;
    }
    interface DsMobileSheetNav {
        /**
          * @default 'Account'
         */
        "accountLabel"?: string;
        /**
          * @default 'dashboard'
         */
        "browseContext"?: NavChromeStyle;
        /**
          * @default ''
         */
        "currentUrl"?: string;
        /**
          * @default []
         */
        "dashboardGroups"?: PanelNavGroup[];
        /**
          * @default 'Dashboard'
         */
        "dashboardLabel"?: string;
        /**
          * @default 'Help & Support'
         */
        "helpLabel"?: string;
        /**
          * @default 'Application navigation'
         */
        "navigationLabel"?: string;
        "onDsAreaSelect"?: (event: DsMobileSheetNavCustomEvent<string>) => void;
        "onDsBrowseContextChange"?: (event: DsMobileSheetNavCustomEvent<NavChromeStyle>) => void;
        "onDsClose"?: (event: DsMobileSheetNavCustomEvent<void>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
        /**
          * Whether the router-derived current area owns the active mobile stage.
          * @default true
         */
        "routeSelectionActive"?: boolean;
        /**
          * @default []
         */
        "settingsGroups"?: PanelNavGroup[];
        /**
          * @default 'Settings'
         */
        "settingsLabel"?: string;
        /**
          * Show the optional Account shortcut in the sheet header.
          * @default true
         */
        "showAccount"?: boolean;
    }
    interface DsModal {
        /**
          * Optional id reference for explanatory content in the default slot.
         */
        "ariaDescribedby"?: string | undefined;
        /**
          * @default 'Close'
         */
        "closeAriaLabel"?: string;
        /**
          * Optional supporting copy shown below the heading.
          * @default ''
         */
        "description"?: string;
        "heading": string;
        /**
          * @default 'md'
         */
        "modalWidth"?: ModalWidth | string;
        /**
          * Emitted after exit motion completes, the top layer closes, and focus is restored.
         */
        "onDsAfterClose"?: (event: DsModalCustomEvent<void>) => void;
        /**
          * Emitted when an internal dismissal control requests that the modal close.
         */
        "onDsClose"?: (event: DsModalCustomEvent<ModalCloseDetail>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
    }
    interface DsPagination {
        /**
          * Effective whole-item capacity to request when Fit is selected.
         */
        "fitPageSize"?: number | undefined;
        /**
          * Full choice-list label for Fit.
          * @default 'Fit to page'
         */
        "fitPageSizeLabel"?: string;
        /**
          * Compact closed-trigger label while Fit is selected.
          * @default 'Fit'
         */
        "fitPageSizeTriggerLabel"?: string;
        /**
          * Include the Fit to page choice.
          * @default false
         */
        "fitToPage"?: boolean;
        /**
          * Keep the Fit to page choice visible but unavailable.
          * @default false
         */
        "fitToPageInactive"?: boolean;
        /**
          * Localized plural noun used by assistive range announcements.
          * @default 'items'
         */
        "itemLabel"?: string;
        /**
          * Accessible name for the pagination navigation region.
          * @default 'Pagination'
         */
        "label"?: string;
        /**
          * Prevent interaction while the owner replaces the current data page.
          * @default false
         */
        "loading"?: boolean;
        /**
          * Emits the complete next controlled state after a page or page-size request.
         */
        "onDsChange"?: (event: DsPaginationCustomEvent<PaginationChangeDetail>) => void;
        /**
          * Controlled zero-based page index.
          * @default 0
         */
        "pageIndex"?: number;
        /**
          * Controlled number of top-level items on a full page.
          * @default 25
         */
        "pageSize"?: number;
        /**
          * Accessible page-size control label. Defaults to “{pageSizeLabel} per page”.
         */
        "pageSizeAriaLabel"?: string | undefined;
        /**
          * Visible page-size control label.
          * @default 'Items'
         */
        "pageSizeLabel"?: string;
        /**
          * Whether pageSize is a fixed choice or a measured Fit snapshot.
          * @default 'fixed'
         */
        "pageSizeMode"?: PaginationPageSizeMode;
        /**
          * Available page sizes. Assign arrays through JavaScript.
          * @default [25, 50, 100, 200]
         */
        "pageSizeOptions"?: number[];
        /**
          * Controlled total number of top-level items across every page.
          * @default 0
         */
        "totalItems"?: number;
    }
    interface DsPanelNav {
        /**
          * @default 'Account'
         */
        "accountLabel"?: string;
        /**
          * Keep the account-menu trigger visually pressed while its popup is open or closing.
          * @default false
         */
        "accountMenuExpanded"?: boolean;
        /**
          * ID of the currently active/selected nav item. Overridden by `currentUrl` matching when set.
          * @default ''
         */
        "activeId"?: string;
        /**
          * Viewport width (px) below which the nav locks in icon-only mode. 0 = disabled.
          * @default 0
         */
        "breakpoint"?: number;
        /**
          * @default 'Collapse navigation'
         */
        "collapseNavigationLabel"?: string;
        /**
          * Whether the nav is in collapsed (icon-only) state. Set `storageKey` to persist across reloads. `dsNavToggle` still fires on change.
          * @default false
         */
        "collapsed"?: boolean;
        /**
          * Current route URL (e.g. `window.location.pathname` or the router's active URL). When set the component derives the active item by matching item `href` values against this string (longest segment-boundary prefix wins), overriding `activeId`.
          * @default ''
         */
        "currentUrl"?: string;
        /**
          * @default 'Dashboard'
         */
        "dashboardLabel"?: string;
        /**
          * @default 'Dashboard navigation'
         */
        "dashboardNavigationLabel"?: string;
        /**
          * When `true`, style changes apply synchronously — host app owns view transitions.
          * @default false
         */
        "disableViewTransition"?: boolean;
        /**
          * @default 'Expand navigation'
         */
        "expandNavigationLabel"?: string;
        /**
          * Nav groups — set via JS property (`el.groups = [...]`) or JSON string attribute.
          * @default '[]'
         */
        "groups"?: string | PanelNavGroup[];
        /**
          * Style slot: `dashboard` or `settings`. Colors match for now; class hooks reserved for texture/glyph layers. Property: `navStyle`. Attribute: `nav-style`.
          * @default 'dashboard'
         */
        "navStyle"?: NavChromeStyle;
        /**
          * Localized name for the body when overflow makes it a keyboard-scrollable region.
          * @default 'Navigation items'
         */
        "navigationItemsLabel"?: string;
        "onDsChromeTransitionEnd"?: (event: DsPanelNavCustomEvent<ChromeTransitionDetail>) => void;
        /**
          * Bubbling lifecycle — `ds-shell-app` pauses chrome metrics during width motion.
         */
        "onDsChromeTransitionStart"?: (event: DsPanelNavCustomEvent<ChromeTransitionDetail>) => void;
        /**
          * Emitted when the footer left button (gear / dashboard) is clicked.
         */
        "onDsNavFooterAction"?: (event: DsPanelNavCustomEvent<void>) => void;
        /**
          * Emitted when a nav item is clicked. Detail = the item's `id`.
         */
        "onDsNavSelect"?: (event: DsPanelNavCustomEvent<string>) => void;
        /**
          * Emitted when the collapse toggle is clicked. Detail = new collapsed state.
         */
        "onDsNavToggle"?: (event: DsPanelNavCustomEvent<boolean>) => void;
        /**
          * Emitted when the footer user button is clicked. Detail includes the anchor for `ds-menu`.
         */
        "onDsNavUserAction"?: (event: DsPanelNavCustomEvent<PanelNavUserActionDetail>) => void;
        /**
          * How items with `href` render: - `anchor` (default): native `<a href>` — works with routers that intercept anchors. - `event`: always `<button>`; host handles navigation via `dsNavSelect`.
          * @default 'anchor'
         */
        "routerMode"?: PanelNavRouterMode;
        /**
          * @default 'Settings'
         */
        "settingsLabel"?: string;
        /**
          * @default 'Settings navigation'
         */
        "settingsNavigationLabel"?: string;
        /**
          * `localStorage` key used to persist the collapsed state across page loads. When set, collapsed state is restored on mount and written on each toggle.
          * @default ''
         */
        "storageKey"?: string;
        /**
          * Single character shown in the collapsed avatar
          * @default ''
         */
        "userInitial"?: string;
        /**
          * Display name for the footer user section
          * @default ''
         */
        "userName"?: string;
    }
    interface DsPanelSubNav {
        /**
          * @default null
         */
        "ariaLabel"?: string | null;
        "ariaLabelledby"?: string | undefined;
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background"?: PanelSubNavBackground | undefined;
        /**
          * Local panel tabs. Assign this array through the JavaScript property. Replace the array reference when items change.
          * @default []
         */
        "items"?: PanelSubNavItem[];
        "onDsChange"?: (event: DsPanelSubNavCustomEvent<string>) => void;
        /**
          * Required selected item id when enabled items exist. Keep synchronized with the visible panel.
          * @default ''
         */
        "value"?: string;
    }
    interface DsPanelToolHeader {
        /**
          * Trailing application-owned icon actions. When present, these replace the legacy menu action.
          * @default []
         */
        "actions"?: PanelToolsHeaderAction[];
        /**
          * Accessible name for the leading navigation or dismiss action.
          * @default 'Back'
         */
        "backAriaLabel"?: string;
        /**
          * Canonical icon for the leading navigation or dismiss action.
          * @default 'ChevronLeft'
         */
        "backIcon"?: string;
        /**
          * Visible heading for the active tool view.
          * @default ''
         */
        "heading"?: string;
        /**
          * Accessible name for the options-menu trigger.
          * @default 'More options'
         */
        "menuAriaLabel"?: string;
        /**
          * Id of the menu controlled by the trigger.
         */
        "menuControls"?: string | undefined;
        /**
          * Whether the controlled menu is open.
          * @default false
         */
        "menuExpanded"?: boolean;
        /**
          * Stable id placed on the menu trigger host for ds-menu anchoring.
          * @default ''
         */
        "menuTriggerId"?: string;
        "onDsAction"?: (event: DsPanelToolHeaderCustomEvent<{ id: string; originalEvent: MouseEvent }>) => void;
        "onDsBack"?: (event: DsPanelToolHeaderCustomEvent<MouseEvent>) => void;
        "onDsMenuToggle"?: (event: DsPanelToolHeaderCustomEvent<MouseEvent>) => void;
        /**
          * Show the leading Back action.
          * @default false
         */
        "showBack"?: boolean;
        /**
          * Show the trailing options-menu trigger.
          * @default true
         */
        "showMenu"?: boolean;
    }
    interface DsPanelToolSearch {
        /**
          * Accessible name for the search field.
          * @default 'Search'
         */
        "ariaLabel"?: string;
        /**
          * Optional ID of the results region filtered by this search.
         */
        "controls"?: string | undefined;
        /**
          * Promote the trigger foreground when one or more filters are applied.
          * @default false
         */
        "filterActive"?: boolean;
        /**
          * Accessible name for the filter-menu trigger.
          * @default 'Filter'
         */
        "filterAriaLabel"?: string;
        /**
          * Id of the menu controlled by the filter trigger.
         */
        "filterControls"?: string | undefined;
        /**
          * Whether the controlled filter menu is open.
          * @default false
         */
        "filterExpanded"?: boolean;
        /**
          * Stable id placed on the filter trigger for ds-menu anchoring.
          * @default ''
         */
        "filterTriggerId"?: string;
        /**
          * Prevents search interaction while keeping the row visible.
          * @default false
         */
        "isInactive"?: boolean;
        "onDsChange"?: (event: DsPanelToolSearchCustomEvent<string>) => void;
        "onDsClear"?: (event: DsPanelToolSearchCustomEvent<void>) => void;
        "onDsFilterToggle"?: (event: DsPanelToolSearchCustomEvent<MouseEvent>) => void;
        /**
          * Search guidance shown while the query is empty.
          * @default 'Search'
         */
        "placeholder"?: string;
        /**
          * Show the optional trailing filter-menu trigger.
          * @default false
         */
        "showFilter"?: boolean;
        /**
          * Current search query.
          * @default ''
         */
        "value"?: string;
    }
    interface DsPanelTools {
        /**
          * Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`.
          * @default ''
         */
        "activeTool"?: PanelToolsToolId | '';
        /**
          * Let a fullscreen product supply independent master/detail headers inside its view.
          * @default 'shared'
         */
        "fullscreenHeaderMode"?: 'shared' | 'split';
        /**
          * Active header state per tool. Replace the object when title, depth, or actions change.
          * @default {}
         */
        "headers"?: PanelToolsHeaders;
        /**
          * Rail items rendered in the right column. Set via JS property: `el.items = [...]`. Replace the array reference to update.
          * @default []
         */
        "items"?: PanelToolsItem[];
        "onDsChromeTransitionEnd"?: (event: DsPanelToolsCustomEvent<ChromeTransitionDetail>) => void;
        /**
          * Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion.
         */
        "onDsChromeTransitionStart"?: (event: DsPanelToolsCustomEvent<ChromeTransitionDetail>) => void;
        /**
          * Requests one application-owned action from the active tool header.
         */
        "onDsHeaderAction"?: (event: DsPanelToolsCustomEvent<{
    tool: PanelToolsToolId;
    id: string;
  }>) => void;
        /**
          * Requests navigation to the active tool's parent view.
         */
        "onDsHeaderBack"?: (event: DsPanelToolsCustomEvent<{
    tool: PanelToolsToolId;
  }>) => void;
        /**
          * Emitted when fullscreen changes, including Escape-initiated exits.
         */
        "onDsPresentationChange"?: (event: DsPanelToolsCustomEvent<{
    presentation: 'drawer' | 'fullscreen';
  }>) => void;
        /**
          * Emitted when a rail button is toggled. Detail = { id, selected }.
         */
        "onDsToolChange"?: (event: DsPanelToolsCustomEvent<{
    id: PanelToolsToolId;
    selected: boolean;
  }>) => void;
        /**
          * When false, only the icon rail is shown.
          * @default false
         */
        "open"?: boolean;
        /**
          * Drawer presentation or viewport-covering presentation for the active tool.
          * @default 'drawer'
         */
        "presentation"?: 'drawer' | 'fullscreen';
        /**
          * Optional localStorage key for the last active tool. The drawer always starts closed; only the tool identity is restored for continuity within this browser.
          * @default ''
         */
        "storageKey"?: string;
        /**
          * @default 'Tool shortcuts'
         */
        "toolShortcutsLabel"?: string;
        /**
          * @default 'Tools'
         */
        "toolsLabel"?: string;
    }
    interface DsPaperTexture {
        /**
          * Paper Design shader parameters. Set as a JavaScript property.
          * @default {}
         */
        "config"?: PaperTextureConfig;
    }
    interface DsRadio {
        /**
          * Accessible name when visible group labeling is unavailable.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Id reference for a visible group label.
         */
        "ariaLabelledby"?: string | undefined;
        /**
          * Layout direction for the option set.
          * @default 'vertical'
         */
        "direction"?: 'vertical' | 'horizontal';
        /**
          * Native disabled state for the complete set.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Associates the radio set with a form by id when rendered outside that form.
         */
        "form"?: string | undefined;
        /**
          * Design-system inactive state for the complete set.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Native form field name.
         */
        "name"?: string | undefined;
        /**
          * Emitted after user selection with the selected option value.
         */
        "onDsChange"?: (event: DsRadioCustomEvent<string>) => void;
        /**
          * Visible choices in this one-of-many set.
          * @default []
         */
        "options"?: RadioOption[];
        /**
          * Require one option to be selected for form validity.
          * @default false
         */
        "required"?: boolean;
        /**
          * Validation message used when a required set has no selection.
          * @default 'This field is required.'
         */
        "requiredMessage"?: string;
        /**
          * Visual and placement density for every option.
          * @default 'md'
         */
        "size"?: RadioSize;
        /**
          * Selected option value.
          * @default ''
         */
        "value"?: string;
    }
    interface DsScrollOverlay {
        /**
          * Reports scroll position without exposing the internal scrollport element.
         */
        "onDsScroll"?: (event: DsScrollOverlayCustomEvent<ScrollOverlayScrollDetail>) => void;
        /**
          * Optional accessible name. When provided, the scrollport is a focusable region.
         */
        "scrollLabel"?: string | undefined;
    }
    interface DsSelect {
        /**
          * Show the selected interaction fill when a valid value exists.
          * @default true
         */
        "activeFill"?: boolean;
        /**
          * Show the clear footer action when a value exists.
          * @default true
         */
        "allowClear"?: boolean;
        /**
          * Additional IDs that describe the combobox.
         */
        "ariaDescribedby"?: string | undefined;
        /**
          * Direct accessible name when no external label is available.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * IDs of elements that label the combobox.
         */
        "ariaLabelledby"?: string | undefined;
        /**
          * Actual parent surface context; omit on primary and secondary surfaces.
         */
        "background"?: SelectBackground | undefined;
        /**
          * Localized clear action label.
          * @default 'Clear'
         */
        "clearLabel"?: string;
        /**
          * Opt into table-caption icon-only chrome below 900px. The trigger omits its visible label and chevron; keep an accessible name via aria-label.
          * @default false
         */
        "collapseLabel"?: boolean;
        /**
          * Native disabled state.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Show a supplemental notification dot beside the trigger label.
          * @default false
         */
        "dot"?: boolean;
        /**
          * Show invalid visual state.
          * @default false
         */
        "error"?: boolean;
        /**
          * Error text rendered below the trigger when error is true.
         */
        "errorMessage"?: string | undefined;
        /**
          * Optional text action shown in the popup footer instead of the clear action.
         */
        "footerActionLabel"?: string | undefined;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Show the surface-aware inset border, including focused and invalid strokes.
          * @default true
         */
        "hasBorder"?: boolean;
        /**
          * Optional trigger prefix icon name.
         */
        "icon"?: string | undefined;
        /**
          * Trailing choice indicator. Use up-down for compact value steppers such as page size.
          * @default 'down'
         */
        "indicator"?: SelectIndicator;
        /**
          * ID applied to the internal combobox trigger for external labels.
         */
        "inputId"?: string | undefined;
        /**
          * Shared inactive treatment; removes interaction and form submission.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Replace the prefix with a loader and disable option interaction.
          * @default false
         */
        "isLoading"?: boolean;
        /**
          * Accessible loading status label.
          * @default 'Loading'
         */
        "loadingLabel"?: string;
        /**
          * Enable independent multi-value selection while keeping the popup open.
          * @default false
         */
        "multiple"?: boolean;
        /**
          * Native form field name.
         */
        "name"?: string | undefined;
        /**
          * Localized empty-filter result text.
          * @default 'No results found'
         */
        "noResultsText"?: string;
        /**
          * Emitted after selection or clearing with the next scalar or array value.
         */
        "onDsChange"?: (event: DsSelectCustomEvent<SelectValue>) => void;
        /**
          * Emitted after the footer clear action.
         */
        "onDsClear"?: (event: DsSelectCustomEvent<void>) => void;
        /**
          * Emitted when the optional popup footer action is activated.
         */
        "onDsFooterAction"?: (event: DsSelectCustomEvent<void>) => void;
        /**
          * Emitted whenever popup visibility changes.
         */
        "onDsOpenChange"?: (event: DsSelectCustomEvent<boolean>) => void;
        /**
          * Emitted when an option's contextual ellipsis action is activated.
         */
        "onDsOptionAction"?: (event: DsSelectCustomEvent<SelectOptionActionDetail>) => void;
        /**
          * Emitted when an option's supporting text action is activated.
         */
        "onDsOptionSubtextAction"?: (event: DsSelectCustomEvent<SelectOptionSubtextActionDetail>) => void;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open"?: boolean;
        /**
          * Flat choices. Assign arrays through the JavaScript property.
          * @default []
         */
        "options"?: SelectOption[];
        /**
          * Trigger text shown when no valid value is selected.
          * @default 'Select'
         */
        "placeholder"?: string;
        /**
          * Align the popup's choice edge to the trigger start or end edge.
          * @default 'start'
         */
        "popupAlign"?: SelectPopupAlign;
        /**
          * Require one valid selected value.
          * @default false
         */
        "required"?: boolean;
        /**
          * Validation message used when required is missing.
          * @default 'This field is required.'
         */
        "requiredMessage"?: string;
        /**
          * Localized search-field placeholder and accessible name.
          * @default 'Search'
         */
        "searchPlaceholder"?: string;
        /**
          * Show immediate local filtering over option labels, subtext, and section headings.
          * @default false
         */
        "searchable"?: boolean;
        /**
          * Grouped choices; takes precedence over options. Assign through JavaScript.
          * @default []
         */
        "sections"?: SelectSection[];
        /**
          * Localized noun displayed after the selected count in multiple mode.
          * @default 'selected'
         */
        "selectedLabel"?: string;
        /**
          * Control density.
          * @default 'md'
         */
        "size"?: SelectSize;
        /**
          * Optional scalar-mode trigger text that does not change the selected option label.
         */
        "triggerLabel"?: string | undefined;
        /**
          * Present triggerLabel with placeholder emphasis while preserving the selected value.
          * @default false
         */
        "triggerLabelPlaceholder"?: boolean;
        /**
          * Selected scalar or array value according to `multiple`.
          * @default ''
         */
        "value"?: SelectValue;
        /**
          * Width fit — hug content (default) or fill the parent.
          * @default 'hug'
         */
        "width"?: SelectWidth;
    }
    interface DsShellApp {
        /**
          * Managed renders the complete responsive chrome; slotted exposes the advanced composition.
          * @default 'managed'
         */
        "composition"?: ShellAppComposition;
        /**
          * Shell chrome wash preset. `none` renders solid chrome; the remaining presets use token-based washes that adapt to the active color theme.
          * @default 'neutral'
         */
        "gradientPreset"?: ShellGradientPreset;
        /**
          * Controlled mobile surface shown above the persistent bottom bar.
          * @default 'area'
         */
        "mobileDestination"?: MobileDestination;
        /**
          * Controlled full-stage Mobile Sheet Nav state.
          * @default false
         */
        "mobileSheetNavOpen"?: boolean;
        /**
          * Chrome style propagated to slotted `ds-panel-nav` and `ds-bar-nav`.
          * @default 'dashboard'
         */
        "navStyle"?: NavChromeStyle;
        /**
          * Router-owned navigation data used by managed composition.
          * @default {}
         */
        "navigation"?: ShellNavigationConfig;
        /**
          * Managed breadcrumb intent from BarTitle.
         */
        "onDsBreadcrumbSelect"?: (event: DsShellAppCustomEvent<BreadcrumbSelectDetail>) => void;
        /**
          * Managed mobile Dashboard/Settings browsing intent.
         */
        "onDsBrowseContextChange"?: (event: DsShellAppCustomEvent<NavChromeStyle>) => void;
        /**
          * Managed tool-header action intent.
         */
        "onDsHeaderAction"?: (event: DsShellAppCustomEvent<{ tool: PanelToolsToolId; id: string }>) => void;
        /**
          * Managed tool-header Back intent.
         */
        "onDsHeaderBack"?: (event: DsShellAppCustomEvent<{ tool: PanelToolsToolId }>) => void;
        /**
          * Managed account-footer action intent.
         */
        "onDsNavFooterAction"?: (event: DsShellAppCustomEvent<void>) => void;
        /**
          * Managed primary-navigation intent; the application router performs navigation.
         */
        "onDsNavSelect"?: (event: DsShellAppCustomEvent<string>) => void;
        /**
          * Managed user/account trigger intent.
         */
        "onDsNavUserAction"?: (event: DsShellAppCustomEvent<PanelNavUserActionDetail>) => void;
        /**
          * Managed page action intent from BarTitle.
         */
        "onDsPageAction"?: (event: DsShellAppCustomEvent<string>) => void;
        /**
          * Managed page-level Back intent.
         */
        "onDsPageBack"?: (event: DsShellAppCustomEvent<MouseEvent>) => void;
        /**
          * Managed drawer/fullscreen presentation state.
         */
        "onDsPresentationChange"?: (event: DsShellAppCustomEvent<{ presentation: 'drawer' | 'fullscreen' }>) => void;
        /**
          * Emitted after crossing the fixed 768px or 1200px shell boundaries.
         */
        "onDsResponsiveModeChange"?: (event: DsShellAppCustomEvent<{ mode: ShellResponsiveMode }>) => void;
        /**
          * Managed page-subsection intent from BarTitle or MobileHeader.
         */
        "onDsSubsectionChange"?: (event: DsShellAppCustomEvent<string>) => void;
        /**
          * Managed desktop BarNav or mobile section-selection intent.
         */
        "onDsTabChange"?: (event: DsShellAppCustomEvent<string>) => void;
        /**
          * Managed tools selection state.
         */
        "onDsToolChange"?: (event: DsShellAppCustomEvent<{ id: PanelToolsToolId; selected: boolean }>) => void;
        /**
          * Route-owned page title and section data used by managed composition.
          * @default {}
         */
        "pageChrome"?: ShellPageChromeConfig;
        /**
          * Optional decorative Paper Design texture layered above the shell wash.
         */
        "paperTexture"?: PaperTextureConfig;
        /**
          * When `true` (default), registers global shell keyboard shortcuts. `[` toggles panel nav; `]` closes tools; K, A, S, M, N, and / toggle tool drawers. Modifiers are ignored so browser chords like ⌘N stay native.
          * @default true
         */
        "shortcutsEnabled"?: boolean;
        /**
          * Product-owned global tool definitions used by managed composition.
          * @default {}
         */
        "tools"?: ShellToolsConfig;
    }
    interface DsShellPage {
        /**
          * Exact block-start content inset while the header is compact or constrained.
         */
        "compactContentInsetBlockStartSize"?: string;
        /**
          * Standard page gutters, or no inset for full-bleed page content.
          * @default 'default'
         */
        "contentInset"?: ShellPageContentInset;
        /**
          * Preserve the responsive side/end gutters while allowing content to meet the header.
          * @default 'default'
         */
        "contentInsetBlockStart"?: ShellPageContentInset;
        /**
          * Exact block-start content inset, overriding the responsive default when provided.
         */
        "contentInsetBlockStartSize"?: string;
        /**
          * Canvas surface painted around and beneath routed page content.
          * @default 'primary'
         */
        "contentSurface"?: ShellPageContentSurface;
        /**
          * Available page-header capacity supplied by the owning application shell.
         */
        "headerCapacity"?: ShellPageCapacity;
        /**
          * Automatic capacity/scroll behavior, or an explicit header variant override.
          * @default 'auto'
         */
        "headerPresentation"?: ShellPageHeaderPresentation;
        /**
          * Explicit shell breakpoint presentation. Mobile uses the dedicated mobile-header slot.
          * @default 'desktop'
         */
        "responsiveMode"?: ShellResponsiveMode;
        /**
          * Allow roomy automatic headers to compact as the page scrolls.
          * @default true
         */
        "scrollCompaction"?: boolean;
    }
    interface DsShellTools {
        /**
          * @default ''
         */
        "activeTool"?: PanelToolsToolId | '';
        /**
          * @default 'shared'
         */
        "fullscreenHeaderMode"?: 'shared' | 'split';
        /**
          * @default {}
         */
        "headers"?: PanelToolsHeaders;
        /**
          * @default 'Inbox'
         */
        "inboxLabel"?: string;
        /**
          * @default 'Inbox sections'
         */
        "inboxNavigationLabel"?: string;
        /**
          * @default []
         */
        "items"?: PanelToolsItem[];
        "onDsHeaderAction"?: (event: DsShellToolsCustomEvent<{
    tool: PanelToolsToolId;
    id: string;
  }>) => void;
        "onDsHeaderBack"?: (event: DsShellToolsCustomEvent<{
    tool: PanelToolsToolId;
  }>) => void;
        "onDsPresentationChange"?: (event: DsShellToolsCustomEvent<{
    presentation: 'drawer' | 'fullscreen';
  }>) => void;
        "onDsToolChange"?: (event: DsShellToolsCustomEvent<{
    id: PanelToolsToolId;
    selected: boolean;
  }>) => void;
        /**
          * @default false
         */
        "open"?: boolean;
        /**
          * @default 'drawer'
         */
        "presentation"?: 'drawer' | 'fullscreen';
        /**
          * Resolved by ShellApp; mobile uses a full-stage tool presentation.
          * @default 'desktop'
         */
        "responsiveMode"?: ShellResponsiveMode;
        /**
          * @default ''
         */
        "storageKey"?: string;
        /**
          * @default 'Tool shortcuts'
         */
        "toolShortcutsLabel"?: string;
        /**
          * @default 'Tools'
         */
        "toolsLabel"?: string;
    }
    interface DsSkeleton {
        /**
          * Actual parent surface context. Omit on primary and secondary surfaces.
         */
        "background"?: SkeletonBackground | undefined;
        /**
          * Shared control-density size whose height defines the control canvas.
          * @default 'md'
         */
        "controlSize"?: ControlSize;
        /**
          * Iconography token whose square canvas defines the icon canvas.
          * @default 'md'
         */
        "iconSize"?: IconSize1;
        /**
          * Round icon skeletons into circles and control skeletons into pills. Ignored for text.
          * @default false
         */
        "rounded"?: boolean;
        /**
          * Whether to show the shimmer animation.
          * @default true
         */
        "shimmer"?: boolean;
        /**
          * Text metric recipe whose line-height defines the text canvas.
          * @default 'text-body-medium'
         */
        "textVariant"?: TextVariant;
        /**
          * @default 'text'
         */
        "variant"?: SkeletonVariant;
        /**
          * Width of text and control skeleton canvases. Numbers resolve to px. Ignored for icons.
         */
        "width"?: string | number | undefined;
    }
    interface DsSlider {
        /**
          * Id references for supporting guidance or error text.
         */
        "ariaDescribedby"?: string | undefined;
        /**
          * Direct accessible name for a single-thumb slider without a visible label.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Id references for a visible single-thumb slider label.
         */
        "ariaLabelledby"?: string | undefined;
        /**
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Accessible label for the upper thumb in a range slider.
          * @default 'Maximum value'
         */
        "endLabel"?: string;
        "form"?: string | undefined;
        /**
          * Intl.NumberFormat options. Assign objects through the JavaScript property.
         */
        "formatOptions"?: Intl.NumberFormatOptions | undefined;
        /**
          * Id applied to the first native range input.
         */
        "inputId"?: string | undefined;
        /**
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Visible field label. Supply aria-label when the label is intentionally hidden.
         */
        "label"?: string | undefined;
        /**
          * Locale used by Intl.NumberFormat for the visible value.
         */
        "locale"?: string | undefined;
        /**
          * @default 100
         */
        "max"?: number;
        /**
          * @default 0
         */
        "min"?: number;
        /**
          * Minimum number of steps kept between two range thumbs.
          * @default 0
         */
        "minStepsBetweenValues"?: number;
        "name"?: string | undefined;
        /**
          * Emitted continuously while the value changes.
         */
        "onDsChange"?: (event: DsSliderCustomEvent<SliderValue>) => void;
        /**
          * Emitted when a pointer or keyboard value change is committed.
         */
        "onDsCommit"?: (event: DsSliderCustomEvent<SliderValue>) => void;
        /**
          * @default 'horizontal'
         */
        "orientation"?: SliderOrientation;
        /**
          * @default '–'
         */
        "rangeSeparator"?: string;
        /**
          * Keep the value focusable and submittable while preventing changes.
          * @default false
         */
        "readOnly"?: boolean;
        /**
          * Show the formatted current value beside the visible label.
          * @default true
         */
        "showValue"?: boolean;
        /**
          * @default 'md'
         */
        "size"?: SliderSize;
        /**
          * Accessible label for the lower thumb in a range slider.
          * @default 'Minimum value'
         */
        "startLabel"?: string;
        /**
          * @default 1
         */
        "step"?: number;
        /**
          * Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints.
          * @default 'edge'
         */
        "thumbAlignment"?: SliderThumbAlignment;
        /**
          * Current value. Assign a two-number array through the JavaScript property for a range slider.
          * @default 0
         */
        "value"?: SliderValue;
        /**
          * @default ''
         */
        "valuePrefix"?: string;
        /**
          * @default ''
         */
        "valueSuffix"?: string;
        /**
          * Human-readable value text for a single slider or both range thumbs.
         */
        "valueText"?: string | undefined;
        /**
          * Per-thumb human-readable value text for a range slider. Assign through the JavaScript property.
          * @default []
         */
        "valueTexts"?: string[];
    }
    interface DsSwatchPicker {
        /**
          * Accessible name for the complete one-of-many choice.
          * @default 'Swatch options'
         */
        "groupLabel"?: string;
        "onDsChange"?: (event: DsSwatchPickerCustomEvent<string>) => void;
        /**
          * Flat option list. Sections take precedence when supplied. Assign as a JavaScript property.
          * @default []
         */
        "options"?: SwatchPickerOption[];
        /**
          * Visually separated option groups that remain one radio group. Assign as a JavaScript property.
          * @default []
         */
        "sections"?: SwatchPickerSection[];
        /**
          * Selected option value.
          * @default ''
         */
        "value"?: string;
    }
    interface DsSwitch {
        /**
          * Current on/off state. The initial value is restored when the owning form resets.
          * @default false
         */
        "checked"?: boolean;
        /**
          * @default false
         */
        "disabled"?: boolean;
        /**
          * Associates the switch with a form by id when it is rendered outside that form.
         */
        "form"?: string | undefined;
        /**
          * @default false
         */
        "isInactive"?: boolean;
        "name"?: string | undefined;
        "onDsChange"?: (event: DsSwitchCustomEvent<boolean>) => void;
        /**
          * Removes standalone control semantics so a composite owner such as a `menuitemcheckbox` can use the switch as an aria-hidden visual indicator.
          * @default false
         */
        "presentation"?: boolean;
        /**
          * @default false
         */
        "readOnly"?: boolean;
        /**
          * @default false
         */
        "required"?: boolean;
        /**
          * @default 'This field is required.'
         */
        "requiredMessage"?: string;
        /**
          * Compact track size for placement inside controls, menus, and form rows.
          * @default 'md'
         */
        "size"?: SwitchSize;
        /**
          * Optional value submitted when unchecked; omitted by default like a native checkbox.
         */
        "uncheckedValue"?: string | undefined;
        /**
          * @default 'on'
         */
        "value"?: string;
    }
    interface DsTabGroup {
        /**
          * @default null
         */
        "ariaLabel"?: string | null;
        "ariaLabelledby"?: string | undefined;
        "background"?: TabBackground | undefined;
        "onDsChange"?: (event: DsTabGroupCustomEvent<string>) => void;
        /**
          * Control density: 24px small, 32px medium, or 40px large track.
          * @default 'md'
         */
        "size"?: TabGroupSize1;
        /**
          * @default []
         */
        "tabs"?: TabGroupItem[];
        /**
          * @default ''
         */
        "value"?: string;
        /**
          * Width fit — hug content (default) or fill the parent with equal-width segments.
          * @default 'hug'
         */
        "width"?: TabGroupWidth;
    }
    interface DsTable {
        /**
          * Required accessible table name, retained as a native caption.
         */
        "caption": string;
        /**
          * Shows a matching presentational title bar above the native table frame.
          * @default 'hidden'
         */
        "captionVisibility"?: TableCaptionVisibility;
        /**
          * Replace opted-in table-owned caption controls with same-size visual skeletons.
          * @default false
         */
        "chromeLoading"?: boolean;
        /**
          * Controlled collapsed group identities. Groups not listed remain expanded.
          * @default []
         */
        "collapsedGroupIds"?: string[];
        /**
          * Opt in to the table-owned column customizer. The `columns` prop remains the catalog; hidden and ordered columns are controlled separately. The trigger opens the shared Menu of live show/hide switch rows.
          * @default false
         */
        "columnCustomizer"?: boolean;
        /**
          * Controlled data-column identities in display order. Omitted ids append in catalog order.
          * @default []
         */
        "columnOrder"?: string[];
        /**
          * Stable column definitions. Assign through JavaScript.
          * @default []
         */
        "columns"?: TableColumn[];
        /**
          * Top-level data-window strategy. Virtual mode recycles row DOM only.
          * @default 'infinite'
         */
        "dataMode"?: TableDataMode;
        /**
          * @default 'Table variation'
         */
        "dataModeMenuLabel"?: string;
        /**
          * Opt in to the table-owned control for choosing between supported data modes.
          * @default false
         */
        "dataModeSwitcher"?: boolean;
        /**
          * @default 'Change table variation'
         */
        "dataModeSwitcherLabel"?: string;
        /**
          * Optional result summary footer. When both `displayedCount` and `totalCount` are finite numbers, infinite mode shows “Displaying {displayed} of {total}”. Virtual mode ignores `displayedCount` and derives its total from the complete supplied rows; a mismatched `totalCount` emits a warning.
         */
        "displayedCount"?: number | undefined;
        /**
          * @default 'No data is available.'
         */
        "emptyBody"?: string;
        /**
          * @default 'Not available'
         */
        "emptyCellLabel"?: string;
        /**
          * @default 'No results'
         */
        "emptyHeading"?: string;
        /**
          * @default 'All results loaded'
         */
        "endOfResultsLabel"?: string;
        /**
          * Initial error state. Existing rows stay visible; incremental failures use loadMoreError.
          * @default false
         */
        "error"?: boolean;
        /**
          * @default 'The data could not be loaded.'
         */
        "errorBody"?: string;
        /**
          * @default 'Unable to load data'
         */
        "errorHeading"?: string;
        /**
          * Fit the complete table composition to its nearest vertical scrollport.
          * @default false
         */
        "fitViewport"?: boolean;
        /**
          * Supports the {group} placeholder.
          * @default 'All {group} results loaded'
         */
        "groupEndOfResultsLabel"?: string;
        /**
          * Supports the {group} placeholder.
          * @default 'Load more {group} results'
         */
        "groupLoadMoreAriaLabel"?: string;
        /**
          * @default 'Load more'
         */
        "groupLoadMoreLabel"?: string;
        /**
          * Supports the {group} placeholder.
          * @default 'Loading more items'
         */
        "groupLoadingMoreLabel"?: string;
        /**
          * Supports the {group} placeholder.
          * @default 'Retry loading {group} results'
         */
        "groupRetryLabel"?: string;
        /**
          * Supports {group}, {count}, {loaded}, and {total} placeholders.
          * @default '{count} more rows loaded in {group}. {loaded} of {total} rows loaded.'
         */
        "groupRowsLoadedLabel"?: string;
        /**
          * Controlled grouping column. Applications supply groups in their final fixed order.
          * @default null
         */
        "grouping"?: TableGroupingState | null;
        /**
          * One level of application-owned grouped data. Assign through JavaScript.
          * @default []
         */
        "groups"?: TableGroup[];
        /**
          * @default false
         */
        "hasMore"?: boolean;
        /**
          * Fixed height for the complete header, table frame, and footer composition.
         */
        "height"?: string | number | undefined;
        /**
          * Controlled hidden data-column identities. Action ids are ignored.
          * @default []
         */
        "hiddenColumnIds"?: string[];
        /**
          * @default 'Infinite scroll'
         */
        "infiniteModeLabel"?: string;
        /**
          * Reset key for a new query/group/sort dataset.
          * @default 'default'
         */
        "loadIdentity"?: string | number;
        "loadMoreError"?: string | undefined;
        /**
          * @default 'Load more'
         */
        "loadMoreLabel"?: string;
        /**
          * @default 'auto'
         */
        "loadMoreMode"?: TableLoadMoreMode;
        /**
          * IntersectionObserver root margin in CSS pixels.
          * @default 0
         */
        "loadMoreThreshold"?: number;
        /**
          * Initial loading state. Existing rows stay visible; incremental loading uses loadingMore.
          * @default false
         */
        "loading"?: boolean;
        /**
          * @default false
         */
        "loadingMore"?: boolean;
        /**
          * @default 'Loading more items'
         */
        "loadingMoreLabel"?: string;
        /**
          * Maximum scroll-region height. Numbers resolve to CSS pixels.
         */
        "maxHeight"?: string | number | undefined;
        "onDsCellAction"?: (event: DsTableCustomEvent<TableCellActionDetail>) => void;
        "onDsColumnsConfigChange"?: (event: DsTableCustomEvent<TableColumnsConfigChangeDetail>) => void;
        "onDsDataModeChange"?: (event: DsTableCustomEvent<TableDataModeChangeDetail>) => void;
        "onDsGroupCollapseChange"?: (event: DsTableCustomEvent<TableGroupCollapseChangeDetail>) => void;
        "onDsGroupLoadMore"?: (event: DsTableCustomEvent<TableGroupLoadMoreDetail>) => void;
        "onDsLoadMore"?: (event: DsTableCustomEvent<TableLoadMoreDetail>) => void;
        "onDsPaginationChange"?: (event: DsTableCustomEvent<PaginationChangeDetail>) => void;
        "onDsRowActivate"?: (event: DsTableCustomEvent<TableRowActivateDetail>) => void;
        "onDsSelectionChange"?: (event: DsTableCustomEvent<TableSelectionChangeDetail>) => void;
        "onDsSortChange"?: (event: DsTableCustomEvent<TableSortChangeDetail>) => void;
        /**
          * Controlled top-level pagination state. Required when dataMode is pagination.
          * @default null
         */
        "pagination"?: TablePaginationState | null;
        /**
          * @default 'Pagination + Infinite groups'
         */
        "paginationModeLabel"?: string;
        /**
          * Supports {displayed} and {total} placeholders.
          * @default 'Displaying {displayed} of {total}'
         */
        "resultSummaryLabel"?: string;
        /**
          * Supports the {total} placeholder. Used when dataMode is virtual.
          * @default '{total} items'
         */
        "resultTotalSummaryLabel"?: string;
        /**
          * @default 'Retry'
         */
        "retryLabel"?: string;
        /**
          * Ungrouped row data. Ignored while grouping is active. Assign through JavaScript.
          * @default []
         */
        "rows"?: TableRow[];
        /**
          * Supports {count} and {total} placeholders.
          * @default '{count} more rows loaded. {total} rows loaded.'
         */
        "rowsLoadedLabel"?: string;
        /**
          * Optional explicit label for the horizontal/vertical scroll region.
         */
        "scrollLabel"?: string | undefined;
        /**
          * Controlled selected row identities. IDs outside the loaded rows are preserved.
          * @default []
         */
        "selectedRowIds"?: string[];
        /**
          * @default 'none'
         */
        "selectionMode"?: TableSelectionMode;
        /**
          * Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport.
          * @default 10
         */
        "skeletonRows"?: number;
        /**
          * Controlled member-row sort state.
          * @default null
         */
        "sort"?: TableSortState | null;
        /**
          * @default false
         */
        "stickyHeader"?: boolean;
        "totalCount"?: number | undefined;
        /**
          * Reserved space below a viewport-fitted table.
          * @default 0
         */
        "viewportInsetBlockEnd"?: string | number;
        /**
          * Reserved space above a viewport-fitted table once surrounding chrome is compact.
          * @default 0
         */
        "viewportInsetBlockStart"?: string | number;
        /**
          * @default 'Virtual scroll'
         */
        "virtualModeLabel"?: string;
    }
    interface DsTableFilter {
        /**
          * Controlled category shown in the option pane.
         */
        "activeFilterId"?: string | undefined;
        /**
          * Accessible name for the trigger. Defaults to Filter table.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Accessible name for the category tab list.
          * @default 'Filter categories'
         */
        "categoriesLabel"?: string;
        /**
          * Footer action and date-clear accessible label.
          * @default 'Clear'
         */
        "clearLabel"?: string;
        /**
          * Product-owned filter categories and option definitions.
          * @default []
         */
        "filters"?: FilterMenuFilter1[];
        /**
          * Visible trigger label.
          * @default 'Filter'
         */
        "label"?: string;
        /**
          * Accessible name for the non-modal filter dialog. Defaults to the trigger name.
          * @default null
         */
        "menuLabel"?: string | null;
        /**
          * Requests a controlled active-category replacement.
         */
        "onDsActiveFilterChange"?: (event: DsTableFilterCustomEvent<string>) => void;
        /**
          * Emitted after exit motion and rendered popup removal complete.
         */
        "onDsAfterClose"?: (event: DsTableFilterCustomEvent<void>) => void;
        /**
          * Requests a controlled value replacement without closing the popup.
         */
        "onDsChange"?: (event: DsTableFilterCustomEvent<FilterMenuChangeDetail1>) => void;
        /**
          * Requests that the consumer clear every filter value.
         */
        "onDsClear"?: (event: DsTableFilterCustomEvent<void>) => void;
        /**
          * Requests that the controlled popup close.
         */
        "onDsClose"?: (event: DsTableFilterCustomEvent<void>) => void;
        /**
          * Emitted whenever trigger activation changes popup visibility.
         */
        "onDsOpenChange"?: (event: DsTableFilterCustomEvent<boolean>) => void;
        /**
          * Controlled popup visibility.
          * @default false
         */
        "open"?: boolean;
        /**
          * Controlled values keyed by filter id.
          * @default {}
         */
        "values"?: FilterMenuValues1;
    }
    interface DsTableSavedViews {
        /**
          * Footer action label that opens the create-view dialog.
          * @default 'New view'
         */
        "createLabel"?: string;
        /**
          * ID used for the built-in default view.
          * @default '__default__'
         */
        "defaultViewId"?: string;
        /**
          * Label used for the built-in default view.
          * @default 'Default'
         */
        "defaultViewLabel"?: string;
        /**
          * Whether the current table state differs from the selected custom view. Ignored for the default view.
          * @default false
         */
        "dirty"?: boolean;
        /**
          * Accessible name for the saved-views select.
          * @default 'Saved views'
         */
        "label"?: string;
        /**
          * Emitted when a view selection is requested.
         */
        "onDsViewChange"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewChangeDetail>) => void;
        /**
          * Emitted after a valid create-view name is submitted.
         */
        "onDsViewCreate"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewCreateDetail>) => void;
        /**
          * Emitted when the active custom view's stored payload should be restored.
         */
        "onDsViewDiscard"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewDiscardDetail>) => void;
        /**
          * Emitted when a custom view removal is requested.
         */
        "onDsViewRemove"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewRemoveDetail>) => void;
        /**
          * Emitted after a valid renamed view name is submitted.
         */
        "onDsViewRename"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewRenameDetail>) => void;
        /**
          * Emitted when changes to the active custom view should replace its stored payload.
         */
        "onDsViewSave"?: (event: DsTableSavedViewsCustomEvent<TableSavedViewSaveDetail>) => void;
        /**
          * Trigger label shown while the default view is selected.
          * @default 'Views'
         */
        "triggerLabel"?: string;
        /**
          * ID of the controlled active view, including the default view ID.
          * @default '__default__'
         */
        "value"?: string;
        /**
          * Application-owned custom saved views. Assign arrays through the JavaScript property.
          * @default []
         */
        "views"?: TableSavedView[];
    }
    interface DsTableSort {
        /**
          * Accessible name for the trigger and menu.
          * @default null
         */
        "ariaLabel"?: string | null;
        /**
          * Catalog used to derive sortable fields, including compound header segments.
          * @default []
         */
        "columns"?: TableColumn[];
        "onDsSortChange"?: (event: DsTableSortCustomEvent<TableSortChangeDetail>) => void;
        /**
          * Controlled table sort. Header sorting and this menu share the same value.
          * @default null
         */
        "sort"?: TableSortState | null;
    }
    interface DsTableToolbar {
        /**
          * Accessible name for the grouped table controls.
          * @default 'Table controls'
         */
        "label"?: string;
    }
    interface DsTag {
        /**
          * ID of the menu controlled by an interactive Tag.
         */
        "ariaControls"?: string | undefined;
        /**
          * @default 'faint'
         */
        "contrast"?: TagContrast;
        /**
          * Controlled open state for the menu triggered by an interactive Tag.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Canonical icon name rendered before the visible label.
          * @default ''
         */
        "icon"?: string;
        /**
          * Single removes 4px overall; double removes 8px overall (xs stays single).
          * @default 'single'
         */
        "insetDepth"?: ControlInsetDepth1;
        /**
          * @default 'neutral'
         */
        "intent"?: TagIntent;
        /**
          * Render a menu-trigger button with a fixed ChevronUpDown suffix.
          * @default false
         */
        "interactive"?: boolean;
        /**
          * Disable an interactive Tag and apply the shared inactive treatment.
          * @default false
         */
        "isInactive"?: boolean;
        /**
          * Use the reduced outer geometry when nested inside a control of the same size.
          * @default false
         */
        "isInset"?: boolean;
        "label": string;
        "maxWidth"?: string | number | undefined;
        /**
          * Fired when the interactive Tag button is activated.
         */
        "onDsClick"?: (event: DsTagCustomEvent<MouseEvent>) => void;
        /**
          * @default false
         */
        "rounded"?: boolean;
        /**
          * @default 'md'
         */
        "size"?: TagSize;
    }
    interface DsText {
        "align"?: TextAlign | undefined;
        /**
          * @default 'p'
         */
        "as"?: TextElement;
        /**
          * Semantic foreground color token or CSS variable. `tertiary` and the still-fainter `quaternary` are restricted to genuinely inactive/disabled UI content or purely decorative content; prefer the owning control's inactive state whenever one exists.
          * @default 'inherit'
         */
        "color"?: TextColor;
        /**
          * Link underline or dotted hidden-interaction affordance; does not add semantics.
         */
        "decoration"?: TextDecoration | undefined;
        /**
          * Heavier weight + tighter letter-spacing for the variant. `false` (default): one step below emphasis (display semibold, title/body medium, caption medium). `true`: display bold, title/caption semibold, body medium.
          * @default false
         */
        "emphasis"?: boolean;
        /**
          * @default 'normal'
         */
        "fontFeature"?: TextFontFeature;
        /**
          * Maps to `for` attribute on <label> elements.
         */
        "for"?: string | undefined;
        /**
          * @default false
         */
        "italic"?: boolean;
        /**
          * @default 'none'
         */
        "lineTruncation"?: LineTruncation;
        /**
          * Animate the visible glyphs with the shared loading shimmer treatment.
          * @default false
         */
        "shimmer"?: boolean;
        /**
          * Forwarded to the inner element (e.g. aria-labelledby targets).
         */
        "textId"?: string | undefined;
        /**
          * @default 'text-body-medium'
         */
        "variant"?: TextVariant;
        "wrap"?: TextWrap | undefined;
    }
    interface DsToast {
        /**
          * Keep the global stack 16px above the persistent mobile shell bar below 768px.
          * @default false
         */
        "avoidMobileShellBar"?: boolean;
        /**
          * Localized accessible label for every toast close action.
          * @default 'Close notification'
         */
        "closeLabel"?: string;
        /**
          * Accessible label for the notification region.
          * @default 'Notifications'
         */
        "label"?: string;
        /**
          * Maximum visible global-stack records. Limited records remain mounted and inert.
          * @default 3
         */
        "limit"?: number;
        /**
          * Manager that supplies toast records. Assign as a JavaScript property.
          * @default defaultToastManager
         */
        "manager"?: ToastManager;
        "onDsToastAction"?: (event: DsToastCustomEvent<ToastActionEventDetail>) => void;
        "onDsToastClose"?: (event: DsToastCustomEvent<ToastCloseEventDetail>) => void;
        "onDsToastRemove"?: (event: DsToastCustomEvent<ToastEventDetail>) => void;
        /**
          * Allowed swipe-to-dismiss directions. Assign as a JavaScript property.
          * @default ['down', 'right']
         */
        "swipeDirections"?: ToastSwipeDirection[];
        /**
          * Default auto-dismiss delay. Use 0 for persistent records.
          * @default TOKEN_DEFAULTS.animationDelayLong2
         */
        "timeout"?: number | string;
    }
    /**
     * Imperative body portal for the popup.
     * Stencil must not own the portaled node — moving a VDOM child to `document.body`
     * causes recreate → re-portal →
     * @State loops that freeze the page.
     */
    interface DsTooltip {
        /**
          * @default 'center'
         */
        "align"?: TooltipAlign;
        /**
          * Cross-axis offset — number (px) or TokoMo length.
          * @default 0
         */
        "alignOffset"?: number | string;
        /**
          * Hover show delay before the tooltip appears. Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Applies to the initial hover/focus show only — after a recent dismiss, reopen is instant. Prefer the default; override only for denser chrome or rare/destructive actions.
          * @default TOKEN_DEFAULTS.animationDelayMedium3
         */
        "delay"?: number | string;
        /**
          * Link the trigger with aria-describedby while the popup is open. Disable when the label is already in the DOM, such as a truncated table cell.
          * @default true
         */
        "describedBy"?: boolean;
        /**
          * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
         */
        "label": string;
        "shortcutKey"?: string | undefined;
        /**
          * @default 'end'
         */
        "shortcutKeyPosition"?: 'start' | 'end';
        /**
          * @default 'top'
         */
        "side"?: TooltipSide;
        /**
          * Gap between anchor and tooltip — number (px) or TokoMo length.
          * @default TOKEN_CSS_LENGTHS.space050
         */
        "sideOffset"?: number | string;
        /**
          * Control density (height, padding, type).
          * @default 'md'
         */
        "size"?: TooltipSize;
        /**
          * Allow the label to wrap at a panel-xs max width instead of a single line.
          * @default false
         */
        "wrapLabel"?: boolean;
    }
    /**
     * Positioned value/label callout for chart hover interactions (bar, line point,
     * polar arc, …). A composition may suppress it when a visible legend already
     * surfaces the same value.
     * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
     * charts hover-highlight data that lives inside an SVG, so the chart itself computes
     * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
     * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
     * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
     * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
     * keeps it on-screen.
     * Mount (or remount) when a hover session starts so `delay` applies once per hover;
     * keep the instance mounted while the cursor moves so tracking stays instant.
     */
    interface DsTooltipChart {
        /**
          * Show delay after mount before the callout appears. Default: `--effect-animation-delay-instant` (0ms). Accepts a number (ms) or a TokoMo time token / `var(--effect-animation-delay-*)`. Charts need immediate feedback while scrubbing; prefer the default. Mount once per hover session so any non-zero delay runs once, then track `x`/`y` instantly.
          * @default TOKEN_DEFAULTS.animationDelayInstant
         */
        "delay"?: number | string;
        /**
          * Optional heading for grouped chart focus.
         */
        "heading"?: string;
        /**
          * Multi-row content. When supplied, this replaces the legacy label/value row.
         */
        "items"?: TooltipChartItem[];
        /**
          * @default ''
         */
        "label"?: string;
        /**
          * @default ''
         */
        "value"?: string | number;
        /**
          * Anchor point in px, relative to the nearest `position: relative` ancestor — e.g. the cursor.
          * @default 0
         */
        "x"?: number;
        /**
          * @default 0
         */
        "y"?: number;
    }
    interface DsTypingIndicator {
        /**
          * Concise localized typing status.
          * @default 'Typing...'
         */
        "label"?: string;
    }

    interface DsAgentActivityAttributes {
        "heading": string;
        "open": boolean;
    }
    interface DsAgentQuestionnaireAttributes {
        "requestId": string;
        "status": AgentQuestionnaireStatus;
        "errorMessage": string;
        "allowCancel": boolean;
    }
    interface DsAgentResponseAttributes {
        "messageId": string;
        "author": string;
        "showAuthor": boolean;
        "timestamp": string;
        "renderMode": AgentResponseRenderMode;
        "streaming": boolean;
        "metadataVisibility": MessageMetadataVisibility;
    }
    interface DsAgentSourceListAttributes {
        "heading": string;
        "open": boolean;
    }
    interface DsAgentToolCallAttributes {
        "name": string;
        "label": string;
        "state": AgentToolState;
        "statusLabel": string;
        "error": string;
        "open": boolean;
    }
    interface DsAttachmentListAttributes {
        "label": string;
    }
    interface DsAvatarAttributes {
        "icon": string;
        "iconColor": IconColor;
        "size": AvatarSize;
        "label": string | undefined;
    }
    interface DsBadgeAttributes {
        "variant": BadgeVariant;
        "count": number;
        "max": number;
        "surface": BadgeSurface;
        "background": string | undefined;
        "hasRing": boolean;
        "gradientBackground": boolean;
        "label": string | undefined;
    }
    interface DsBannerAttributes {
        "description": string;
        "heading": string;
        "intent": BannerIntent;
        "contrast": BannerContrast;
        "orientation": BannerOrientation;
        "open": boolean;
        "dismissLabel": string;
        "announcement": BannerAnnouncement;
    }
    interface DsBarActionAttributes {
        "count": number;
        "selectedLabel": string;
        "clearLabel": string;
        "label": string;
    }
    interface DsBarNavAttributes {
        "navStyle": NavChromeStyle;
        "value": string;
        "heading": string | undefined;
        "basePath": string;
        "currentUrl": string;
        "moreTabsLabel": string;
    }
    interface DsBarTitleAttributes {
        "heading": string;
        "description": string;
        "showBack": boolean;
        "backAriaLabel": string;
        "backLabel": string;
        "breadcrumbAriaLabel": string;
        "value": string;
        "sectionsAriaLabel": string;
        "actionsAriaLabel": string;
        "variant": BarTitleVariant;
        "showDivider": boolean;
        "showCompactDivider": boolean;
    }
    interface DsBarWorkflowAttributes {
        "heading": string;
        "value": string;
        "exitLabel": string;
        "exitAriaLabel": string;
        "previousLabel": string;
        "nextLabel": string;
        "isNextInactive": boolean;
        "responsiveMode": ShellResponsiveMode;
    }
    interface DsBreadcrumbAttributes {
        "ariaLabel": string;
    }
    interface DsButtonFilledAttributes {
        "variant": ButtonFilledVariant;
        "size": ButtonFilledSize;
        "isInset": boolean;
        "insetDepth": ControlInsetDepth;
        "width": ButtonFilledWidth;
        "label": string;
        "icon": string;
        "intent": ButtonFilledIntent;
        "contrast": ButtonFilledContrast;
        "hasBorder": boolean;
        "background": ButtonFilledBackground | undefined;
        "rounded": boolean;
        "pressScale": boolean;
        "isInactive": boolean;
        "isLoading": boolean;
        "type": 'button' | 'submit' | 'reset';
        "ariaLabel": string | null;
        "controls": string | undefined;
        "expanded": boolean | undefined;
        "haspopup": ButtonFilledPopup | undefined;
        "hasMenu": boolean;
    }
    interface DsButtonUnfilledAttributes {
        "variant": ButtonUnfilledVariant;
        "size": ButtonUnfilledSize;
        "isInset": boolean;
        "insetDepth": ControlInsetDepth;
        "width": ButtonUnfilledWidth;
        "label": string;
        "icon": string;
        "isActive": boolean;
        "activeFill": boolean;
        "hasBorder": boolean;
        "rounded": boolean;
        "pressScale": boolean;
        "dot": boolean;
        "isInactive": boolean;
        "isLoading": boolean;
        "type": 'button' | 'submit' | 'reset';
        "background": ButtonUnfilledBackground | undefined;
        "ariaLabel": string | null;
        "controls": string | undefined;
        "expanded": boolean | undefined;
        "haspopup": ButtonUnfilledPopup | undefined;
        "pressed": boolean | undefined;
        "collapseLabel": boolean;
        "hasMenu": boolean;
        "focusTabIndex": number;
    }
    interface DsCardChartAttributes {
        "heading": string;
        "variant": CardChartVariant;
        "cardWidth": CardChartWidth;
        "showFilter": boolean;
        "filterLabel": string;
    }
    interface DsCardOverviewAttributes {
        "variant": CardOverviewVariant;
        "layout": CardOverviewLayout;
        "periodLabel": string;
        "comparisonLabel": string;
        "metricMinWidth": string;
        "isLoading": boolean;
        "scoreErrorMessage": string | undefined;
        "overviewLabel": string;
        "scrollCollapseProgress": number;
    }
    interface DsCardSettingAttributes {
        "heading": string;
        "cardWidth": CardSettingWidth;
        "editing": boolean;
        "editLabel": string;
        "cancelLabel": string;
        "saveLabel": string;
    }
    interface DsChartAttributes {
        "label": string;
        "description": string;
        "locale": string;
        "width": number;
        "height": number;
        "aspectRatio": number;
    }
    interface DsChartLegendAttributes {
        "locale": string | undefined;
        "direction": ChartLegendDirection;
        "showPercentage": boolean;
        "percentageDecimals": ChartLegendPercentageDecimals;
        "highlightOnHover": boolean;
        "activeLabel": string | null;
    }
    interface DsCheckboxAttributes {
        "label": string;
        "description": string;
        "checked": boolean;
        "size": CheckboxSize;
        "name": string | undefined;
        "value": string;
        "disabled": boolean;
        "required": boolean;
        "requiredMessage": string;
        "indeterminate": boolean;
        "isInactive": boolean;
        "presentation": boolean;
    }
    interface DsChipAttributes {
        "label": string;
        "state": ChipState;
        "size": ChipSize;
        "rounded": boolean;
        "maxWidth": string;
        "isInactive": boolean;
        "removeLabel": string;
    }
    interface DsCodeBlockAttributes {
        "code": string;
        "language": string;
        "filename": string;
    }
    interface DsConversationListAttributes {
        "actionLayout": ConversationListActionLayout;
    }
    interface DsConversationListItemAttributes {
        "conversationId": string;
        "conversationTitle": string;
        "preview": string;
        "updatedAt": string;
        "selected": boolean;
        "state": ConversationItemState;
        "statusLabel": string;
        "unreadCount": number;
        "actionsOpen": boolean;
    }
    interface DsConversationListSectionAttributes {
        "heading": string;
        "sectionId": string;
    }
    interface DsDividerAttributes {
        "orientation": DividerOrientation;
        "background": DividerBackground | undefined;
        "inset": DividerInset;
        "length": DividerLength;
        "semantic": boolean;
    }
    interface DsEmptyStateAttributes {
        "icon": string | undefined;
        "heading": string | undefined;
        "body": string;
    }
    interface DsFieldAttributes {
        "label": string;
        "fieldId": string | undefined;
        "description": string | undefined;
        "error": boolean;
        "errorMessage": string | undefined;
    }
    interface DsFilterMenuAttributes {
        "open": boolean;
        "triggerLabel": string;
        "icon": string | undefined;
        "size": FilterMenuSize;
        "width": FilterMenuWidth;
        "hasBorder": boolean;
        "activeFill": boolean;
        "collapseLabel": boolean;
        "inputId": string | undefined;
        "ariaLabel": string | null;
        "activeFilterId": string | undefined;
        "anchorId": string | undefined;
        "side": AnchoredSide;
        "align": AnchoredAlign;
        "sideOffset": string;
        "alignOffset": string;
        "menuWidth": string;
        "menuLabel": string;
        "categoriesLabel": string;
        "clearLabel": string;
        "initialFocusVisible": boolean;
    }
    interface DsIconAttributes {
        "name": string;
        "size": IconSize;
        "color": IconColor;
        "label": string | undefined;
    }
    interface DsInputAttributes {
        "value": string;
        "name": string | undefined;
        "form": string | undefined;
        "disabled": boolean;
        "readOnly": boolean;
        "required": boolean;
        "requiredMessage": string;
        "clearLabel": string;
        "placeholder": string | undefined;
        "type": InputType;
        "min": number | undefined;
        "max": number | undefined;
        "step": number | undefined;
        "autoComplete": string | undefined;
        "inputMode": string;
        "enterKeyHint": string;
        "size": InputSize;
        "width": InputWidth;
        "hasBorder": boolean;
        "icon": string | undefined;
        "isInactive": boolean;
        "autoFocus": boolean;
        "error": boolean;
        "errorMessage": string | undefined;
        "inputId": string | undefined;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        "ariaDescribedby": string | undefined;
    }
    interface DsLoaderAttributes {
        "size": LoaderSize;
        "color": LoaderColor;
        "label": string | undefined;
    }
    interface DsMarkdownAttributes {
        "content": string;
        "streaming": boolean;
    }
    interface DsMenuAttributes {
        "open": boolean;
        "size": MenuSize;
        "selectionMode": MenuSelectionMode;
        "side": MenuSide;
        "align": MenuAlign;
        "anchorAlignment": ChoicePopupAnchorAlignment;
        "sideOffset": string;
        "alignOffset": string;
        "menuWidth": string | undefined;
        "minWidth": string | undefined;
        "anchorId": string | undefined;
        "initialFocusVisible": boolean;
        "menuLabel": string;
    }
    interface DsMessageAttributes {
        "messageId": string;
        "direction": MessageDirection;
        "groupPosition": MessageGroupPosition;
        "author": string;
        "showAuthor": boolean;
        "timestamp": string;
        "deliveryState": MessageDeliveryState | undefined;
        "streaming": boolean;
        "metadataVisibility": MessageMetadataVisibility;
        "scrollAnchor": boolean;
    }
    interface DsMessageActionsAttributes {
        "copyText": string | undefined;
        "feedbackEnabled": boolean;
        "feedback": MessageFeedback | undefined;
    }
    interface DsMessageBubbleAttributes {
        "variant": MessageBubbleVariant;
    }
    interface DsMessageComposerAttributes {
        "value": string;
        "placeholder": string;
        "label": string;
        "status": MessageComposerStatus;
        "errorMessage": string;
        "isInactive": boolean;
        "submitIntent": ButtonFilledIntent;
    }
    interface DsMessageScrollerAttributes {
        "busy": boolean;
        "autoFollow": boolean;
        "defaultPosition": MessageScrollerPosition;
        "messagesLabel": string;
    }
    interface DsMobileBarNavAttributes {
        "activeDestination": MobileDestination;
        "sheetNavExpanded": boolean;
        "menuLabel": string;
        "searchLabel": string;
        "inboxLabel": string;
        "messagesLabel": string;
        "agentsLabel": string;
        "helpLabel": string;
        "searchDot": boolean;
        "inboxDot": boolean;
        "messagesDot": boolean;
        "agentsDot": boolean;
    }
    interface DsMobileHeaderAttributes {
        "heading": string;
        "headingLevel": MobileHeaderHeadingLevel;
        "value": string;
        "sectionsAriaLabel": string;
        "sectionsPresentation": MobileHeaderSectionsPresentation;
        "sectionsSize": TabGroupSize;
        "subvalue": string;
        "subsectionsAriaLabel": string;
        "tone": MobileHeaderTone;
    }
    interface DsMobileSectionSwitcherAttributes {
        "value": string;
        "navigationLabel": string;
    }
    interface DsMobileSheetNavAttributes {
        "open": boolean;
        "browseContext": NavChromeStyle;
        "currentUrl": string;
        "routeSelectionActive": boolean;
        "navigationLabel": string;
        "dashboardLabel": string;
        "settingsLabel": string;
        "accountLabel": string;
        "helpLabel": string;
        "showAccount": boolean;
    }
    interface DsModalAttributes {
        "open": boolean;
        "heading": string;
        "description": string;
        "closeAriaLabel": string;
        "modalWidth": ModalWidth | string;
        "ariaDescribedby": string | undefined;
    }
    interface DsPaginationAttributes {
        "pageIndex": number;
        "pageSize": number;
        "pageSizeMode": PaginationPageSizeMode;
        "totalItems": number;
        "fitToPage": boolean;
        "fitToPageInactive": boolean;
        "fitPageSize": number | undefined;
        "fitPageSizeLabel": string;
        "fitPageSizeTriggerLabel": string;
        "itemLabel": string;
        "pageSizeLabel": string;
        "pageSizeAriaLabel": string | undefined;
        "label": string;
        "loading": boolean;
    }
    interface DsPanelNavAttributes {
        "navStyle": NavChromeStyle;
        "disableViewTransition": boolean;
        "groups": string | PanelNavGroup[];
        "routerMode": PanelNavRouterMode;
        "activeId": string;
        "collapsed": boolean;
        "breakpoint": number;
        "storageKey": string;
        "currentUrl": string;
        "userName": string;
        "userInitial": string;
        "dashboardLabel": string;
        "settingsLabel": string;
        "accountLabel": string;
        "accountMenuExpanded": boolean;
        "dashboardNavigationLabel": string;
        "settingsNavigationLabel": string;
        "expandNavigationLabel": string;
        "collapseNavigationLabel": string;
        "navigationItemsLabel": string;
    }
    interface DsPanelSubNavAttributes {
        "value": string;
        "background": PanelSubNavBackground | undefined;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
    }
    interface DsPanelToolHeaderAttributes {
        "heading": string;
        "showBack": boolean;
        "backIcon": string;
        "backAriaLabel": string;
        "showMenu": boolean;
        "menuAriaLabel": string;
        "menuTriggerId": string;
        "menuControls": string | undefined;
        "menuExpanded": boolean;
    }
    interface DsPanelToolSearchAttributes {
        "value": string;
        "placeholder": string;
        "ariaLabel": string;
        "controls": string | undefined;
        "isInactive": boolean;
        "showFilter": boolean;
        "filterAriaLabel": string;
        "filterTriggerId": string;
        "filterControls": string | undefined;
        "filterExpanded": boolean;
        "filterActive": boolean;
    }
    interface DsPanelToolsAttributes {
        "open": boolean;
        "presentation": 'drawer' | 'fullscreen';
        "fullscreenHeaderMode": 'shared' | 'split';
        "activeTool": PanelToolsToolId | '';
        "toolsLabel": string;
        "toolShortcutsLabel": string;
        "storageKey": string;
    }
    interface DsRadioAttributes {
        "value": string;
        "size": RadioSize;
        "name": string | undefined;
        "form": string | undefined;
        "disabled": boolean;
        "required": boolean;
        "requiredMessage": string;
        "direction": 'vertical' | 'horizontal';
        "isInactive": boolean;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
    }
    interface DsScrollOverlayAttributes {
        "scrollLabel": string | undefined;
    }
    interface DsSelectAttributes {
        "multiple": boolean;
        "value": SelectValue;
        "open": boolean;
        "name": string | undefined;
        "disabled": boolean;
        "required": boolean;
        "requiredMessage": string;
        "placeholder": string;
        "triggerLabel": string | undefined;
        "triggerLabelPlaceholder": boolean;
        "dot": boolean;
        "size": SelectSize;
        "width": SelectWidth;
        "popupAlign": SelectPopupAlign;
        "isInactive": boolean;
        "isLoading": boolean;
        "activeFill": boolean;
        "collapseLabel": boolean;
        "hasBorder": boolean;
        "icon": string | undefined;
        "indicator": SelectIndicator;
        "allowClear": boolean;
        "clearLabel": string;
        "selectedLabel": string;
        "footerActionLabel": string | undefined;
        "searchable": boolean;
        "searchPlaceholder": string;
        "noResultsText": string;
        "loadingLabel": string;
        "background": SelectBackground | undefined;
        "error": boolean;
        "errorMessage": string | undefined;
        "inputId": string | undefined;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        "ariaDescribedby": string | undefined;
    }
    interface DsShellAppAttributes {
        "composition": ShellAppComposition;
        "navStyle": NavChromeStyle;
        "gradientPreset": ShellGradientPreset;
        "shortcutsEnabled": boolean;
        "mobileDestination": MobileDestination;
        "mobileSheetNavOpen": boolean;
    }
    interface DsShellPageAttributes {
        "headerPresentation": ShellPageHeaderPresentation;
        "headerCapacity": ShellPageCapacity;
        "contentInset": ShellPageContentInset;
        "contentInsetBlockStart": ShellPageContentInset;
        "contentInsetBlockStartSize": string;
        "compactContentInsetBlockStartSize": string;
        "scrollCompaction": boolean;
        "contentSurface": ShellPageContentSurface;
        "responsiveMode": ShellResponsiveMode;
    }
    interface DsShellToolsAttributes {
        "responsiveMode": ShellResponsiveMode;
        "open": boolean;
        "activeTool": PanelToolsToolId | '';
        "presentation": 'drawer' | 'fullscreen';
        "fullscreenHeaderMode": 'shared' | 'split';
        "storageKey": string;
        "toolsLabel": string;
        "toolShortcutsLabel": string;
        "inboxLabel": string;
        "inboxNavigationLabel": string;
    }
    interface DsSkeletonAttributes {
        "variant": SkeletonVariant;
        "textVariant": TextVariant;
        "iconSize": IconSize;
        "controlSize": ControlSize;
        "width": string;
        "rounded": boolean;
        "shimmer": boolean;
        "background": SkeletonBackground | undefined;
    }
    interface DsSliderAttributes {
        "value": SliderValue;
        "min": number;
        "max": number;
        "step": number;
        "minStepsBetweenValues": number;
        "label": string | undefined;
        "showValue": boolean;
        "size": SliderSize;
        "orientation": SliderOrientation;
        "thumbAlignment": SliderThumbAlignment;
        "name": string | undefined;
        "form": string | undefined;
        "disabled": boolean;
        "readOnly": boolean;
        "isInactive": boolean;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
        "ariaDescribedby": string | undefined;
        "startLabel": string;
        "endLabel": string;
        "valueText": string | undefined;
        "locale": string | undefined;
        "valuePrefix": string;
        "valueSuffix": string;
        "rangeSeparator": string;
        "inputId": string | undefined;
    }
    interface DsSwatchPickerAttributes {
        "value": string;
        "groupLabel": string;
    }
    interface DsSwitchAttributes {
        "checked": boolean;
        "name": string | undefined;
        "value": string;
        "uncheckedValue": string | undefined;
        "form": string | undefined;
        "disabled": boolean;
        "readOnly": boolean;
        "required": boolean;
        "requiredMessage": string;
        "isInactive": boolean;
        "size": SwitchSize;
        "presentation": boolean;
    }
    interface DsTabGroupAttributes {
        "value": string;
        "size": TabGroupSize;
        "width": TabGroupWidth;
        "background": TabBackground | undefined;
        "ariaLabel": string | null;
        "ariaLabelledby": string | undefined;
    }
    interface DsTableAttributes {
        "caption": string;
        "captionVisibility": TableCaptionVisibility;
        "columnCustomizer": boolean;
        "displayedCount": number | undefined;
        "totalCount": number | undefined;
        "resultSummaryLabel": string;
        "resultTotalSummaryLabel": string;
        "stickyHeader": boolean;
        "maxHeight": string;
        "height": string;
        "fitViewport": boolean;
        "viewportInsetBlockStart": string;
        "viewportInsetBlockEnd": string;
        "scrollLabel": string | undefined;
        "selectionMode": TableSelectionMode;
        "loading": boolean;
        "chromeLoading": boolean;
        "skeletonRows": number;
        "emptyHeading": string;
        "emptyBody": string;
        "error": boolean;
        "errorHeading": string;
        "errorBody": string;
        "emptyCellLabel": string;
        "dataMode": TableDataMode;
        "dataModeSwitcher": boolean;
        "dataModeSwitcherLabel": string;
        "dataModeMenuLabel": string;
        "infiniteModeLabel": string;
        "paginationModeLabel": string;
        "virtualModeLabel": string;
        "loadMoreMode": TableLoadMoreMode;
        "hasMore": boolean;
        "loadingMore": boolean;
        "loadMoreError": string | undefined;
        "loadIdentity": string;
        "loadMoreThreshold": number;
        "loadMoreLabel": string;
        "retryLabel": string;
        "loadingMoreLabel": string;
        "endOfResultsLabel": string;
        "rowsLoadedLabel": string;
        "groupLoadMoreLabel": string;
        "groupLoadMoreAriaLabel": string;
        "groupRetryLabel": string;
        "groupLoadingMoreLabel": string;
        "groupEndOfResultsLabel": string;
        "groupRowsLoadedLabel": string;
    }
    interface DsTableFilterAttributes {
        "open": boolean;
        "activeFilterId": string | undefined;
        "label": string;
        "ariaLabel": string | null;
        "menuLabel": string | null;
        "categoriesLabel": string;
        "clearLabel": string;
    }
    interface DsTableSavedViewsAttributes {
        "value": string;
        "dirty": boolean;
        "defaultViewId": string;
        "defaultViewLabel": string;
        "label": string;
        "triggerLabel": string;
        "createLabel": string;
    }
    interface DsTableSortAttributes {
        "ariaLabel": string | null;
    }
    interface DsTableToolbarAttributes {
        "label": string;
    }
    interface DsTagAttributes {
        "label": string;
        "icon": string;
        "intent": TagIntent;
        "contrast": TagContrast;
        "size": TagSize;
        "isInset": boolean;
        "insetDepth": ControlInsetDepth;
        "rounded": boolean;
        "maxWidth": string;
        "interactive": boolean;
        "expanded": boolean;
        "ariaControls": string | undefined;
        "isInactive": boolean;
    }
    interface DsTextAttributes {
        "variant": TextVariant;
        "emphasis": boolean;
        "color": TextColor;
        "decoration": TextDecoration | undefined;
        "italic": boolean;
        "shimmer": boolean;
        "align": TextAlign | undefined;
        "lineTruncation": string;
        "wrap": TextWrap | undefined;
        "fontFeature": TextFontFeature;
        "as": TextElement;
        "for": string | undefined;
        "textId": string | undefined;
    }
    interface DsToastAttributes {
        "limit": number;
        "timeout": string;
        "label": string;
        "closeLabel": string;
        "avoidMobileShellBar": boolean;
    }
    interface DsTooltipAttributes {
        "label": string;
        "size": TooltipSize;
        "side": TooltipSide;
        "align": TooltipAlign;
        "sideOffset": string;
        "alignOffset": string;
        "delay": string;
        "shortcutKey": string | undefined;
        "shortcutKeyPosition": 'start' | 'end';
        "describedBy": boolean;
        "wrapLabel": boolean;
    }
    interface DsTooltipChartAttributes {
        "value": string;
        "label": string;
        "heading": string;
        "x": number;
        "y": number;
        "delay": string;
    }
    interface DsTypingIndicatorAttributes {
        "label": string;
    }

    interface IntrinsicElements {
        "ds-agent-activity": Omit<DsAgentActivity, keyof DsAgentActivityAttributes> & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes]?: DsAgentActivity[K] } & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes as `attr:${K}`]?: DsAgentActivityAttributes[K] } & { [K in keyof DsAgentActivity & keyof DsAgentActivityAttributes as `prop:${K}`]?: DsAgentActivity[K] };
        "ds-agent-questionnaire": Omit<DsAgentQuestionnaire, keyof DsAgentQuestionnaireAttributes> & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes]?: DsAgentQuestionnaire[K] } & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes as `attr:${K}`]?: DsAgentQuestionnaireAttributes[K] } & { [K in keyof DsAgentQuestionnaire & keyof DsAgentQuestionnaireAttributes as `prop:${K}`]?: DsAgentQuestionnaire[K] } & OneOf<"requestId", DsAgentQuestionnaire["requestId"], DsAgentQuestionnaireAttributes["requestId"]>;
        "ds-agent-response": Omit<DsAgentResponse, keyof DsAgentResponseAttributes> & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes]?: DsAgentResponse[K] } & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes as `attr:${K}`]?: DsAgentResponseAttributes[K] } & { [K in keyof DsAgentResponse & keyof DsAgentResponseAttributes as `prop:${K}`]?: DsAgentResponse[K] };
        "ds-agent-source-list": Omit<DsAgentSourceList, keyof DsAgentSourceListAttributes> & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes]?: DsAgentSourceList[K] } & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes as `attr:${K}`]?: DsAgentSourceListAttributes[K] } & { [K in keyof DsAgentSourceList & keyof DsAgentSourceListAttributes as `prop:${K}`]?: DsAgentSourceList[K] };
        "ds-agent-tool-call": Omit<DsAgentToolCall, keyof DsAgentToolCallAttributes> & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes]?: DsAgentToolCall[K] } & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes as `attr:${K}`]?: DsAgentToolCallAttributes[K] } & { [K in keyof DsAgentToolCall & keyof DsAgentToolCallAttributes as `prop:${K}`]?: DsAgentToolCall[K] };
        "ds-attachment-list": Omit<DsAttachmentList, keyof DsAttachmentListAttributes> & { [K in keyof DsAttachmentList & keyof DsAttachmentListAttributes]?: DsAttachmentList[K] } & { [K in keyof DsAttachmentList & keyof DsAttachmentListAttributes as `attr:${K}`]?: DsAttachmentListAttributes[K] } & { [K in keyof DsAttachmentList & keyof DsAttachmentListAttributes as `prop:${K}`]?: DsAttachmentList[K] };
        "ds-avatar": Omit<DsAvatar, keyof DsAvatarAttributes> & { [K in keyof DsAvatar & keyof DsAvatarAttributes]?: DsAvatar[K] } & { [K in keyof DsAvatar & keyof DsAvatarAttributes as `attr:${K}`]?: DsAvatarAttributes[K] } & { [K in keyof DsAvatar & keyof DsAvatarAttributes as `prop:${K}`]?: DsAvatar[K] };
        "ds-badge": Omit<DsBadge, keyof DsBadgeAttributes> & { [K in keyof DsBadge & keyof DsBadgeAttributes]?: DsBadge[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `attr:${K}`]?: DsBadgeAttributes[K] } & { [K in keyof DsBadge & keyof DsBadgeAttributes as `prop:${K}`]?: DsBadge[K] };
        "ds-banner": Omit<DsBanner, keyof DsBannerAttributes> & { [K in keyof DsBanner & keyof DsBannerAttributes]?: DsBanner[K] } & { [K in keyof DsBanner & keyof DsBannerAttributes as `attr:${K}`]?: DsBannerAttributes[K] } & { [K in keyof DsBanner & keyof DsBannerAttributes as `prop:${K}`]?: DsBanner[K] } & OneOf<"description", DsBanner["description"], DsBannerAttributes["description"]>;
        "ds-bar-action": Omit<DsBarAction, keyof DsBarActionAttributes> & { [K in keyof DsBarAction & keyof DsBarActionAttributes]?: DsBarAction[K] } & { [K in keyof DsBarAction & keyof DsBarActionAttributes as `attr:${K}`]?: DsBarActionAttributes[K] } & { [K in keyof DsBarAction & keyof DsBarActionAttributes as `prop:${K}`]?: DsBarAction[K] };
        "ds-bar-nav": Omit<DsBarNav, keyof DsBarNavAttributes> & { [K in keyof DsBarNav & keyof DsBarNavAttributes]?: DsBarNav[K] } & { [K in keyof DsBarNav & keyof DsBarNavAttributes as `attr:${K}`]?: DsBarNavAttributes[K] } & { [K in keyof DsBarNav & keyof DsBarNavAttributes as `prop:${K}`]?: DsBarNav[K] };
        "ds-bar-title": Omit<DsBarTitle, keyof DsBarTitleAttributes> & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes]?: DsBarTitle[K] } & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes as `attr:${K}`]?: DsBarTitleAttributes[K] } & { [K in keyof DsBarTitle & keyof DsBarTitleAttributes as `prop:${K}`]?: DsBarTitle[K] } & OneOf<"heading", DsBarTitle["heading"], DsBarTitleAttributes["heading"]>;
        "ds-bar-workflow": Omit<DsBarWorkflow, keyof DsBarWorkflowAttributes> & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes]?: DsBarWorkflow[K] } & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes as `attr:${K}`]?: DsBarWorkflowAttributes[K] } & { [K in keyof DsBarWorkflow & keyof DsBarWorkflowAttributes as `prop:${K}`]?: DsBarWorkflow[K] } & OneOf<"heading", DsBarWorkflow["heading"], DsBarWorkflowAttributes["heading"]>;
        "ds-breadcrumb": Omit<DsBreadcrumb, keyof DsBreadcrumbAttributes> & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes]?: DsBreadcrumb[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `attr:${K}`]?: DsBreadcrumbAttributes[K] } & { [K in keyof DsBreadcrumb & keyof DsBreadcrumbAttributes as `prop:${K}`]?: DsBreadcrumb[K] };
        "ds-button-filled": Omit<DsButtonFilled, keyof DsButtonFilledAttributes> & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes]?: DsButtonFilled[K] } & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes as `attr:${K}`]?: DsButtonFilledAttributes[K] } & { [K in keyof DsButtonFilled & keyof DsButtonFilledAttributes as `prop:${K}`]?: DsButtonFilled[K] };
        "ds-button-unfilled": Omit<DsButtonUnfilled, keyof DsButtonUnfilledAttributes> & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes]?: DsButtonUnfilled[K] } & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes as `attr:${K}`]?: DsButtonUnfilledAttributes[K] } & { [K in keyof DsButtonUnfilled & keyof DsButtonUnfilledAttributes as `prop:${K}`]?: DsButtonUnfilled[K] };
        "ds-card-chart": Omit<DsCardChart, keyof DsCardChartAttributes> & { [K in keyof DsCardChart & keyof DsCardChartAttributes]?: DsCardChart[K] } & { [K in keyof DsCardChart & keyof DsCardChartAttributes as `attr:${K}`]?: DsCardChartAttributes[K] } & { [K in keyof DsCardChart & keyof DsCardChartAttributes as `prop:${K}`]?: DsCardChart[K] } & OneOf<"heading", DsCardChart["heading"], DsCardChartAttributes["heading"]>;
        "ds-card-overview": Omit<DsCardOverview, keyof DsCardOverviewAttributes> & { [K in keyof DsCardOverview & keyof DsCardOverviewAttributes]?: DsCardOverview[K] } & { [K in keyof DsCardOverview & keyof DsCardOverviewAttributes as `attr:${K}`]?: DsCardOverviewAttributes[K] } & { [K in keyof DsCardOverview & keyof DsCardOverviewAttributes as `prop:${K}`]?: DsCardOverview[K] };
        "ds-card-setting": Omit<DsCardSetting, keyof DsCardSettingAttributes> & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes]?: DsCardSetting[K] } & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes as `attr:${K}`]?: DsCardSettingAttributes[K] } & { [K in keyof DsCardSetting & keyof DsCardSettingAttributes as `prop:${K}`]?: DsCardSetting[K] } & OneOf<"heading", DsCardSetting["heading"], DsCardSettingAttributes["heading"]>;
        "ds-chart": Omit<DsChart, keyof DsChartAttributes> & { [K in keyof DsChart & keyof DsChartAttributes]?: DsChart[K] } & { [K in keyof DsChart & keyof DsChartAttributes as `attr:${K}`]?: DsChartAttributes[K] } & { [K in keyof DsChart & keyof DsChartAttributes as `prop:${K}`]?: DsChart[K] } & OneOf<"label", DsChart["label"], DsChartAttributes["label"]>;
        "ds-chart-legend": Omit<DsChartLegend, keyof DsChartLegendAttributes> & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes]?: DsChartLegend[K] } & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes as `attr:${K}`]?: DsChartLegendAttributes[K] } & { [K in keyof DsChartLegend & keyof DsChartLegendAttributes as `prop:${K}`]?: DsChartLegend[K] };
        "ds-checkbox": Omit<DsCheckbox, keyof DsCheckboxAttributes> & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes]?: DsCheckbox[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `attr:${K}`]?: DsCheckboxAttributes[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `prop:${K}`]?: DsCheckbox[K] } & OneOf<"label", DsCheckbox["label"], DsCheckboxAttributes["label"]>;
        "ds-chip": Omit<DsChip, keyof DsChipAttributes> & { [K in keyof DsChip & keyof DsChipAttributes]?: DsChip[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `attr:${K}`]?: DsChipAttributes[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `prop:${K}`]?: DsChip[K] } & OneOf<"label", DsChip["label"], DsChipAttributes["label"]>;
        "ds-code-block": Omit<DsCodeBlock, keyof DsCodeBlockAttributes> & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes]?: DsCodeBlock[K] } & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes as `attr:${K}`]?: DsCodeBlockAttributes[K] } & { [K in keyof DsCodeBlock & keyof DsCodeBlockAttributes as `prop:${K}`]?: DsCodeBlock[K] };
        "ds-conversation-list": Omit<DsConversationList, keyof DsConversationListAttributes> & { [K in keyof DsConversationList & keyof DsConversationListAttributes]?: DsConversationList[K] } & { [K in keyof DsConversationList & keyof DsConversationListAttributes as `attr:${K}`]?: DsConversationListAttributes[K] } & { [K in keyof DsConversationList & keyof DsConversationListAttributes as `prop:${K}`]?: DsConversationList[K] };
        "ds-conversation-list-item": Omit<DsConversationListItem, keyof DsConversationListItemAttributes> & { [K in keyof DsConversationListItem & keyof DsConversationListItemAttributes]?: DsConversationListItem[K] } & { [K in keyof DsConversationListItem & keyof DsConversationListItemAttributes as `attr:${K}`]?: DsConversationListItemAttributes[K] } & { [K in keyof DsConversationListItem & keyof DsConversationListItemAttributes as `prop:${K}`]?: DsConversationListItem[K] };
        "ds-conversation-list-section": Omit<DsConversationListSection, keyof DsConversationListSectionAttributes> & { [K in keyof DsConversationListSection & keyof DsConversationListSectionAttributes]?: DsConversationListSection[K] } & { [K in keyof DsConversationListSection & keyof DsConversationListSectionAttributes as `attr:${K}`]?: DsConversationListSectionAttributes[K] } & { [K in keyof DsConversationListSection & keyof DsConversationListSectionAttributes as `prop:${K}`]?: DsConversationListSection[K] };
        "ds-divider": Omit<DsDivider, keyof DsDividerAttributes> & { [K in keyof DsDivider & keyof DsDividerAttributes]?: DsDivider[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `attr:${K}`]?: DsDividerAttributes[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `prop:${K}`]?: DsDivider[K] };
        "ds-empty-state": Omit<DsEmptyState, keyof DsEmptyStateAttributes> & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes]?: DsEmptyState[K] } & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes as `attr:${K}`]?: DsEmptyStateAttributes[K] } & { [K in keyof DsEmptyState & keyof DsEmptyStateAttributes as `prop:${K}`]?: DsEmptyState[K] };
        "ds-field": Omit<DsField, keyof DsFieldAttributes> & { [K in keyof DsField & keyof DsFieldAttributes]?: DsField[K] } & { [K in keyof DsField & keyof DsFieldAttributes as `attr:${K}`]?: DsFieldAttributes[K] } & { [K in keyof DsField & keyof DsFieldAttributes as `prop:${K}`]?: DsField[K] } & OneOf<"label", DsField["label"], DsFieldAttributes["label"]>;
        "ds-filter-menu": Omit<DsFilterMenu, keyof DsFilterMenuAttributes> & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes]?: DsFilterMenu[K] } & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes as `attr:${K}`]?: DsFilterMenuAttributes[K] } & { [K in keyof DsFilterMenu & keyof DsFilterMenuAttributes as `prop:${K}`]?: DsFilterMenu[K] };
        "ds-icon": Omit<DsIcon, keyof DsIconAttributes> & { [K in keyof DsIcon & keyof DsIconAttributes]?: DsIcon[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `attr:${K}`]?: DsIconAttributes[K] } & { [K in keyof DsIcon & keyof DsIconAttributes as `prop:${K}`]?: DsIcon[K] };
        "ds-input": Omit<DsInput, keyof DsInputAttributes> & { [K in keyof DsInput & keyof DsInputAttributes]?: DsInput[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `attr:${K}`]?: DsInputAttributes[K] } & { [K in keyof DsInput & keyof DsInputAttributes as `prop:${K}`]?: DsInput[K] };
        "ds-loader": Omit<DsLoader, keyof DsLoaderAttributes> & { [K in keyof DsLoader & keyof DsLoaderAttributes]?: DsLoader[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `attr:${K}`]?: DsLoaderAttributes[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `prop:${K}`]?: DsLoader[K] };
        "ds-markdown": Omit<DsMarkdown, keyof DsMarkdownAttributes> & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes]?: DsMarkdown[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `attr:${K}`]?: DsMarkdownAttributes[K] } & { [K in keyof DsMarkdown & keyof DsMarkdownAttributes as `prop:${K}`]?: DsMarkdown[K] };
        "ds-menu": Omit<DsMenu, keyof DsMenuAttributes> & { [K in keyof DsMenu & keyof DsMenuAttributes]?: DsMenu[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `attr:${K}`]?: DsMenuAttributes[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `prop:${K}`]?: DsMenu[K] };
        "ds-message": Omit<DsMessage, keyof DsMessageAttributes> & { [K in keyof DsMessage & keyof DsMessageAttributes]?: DsMessage[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `attr:${K}`]?: DsMessageAttributes[K] } & { [K in keyof DsMessage & keyof DsMessageAttributes as `prop:${K}`]?: DsMessage[K] };
        "ds-message-actions": Omit<DsMessageActions, keyof DsMessageActionsAttributes> & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes]?: DsMessageActions[K] } & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes as `attr:${K}`]?: DsMessageActionsAttributes[K] } & { [K in keyof DsMessageActions & keyof DsMessageActionsAttributes as `prop:${K}`]?: DsMessageActions[K] };
        "ds-message-bubble": Omit<DsMessageBubble, keyof DsMessageBubbleAttributes> & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes]?: DsMessageBubble[K] } & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes as `attr:${K}`]?: DsMessageBubbleAttributes[K] } & { [K in keyof DsMessageBubble & keyof DsMessageBubbleAttributes as `prop:${K}`]?: DsMessageBubble[K] };
        "ds-message-composer": Omit<DsMessageComposer, keyof DsMessageComposerAttributes> & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes]?: DsMessageComposer[K] } & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes as `attr:${K}`]?: DsMessageComposerAttributes[K] } & { [K in keyof DsMessageComposer & keyof DsMessageComposerAttributes as `prop:${K}`]?: DsMessageComposer[K] };
        "ds-message-scroller": Omit<DsMessageScroller, keyof DsMessageScrollerAttributes> & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes]?: DsMessageScroller[K] } & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes as `attr:${K}`]?: DsMessageScrollerAttributes[K] } & { [K in keyof DsMessageScroller & keyof DsMessageScrollerAttributes as `prop:${K}`]?: DsMessageScroller[K] };
        "ds-mobile-bar-nav": Omit<DsMobileBarNav, keyof DsMobileBarNavAttributes> & { [K in keyof DsMobileBarNav & keyof DsMobileBarNavAttributes]?: DsMobileBarNav[K] } & { [K in keyof DsMobileBarNav & keyof DsMobileBarNavAttributes as `attr:${K}`]?: DsMobileBarNavAttributes[K] } & { [K in keyof DsMobileBarNav & keyof DsMobileBarNavAttributes as `prop:${K}`]?: DsMobileBarNav[K] };
        "ds-mobile-header": Omit<DsMobileHeader, keyof DsMobileHeaderAttributes> & { [K in keyof DsMobileHeader & keyof DsMobileHeaderAttributes]?: DsMobileHeader[K] } & { [K in keyof DsMobileHeader & keyof DsMobileHeaderAttributes as `attr:${K}`]?: DsMobileHeaderAttributes[K] } & { [K in keyof DsMobileHeader & keyof DsMobileHeaderAttributes as `prop:${K}`]?: DsMobileHeader[K] };
        "ds-mobile-section-switcher": Omit<DsMobileSectionSwitcher, keyof DsMobileSectionSwitcherAttributes> & { [K in keyof DsMobileSectionSwitcher & keyof DsMobileSectionSwitcherAttributes]?: DsMobileSectionSwitcher[K] } & { [K in keyof DsMobileSectionSwitcher & keyof DsMobileSectionSwitcherAttributes as `attr:${K}`]?: DsMobileSectionSwitcherAttributes[K] } & { [K in keyof DsMobileSectionSwitcher & keyof DsMobileSectionSwitcherAttributes as `prop:${K}`]?: DsMobileSectionSwitcher[K] };
        "ds-mobile-sheet-nav": Omit<DsMobileSheetNav, keyof DsMobileSheetNavAttributes> & { [K in keyof DsMobileSheetNav & keyof DsMobileSheetNavAttributes]?: DsMobileSheetNav[K] } & { [K in keyof DsMobileSheetNav & keyof DsMobileSheetNavAttributes as `attr:${K}`]?: DsMobileSheetNavAttributes[K] } & { [K in keyof DsMobileSheetNav & keyof DsMobileSheetNavAttributes as `prop:${K}`]?: DsMobileSheetNav[K] };
        "ds-modal": Omit<DsModal, keyof DsModalAttributes> & { [K in keyof DsModal & keyof DsModalAttributes]?: DsModal[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `attr:${K}`]?: DsModalAttributes[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `prop:${K}`]?: DsModal[K] } & OneOf<"heading", DsModal["heading"], DsModalAttributes["heading"]>;
        "ds-pagination": Omit<DsPagination, keyof DsPaginationAttributes> & { [K in keyof DsPagination & keyof DsPaginationAttributes]?: DsPagination[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `attr:${K}`]?: DsPaginationAttributes[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `prop:${K}`]?: DsPagination[K] };
        "ds-panel-nav": Omit<DsPanelNav, keyof DsPanelNavAttributes> & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes]?: DsPanelNav[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `attr:${K}`]?: DsPanelNavAttributes[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `prop:${K}`]?: DsPanelNav[K] };
        "ds-panel-sub-nav": Omit<DsPanelSubNav, keyof DsPanelSubNavAttributes> & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes]?: DsPanelSubNav[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `attr:${K}`]?: DsPanelSubNavAttributes[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `prop:${K}`]?: DsPanelSubNav[K] };
        "ds-panel-tool-header": Omit<DsPanelToolHeader, keyof DsPanelToolHeaderAttributes> & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes]?: DsPanelToolHeader[K] } & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes as `attr:${K}`]?: DsPanelToolHeaderAttributes[K] } & { [K in keyof DsPanelToolHeader & keyof DsPanelToolHeaderAttributes as `prop:${K}`]?: DsPanelToolHeader[K] };
        "ds-panel-tool-search": Omit<DsPanelToolSearch, keyof DsPanelToolSearchAttributes> & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes]?: DsPanelToolSearch[K] } & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes as `attr:${K}`]?: DsPanelToolSearchAttributes[K] } & { [K in keyof DsPanelToolSearch & keyof DsPanelToolSearchAttributes as `prop:${K}`]?: DsPanelToolSearch[K] };
        "ds-panel-tools": Omit<DsPanelTools, keyof DsPanelToolsAttributes> & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes]?: DsPanelTools[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `attr:${K}`]?: DsPanelToolsAttributes[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `prop:${K}`]?: DsPanelTools[K] };
        "ds-paper-texture": DsPaperTexture;
        "ds-radio": Omit<DsRadio, keyof DsRadioAttributes> & { [K in keyof DsRadio & keyof DsRadioAttributes]?: DsRadio[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `attr:${K}`]?: DsRadioAttributes[K] } & { [K in keyof DsRadio & keyof DsRadioAttributes as `prop:${K}`]?: DsRadio[K] };
        "ds-scroll-overlay": Omit<DsScrollOverlay, keyof DsScrollOverlayAttributes> & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes]?: DsScrollOverlay[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `attr:${K}`]?: DsScrollOverlayAttributes[K] } & { [K in keyof DsScrollOverlay & keyof DsScrollOverlayAttributes as `prop:${K}`]?: DsScrollOverlay[K] };
        "ds-select": Omit<DsSelect, keyof DsSelectAttributes> & { [K in keyof DsSelect & keyof DsSelectAttributes]?: DsSelect[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `attr:${K}`]?: DsSelectAttributes[K] } & { [K in keyof DsSelect & keyof DsSelectAttributes as `prop:${K}`]?: DsSelect[K] };
        "ds-shell-app": Omit<DsShellApp, keyof DsShellAppAttributes> & { [K in keyof DsShellApp & keyof DsShellAppAttributes]?: DsShellApp[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `attr:${K}`]?: DsShellAppAttributes[K] } & { [K in keyof DsShellApp & keyof DsShellAppAttributes as `prop:${K}`]?: DsShellApp[K] };
        "ds-shell-page": Omit<DsShellPage, keyof DsShellPageAttributes> & { [K in keyof DsShellPage & keyof DsShellPageAttributes]?: DsShellPage[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `attr:${K}`]?: DsShellPageAttributes[K] } & { [K in keyof DsShellPage & keyof DsShellPageAttributes as `prop:${K}`]?: DsShellPage[K] };
        "ds-shell-tools": Omit<DsShellTools, keyof DsShellToolsAttributes> & { [K in keyof DsShellTools & keyof DsShellToolsAttributes]?: DsShellTools[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `attr:${K}`]?: DsShellToolsAttributes[K] } & { [K in keyof DsShellTools & keyof DsShellToolsAttributes as `prop:${K}`]?: DsShellTools[K] };
        "ds-skeleton": Omit<DsSkeleton, keyof DsSkeletonAttributes> & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes]?: DsSkeleton[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `attr:${K}`]?: DsSkeletonAttributes[K] } & { [K in keyof DsSkeleton & keyof DsSkeletonAttributes as `prop:${K}`]?: DsSkeleton[K] };
        "ds-slider": Omit<DsSlider, keyof DsSliderAttributes> & { [K in keyof DsSlider & keyof DsSliderAttributes]?: DsSlider[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `attr:${K}`]?: DsSliderAttributes[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `prop:${K}`]?: DsSlider[K] };
        "ds-swatch-picker": Omit<DsSwatchPicker, keyof DsSwatchPickerAttributes> & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes]?: DsSwatchPicker[K] } & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes as `attr:${K}`]?: DsSwatchPickerAttributes[K] } & { [K in keyof DsSwatchPicker & keyof DsSwatchPickerAttributes as `prop:${K}`]?: DsSwatchPicker[K] };
        "ds-switch": Omit<DsSwitch, keyof DsSwitchAttributes> & { [K in keyof DsSwitch & keyof DsSwitchAttributes]?: DsSwitch[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `attr:${K}`]?: DsSwitchAttributes[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `prop:${K}`]?: DsSwitch[K] };
        "ds-tab-group": Omit<DsTabGroup, keyof DsTabGroupAttributes> & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes]?: DsTabGroup[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `attr:${K}`]?: DsTabGroupAttributes[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `prop:${K}`]?: DsTabGroup[K] };
        "ds-table": Omit<DsTable, keyof DsTableAttributes> & { [K in keyof DsTable & keyof DsTableAttributes]?: DsTable[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `attr:${K}`]?: DsTableAttributes[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `prop:${K}`]?: DsTable[K] } & OneOf<"caption", DsTable["caption"], DsTableAttributes["caption"]>;
        "ds-table-filter": Omit<DsTableFilter, keyof DsTableFilterAttributes> & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes]?: DsTableFilter[K] } & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes as `attr:${K}`]?: DsTableFilterAttributes[K] } & { [K in keyof DsTableFilter & keyof DsTableFilterAttributes as `prop:${K}`]?: DsTableFilter[K] };
        "ds-table-saved-views": Omit<DsTableSavedViews, keyof DsTableSavedViewsAttributes> & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes]?: DsTableSavedViews[K] } & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes as `attr:${K}`]?: DsTableSavedViewsAttributes[K] } & { [K in keyof DsTableSavedViews & keyof DsTableSavedViewsAttributes as `prop:${K}`]?: DsTableSavedViews[K] };
        "ds-table-sort": Omit<DsTableSort, keyof DsTableSortAttributes> & { [K in keyof DsTableSort & keyof DsTableSortAttributes]?: DsTableSort[K] } & { [K in keyof DsTableSort & keyof DsTableSortAttributes as `attr:${K}`]?: DsTableSortAttributes[K] } & { [K in keyof DsTableSort & keyof DsTableSortAttributes as `prop:${K}`]?: DsTableSort[K] };
        "ds-table-toolbar": Omit<DsTableToolbar, keyof DsTableToolbarAttributes> & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes]?: DsTableToolbar[K] } & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes as `attr:${K}`]?: DsTableToolbarAttributes[K] } & { [K in keyof DsTableToolbar & keyof DsTableToolbarAttributes as `prop:${K}`]?: DsTableToolbar[K] };
        "ds-tag": Omit<DsTag, keyof DsTagAttributes> & { [K in keyof DsTag & keyof DsTagAttributes]?: DsTag[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `attr:${K}`]?: DsTagAttributes[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `prop:${K}`]?: DsTag[K] } & OneOf<"label", DsTag["label"], DsTagAttributes["label"]>;
        "ds-text": Omit<DsText, keyof DsTextAttributes> & { [K in keyof DsText & keyof DsTextAttributes]?: DsText[K] } & { [K in keyof DsText & keyof DsTextAttributes as `attr:${K}`]?: DsTextAttributes[K] } & { [K in keyof DsText & keyof DsTextAttributes as `prop:${K}`]?: DsText[K] };
        "ds-toast": Omit<DsToast, keyof DsToastAttributes> & { [K in keyof DsToast & keyof DsToastAttributes]?: DsToast[K] } & { [K in keyof DsToast & keyof DsToastAttributes as `attr:${K}`]?: DsToastAttributes[K] } & { [K in keyof DsToast & keyof DsToastAttributes as `prop:${K}`]?: DsToast[K] };
        "ds-tooltip": Omit<DsTooltip, keyof DsTooltipAttributes> & { [K in keyof DsTooltip & keyof DsTooltipAttributes]?: DsTooltip[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `attr:${K}`]?: DsTooltipAttributes[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `prop:${K}`]?: DsTooltip[K] } & OneOf<"label", DsTooltip["label"], DsTooltipAttributes["label"]>;
        "ds-tooltip-chart": Omit<DsTooltipChart, keyof DsTooltipChartAttributes> & { [K in keyof DsTooltipChart & keyof DsTooltipChartAttributes]?: DsTooltipChart[K] } & { [K in keyof DsTooltipChart & keyof DsTooltipChartAttributes as `attr:${K}`]?: DsTooltipChartAttributes[K] } & { [K in keyof DsTooltipChart & keyof DsTooltipChartAttributes as `prop:${K}`]?: DsTooltipChart[K] };
        "ds-typing-indicator": Omit<DsTypingIndicator, keyof DsTypingIndicatorAttributes> & { [K in keyof DsTypingIndicator & keyof DsTypingIndicatorAttributes]?: DsTypingIndicator[K] } & { [K in keyof DsTypingIndicator & keyof DsTypingIndicatorAttributes as `attr:${K}`]?: DsTypingIndicatorAttributes[K] } & { [K in keyof DsTypingIndicator & keyof DsTypingIndicatorAttributes as `prop:${K}`]?: DsTypingIndicator[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "ds-agent-activity": LocalJSX.IntrinsicElements["ds-agent-activity"] & JSXBase.HTMLAttributes<HTMLDsAgentActivityElement>;
            "ds-agent-questionnaire": LocalJSX.IntrinsicElements["ds-agent-questionnaire"] & JSXBase.HTMLAttributes<HTMLDsAgentQuestionnaireElement>;
            "ds-agent-response": LocalJSX.IntrinsicElements["ds-agent-response"] & JSXBase.HTMLAttributes<HTMLDsAgentResponseElement>;
            "ds-agent-source-list": LocalJSX.IntrinsicElements["ds-agent-source-list"] & JSXBase.HTMLAttributes<HTMLDsAgentSourceListElement>;
            "ds-agent-tool-call": LocalJSX.IntrinsicElements["ds-agent-tool-call"] & JSXBase.HTMLAttributes<HTMLDsAgentToolCallElement>;
            "ds-attachment-list": LocalJSX.IntrinsicElements["ds-attachment-list"] & JSXBase.HTMLAttributes<HTMLDsAttachmentListElement>;
            "ds-avatar": LocalJSX.IntrinsicElements["ds-avatar"] & JSXBase.HTMLAttributes<HTMLDsAvatarElement>;
            "ds-badge": LocalJSX.IntrinsicElements["ds-badge"] & JSXBase.HTMLAttributes<HTMLDsBadgeElement>;
            "ds-banner": LocalJSX.IntrinsicElements["ds-banner"] & JSXBase.HTMLAttributes<HTMLDsBannerElement>;
            "ds-bar-action": LocalJSX.IntrinsicElements["ds-bar-action"] & JSXBase.HTMLAttributes<HTMLDsBarActionElement>;
            "ds-bar-nav": LocalJSX.IntrinsicElements["ds-bar-nav"] & JSXBase.HTMLAttributes<HTMLDsBarNavElement>;
            "ds-bar-title": LocalJSX.IntrinsicElements["ds-bar-title"] & JSXBase.HTMLAttributes<HTMLDsBarTitleElement>;
            "ds-bar-workflow": LocalJSX.IntrinsicElements["ds-bar-workflow"] & JSXBase.HTMLAttributes<HTMLDsBarWorkflowElement>;
            "ds-breadcrumb": LocalJSX.IntrinsicElements["ds-breadcrumb"] & JSXBase.HTMLAttributes<HTMLDsBreadcrumbElement>;
            "ds-button-filled": LocalJSX.IntrinsicElements["ds-button-filled"] & JSXBase.HTMLAttributes<HTMLDsButtonFilledElement>;
            "ds-button-unfilled": LocalJSX.IntrinsicElements["ds-button-unfilled"] & JSXBase.HTMLAttributes<HTMLDsButtonUnfilledElement>;
            /**
             * Standard chart card chrome and composition. The variant owns
             * only the chart/legend relationship; applications continue to own data.
             */
            "ds-card-chart": LocalJSX.IntrinsicElements["ds-card-chart"] & JSXBase.HTMLAttributes<HTMLDsCardChartElement>;
            "ds-card-overview": LocalJSX.IntrinsicElements["ds-card-overview"] & JSXBase.HTMLAttributes<HTMLDsCardOverviewElement>;
            "ds-card-setting": LocalJSX.IntrinsicElements["ds-card-setting"] & JSXBase.HTMLAttributes<HTMLDsCardSettingElement>;
            "ds-chart": LocalJSX.IntrinsicElements["ds-chart"] & JSXBase.HTMLAttributes<HTMLDsChartElement>;
            /**
             * Base legend for `ds-chart-*` components. Webapp's Overview widgets each style
             * legends differently (list w/ values, compact chips, bare swatches, external
             * stat callouts) — this covers the common "swatch + label + optional value" case.
             * Consumers who need a different treatment skip this component entirely and
             * render their own markup against the same `ChartLegendItem[]` data.
             */
            "ds-chart-legend": LocalJSX.IntrinsicElements["ds-chart-legend"] & JSXBase.HTMLAttributes<HTMLDsChartLegendElement>;
            "ds-checkbox": LocalJSX.IntrinsicElements["ds-checkbox"] & JSXBase.HTMLAttributes<HTMLDsCheckboxElement>;
            /**
             * Removable chip — same density recipe as Tag, but colored by semantic `state`
             * (not intent × contrast). Not a toggle/select control; the only intentional
             * action is remove.
             */
            "ds-chip": LocalJSX.IntrinsicElements["ds-chip"] & JSXBase.HTMLAttributes<HTMLDsChipElement>;
            "ds-code-block": LocalJSX.IntrinsicElements["ds-code-block"] & JSXBase.HTMLAttributes<HTMLDsCodeBlockElement>;
            "ds-conversation-list": LocalJSX.IntrinsicElements["ds-conversation-list"] & JSXBase.HTMLAttributes<HTMLDsConversationListElement>;
            "ds-conversation-list-item": LocalJSX.IntrinsicElements["ds-conversation-list-item"] & JSXBase.HTMLAttributes<HTMLDsConversationListItemElement>;
            "ds-conversation-list-section": LocalJSX.IntrinsicElements["ds-conversation-list-section"] & JSXBase.HTMLAttributes<HTMLDsConversationListSectionElement>;
            "ds-divider": LocalJSX.IntrinsicElements["ds-divider"] & JSXBase.HTMLAttributes<HTMLDsDividerElement>;
            "ds-empty-state": LocalJSX.IntrinsicElements["ds-empty-state"] & JSXBase.HTMLAttributes<HTMLDsEmptyStateElement>;
            "ds-field": LocalJSX.IntrinsicElements["ds-field"] & JSXBase.HTMLAttributes<HTMLDsFieldElement>;
            "ds-filter-menu": LocalJSX.IntrinsicElements["ds-filter-menu"] & JSXBase.HTMLAttributes<HTMLDsFilterMenuElement>;
            "ds-icon": LocalJSX.IntrinsicElements["ds-icon"] & JSXBase.HTMLAttributes<HTMLDsIconElement>;
            "ds-input": LocalJSX.IntrinsicElements["ds-input"] & JSXBase.HTMLAttributes<HTMLDsInputElement>;
            "ds-loader": LocalJSX.IntrinsicElements["ds-loader"] & JSXBase.HTMLAttributes<HTMLDsLoaderElement>;
            "ds-markdown": LocalJSX.IntrinsicElements["ds-markdown"] & JSXBase.HTMLAttributes<HTMLDsMarkdownElement>;
            "ds-menu": LocalJSX.IntrinsicElements["ds-menu"] & JSXBase.HTMLAttributes<HTMLDsMenuElement>;
            "ds-message": LocalJSX.IntrinsicElements["ds-message"] & JSXBase.HTMLAttributes<HTMLDsMessageElement>;
            "ds-message-actions": LocalJSX.IntrinsicElements["ds-message-actions"] & JSXBase.HTMLAttributes<HTMLDsMessageActionsElement>;
            "ds-message-bubble": LocalJSX.IntrinsicElements["ds-message-bubble"] & JSXBase.HTMLAttributes<HTMLDsMessageBubbleElement>;
            "ds-message-composer": LocalJSX.IntrinsicElements["ds-message-composer"] & JSXBase.HTMLAttributes<HTMLDsMessageComposerElement>;
            "ds-message-scroller": LocalJSX.IntrinsicElements["ds-message-scroller"] & JSXBase.HTMLAttributes<HTMLDsMessageScrollerElement>;
            "ds-mobile-bar-nav": LocalJSX.IntrinsicElements["ds-mobile-bar-nav"] & JSXBase.HTMLAttributes<HTMLDsMobileBarNavElement>;
            "ds-mobile-header": LocalJSX.IntrinsicElements["ds-mobile-header"] & JSXBase.HTMLAttributes<HTMLDsMobileHeaderElement>;
            "ds-mobile-section-switcher": LocalJSX.IntrinsicElements["ds-mobile-section-switcher"] & JSXBase.HTMLAttributes<HTMLDsMobileSectionSwitcherElement>;
            "ds-mobile-sheet-nav": LocalJSX.IntrinsicElements["ds-mobile-sheet-nav"] & JSXBase.HTMLAttributes<HTMLDsMobileSheetNavElement>;
            "ds-modal": LocalJSX.IntrinsicElements["ds-modal"] & JSXBase.HTMLAttributes<HTMLDsModalElement>;
            "ds-pagination": LocalJSX.IntrinsicElements["ds-pagination"] & JSXBase.HTMLAttributes<HTMLDsPaginationElement>;
            "ds-panel-nav": LocalJSX.IntrinsicElements["ds-panel-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelNavElement>;
            "ds-panel-sub-nav": LocalJSX.IntrinsicElements["ds-panel-sub-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelSubNavElement>;
            "ds-panel-tool-header": LocalJSX.IntrinsicElements["ds-panel-tool-header"] & JSXBase.HTMLAttributes<HTMLDsPanelToolHeaderElement>;
            "ds-panel-tool-search": LocalJSX.IntrinsicElements["ds-panel-tool-search"] & JSXBase.HTMLAttributes<HTMLDsPanelToolSearchElement>;
            "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
            "ds-paper-texture": LocalJSX.IntrinsicElements["ds-paper-texture"] & JSXBase.HTMLAttributes<HTMLDsPaperTextureElement>;
            "ds-radio": LocalJSX.IntrinsicElements["ds-radio"] & JSXBase.HTMLAttributes<HTMLDsRadioElement>;
            "ds-scroll-overlay": LocalJSX.IntrinsicElements["ds-scroll-overlay"] & JSXBase.HTMLAttributes<HTMLDsScrollOverlayElement>;
            "ds-select": LocalJSX.IntrinsicElements["ds-select"] & JSXBase.HTMLAttributes<HTMLDsSelectElement>;
            "ds-shell-app": LocalJSX.IntrinsicElements["ds-shell-app"] & JSXBase.HTMLAttributes<HTMLDsShellAppElement>;
            "ds-shell-page": LocalJSX.IntrinsicElements["ds-shell-page"] & JSXBase.HTMLAttributes<HTMLDsShellPageElement>;
            "ds-shell-tools": LocalJSX.IntrinsicElements["ds-shell-tools"] & JSXBase.HTMLAttributes<HTMLDsShellToolsElement>;
            "ds-skeleton": LocalJSX.IntrinsicElements["ds-skeleton"] & JSXBase.HTMLAttributes<HTMLDsSkeletonElement>;
            "ds-slider": LocalJSX.IntrinsicElements["ds-slider"] & JSXBase.HTMLAttributes<HTMLDsSliderElement>;
            "ds-swatch-picker": LocalJSX.IntrinsicElements["ds-swatch-picker"] & JSXBase.HTMLAttributes<HTMLDsSwatchPickerElement>;
            "ds-switch": LocalJSX.IntrinsicElements["ds-switch"] & JSXBase.HTMLAttributes<HTMLDsSwitchElement>;
            "ds-tab-group": LocalJSX.IntrinsicElements["ds-tab-group"] & JSXBase.HTMLAttributes<HTMLDsTabGroupElement>;
            "ds-table": LocalJSX.IntrinsicElements["ds-table"] & JSXBase.HTMLAttributes<HTMLDsTableElement>;
            "ds-table-filter": LocalJSX.IntrinsicElements["ds-table-filter"] & JSXBase.HTMLAttributes<HTMLDsTableFilterElement>;
            "ds-table-saved-views": LocalJSX.IntrinsicElements["ds-table-saved-views"] & JSXBase.HTMLAttributes<HTMLDsTableSavedViewsElement>;
            "ds-table-sort": LocalJSX.IntrinsicElements["ds-table-sort"] & JSXBase.HTMLAttributes<HTMLDsTableSortElement>;
            "ds-table-toolbar": LocalJSX.IntrinsicElements["ds-table-toolbar"] & JSXBase.HTMLAttributes<HTMLDsTableToolbarElement>;
            "ds-tag": LocalJSX.IntrinsicElements["ds-tag"] & JSXBase.HTMLAttributes<HTMLDsTagElement>;
            "ds-text": LocalJSX.IntrinsicElements["ds-text"] & JSXBase.HTMLAttributes<HTMLDsTextElement>;
            "ds-toast": LocalJSX.IntrinsicElements["ds-toast"] & JSXBase.HTMLAttributes<HTMLDsToastElement>;
            /**
             * Imperative body portal for the popup.
             * Stencil must not own the portaled node — moving a VDOM child to `document.body`
             * causes recreate → re-portal →
             * @State loops that freeze the page.
             */
            "ds-tooltip": LocalJSX.IntrinsicElements["ds-tooltip"] & JSXBase.HTMLAttributes<HTMLDsTooltipElement>;
            /**
             * Positioned value/label callout for chart hover interactions (bar, line point,
             * polar arc, …). A composition may suppress it when a visible legend already
             * surfaces the same value.
             * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
             * charts hover-highlight data that lives inside an SVG, so the chart itself computes
             * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
             * Renders `position: absolute` — place inside a `position: relative` chart wrapper,
             * with `x`/`y` as pixel coordinates within that wrapper. Defaults to sitting below-right
             * of the anchor (matching cursor-following tooltips), flipping to whichever side/edge
             * keeps it on-screen.
             * Mount (or remount) when a hover session starts so `delay` applies once per hover;
             * keep the instance mounted while the cursor moves so tracking stays instant.
             */
            "ds-tooltip-chart": LocalJSX.IntrinsicElements["ds-tooltip-chart"] & JSXBase.HTMLAttributes<HTMLDsTooltipChartElement>;
            "ds-typing-indicator": LocalJSX.IntrinsicElements["ds-typing-indicator"] & JSXBase.HTMLAttributes<HTMLDsTypingIndicatorElement>;
        }
    }
}
// --- questionnaire type re-exports (patch-index-types.mjs) ---
export type {
  AgentQuestionType,
  AgentQuestionChoice,
  AgentQuestionnaireResponsePart,
} from './components/conversation-types';