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

package/dist-react/esm/components/ds-tooltip/ds-tooltip.js

@@ -11,8 +11,8 @@ import { customUiKitElement as c } from "../../decorators/customUiKitElement.js"
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
 import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { debounce as d } from "../../utils/debounce.js";
-import { arrow as f, computePosition as p, flip as m, offset as h, shift as g, size as _ } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { arrow as d, computePosition as f, flip as p, offset as m, shift as h, size as g } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { debounce as _ } from "../../utils/debounce.js";
 import { commonStyles as v } from "./styles/common.styles.js";
 //#region src/components/ds-tooltip/ds-tooltip.ts
 var y = class extends s {
@@ -23,7 +23,7 @@ var y = class extends s {
 			this.usingKeyboard = !1;
 		}, this.handleTooltipPointerDown = (e) => {
 			e.stopImmediatePropagation();
-		}, this.handleResize = d({ func: () => this.requestUpdate() }), this.handleClose = () => {
+		}, this.handleResize = _({ func: () => this.requestUpdate() }), this.handleClose = () => {
 			this.show = !1;
 		}, this.handleAnchorPointerDown = (e) => {
 			this.disablePressListener || e.button === 0 && (this.show = !this.show);
@@ -50,22 +50,22 @@ var y = class extends s {
 		super.disconnectedCallback(), this.container?.matches(":popover-open") && this.container.hidePopover(), window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("pointerdown", this.handlePointerDown);
 	}
 	updated(e) {
-		document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && this.container?.isConnected && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && this.container?.isConnected && this.container.matches(":popover-open") && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
+		super.updated(e), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("pointerdown", this.handlePointerDown), this.show && this.container?.isConnected && !this.container.matches(":popover-open") ? this.container.showPopover() : !this.show && this.container?.isConnected && this.container.matches(":popover-open") && this.container.hidePopover(), this.updatePosition(), e.has("show") && (this.show ? (window.addEventListener("resize", this.handleResize), document.addEventListener("pointerdown", this.handlePressOutside)) : (window.removeEventListener("resize", this.handleResize), document.removeEventListener("pointerdown", this.handlePressOutside)));
 	}
 	updatePosition() {
 		requestAnimationFrame(() => {
-			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (p(this.anchorContainer, this.container, {
+			!this.anchorContainer || !this.container || !this.show || !this.anchorElements?.[0] || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (f(this.anchorContainer, this.container, {
 				strategy: "fixed",
 				placement: "bottom-start",
 				middleware: [
-					m(),
-					g(),
-					h({
+					p(),
+					h(),
+					m({
 						mainAxis: 8,
 						crossAxis: -8
 					}),
-					f({ element: this.arrow }),
-					_({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
+					d({ element: this.arrow }),
+					g({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
 						Object.assign(n.floating.style, {
 							maxWidth: `${Math.min(240, e - 8)}px`,
 							maxHeight: `${Math.max(0, t - 8)}px`
@@ -207,4 +207,3 @@ o([n({
 	attribute: "disable-press-listener"
 })], y.prototype, "disablePressListener", void 0), o([r()], y.prototype, "tooltopPlacement", void 0), o([r()], y.prototype, "tooltipId", void 0), o([i(".container")], y.prototype, "container", void 0), o([i("#button")], y.prototype, "anchorContainer", void 0), o([i("#arrow")], y.prototype, "arrow", void 0), o([a({ slot: "" })], y.prototype, "anchorElements", void 0), o([a({ slot: "header" })], y.prototype, "headerElements", void 0), o([a({ slot: "close-button" })], y.prototype, "closeButtonElements", void 0), o([a({ slot: "content" })], y.prototype, "contentElements", void 0), y = o([c("ds-tooltip")], y);
 //#endregion
-export { y as DsTooltip };

package/dist-react/esm/components/index.js

@@ -1,15 +1,19 @@
+import "./ds-icon/ds-icon.js";
 import "./ds-accordion/ds-accordion.js";
 import "./ds-avatar/ds-avatar.js";
 import "./ds-badge/ds-badge.js";
 import "./ds-basic-card/ds-basic-card.js";
 import "./ds-basic-card-image/ds-basic-card-image.js";
+import "./ds-divider/ds-divider.js";
 import "./ds-basic-card-header/ds-basic-card-header.js";
 import "./ds-basic-card-section/ds-basic-card-section.js";
+import "./ds-tooltip/ds-tooltip.js";
 import "./ds-breadcrumbs-item/ds-breadcrumbs-item.js";
 import "./ds-breadcrumbs/ds-breadcrumbs.js";
 import "./ds-bullets/ds-bullets.js";
 import "./ds-button/ds-button.js";
 import "./ds-calendar-day/ds-calendar-day.js";
+import "./ds-icon-button/ds-icon-button.js";
 import "./ds-calendar/ds-calendar.js";
 import "./ds-carousel-indicator/ds-carousel-indicator.js";
 import "./ds-checkbox-group/ds-checkbox-group.js";
@@ -23,12 +27,9 @@ import "./ds-dialog-body/ds-dialog-body.js";
 import "./ds-dialog-footer/ds-dialog-footer.js";
 import "./ds-dialog-fullscreen/ds-dialog-fullscreen.js";
 import "./ds-dialog-header/ds-dialog-header.js";
-import "./ds-divider/ds-divider.js";
 import "./ds-drawer/ds-drawer.js";
 import "./ds-favourite-action/ds-favourite-action.js";
 import "./ds-hyperlink/ds-hyperlink.js";
-import "./ds-icon/ds-icon.js";
-import "./ds-icon-button/ds-icon-button.js";
 import "./ds-input/ds-input.js";
 import "./ds-interactive-card/ds-interactive-card.js";
 import "./ds-link-button/ds-link-button.js";
@@ -66,12 +67,11 @@ import "./ds-tag/ds-tag.js";
 import "./ds-text/ds-text.js";
 import "./ds-textarea/ds-textarea.js";
 import "./ds-theme-provider/ds-theme-provider.js";
-import "./ds-toast/ds-toast.js";
 import "./ds-toast-message/ds-toast-message.js";
+import "./ds-toast/ds-toast.js";
 import "./ds-inline-alert/ds-inline-alert.js";
 import "./ds-toggle-button/ds-toggle-button.js";
 import "./ds-toggle-switch/ds-toggle-switch.js";
-import "./ds-tooltip/ds-tooltip.js";
 import "./ds-value-unit/ds-value-unit.js";
 import "./ds-media-control/ds-media-control.js";
 import "./ds-list-item/ds-list-item.js";

package/dist-react/esm/decorators/customUiKitElement.js

@@ -1,24 +1,20 @@
 import { VERSION_TAG_SUFFIX as e } from "../utils/version.js";
-import { reactFactory as t } from "../utils/componentFactory.js";
 //#region src/decorators/customUiKitElement.ts
-function n(n, r) {
-	return function(i) {
-		if (!i?.prototype) throw TypeError("@customUiKitElement requires a class that extends HTMLElement.");
-		let a = `${n}${e}`;
-		if (globalThis?.customElements?.get(a)) return;
-		let o = r?.skipTagAsComponentName ? [] : [n];
-		Array.isArray(r?.extendComponentNames) && (o = [...r.extendComponentNames, ...o]), globalThis?.customElements?.define?.(a, class extends i {
-			constructor(...e) {
-				super(...e), this.componentFactory = t;
-			}
+function t(t, n) {
+	return function(r) {
+		if (!r?.prototype) throw TypeError("@customUiKitElement requires a class that extends HTMLElement.");
+		let i = `${t}${e}`;
+		if (globalThis?.customElements?.get(i)) return;
+		let a = n?.skipTagAsComponentName ? [] : [t];
+		Array.isArray(n?.extendComponentNames) && (a = [...n.extendComponentNames, ...a]), globalThis?.customElements?.define?.(i, class extends r {
 			static {
-				this.componentName = o;
+				this.componentName = a;
 			}
 			connectedCallback() {
-				i.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.131");
+				r.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.133");
 			}
 		});
 	};
 }
 //#endregion
-export { n as customUiKitElement };
+export { t as customUiKitElement };

package/dist-react/esm/mixins/ViewportMixin.js

@@ -1,27 +1,27 @@
-import { breakpoints as e } from "../utils/breakpoints.js";
-import { debounce as t } from "../utils/debounce.js";
+import { debounce as e } from "../utils/debounce.js";
+import { breakpoints as t } from "../utils/breakpoints.js";
 //#region src/mixins/ViewportMixin.ts
 var n = (n) => class extends n {
-	constructor(...t) {
-		super(...t), this.handleResize = () => {
+	constructor(...e) {
+		super(...e), this.handleResize = () => {
 			this.updateViewportWithDebounce();
 		}, this.updateViewport = () => {
-			let t = "xs";
+			let e = "xs";
 			for (let n of [
 				"xxl",
 				"xl",
 				"l",
 				"m",
 				"s"
-			]) if (window?.innerWidth >= e[n]) {
-				t = n;
+			]) if (window?.innerWidth >= t[n]) {
+				e = n;
 				break;
 			}
-			t !== this.currentViewport && (this.currentViewport = t, this.requestUpdate("viewport", null));
+			e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.updateViewportWithDebounce = t({ func: this.updateViewport }), this.updateViewport(), window?.addEventListener("resize", this.handleResize);
+		super.connectedCallback(), this.updateViewportWithDebounce = e({ func: this.updateViewport }), this.updateViewport(), window?.addEventListener("resize", this.handleResize);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), window?.removeEventListener("resize", this.handleResize);

package/dist-react/esm/utils/IconsManager.js

@@ -25,7 +25,7 @@ var n = class {
 			return console.error(`Failed to fetch icon "${e}":`, t), "";
 		}), t.subscribe("theme", this.handleChangeTheme);
 	}
-}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.131"), i = globalThis, a = i[r];
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.133"), i = globalThis, a = i[r];
 a || (a = new n(), Object.defineProperty(i, r, {
 	value: a,
 	writable: !1,

package/dist-react/esm/utils/PubSub.js

@@ -18,7 +18,7 @@ var e = class {
 			}
 		});
 	}
-}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.131"), n = globalThis, r = n[t];
+}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.133"), n = globalThis, r = n[t];
 r || (r = new e(), Object.defineProperty(n, t, {
 	value: r,
 	writable: !1,

package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js

@@ -4,7 +4,7 @@ var t = e(20), n = class e {
 	constructor() {
 		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
 			if (!n || !e) return;
-			let r = `https://ds-assets.cupra.com/2.0.0-canary.131/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.133/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
 			if (i) return i;
 			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
 			return this.stylePromises.set(r, a), this.stylePromises.get(r);

package/dist-react/esm/utils/uiKitHtml.js

@@ -0,0 +1,18 @@
+import { x as e } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { VERSION_TAG_SUFFIX as t } from "./version.js";
+//#region src/utils/uiKitHtml.ts
+var n = /* @__PURE__ */ new WeakMap(), r = /(<\/?\s*)(ds-[a-z][a-z0-9-]*)(\s|\/?>)/g;
+function i(e) {
+	return e.replace(r, (e, n, r, i) => `${n}${r}${t}${i}`);
+}
+function a(e) {
+	let t = Array.from(e).map(i), n = Array.from(e.raw).map(i);
+	return Object.freeze(Object.assign(t, { raw: Object.freeze(n) }));
+}
+function o(t, ...r) {
+	let i = n.get(t);
+	return i || (i = a(t), n.set(t, i)), e(i, ...r);
+}
+//#endregion
+export { o as uiKitHtml };

package/dist-react/esm/utils/version.js

@@ -1,4 +1,4 @@
 //#region src/utils/version.ts
-var e = "2.0.0-canary.131", t = `--v${e.replaceAll(".", "-")}`;
+var e = "2.0.0-canary.133", t = `--v${e.replaceAll(".", "-")}`;
 //#endregion
 export { e as VERSION, t as VERSION_TAG_SUFFIX };

package/dist-react/types/components/base/UiKitElement.d.ts

@@ -1,8 +1,6 @@
 import { type Theme } from '../ds-theme-provider/themeContext';
-import { ComponentFactory } from '../../utils/componentFactory.ts';
 import { LitElement, PropertyValues } from 'lit';
 export declare class UiKitElement extends LitElement {
-    protected componentFactory: ComponentFactory;
     protected contextTheme?: Theme;
     protected pubSubTheme: Theme;
     static componentName?: string;

package/dist-react/types/components/ds-accordion/ds-accordion.d.ts

@@ -1,6 +1,7 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsAccordionAttrs } from '../ds-accordion/ds-accordion.types';
-import { type PropertyValues } from 'lit';
+import '../ds-icon/ds-icon.ts';
+import { type PropertyValues, nothing } from 'lit';
 export declare class DsAccordion extends UiKitElement {
     static styles: import("lit").CSSResult[];
     maxHeight: DsAccordionAttrs['max-height'];
@@ -20,8 +21,8 @@ export declare class DsAccordion extends UiKitElement {
         [x: string]: boolean;
         divider: boolean;
     };
-    protected get openIconTemplate(): any;
-    protected get closeIconTemplate(): any;
+    protected get openIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
+    protected get closeIconTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
     protected get styleTokens(): import("lit").TemplateResult<1>;
     protected handleKeyDown(event: KeyboardEvent): void;
     protected handleToggle(event: ToggleEvent): void;

package/dist-react/types/components/ds-avatar/ds-avatar.d.ts

@@ -1,4 +1,5 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import { DsAvatarAttrs } from './ds-avatar.types.ts';
 export declare class DsAvatar extends UiKitElement {
     static styles: import("lit").CSSResult[];
@@ -6,7 +7,7 @@ export declare class DsAvatar extends UiKitElement {
     name: DsAvatarAttrs['name'];
     disabled: boolean;
     private assignedImages?;
-    protected get iconTemplate(): any;
+    protected get iconTemplate(): import("lit").HTMLTemplateResult;
     protected get initialsTemplate(): import("lit").TemplateResult<1>;
     private getInitialsFromName;
     private get classes();

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

@@ -1,7 +1,8 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-divider/ds-divider.ts';
 export declare class DsBasicCardHeader extends UiKitElement {
     static styles: import("lit").CSSResult[];
-    protected get dividerTemplate(): any;
+    protected get dividerTemplate(): import("lit").HTMLTemplateResult;
     private get classes();
     render(): import("lit").TemplateResult<1>;
 }

package/dist-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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-react/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 {