@db-ux/wc-core-components 4.4.0 → 4.4.1

package/dist/types/components.d.ts

@@ -1718,85 +1718,595 @@ declare namespace LocalJSX {
         "variant"?: DBTooltipProps["variant"];
         "width"?: DBTooltipProps["width"];
     }
+
+    interface DbAccordionAttributes {
+        "id": DBAccordionProps["id"];
+        "name": DBAccordionProps["name"];
+        "behavior": DBAccordionProps["behavior"];
+        "items": DBAccordionProps["items"];
+        "className": DBAccordionProps["className"];
+        "variant": DBAccordionProps["variant"];
+    }
+    interface DbAccordionItemAttributes {
+        "id": DBAccordionItemProps["id"];
+        "defaultOpen": DBAccordionItemProps["defaultOpen"];
+        "name": DBAccordionItemProps["name"];
+        "className": DBAccordionItemProps["className"];
+        "disabled": string;
+        "headlinePlain": DBAccordionItemProps["headlinePlain"];
+        "text": DBAccordionItemProps["text"];
+    }
+    interface DbBadgeAttributes {
+        "placement": DBBadgeProps["placement"];
+        "id": DBBadgeProps["id"];
+        "className": DBBadgeProps["className"];
+        "semantic": DBBadgeProps["semantic"];
+        "size": DBBadgeProps["size"];
+        "emphasis": DBBadgeProps["emphasis"];
+        "label": DBBadgeProps["label"];
+        "text": DBBadgeProps["text"];
+    }
+    interface DbBrandAttributes {
+        "hideLogo": DBBrandProps["hideLogo"];
+        "icon": DBBrandProps["icon"];
+        "showIcon": string;
+        "id": DBBrandProps["id"];
+        "className": DBBrandProps["className"];
+        "text": DBBrandProps["text"];
+    }
+    interface DbButtonAttributes {
+        "type": DBButtonProps["type"];
+        "id": DBButtonProps["id"];
+        "className": DBButtonProps["className"];
+        "disabled": string;
+        "iconLeading": DBButtonProps["iconLeading"];
+        "icon": DBButtonProps["icon"];
+        "showIconLeading": string;
+        "showIcon": string;
+        "iconTrailing": DBButtonProps["iconTrailing"];
+        "showIconTrailing": string;
+        "size": DBButtonProps["size"];
+        "width": DBButtonProps["width"];
+        "variant": DBButtonProps["variant"];
+        "noText": string;
+        "name": DBButtonProps["name"];
+        "form": DBButtonProps["form"];
+        "value": DBButtonProps["value"];
+        "text": DBButtonProps["text"];
+    }
+    interface DbCardAttributes {
+        "id": DBCardProps["id"];
+        "className": DBCardProps["className"];
+        "behavior": DBCardProps["behavior"];
+        "elevationLevel": DBCardProps["elevationLevel"];
+        "spacing": DBCardProps["spacing"];
+    }
+    interface DbCheckboxAttributes {
+        "id": DBCheckboxProps["id"];
+        "invalidMessage": DBCheckboxProps["invalidMessage"];
+        "message": DBCheckboxProps["message"];
+        "showMessage": string;
+        "indeterminate": string;
+        "checked": string;
+        "validMessage": DBCheckboxProps["validMessage"];
+        "validation": DBCheckboxProps["validation"];
+        "required": string;
+        "className": DBCheckboxProps["className"];
+        "size": DBCheckboxProps["size"];
+        "showRequiredAsterisk": string;
+        "showLabel": string;
+        "name": DBCheckboxProps["name"];
+        "disabled": string;
+        "value": string;
+        "ariaDescribedBy": DBCheckboxProps["ariaDescribedBy"];
+        "label": DBCheckboxProps["label"];
+        "messageIcon": DBCheckboxProps["messageIcon"];
+    }
+    interface DbCustomSelectAttributes {
+        "id": DBCustomSelectProps["id"];
+        "invalidMessage": DBCustomSelectProps["invalidMessage"];
+        "message": DBCustomSelectProps["message"];
+        "showMessage": string;
+        "ariaDescribedBy": DBCustomSelectProps["ariaDescribedBy"];
+        "showNoResults": DBCustomSelectProps["showNoResults"];
+        "showLoading": DBCustomSelectProps["showLoading"];
+        "multiple": string;
+        "showSelectAll": DBCustomSelectProps["showSelectAll"];
+        "showSearch": DBCustomSelectProps["showSearch"];
+        "validation": DBCustomSelectProps["validation"];
+        "searchValue": DBCustomSelectProps["searchValue"];
+        "selectedLabels": DBCustomSelectProps["selectedLabels"];
+        "selectedType": DBCustomSelectProps["selectedType"];
+        "amountText": DBCustomSelectProps["amountText"];
+        "validMessage": DBCustomSelectProps["validMessage"];
+        "required": string;
+        "selectAllLabel": DBCustomSelectProps["selectAllLabel"];
+        "placement": DBCustomSelectProps["placement"];
+        "className": DBCustomSelectProps["className"];
+        "formFieldWidth": DBCustomSelectProps["formFieldWidth"];
+        "variant": DBCustomSelectProps["variant"];
+        "showRequiredAsterisk": string;
+        "showLabel": string;
+        "icon": DBCustomSelectProps["icon"];
+        "showIcon": string;
+        "label": DBCustomSelectProps["label"];
+        "form": DBCustomSelectProps["form"];
+        "name": DBCustomSelectProps["name"];
+        "disabled": string;
+        "open": DBCustomSelectProps["open"];
+        "selectedPrefix": DBCustomSelectProps["selectedPrefix"];
+        "dropdownWidth": DBCustomSelectProps["dropdownWidth"];
+        "searchLabel": DBCustomSelectProps["searchLabel"];
+        "searchPlaceholder": DBCustomSelectProps["searchPlaceholder"];
+        "listLabel": DBCustomSelectProps["listLabel"];
+        "loadingText": DBCustomSelectProps["loadingText"];
+        "noResultsText": DBCustomSelectProps["noResultsText"];
+        "mobileCloseButtonText": DBCustomSelectProps["mobileCloseButtonText"];
+        "showClearSelection": DBCustomSelectProps["showClearSelection"];
+        "clearSelectionText": DBCustomSelectProps["clearSelectionText"];
+        "placeholder": DBCustomSelectProps["placeholder"];
+        "messageIcon": DBCustomSelectProps["messageIcon"];
+    }
+    interface DbCustomSelectDropdownAttributes {
+        "id": DBCustomSelectDropdownProps["id"];
+        "className": DBCustomSelectDropdownProps["className"];
+        "width": DBCustomSelectDropdownProps["width"];
+    }
+    interface DbCustomSelectFormFieldAttributes {
+        "id": DBCustomSelectFormFieldProps["id"];
+        "className": DBCustomSelectFormFieldProps["className"];
+    }
+    interface DbCustomSelectListAttributes {
+        "multiple": DBCustomSelectListProps["multiple"];
+        "label": DBCustomSelectListProps["label"];
+        "id": DBCustomSelectListProps["id"];
+        "className": DBCustomSelectListProps["className"];
+    }
+    interface DbCustomSelectListItemAttributes {
+        "id": DBCustomSelectListItemProps["id"];
+        "isGroupTitle": DBCustomSelectListItemProps["isGroupTitle"];
+        "showDivider": DBCustomSelectListItemProps["showDivider"];
+        "type": DBCustomSelectListItemProps["type"];
+        "checked": string;
+        "className": DBCustomSelectListItemProps["className"];
+        "groupTitle": DBCustomSelectListItemProps["groupTitle"];
+        "icon": DBCustomSelectListItemProps["icon"];
+        "showIcon": string;
+        "name": DBCustomSelectListItemProps["name"];
+        "disabled": string;
+        "value": string;
+        "label": DBCustomSelectListItemProps["label"];
+    }
+    interface DbDividerAttributes {
+        "id": DBDividerProps["id"];
+        "margin": DBDividerProps["margin"];
+        "variant": DBDividerProps["variant"];
+        "emphasis": DBDividerProps["emphasis"];
+        "width": DBDividerProps["width"];
+        "className": DBDividerProps["className"];
+    }
+    interface DbDrawerAttributes {
+        "open": string;
+        "position": DBDrawerProps["position"];
+        "backdrop": DBDrawerProps["backdrop"];
+        "variant": DBDrawerProps["variant"];
+        "id": DBDrawerProps["id"];
+        "direction": DBDrawerProps["direction"];
+        "className": DBDrawerProps["className"];
+        "spacing": DBDrawerProps["spacing"];
+        "width": DBDrawerProps["width"];
+        "rounded": string;
+        "closeButtonId": DBDrawerProps["closeButtonId"];
+        "closeButtonText": DBDrawerProps["closeButtonText"];
+    }
+    interface DbHeaderAttributes {
+        "forceMobile": string;
+        "drawerOpen": string;
+        "className": DBHeaderProps["className"];
+        "id": DBHeaderProps["id"];
+        "width": DBHeaderProps["width"];
+        "closeButtonId": DBHeaderProps["closeButtonId"];
+        "closeButtonText": DBHeaderProps["closeButtonText"];
+        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
+    }
+    interface DbIconAttributes {
+        "id": DBIconProps["id"];
+        "className": DBIconProps["className"];
+        "icon": DBIconProps["icon"];
+        "weight": DBIconProps["weight"];
+        "variant": DBIconProps["variant"];
+        "text": DBIconProps["text"];
+    }
+    interface DbInfotextAttributes {
+        "id": DBInfotextProps["id"];
+        "className": DBInfotextProps["className"];
+        "icon": DBInfotextProps["icon"];
+        "semantic": DBInfotextProps["semantic"];
+        "size": DBInfotextProps["size"];
+        "showIcon": string;
+        "text": DBInfotextProps["text"];
+    }
+    interface DbInputAttributes {
+        "id": DBInputProps["id"];
+        "invalidMessage": DBInputProps["invalidMessage"];
+        "dataListId": DBInputProps["dataListId"];
+        "message": DBInputProps["message"];
+        "showMessage": string;
+        "value": string;
+        "validMessage": DBInputProps["validMessage"];
+        "validation": DBInputProps["validation"];
+        "required": string;
+        "minLength": string;
+        "maxLength": string;
+        "pattern": DBInputProps["pattern"];
+        "className": DBInputProps["className"];
+        "variant": DBInputProps["variant"];
+        "showLabel": string;
+        "showIconLeading": string;
+        "showIcon": string;
+        "iconLeading": DBInputProps["iconLeading"];
+        "icon": DBInputProps["icon"];
+        "iconTrailing": DBInputProps["iconTrailing"];
+        "showRequiredAsterisk": string;
+        "showIconTrailing": string;
+        "label": DBInputProps["label"];
+        "fieldSizing": DBInputProps["fieldSizing"];
+        "name": DBInputProps["name"];
+        "type": DBInputProps["type"];
+        "multiple": string;
+        "accept": DBInputProps["accept"];
+        "placeholder": DBInputProps["placeholder"];
+        "disabled": string;
+        "step": string;
+        "maxlength": string;
+        "minlength": string;
+        "max": string;
+        "min": string;
+        "readOnly": string;
+        "readonly": string;
+        "form": DBInputProps["form"];
+        "size": DBInputProps["size"];
+        "autocomplete": DBInputProps["autocomplete"];
+        "autofocus": string;
+        "enterkeyhint": DBInputProps["enterkeyhint"];
+        "inputmode": DBInputProps["inputmode"];
+        "ariaDescribedBy": DBInputProps["ariaDescribedBy"];
+        "messageSize": DBInputProps["messageSize"];
+        "messageIcon": DBInputProps["messageIcon"];
+        "validMessageSize": DBInputProps["validMessageSize"];
+        "invalidMessageSize": DBInputProps["invalidMessageSize"];
+    }
+    interface DbLinkAttributes {
+        "id": DBLinkProps["id"];
+        "className": DBLinkProps["className"];
+        "href": DBLinkProps["href"];
+        "target": DBLinkProps["target"];
+        "rel": DBLinkProps["rel"];
+        "role": DBLinkProps["role"];
+        "referrerpolicy": DBLinkProps["referrerpolicy"];
+        "referrerPolicy": DBLinkProps["referrerPolicy"];
+        "hreflang": DBLinkProps["hreflang"];
+        "disabled": string;
+        "size": DBLinkProps["size"];
+        "showIcon": string;
+        "variant": DBLinkProps["variant"];
+        "content": DBLinkProps["content"];
+        "wrap": string;
+        "text": DBLinkProps["text"];
+    }
+    interface DbNavigationAttributes {
+        "id": DBNavigationProps["id"];
+        "className": DBNavigationProps["className"];
+    }
+    interface DbNavigationItemAttributes {
+        "subNavigationExpanded": string;
+        "id": DBNavigationItemProps["id"];
+        "className": DBNavigationItemProps["className"];
+        "width": DBNavigationItemProps["width"];
+        "icon": DBNavigationItemProps["icon"];
+        "showIcon": string;
+        "active": DBNavigationItemProps["active"];
+        "wrap": string;
+        "disabled": string;
+        "text": DBNavigationItemProps["text"];
+        "backButtonId": DBNavigationItemProps["backButtonId"];
+        "backButtonText": DBNavigationItemProps["backButtonText"];
+    }
+    interface DbNotificationAttributes {
+        "id": DBNotificationProps["id"];
+        "className": DBNotificationProps["className"];
+        "semantic": DBNotificationProps["semantic"];
+        "role": DBNotificationProps["role"];
+        "ariaLive": DBNotificationProps["ariaLive"];
+        "variant": DBNotificationProps["variant"];
+        "showIcon": string;
+        "icon": DBNotificationProps["icon"];
+        "linkVariant": DBNotificationProps["linkVariant"];
+        "headline": string;
+        "showHeadline": string;
+        "text": DBNotificationProps["text"];
+        "timestamp": DBNotificationProps["timestamp"];
+        "showTimestamp": string;
+        "closeable": string;
+        "closeButtonId": DBNotificationProps["closeButtonId"];
+        "closeButtonText": DBNotificationProps["closeButtonText"];
+    }
+    interface DbPageAttributes {
+        "fadeIn": string;
+        "documentOverflow": DBPageProps["documentOverflow"];
+        "variant": DBPageProps["variant"];
+        "id": DBPageProps["id"];
+        "className": DBPageProps["className"];
+        "mainClass": DBPageProps["mainClass"];
+    }
+    interface DbPopoverAttributes {
+        "placement": DBPopoverProps["placement"];
+        "id": DBPopoverProps["id"];
+        "className": DBPopoverProps["className"];
+        "spacing": DBPopoverProps["spacing"];
+        "gap": string;
+        "animation": string;
+        "open": string;
+        "delay": DBPopoverProps["delay"];
+        "width": DBPopoverProps["width"];
+    }
+    interface DbRadioAttributes {
+        "id": DBRadioProps["id"];
+        "checked": string;
+        "size": DBRadioProps["size"];
+        "showLabel": string;
+        "showRequiredAsterisk": string;
+        "className": DBRadioProps["className"];
+        "validation": DBRadioProps["validation"];
+        "name": DBRadioProps["name"];
+        "disabled": string;
+        "value": string;
+        "required": string;
+        "label": DBRadioProps["label"];
+    }
+    interface DbSectionAttributes {
+        "id": DBSectionProps["id"];
+        "className": DBSectionProps["className"];
+        "spacing": DBSectionProps["spacing"];
+        "width": DBSectionProps["width"];
+    }
+    interface DbSelectAttributes {
+        "id": DBSelectProps["id"];
+        "invalidMessage": DBSelectProps["invalidMessage"];
+        "message": DBSelectProps["message"];
+        "showMessage": string;
+        "placeholder": DBSelectProps["placeholder"];
+        "value": string;
+        "validMessage": DBSelectProps["validMessage"];
+        "validation": DBSelectProps["validation"];
+        "required": string;
+        "variant": DBSelectProps["variant"];
+        "showEmptyOption": DBSelectProps["showEmptyOption"];
+        "className": DBSelectProps["className"];
+        "showLabel": string;
+        "showRequiredAsterisk": string;
+        "icon": DBSelectProps["icon"];
+        "showIcon": string;
+        "label": DBSelectProps["label"];
+        "disabled": string;
+        "name": DBSelectProps["name"];
+        "size": DBSelectProps["size"];
+        "autocomplete": DBSelectProps["autocomplete"];
+        "multiple": DBSelectProps["multiple"];
+        "ariaDescribedBy": DBSelectProps["ariaDescribedBy"];
+        "messageIcon": DBSelectProps["messageIcon"];
+    }
+    interface DbStackAttributes {
+        "id": DBStackProps["id"];
+        "className": DBStackProps["className"];
+        "gap": DBStackProps["gap"];
+        "variant": DBStackProps["variant"];
+        "direction": DBStackProps["direction"];
+        "alignment": DBStackProps["alignment"];
+        "justifyContent": DBStackProps["justifyContent"];
+        "wrap": string;
+    }
+    interface DbSwitchAttributes {
+        "id": DBSwitchProps["id"];
+        "validation": DBSwitchProps["validation"];
+        "required": string;
+        "message": DBSwitchProps["message"];
+        "showMessage": string;
+        "validMessage": DBSwitchProps["validMessage"];
+        "invalidMessage": DBSwitchProps["invalidMessage"];
+        "checked": string;
+        "disabled": string;
+        "visualAid": string;
+        "size": DBSwitchProps["size"];
+        "showLabel": string;
+        "showRequiredAsterisk": string;
+        "className": DBSwitchProps["className"];
+        "value": string;
+        "name": DBSwitchProps["name"];
+        "iconLeading": DBSwitchProps["iconLeading"];
+        "icon": DBSwitchProps["icon"];
+        "iconTrailing": DBSwitchProps["iconTrailing"];
+        "label": DBSwitchProps["label"];
+        "messageIcon": DBSwitchProps["messageIcon"];
+    }
+    interface DbTabItemAttributes {
+        "active": string;
+        "name": DBTabItemProps["name"];
+        "className": DBTabItemProps["className"];
+        "id": DBTabItemProps["id"];
+        "iconLeading": DBTabItemProps["iconLeading"];
+        "icon": DBTabItemProps["icon"];
+        "iconTrailing": DBTabItemProps["iconTrailing"];
+        "showIconLeading": string;
+        "showIcon": string;
+        "showIconTrailing": string;
+        "noText": string;
+        "disabled": string;
+        "checked": string;
+        "label": DBTabItemProps["label"];
+    }
+    interface DbTabListAttributes {
+        "id": DBTabListProps["id"];
+        "className": DBTabListProps["className"];
+    }
+    interface DbTabPanelAttributes {
+        "className": DBTabPanelProps["className"];
+        "id": DBTabPanelProps["id"];
+        "content": DBTabPanelProps["content"];
+    }
+    interface DbTabsAttributes {
+        "id": DBTabsProps["id"];
+        "name": DBTabsProps["name"];
+        "tabs": DBTabsProps["tabs"];
+        "arrowScrollDistance": string;
+        "orientation": DBTabsProps["orientation"];
+        "behavior": DBTabsProps["behavior"];
+        "initialSelectedMode": DBTabsProps["initialSelectedMode"];
+        "initialSelectedIndex": string;
+        "className": DBTabsProps["className"];
+        "alignment": DBTabsProps["alignment"];
+        "width": DBTabsProps["width"];
+    }
+    interface DbTagAttributes {
+        "removeButton": DBTagProps["removeButton"];
+        "id": DBTagProps["id"];
+        "className": DBTagProps["className"];
+        "semantic": DBTagProps["semantic"];
+        "emphasis": DBTagProps["emphasis"];
+        "icon": DBTagProps["icon"];
+        "showCheckState": string;
+        "showIcon": string;
+        "noText": string;
+        "overflow": string;
+        "text": DBTagProps["text"];
+        "behavior": DBTagProps["behavior"];
+    }
+    interface DbTextareaAttributes {
+        "id": DBTextareaProps["id"];
+        "invalidMessage": DBTextareaProps["invalidMessage"];
+        "message": DBTextareaProps["message"];
+        "showMessage": string;
+        "value": string;
+        "validMessage": DBTextareaProps["validMessage"];
+        "validation": DBTextareaProps["validation"];
+        "required": string;
+        "minLength": string;
+        "maxLength": string;
+        "className": DBTextareaProps["className"];
+        "variant": DBTextareaProps["variant"];
+        "showRequiredAsterisk": string;
+        "showLabel": string;
+        "label": DBTextareaProps["label"];
+        "fieldSizing": DBTextareaProps["fieldSizing"];
+        "resize": DBTextareaProps["resize"];
+        "showResizer": string;
+        "disabled": string;
+        "readOnly": string;
+        "readonly": string;
+        "form": DBTextareaProps["form"];
+        "maxlength": string;
+        "minlength": string;
+        "name": DBTextareaProps["name"];
+        "wrap": DBTextareaProps["wrap"];
+        "spellCheck": DBTextareaProps["spellCheck"];
+        "autocomplete": DBTextareaProps["autocomplete"];
+        "ariaDescribedBy": DBTextareaProps["ariaDescribedBy"];
+        "placeholder": DBTextareaProps["placeholder"];
+        "rows": string;
+        "cols": string;
+        "messageIcon": DBTextareaProps["messageIcon"];
+    }
+    interface DbTooltipAttributes {
+        "id": DBTooltipProps["id"];
+        "variant": DBTooltipProps["variant"];
+        "placement": DBTooltipProps["placement"];
+        "className": DBTooltipProps["className"];
+        "emphasis": DBTooltipProps["emphasis"];
+        "animation": string;
+        "delay": DBTooltipProps["delay"];
+        "width": DBTooltipProps["width"];
+        "showArrow": string;
+    }
+
     interface IntrinsicElements {
-        "db-accordion": DbAccordion;
-        "db-accordion-item": DbAccordionItem;
-        "db-badge": DbBadge;
-        "db-brand": DbBrand;
-        "db-button": DbButton;
-        "db-card": DbCard;
-        "db-checkbox": DbCheckbox;
-        "db-custom-select": DbCustomSelect;
-        "db-custom-select-dropdown": DbCustomSelectDropdown;
-        "db-custom-select-form-field": DbCustomSelectFormField;
-        "db-custom-select-list": DbCustomSelectList;
-        "db-custom-select-list-item": DbCustomSelectListItem;
-        "db-divider": DbDivider;
-        "db-drawer": DbDrawer;
-        "db-header": DbHeader;
-        "db-icon": DbIcon;
-        "db-infotext": DbInfotext;
-        "db-input": DbInput;
-        "db-link": DbLink;
-        "db-navigation": DbNavigation;
-        "db-navigation-item": DbNavigationItem;
-        "db-notification": DbNotification;
-        "db-page": DbPage;
-        "db-popover": DbPopover;
-        "db-radio": DbRadio;
-        "db-section": DbSection;
-        "db-select": DbSelect;
-        "db-stack": DbStack;
-        "db-switch": DbSwitch;
-        "db-tab-item": DbTabItem;
-        "db-tab-list": DbTabList;
-        "db-tab-panel": DbTabPanel;
-        "db-tabs": DbTabs;
-        "db-tag": DbTag;
-        "db-textarea": DbTextarea;
-        "db-tooltip": DbTooltip;
+        "db-accordion": Omit<DbAccordion, keyof DbAccordionAttributes> & { [K in keyof DbAccordion & keyof DbAccordionAttributes]?: DbAccordion[K] } & { [K in keyof DbAccordion & keyof DbAccordionAttributes as `attr:${K}`]?: DbAccordionAttributes[K] } & { [K in keyof DbAccordion & keyof DbAccordionAttributes as `prop:${K}`]?: DbAccordion[K] };
+        "db-accordion-item": Omit<DbAccordionItem, keyof DbAccordionItemAttributes> & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes]?: DbAccordionItem[K] } & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes as `attr:${K}`]?: DbAccordionItemAttributes[K] } & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes as `prop:${K}`]?: DbAccordionItem[K] };
+        "db-badge": Omit<DbBadge, keyof DbBadgeAttributes> & { [K in keyof DbBadge & keyof DbBadgeAttributes]?: DbBadge[K] } & { [K in keyof DbBadge & keyof DbBadgeAttributes as `attr:${K}`]?: DbBadgeAttributes[K] } & { [K in keyof DbBadge & keyof DbBadgeAttributes as `prop:${K}`]?: DbBadge[K] };
+        "db-brand": Omit<DbBrand, keyof DbBrandAttributes> & { [K in keyof DbBrand & keyof DbBrandAttributes]?: DbBrand[K] } & { [K in keyof DbBrand & keyof DbBrandAttributes as `attr:${K}`]?: DbBrandAttributes[K] } & { [K in keyof DbBrand & keyof DbBrandAttributes as `prop:${K}`]?: DbBrand[K] };
+        "db-button": Omit<DbButton, keyof DbButtonAttributes> & { [K in keyof DbButton & keyof DbButtonAttributes]?: DbButton[K] } & { [K in keyof DbButton & keyof DbButtonAttributes as `attr:${K}`]?: DbButtonAttributes[K] } & { [K in keyof DbButton & keyof DbButtonAttributes as `prop:${K}`]?: DbButton[K] };
+        "db-card": Omit<DbCard, keyof DbCardAttributes> & { [K in keyof DbCard & keyof DbCardAttributes]?: DbCard[K] } & { [K in keyof DbCard & keyof DbCardAttributes as `attr:${K}`]?: DbCardAttributes[K] } & { [K in keyof DbCard & keyof DbCardAttributes as `prop:${K}`]?: DbCard[K] };
+        "db-checkbox": Omit<DbCheckbox, keyof DbCheckboxAttributes> & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes]?: DbCheckbox[K] } & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes as `attr:${K}`]?: DbCheckboxAttributes[K] } & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes as `prop:${K}`]?: DbCheckbox[K] };
+        "db-custom-select": Omit<DbCustomSelect, keyof DbCustomSelectAttributes> & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes]?: DbCustomSelect[K] } & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes as `attr:${K}`]?: DbCustomSelectAttributes[K] } & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes as `prop:${K}`]?: DbCustomSelect[K] };
+        "db-custom-select-dropdown": Omit<DbCustomSelectDropdown, keyof DbCustomSelectDropdownAttributes> & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes]?: DbCustomSelectDropdown[K] } & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes as `attr:${K}`]?: DbCustomSelectDropdownAttributes[K] } & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes as `prop:${K}`]?: DbCustomSelectDropdown[K] };
+        "db-custom-select-form-field": Omit<DbCustomSelectFormField, keyof DbCustomSelectFormFieldAttributes> & { [K in keyof DbCustomSelectFormField & keyof DbCustomSelectFormFieldAttributes]?: DbCustomSelectFormField[K] } & { [K in keyof DbCustomSelectFormField & keyof DbCustomSelectFormFieldAttributes as `attr:${K}`]?: DbCustomSelectFormFieldAttributes[K] } & { [K in keyof DbCustomSelectFormField & keyof DbCustomSelectFormFieldAttributes as `prop:${K}`]?: DbCustomSelectFormField[K] };
+        "db-custom-select-list": Omit<DbCustomSelectList, keyof DbCustomSelectListAttributes> & { [K in keyof DbCustomSelectList & keyof DbCustomSelectListAttributes]?: DbCustomSelectList[K] } & { [K in keyof DbCustomSelectList & keyof DbCustomSelectListAttributes as `attr:${K}`]?: DbCustomSelectListAttributes[K] } & { [K in keyof DbCustomSelectList & keyof DbCustomSelectListAttributes as `prop:${K}`]?: DbCustomSelectList[K] };
+        "db-custom-select-list-item": Omit<DbCustomSelectListItem, keyof DbCustomSelectListItemAttributes> & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes]?: DbCustomSelectListItem[K] } & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes as `attr:${K}`]?: DbCustomSelectListItemAttributes[K] } & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes as `prop:${K}`]?: DbCustomSelectListItem[K] };
+        "db-divider": Omit<DbDivider, keyof DbDividerAttributes> & { [K in keyof DbDivider & keyof DbDividerAttributes]?: DbDivider[K] } & { [K in keyof DbDivider & keyof DbDividerAttributes as `attr:${K}`]?: DbDividerAttributes[K] } & { [K in keyof DbDivider & keyof DbDividerAttributes as `prop:${K}`]?: DbDivider[K] };
+        "db-drawer": Omit<DbDrawer, keyof DbDrawerAttributes> & { [K in keyof DbDrawer & keyof DbDrawerAttributes]?: DbDrawer[K] } & { [K in keyof DbDrawer & keyof DbDrawerAttributes as `attr:${K}`]?: DbDrawerAttributes[K] } & { [K in keyof DbDrawer & keyof DbDrawerAttributes as `prop:${K}`]?: DbDrawer[K] };
+        "db-header": Omit<DbHeader, keyof DbHeaderAttributes> & { [K in keyof DbHeader & keyof DbHeaderAttributes]?: DbHeader[K] } & { [K in keyof DbHeader & keyof DbHeaderAttributes as `attr:${K}`]?: DbHeaderAttributes[K] } & { [K in keyof DbHeader & keyof DbHeaderAttributes as `prop:${K}`]?: DbHeader[K] };
+        "db-icon": Omit<DbIcon, keyof DbIconAttributes> & { [K in keyof DbIcon & keyof DbIconAttributes]?: DbIcon[K] } & { [K in keyof DbIcon & keyof DbIconAttributes as `attr:${K}`]?: DbIconAttributes[K] } & { [K in keyof DbIcon & keyof DbIconAttributes as `prop:${K}`]?: DbIcon[K] };
+        "db-infotext": Omit<DbInfotext, keyof DbInfotextAttributes> & { [K in keyof DbInfotext & keyof DbInfotextAttributes]?: DbInfotext[K] } & { [K in keyof DbInfotext & keyof DbInfotextAttributes as `attr:${K}`]?: DbInfotextAttributes[K] } & { [K in keyof DbInfotext & keyof DbInfotextAttributes as `prop:${K}`]?: DbInfotext[K] };
+        "db-input": Omit<DbInput, keyof DbInputAttributes> & { [K in keyof DbInput & keyof DbInputAttributes]?: DbInput[K] } & { [K in keyof DbInput & keyof DbInputAttributes as `attr:${K}`]?: DbInputAttributes[K] } & { [K in keyof DbInput & keyof DbInputAttributes as `prop:${K}`]?: DbInput[K] };
+        "db-link": Omit<DbLink, keyof DbLinkAttributes> & { [K in keyof DbLink & keyof DbLinkAttributes]?: DbLink[K] } & { [K in keyof DbLink & keyof DbLinkAttributes as `attr:${K}`]?: DbLinkAttributes[K] } & { [K in keyof DbLink & keyof DbLinkAttributes as `prop:${K}`]?: DbLink[K] };
+        "db-navigation": Omit<DbNavigation, keyof DbNavigationAttributes> & { [K in keyof DbNavigation & keyof DbNavigationAttributes]?: DbNavigation[K] } & { [K in keyof DbNavigation & keyof DbNavigationAttributes as `attr:${K}`]?: DbNavigationAttributes[K] } & { [K in keyof DbNavigation & keyof DbNavigationAttributes as `prop:${K}`]?: DbNavigation[K] };
+        "db-navigation-item": Omit<DbNavigationItem, keyof DbNavigationItemAttributes> & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes]?: DbNavigationItem[K] } & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes as `attr:${K}`]?: DbNavigationItemAttributes[K] } & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes as `prop:${K}`]?: DbNavigationItem[K] };
+        "db-notification": Omit<DbNotification, keyof DbNotificationAttributes> & { [K in keyof DbNotification & keyof DbNotificationAttributes]?: DbNotification[K] } & { [K in keyof DbNotification & keyof DbNotificationAttributes as `attr:${K}`]?: DbNotificationAttributes[K] } & { [K in keyof DbNotification & keyof DbNotificationAttributes as `prop:${K}`]?: DbNotification[K] };
+        "db-page": Omit<DbPage, keyof DbPageAttributes> & { [K in keyof DbPage & keyof DbPageAttributes]?: DbPage[K] } & { [K in keyof DbPage & keyof DbPageAttributes as `attr:${K}`]?: DbPageAttributes[K] } & { [K in keyof DbPage & keyof DbPageAttributes as `prop:${K}`]?: DbPage[K] };
+        "db-popover": Omit<DbPopover, keyof DbPopoverAttributes> & { [K in keyof DbPopover & keyof DbPopoverAttributes]?: DbPopover[K] } & { [K in keyof DbPopover & keyof DbPopoverAttributes as `attr:${K}`]?: DbPopoverAttributes[K] } & { [K in keyof DbPopover & keyof DbPopoverAttributes as `prop:${K}`]?: DbPopover[K] };
+        "db-radio": Omit<DbRadio, keyof DbRadioAttributes> & { [K in keyof DbRadio & keyof DbRadioAttributes]?: DbRadio[K] } & { [K in keyof DbRadio & keyof DbRadioAttributes as `attr:${K}`]?: DbRadioAttributes[K] } & { [K in keyof DbRadio & keyof DbRadioAttributes as `prop:${K}`]?: DbRadio[K] };
+        "db-section": Omit<DbSection, keyof DbSectionAttributes> & { [K in keyof DbSection & keyof DbSectionAttributes]?: DbSection[K] } & { [K in keyof DbSection & keyof DbSectionAttributes as `attr:${K}`]?: DbSectionAttributes[K] } & { [K in keyof DbSection & keyof DbSectionAttributes as `prop:${K}`]?: DbSection[K] };
+        "db-select": Omit<DbSelect, keyof DbSelectAttributes> & { [K in keyof DbSelect & keyof DbSelectAttributes]?: DbSelect[K] } & { [K in keyof DbSelect & keyof DbSelectAttributes as `attr:${K}`]?: DbSelectAttributes[K] } & { [K in keyof DbSelect & keyof DbSelectAttributes as `prop:${K}`]?: DbSelect[K] };
+        "db-stack": Omit<DbStack, keyof DbStackAttributes> & { [K in keyof DbStack & keyof DbStackAttributes]?: DbStack[K] } & { [K in keyof DbStack & keyof DbStackAttributes as `attr:${K}`]?: DbStackAttributes[K] } & { [K in keyof DbStack & keyof DbStackAttributes as `prop:${K}`]?: DbStack[K] };
+        "db-switch": Omit<DbSwitch, keyof DbSwitchAttributes> & { [K in keyof DbSwitch & keyof DbSwitchAttributes]?: DbSwitch[K] } & { [K in keyof DbSwitch & keyof DbSwitchAttributes as `attr:${K}`]?: DbSwitchAttributes[K] } & { [K in keyof DbSwitch & keyof DbSwitchAttributes as `prop:${K}`]?: DbSwitch[K] };
+        "db-tab-item": Omit<DbTabItem, keyof DbTabItemAttributes> & { [K in keyof DbTabItem & keyof DbTabItemAttributes]?: DbTabItem[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `attr:${K}`]?: DbTabItemAttributes[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `prop:${K}`]?: DbTabItem[K] };
+        "db-tab-list": Omit<DbTabList, keyof DbTabListAttributes> & { [K in keyof DbTabList & keyof DbTabListAttributes]?: DbTabList[K] } & { [K in keyof DbTabList & keyof DbTabListAttributes as `attr:${K}`]?: DbTabListAttributes[K] } & { [K in keyof DbTabList & keyof DbTabListAttributes as `prop:${K}`]?: DbTabList[K] };
+        "db-tab-panel": Omit<DbTabPanel, keyof DbTabPanelAttributes> & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes]?: DbTabPanel[K] } & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes as `attr:${K}`]?: DbTabPanelAttributes[K] } & { [K in keyof DbTabPanel & keyof DbTabPanelAttributes as `prop:${K}`]?: DbTabPanel[K] };
+        "db-tabs": Omit<DbTabs, keyof DbTabsAttributes> & { [K in keyof DbTabs & keyof DbTabsAttributes]?: DbTabs[K] } & { [K in keyof DbTabs & keyof DbTabsAttributes as `attr:${K}`]?: DbTabsAttributes[K] } & { [K in keyof DbTabs & keyof DbTabsAttributes as `prop:${K}`]?: DbTabs[K] };
+        "db-tag": Omit<DbTag, keyof DbTagAttributes> & { [K in keyof DbTag & keyof DbTagAttributes]?: DbTag[K] } & { [K in keyof DbTag & keyof DbTagAttributes as `attr:${K}`]?: DbTagAttributes[K] } & { [K in keyof DbTag & keyof DbTagAttributes as `prop:${K}`]?: DbTag[K] };
+        "db-textarea": Omit<DbTextarea, keyof DbTextareaAttributes> & { [K in keyof DbTextarea & keyof DbTextareaAttributes]?: DbTextarea[K] } & { [K in keyof DbTextarea & keyof DbTextareaAttributes as `attr:${K}`]?: DbTextareaAttributes[K] } & { [K in keyof DbTextarea & keyof DbTextareaAttributes as `prop:${K}`]?: DbTextarea[K] };
+        "db-tooltip": Omit<DbTooltip, keyof DbTooltipAttributes> & { [K in keyof DbTooltip & keyof DbTooltipAttributes]?: DbTooltip[K] } & { [K in keyof DbTooltip & keyof DbTooltipAttributes as `attr:${K}`]?: DbTooltipAttributes[K] } & { [K in keyof DbTooltip & keyof DbTooltipAttributes as `prop:${K}`]?: DbTooltip[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "db-accordion": LocalJSX.DbAccordion & JSXBase.HTMLAttributes<HTMLDbAccordionElement>;
-            "db-accordion-item": LocalJSX.DbAccordionItem & JSXBase.HTMLAttributes<HTMLDbAccordionItemElement>;
-            "db-badge": LocalJSX.DbBadge & JSXBase.HTMLAttributes<HTMLDbBadgeElement>;
-            "db-brand": LocalJSX.DbBrand & JSXBase.HTMLAttributes<HTMLDbBrandElement>;
-            "db-button": LocalJSX.DbButton & JSXBase.HTMLAttributes<HTMLDbButtonElement>;
-            "db-card": LocalJSX.DbCard & JSXBase.HTMLAttributes<HTMLDbCardElement>;
-            "db-checkbox": LocalJSX.DbCheckbox & JSXBase.HTMLAttributes<HTMLDbCheckboxElement>;
-            "db-custom-select": LocalJSX.DbCustomSelect & JSXBase.HTMLAttributes<HTMLDbCustomSelectElement>;
-            "db-custom-select-dropdown": LocalJSX.DbCustomSelectDropdown & JSXBase.HTMLAttributes<HTMLDbCustomSelectDropdownElement>;
-            "db-custom-select-form-field": LocalJSX.DbCustomSelectFormField & JSXBase.HTMLAttributes<HTMLDbCustomSelectFormFieldElement>;
-            "db-custom-select-list": LocalJSX.DbCustomSelectList & JSXBase.HTMLAttributes<HTMLDbCustomSelectListElement>;
-            "db-custom-select-list-item": LocalJSX.DbCustomSelectListItem & JSXBase.HTMLAttributes<HTMLDbCustomSelectListItemElement>;
-            "db-divider": LocalJSX.DbDivider & JSXBase.HTMLAttributes<HTMLDbDividerElement>;
-            "db-drawer": LocalJSX.DbDrawer & JSXBase.HTMLAttributes<HTMLDbDrawerElement>;
-            "db-header": LocalJSX.DbHeader & JSXBase.HTMLAttributes<HTMLDbHeaderElement>;
-            "db-icon": LocalJSX.DbIcon & JSXBase.HTMLAttributes<HTMLDbIconElement>;
-            "db-infotext": LocalJSX.DbInfotext & JSXBase.HTMLAttributes<HTMLDbInfotextElement>;
-            "db-input": LocalJSX.DbInput & JSXBase.HTMLAttributes<HTMLDbInputElement>;
-            "db-link": LocalJSX.DbLink & JSXBase.HTMLAttributes<HTMLDbLinkElement>;
-            "db-navigation": LocalJSX.DbNavigation & JSXBase.HTMLAttributes<HTMLDbNavigationElement>;
-            "db-navigation-item": LocalJSX.DbNavigationItem & JSXBase.HTMLAttributes<HTMLDbNavigationItemElement>;
-            "db-notification": LocalJSX.DbNotification & JSXBase.HTMLAttributes<HTMLDbNotificationElement>;
-            "db-page": LocalJSX.DbPage & JSXBase.HTMLAttributes<HTMLDbPageElement>;
-            "db-popover": LocalJSX.DbPopover & JSXBase.HTMLAttributes<HTMLDbPopoverElement>;
-            "db-radio": LocalJSX.DbRadio & JSXBase.HTMLAttributes<HTMLDbRadioElement>;
-            "db-section": LocalJSX.DbSection & JSXBase.HTMLAttributes<HTMLDbSectionElement>;
-            "db-select": LocalJSX.DbSelect & JSXBase.HTMLAttributes<HTMLDbSelectElement>;
-            "db-stack": LocalJSX.DbStack & JSXBase.HTMLAttributes<HTMLDbStackElement>;
-            "db-switch": LocalJSX.DbSwitch & JSXBase.HTMLAttributes<HTMLDbSwitchElement>;
-            "db-tab-item": LocalJSX.DbTabItem & JSXBase.HTMLAttributes<HTMLDbTabItemElement>;
-            "db-tab-list": LocalJSX.DbTabList & JSXBase.HTMLAttributes<HTMLDbTabListElement>;
-            "db-tab-panel": LocalJSX.DbTabPanel & JSXBase.HTMLAttributes<HTMLDbTabPanelElement>;
-            "db-tabs": LocalJSX.DbTabs & JSXBase.HTMLAttributes<HTMLDbTabsElement>;
-            "db-tag": LocalJSX.DbTag & JSXBase.HTMLAttributes<HTMLDbTagElement>;
-            "db-textarea": LocalJSX.DbTextarea & JSXBase.HTMLAttributes<HTMLDbTextareaElement>;
-            "db-tooltip": LocalJSX.DbTooltip & JSXBase.HTMLAttributes<HTMLDbTooltipElement>;
+            "db-accordion": LocalJSX.IntrinsicElements["db-accordion"] & JSXBase.HTMLAttributes<HTMLDbAccordionElement>;
+            "db-accordion-item": LocalJSX.IntrinsicElements["db-accordion-item"] & JSXBase.HTMLAttributes<HTMLDbAccordionItemElement>;
+            "db-badge": LocalJSX.IntrinsicElements["db-badge"] & JSXBase.HTMLAttributes<HTMLDbBadgeElement>;
+            "db-brand": LocalJSX.IntrinsicElements["db-brand"] & JSXBase.HTMLAttributes<HTMLDbBrandElement>;
+            "db-button": LocalJSX.IntrinsicElements["db-button"] & JSXBase.HTMLAttributes<HTMLDbButtonElement>;
+            "db-card": LocalJSX.IntrinsicElements["db-card"] & JSXBase.HTMLAttributes<HTMLDbCardElement>;
+            "db-checkbox": LocalJSX.IntrinsicElements["db-checkbox"] & JSXBase.HTMLAttributes<HTMLDbCheckboxElement>;
+            "db-custom-select": LocalJSX.IntrinsicElements["db-custom-select"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectElement>;
+            "db-custom-select-dropdown": LocalJSX.IntrinsicElements["db-custom-select-dropdown"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectDropdownElement>;
+            "db-custom-select-form-field": LocalJSX.IntrinsicElements["db-custom-select-form-field"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectFormFieldElement>;
+            "db-custom-select-list": LocalJSX.IntrinsicElements["db-custom-select-list"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectListElement>;
+            "db-custom-select-list-item": LocalJSX.IntrinsicElements["db-custom-select-list-item"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectListItemElement>;
+            "db-divider": LocalJSX.IntrinsicElements["db-divider"] & JSXBase.HTMLAttributes<HTMLDbDividerElement>;
+            "db-drawer": LocalJSX.IntrinsicElements["db-drawer"] & JSXBase.HTMLAttributes<HTMLDbDrawerElement>;
+            "db-header": LocalJSX.IntrinsicElements["db-header"] & JSXBase.HTMLAttributes<HTMLDbHeaderElement>;
+            "db-icon": LocalJSX.IntrinsicElements["db-icon"] & JSXBase.HTMLAttributes<HTMLDbIconElement>;
+            "db-infotext": LocalJSX.IntrinsicElements["db-infotext"] & JSXBase.HTMLAttributes<HTMLDbInfotextElement>;
+            "db-input": LocalJSX.IntrinsicElements["db-input"] & JSXBase.HTMLAttributes<HTMLDbInputElement>;
+            "db-link": LocalJSX.IntrinsicElements["db-link"] & JSXBase.HTMLAttributes<HTMLDbLinkElement>;
+            "db-navigation": LocalJSX.IntrinsicElements["db-navigation"] & JSXBase.HTMLAttributes<HTMLDbNavigationElement>;
+            "db-navigation-item": LocalJSX.IntrinsicElements["db-navigation-item"] & JSXBase.HTMLAttributes<HTMLDbNavigationItemElement>;
+            "db-notification": LocalJSX.IntrinsicElements["db-notification"] & JSXBase.HTMLAttributes<HTMLDbNotificationElement>;
+            "db-page": LocalJSX.IntrinsicElements["db-page"] & JSXBase.HTMLAttributes<HTMLDbPageElement>;
+            "db-popover": LocalJSX.IntrinsicElements["db-popover"] & JSXBase.HTMLAttributes<HTMLDbPopoverElement>;
+            "db-radio": LocalJSX.IntrinsicElements["db-radio"] & JSXBase.HTMLAttributes<HTMLDbRadioElement>;
+            "db-section": LocalJSX.IntrinsicElements["db-section"] & JSXBase.HTMLAttributes<HTMLDbSectionElement>;
+            "db-select": LocalJSX.IntrinsicElements["db-select"] & JSXBase.HTMLAttributes<HTMLDbSelectElement>;
+            "db-stack": LocalJSX.IntrinsicElements["db-stack"] & JSXBase.HTMLAttributes<HTMLDbStackElement>;
+            "db-switch": LocalJSX.IntrinsicElements["db-switch"] & JSXBase.HTMLAttributes<HTMLDbSwitchElement>;
+            "db-tab-item": LocalJSX.IntrinsicElements["db-tab-item"] & JSXBase.HTMLAttributes<HTMLDbTabItemElement>;
+            "db-tab-list": LocalJSX.IntrinsicElements["db-tab-list"] & JSXBase.HTMLAttributes<HTMLDbTabListElement>;
+            "db-tab-panel": LocalJSX.IntrinsicElements["db-tab-panel"] & JSXBase.HTMLAttributes<HTMLDbTabPanelElement>;
+            "db-tabs": LocalJSX.IntrinsicElements["db-tabs"] & JSXBase.HTMLAttributes<HTMLDbTabsElement>;
+            "db-tag": LocalJSX.IntrinsicElements["db-tag"] & JSXBase.HTMLAttributes<HTMLDbTagElement>;
+            "db-textarea": LocalJSX.IntrinsicElements["db-textarea"] & JSXBase.HTMLAttributes<HTMLDbTextareaElement>;
+            "db-tooltip": LocalJSX.IntrinsicElements["db-tooltip"] & JSXBase.HTMLAttributes<HTMLDbTooltipElement>;
         }
     }
 }