@cupra/ui-kit 2.0.0-canary.131 → 2.0.0-canary.133

package/dist/types/components/ds-basic-card-section/ds-basic-card-section.d.ts

@@ -1,10 +1,11 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-divider/ds-divider.ts';
 import { DsBasicCardSectionAttrs } from './ds-basic-card-section.types.ts';
 export declare class DsBasicCardSection extends UiKitElement {
     static styles: import("lit").CSSResult[];
     withDivider: DsBasicCardSectionAttrs['divider'];
     centered: DsBasicCardSectionAttrs['centered'];
-    protected get dividerTemplate(): any;
+    protected get dividerTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-breadcrumbs/ds-breadcrumbs.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-tooltip/ds-tooltip.ts';
 import { PropertyValues } from 'lit';
 import '../ds-breadcrumbs-item/ds-breadcrumbs-item.ts';
 export declare class DsBreadcrumbs extends UiKitElement {

package/dist/types/components/ds-button/ds-button.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsButtonAttrs } from './ds-button.types';
 declare const DsButton_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
@@ -32,7 +33,7 @@ export declare class DsButton extends DsButton_base {
     };
     protected handleClick(event: Event): void;
     protected handleCustomClick(event: Event): void;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected get contentTemplate(): import("lit").TemplateResult<1>;
     protected get cssTokens(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-calendar/ds-calendar.d.ts

@@ -1,5 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import '../ds-calendar-day/ds-calendar-day.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues } from 'lit';
 import type { DsCalendarAttrs, DsCalendarSize, DsCalendarVariant, WeekDay } from './ds-calendar.types';
 export declare class DsCalendar extends UiKitElement {

package/dist/types/components/ds-checkbox/ds-checkbox.d.ts

@@ -1,5 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsCheckboxGroupAttrs } from '../ds-checkbox-group/ds-checkbox-group.types.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsCheckboxAttrs } from './ds-checkbox.types';
 declare const DsCheckbox_base: typeof UiKitElement;
 export declare class DsCheckbox extends DsCheckbox_base {
@@ -44,7 +46,7 @@ export declare class DsCheckbox extends DsCheckbox_base {
         checked: boolean;
         error: boolean;
     };
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-chip/ds-chip.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsChipAttrs } from './ds-chip.types.ts';
 export declare class DsChip extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -17,6 +19,6 @@ export declare class DsChip extends UiKitElement {
     private handleClickIcon;
     private handleKeyDownIcon;
     private get leadingIconTemplate();
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-chips/ds-chips.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import type { DsChipsAttrs } from './ds-chips.types.ts';
 export declare class DsChips extends UiKitElement {

package/dist/types/components/ds-date-picker/ds-date-picker.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import type { DsDatePickerAttrs } from './ds-date-picker.types.ts';
 declare const DsDatePicker_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
 export declare class DsDatePicker extends DsDatePicker_base {

package/dist/types/components/ds-dialog/ds-dialog.d.ts

@@ -1,10 +1,8 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
-import type { ComponentFactory } from '../../utils/componentFactory.ts';
 import { type PropertyValues, nothing } from 'lit';
 import type { DsDialogAttrs } from './ds-dialog.types.ts';
 export declare class DsDialog extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    protected componentFactory: ComponentFactory;
     lockClose: DsDialogAttrs['lock-close'];
     lockScroll: DsDialogAttrs['lock-scroll'];
     _open: DsDialogAttrs['open'];

package/dist/types/components/ds-dialog-header/ds-dialog-header.d.ts

@@ -1,5 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsButtonAttrs } from '../ds-button/ds-button.types.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 export declare class DsDialogHeader extends UiKitElement {
     static styles: import("lit").CSSResult[];
     title: DsButtonAttrs['title'];
@@ -7,6 +9,6 @@ export declare class DsDialogHeader extends UiKitElement {
     iconSize: DsButtonAttrs['icon-size'];
     private get classes();
     protected get styleTokens(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/types/components/ds-drawer/ds-drawer.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { PropertyValues } from 'lit';
 import type { DsDrawerAttrs } from './ds-drawer.types.ts';
 export declare class DsDrawer extends UiKitElement {

package/dist/types/components/ds-favourite-action/ds-favourite-action.d.ts

@@ -1,5 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsFavouriteActionAttrs } from '../ds-favourite-action/ds-favourite-action.types.ts';
+import '../ds-icon/ds-icon.ts';
 import type { Icons } from '../ds-icon/Icons.type.ts';
 export declare class DsFavouriteAction extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -13,7 +14,7 @@ export declare class DsFavouriteAction extends UiKitElement {
     protected get currentSelected(): boolean;
     protected handleClick(): void;
     protected get iconName(): Icons;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     protected get classes(): {
         button: boolean;
         selected: boolean;

package/dist/types/components/ds-icon-button/ds-icon-button.d.ts

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsIconButtonAttrs } from '../ds-icon-button/ds-icon-button.types.ts';
-import { type PropertyValues, type TemplateResult } from 'lit';
+import '../ds-icon/ds-icon.ts';
+import { type PropertyValues, type TemplateResult, nothing } from 'lit';
 declare const DsIconButton_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
 export declare class DsIconButton extends DsIconButton_base {
     static styles: import("lit").CSSResult[];
@@ -16,7 +17,7 @@ export declare class DsIconButton extends DsIconButton_base {
     href: DsIconButtonAttrs['href'];
     rel: DsIconButtonAttrs['rel'];
     target: DsIconButtonAttrs['target'];
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected handleClick(event: Event): void;
     protected handleCustomClick(event: Event): void;
     protected get classes(): {

package/dist/types/components/ds-inline-alert/ds-inline-alert.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsInlineAlertAttrs } from './ds-inline-alert.types.ts';
 export declare class DsInlineAlert extends UiKitElement {
@@ -18,7 +20,7 @@ export declare class DsInlineAlert extends UiKitElement {
         container: boolean;
         show: boolean;
     };
-    protected get iconTemplate(): any;
-    protected get closeButtonTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get closeButtonTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-input/ds-input.d.ts

@@ -1,9 +1,8 @@
 import { DsBaseInput } from '../base/ds-base-input/ds-base-input.ts';
-import type { ComponentFactory } from '../../utils/componentFactory.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsInputAttrs } from './ds-input.types';
 export declare class DsInput extends DsBaseInput {
-    protected componentFactory: ComponentFactory;
     name: DsInputAttrs['name'];
     placeholder: DsInputAttrs['placeholder'];
     maxLength: DsInputAttrs['max-length'];

package/dist/types/components/ds-interactive-card/ds-interactive-card.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import { DsInteractiveCardAttrs } from './ds-interactive-card.types.ts';
 export declare class DsInteractiveCard extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -17,8 +20,8 @@ export declare class DsInteractiveCard extends UiKitElement {
         error: boolean;
         selected: boolean;
     };
-    protected get iconTemplate(): any;
-    protected get closeButtonTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get closeButtonTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private handleClick;
     private handleCloseButtonClick;
     private get contentTemplate();

package/dist/types/components/ds-link-button/ds-link-button.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsLinkButtonAttrs } from './ds-link-button.types';
 export declare class DsLinkButton extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -12,7 +14,7 @@ export declare class DsLinkButton extends UiKitElement {
     target: DsLinkButtonAttrs['target'];
     iconName: DsLinkButtonAttrs['icon-name'];
     iconPosition: DsLinkButtonAttrs['icon-position'];
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get classes(): {
         [x: string]: boolean;
         'link-button': boolean;

package/dist/types/components/ds-loader-logo/ds-loader-logo.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsLoaderLogoAttrs } from './ds-loader-logo.types';
 export declare class DsLoaderLogo extends UiKitElement {

package/dist/types/components/ds-logo/ds-logo.d.ts

@@ -1,11 +1,13 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 import type { DsLogoAttrs } from './ds-logo.types.ts';
 export declare class DsLogo extends UiKitElement {
     static styles: import("lit").CSSResult[];
     size: DsLogoAttrs['size'];
     mode: DsLogoAttrs['mode'];
-    protected get logoTemplate(): any;
-    protected get logoWordmarkTemplate(): any;
+    protected get logoTemplate(): import("lit").HTMLTemplateResult;
+    protected get logoWordmarkTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private get classes();
     protected get styleTokens(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-map-pin/ds-map-pin.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsMapPinAttrs } from './ds-map-pin.types.ts';
 export declare class DsMapPin extends UiKitElement {
@@ -10,7 +11,7 @@ export declare class DsMapPin extends UiKitElement {
     iconSize: DsMapPinAttrs['icon-size'];
     iconTop: DsMapPinAttrs['icon-top'];
     clusterCount: DsMapPinAttrs['cluster-count'];
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get clusterNumberTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected handleClick(): void;
     protected get styleTokens(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-media-control/ds-media-control.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsMediaControlAttrs } from './ds-media-control.types.ts';
 export declare class DsMediaControl extends UiKitElement {
     static styles: import("lit").CSSResult[];

package/dist/types/components/ds-modal/ds-modal.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-button/ds-button.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues } from 'lit';
 import type { DsModalAttrs } from './ds-modal.types';
 declare const DsModal_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;

package/dist/types/components/ds-password-input/ds-password-input.d.ts

@@ -1,9 +1,10 @@
 import type { DsPasswordInputAttrs } from '../ds-password-input/ds-password-input.types.ts';
 import { DsTextInput } from '../ds-text-input/ds-text-input.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 export declare class DsPasswordInput extends DsTextInput {
     dataAriaLabelHideButton: DsPasswordInputAttrs['data-aria-label-hide-button'];
     dataAriaLabelShowButton: DsPasswordInputAttrs['data-aria-label-show-button'];
     protected visible: boolean;
     protected handleClickIcon: () => void;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
 }

package/dist/types/components/ds-search/ds-search.d.ts

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsBaseInputAttrs } from '../base/ds-base-input/ds-base-input.types.ts';
 import type { DsInputAttrs } from '../ds-input/ds-input.types.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 declare const DsSearch_base: typeof UiKitElement;
 export declare class DsSearch extends DsSearch_base {

package/dist/types/components/ds-search-input/ds-search-input.d.ts

@@ -1,4 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
+import '../ds-loader-spinner/ds-loader-spinner.ts';
 import { nothing } from 'lit';
 import type { DsSearchInputAttrs } from './ds-search-input.types.ts';
 declare const DsSearchInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
@@ -16,10 +19,10 @@ export declare class DsSearchInput extends DsSearchInput_base {
     protected handleRemove: () => void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get searchIconTemplate(): any;
-    protected get removeTemplate(): any;
-    protected get positionTemplate(): any;
-    protected get loaderSpinnerTemplate(): any;
+    protected get searchIconTemplate(): import("lit").HTMLTemplateResult;
+    protected get removeTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get positionTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get loaderSpinnerTemplate(): import("lit").HTMLTemplateResult;
     protected get footerTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     handleClickPositionButton: () => void;

package/dist/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues } from 'lit';
 import type { ActionsMode, DsSecondaryNavigationAttrs, ItemsMode } from './ds-secondary-navigation.types';
 declare const DsSecondaryNavigation_base: (new (...args: any[]) => import("../../mixins/ViewportMixin.ts").ViewportInterface) & typeof UiKitElement;
@@ -40,8 +42,8 @@ export declare class DsSecondaryNavigation extends DsSecondaryNavigation_base {
     render(): import("lit").TemplateResult<1>;
     private get itemsTemplate();
     private get actionsTemplate();
-    protected get iconTemplate(): any;
-    protected get listIconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get listIconTemplate(): import("lit").HTMLTemplateResult;
     private get itemsDropdownButtonTemplate();
     private get itemsDropdownTemplate();
     private get actionsDropdownButtonTemplate();

package/dist/types/components/ds-select/ds-select.d.ts

@@ -1,5 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsSelectAttrs } from '../ds-select/ds-select.types.ts';
+import '../ds-icon/ds-icon.ts';
+import { nothing } from 'lit';
 export declare class DsSelect extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private static readonly ARIA_OPTION_PREFIX;
@@ -55,8 +57,8 @@ export declare class DsSelect extends UiKitElement {
     set open(value: boolean);
     get open(): boolean;
     render(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
-    protected get leftIconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get leftIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     private get displaySelectTemplate();
     private get activeDescendantId();
     private get optionsContainerTemplate();

package/dist/types/components/ds-selection/ds-selection.d.ts

@@ -1,9 +1,10 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsSelectionAttrs } from './ds-selection.types.ts';
 export declare class DsSelection extends UiKitElement {
     static styles: import("lit").CSSResult[];
     checked: DsSelectionAttrs['checked'];
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     handleClick(): void;
     render(): import("lit").TemplateResult<1>;

package/dist/types/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues } from 'lit';
 import type { DsSidebarNavigationAttrs } from './ds-sidebar-navigation.types';
 export declare class DsSidebarNavigation extends UiKitElement implements DsSidebarNavigationAttrs {

package/dist/types/components/ds-tabs/ds-tabs.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import type { DsTabsAttrs } from './ds-tabs.types';
 export declare class DsTabs extends UiKitElement {

package/dist/types/components/ds-tag/ds-tag.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsTagAttrs, DsTagColor, DsTagVariant } from '../ds-tag/ds-tag.types';
 import { nothing } from 'lit';
 export declare class DsTag extends UiKitElement {
@@ -19,6 +20,6 @@ export declare class DsTag extends UiKitElement {
         clicable: boolean;
     };
     private handleClickIcon;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/components/ds-text-input/ds-text-input.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { nothing } from 'lit';
 import type { DsTextInputAttrs } from './ds-text-input.types.ts';
 declare const DsTextInput_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
@@ -14,7 +15,7 @@ export declare class DsTextInput extends DsTextInput_base {
     protected handleClickIcon: () => void;
     private get classes();
     render(): import("lit").TemplateResult<1>;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get lengthTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected get helperTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
     protected get forcedErrorTemplate(): import("lit").TemplateResult<1> | typeof nothing;

package/dist/types/components/ds-toast/ds-toast.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-toast-message/ds-toast-message.ts';
 import type { DsToastAttrs } from './ds-toast.types.ts';
 export declare class DsToast extends UiKitElement {
     static styles: import("lit").CSSResult[];

package/dist/types/components/ds-toast-message/ds-toast-message.d.ts

@@ -1,4 +1,6 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsToastMessageAttrs } from './ds-toast-message.types.ts';
 export declare class DsToastMessage extends UiKitElement {
@@ -14,7 +16,7 @@ export declare class DsToastMessage extends UiKitElement {
         [x: string]: boolean;
         container: boolean;
     };
-    protected get iconTemplate(): any;
-    protected get closeButtonTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
+    protected get closeButtonTemplate(): import("lit").HTMLTemplateResult;
     render(): import("lit").TemplateResult<1> | typeof nothing;
 }

package/dist/types/utils/uiKitHtml.d.ts

@@ -0,0 +1,2 @@
+import { type HTMLTemplateResult } from 'lit';
+export declare function uiKitHtml(strings: TemplateStringsArray, ...values: unknown[]): HTMLTemplateResult;

package/dist-react/cjs/components/ds-accordion/ds-accordion.cjs

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon open-icon`,role:`presentation`,"icon-name":t?.open||`minus`})}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon close-icon`,role:`presentation`,"icon-name":t?.close||`plus`})}get styleTokens(){return e.x`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/uiKitHtml.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);var f=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return l.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${d.o(t?.open||`minus`)}></ds-icon>`}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return l.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${d.o(t?.close||`plus`)}></ds-icon>`}get styleTokens(){return e.x`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -9,7 +9,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             ${this.styleTokens}
 
             <details
-                class=${l.e(this.containerClasses)}
+                class=${u.e(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -22,5 +22,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </summary>
                 <slot name="content"></slot>
             </details>
-            <div class=${l.e(this.dividerClasses)}></div>
-        `}};r.__decorate([t.n({type:Number,attribute:`max-height`})],u.prototype,`maxHeight`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],u.prototype,`open`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter})],u.prototype,`disabled`,void 0),r.__decorate([n.r()],u.prototype,`_open`,void 0),u=r.__decorate([s.customUiKitElement(`ds-accordion`)],u);
+            <div class=${u.e(this.dividerClasses)}></div>
+        `}};r.__decorate([t.n({type:Number,attribute:`max-height`})],f.prototype,`maxHeight`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],f.prototype,`open`,void 0),r.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],f.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter})],f.prototype,`disabled`,void 0),r.__decorate([n.r()],f.prototype,`_open`,void 0),f=r.__decorate([s.customUiKitElement(`ds-accordion`)],f);

package/dist-react/cjs/components/ds-avatar/ds-avatar.cjs

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}static{this.styles=[l.commonStyles]}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":`user`})}get initialsTemplate(){return e.x`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){return this.hasImage?`media`:this.name?.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.x`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/uiKitHtml.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}static{this.styles=[u.commonStyles]}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){return e.x`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){return this.hasImage?`media`:this.name?.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.x`
             <style>
                 :host{
                     pointer-events: ${this.disabled?`none`:`auto`};
@@ -8,9 +8,9 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             ${this.styleTokens}
             <div
                 class=${c.e(this.classes)}
-                title=${a.o(this.name)}
+                title=${l.o(this.name)}
                 aria-label=${`Open ${this.name?this.name+`'s `:``}profile menu`}
-                aria-disabled=${a.o(this.disabled?`true`:void 0)}
+                aria-disabled=${l.o(this.disabled?`true`:void 0)}
                 role="button"
                 tabindex=${this.disabled?-1:0}
                 @keydown=${this.handleKeyDown}
@@ -19,4 +19,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 ${this.mode===`text`?this.initialsTemplate:e.E}
                 <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}};r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:String})],u.prototype,`name`,void 0),r.__decorate([t.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.__decorate([n.o({slot:`media`,selector:`img`})],u.prototype,`assignedImages`,void 0),u=r.__decorate([o.customUiKitElement(`ds-avatar`)],u);
+        `}};r.__decorate([t.n({type:String})],d.prototype,`size`,void 0),r.__decorate([t.n({type:String})],d.prototype,`name`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.__decorate([n.o({slot:`media`,selector:`img`})],d.prototype,`assignedImages`,void 0),d=r.__decorate([a.customUiKitElement(`ds-avatar`)],d);

package/dist-react/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs

@@ -1,7 +1,7 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const a=require(`./styles/common.styles.cjs`);var o=class extends n.UiKitElement{static{this.styles=[a.commonStyles]}get dividerTemplate(){return this.componentFactory.createDivider({class:`divider`,variant:`secondary`})}get classes(){return{"header-wrapper":!0}}render(){return e.x`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../utils/uiKitHtml.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-divider/ds-divider.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends n.UiKitElement{static{this.styles=[o.commonStyles]}get dividerTemplate(){return i.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{"header-wrapper":!0}}render(){return e.x`
             <header
                 part="header-wrapper"
-                class="${i.e(this.classes)}"
+                class="${a.e(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -14,4 +14,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 <slot name="sub-header" part="sub-header"></slot>
                 ${this.dividerTemplate}
             </header>
-        `}};o=t.__decorate([r.customUiKitElement(`ds-basic-card-header`)],o);
+        `}};s=t.__decorate([r.customUiKitElement(`ds-basic-card-header`)],s);

package/dist-react/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs

@@ -1,6 +1,6 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}static{this.styles=[s.commonStyles]}get dividerTemplate(){return this.componentFactory.createDivider({class:`divider`,variant:`secondary`})}get classes(){return{container:!0,centered:this.centered}}render(){return e.x`
-            <div part="container" class=${o.e(this.classes)} data-testid="ds-basic-card-section-container">
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-divider/ds-divider.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}static{this.styles=[c.commonStyles]}get dividerTemplate(){return o.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{container:!0,centered:this.centered}}render(){return e.x`
+            <div part="container" class=${s.e(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
             ${this.withDivider?this.dividerTemplate:e.E}
-        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],c.prototype,`withDivider`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],c.prototype,`centered`,void 0),c=n.__decorate([i.customUiKitElement(`ds-basic-card-section`)],c);
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`centered`,void 0),l=n.__decorate([i.customUiKitElement(`ds-basic-card-section`)],l);