@cupra/ui-kit 2.0.0-canary.222 → 2.0.0-canary.223

package/dist/cjs/components/ds-date-picker/ds-date-picker.cjs

@@ -1,5 +1,5 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs"),u=require("./styles/common.styles.cjs");var d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
-`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs"),u=require("./styles/common.styles.cjs");var d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.syncCalendarValue=()=>{let e=this.calendarElement;if(e){var t;e.value=((t=this.nativeInput)==null?void 0:t.value)||void 0}},this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}get calendarElement(){return this.querySelector(`[slot="calendar"]`)}onInputReady(e){this.syncCalendarValue(),e.addEventListener(`input`,this.syncCalendarValue)}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
+`),document.head.appendChild(e)}disconnectedCallback(){var e;super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange),(e=this.nativeInput)==null||e.removeEventListener(`input`,this.syncCalendarValue)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.html`
             <div class=${s.classMap(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>

package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs

@@ -1,4 +1,4 @@
 const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),t=require("./themeContext.cjs");require("../../core/theme.constants.cjs");const n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),i=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const s=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../styles/source/shared/fonts-config.cjs");var d=class extends i.LitElement{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.loadUnusedStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){if(super.updated(e),e.has(`theme`)){var t,r;n.pubSub.publish(`theme`,this.theme),(t=sessionStorage)==null||t.setItem(`@cupra/ui-kit/theme`,this.theme),typeof FontFace<`u`&&(r=document)!=null&&r.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))})}}loadThemeFonts(){var e;(e=u.fontsConfig[this.theme])==null||e.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.222`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.223`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});

package/dist/cjs/decorators/customUiKitElement.cjs

@@ -1 +1 @@
-require("../utils/version.cjs");function e(e,t){return function(n){var r,i,a,o;if(!(n!=null&&n.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let s=e;if((r=globalThis)!=null&&(r=r.customElements)!=null&&r.get(s))return;let c=t!=null&&t.skipTagAsComponentName?[]:[e];Array.isArray(t==null?void 0:t.extendComponentNames)&&(c=[...t.extendComponentNames,...c]),(i=globalThis)==null||(i=i.customElements)==null||(a=i.define)==null||a.call(i,s,(o=class extends n{connectedCallback(){var t;(t=n.prototype.connectedCallback)==null||t.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.222`),this.setAttribute(`data-ui-kit-component-name`,e)}},o.componentName=c,o))}}exports.customUiKitElement=e;
+require("../utils/version.cjs");function e(e,t){return function(n){var r,i,a,o;if(!(n!=null&&n.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let s=e;if((r=globalThis)!=null&&(r=r.customElements)!=null&&r.get(s))return;let c=t!=null&&t.skipTagAsComponentName?[]:[e];Array.isArray(t==null?void 0:t.extendComponentNames)&&(c=[...t.extendComponentNames,...c]),(i=globalThis)==null||(i=i.customElements)==null||(a=i.define)==null||a.call(i,s,(o=class extends n{connectedCallback(){var t;(t=n.prototype.connectedCallback)==null||t.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.223`),this.setAttribute(`data-ui-kit-component-name`,e)}},o.componentName=c,o))}}exports.customUiKitElement=e;

package/dist/cjs/utils/IconsManager.cjs

@@ -1 +1 @@
-const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.222`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;
+const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.223`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;

package/dist/cjs/utils/PubSub.cjs

@@ -1 +1 @@
-var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.222`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.PubSub=e,exports.pubSub=i;
+var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.223`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.PubSub=e,exports.pubSub=i;

package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +1 @@
-var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.222/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;
+var e=require("../concurrencyLimit.cjs").concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.223/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||(t.instance=new t),t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist/cjs/utils/version.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.222`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.223`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;

package/dist/esm/components/ds-date-picker/ds-date-picker.js

@@ -17,7 +17,13 @@ import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-date-picker/ds-date-picker.ts
 var f = class extends u(a) {
 	constructor(...e) {
-		super(...e), this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelCalendarButton = "", this.isExpanded = !1, this.handleCalendarButtonClick = () => {
+		super(...e), this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelCalendarButton = "", this.isExpanded = !1, this.syncCalendarValue = () => {
+			let e = this.calendarElement;
+			if (e) {
+				var t;
+				e.value = ((t = this.nativeInput) == null ? void 0 : t.value) || void 0;
+			}
+		}, this.handleCalendarButtonClick = () => {
 			this.inputStates.disabled || this.inputStates.readonly || (this.isExpanded = !this.isExpanded);
 		}, this.handleCalendarChange = (e) => {
 			e.stopPropagation();
@@ -27,6 +33,12 @@ var f = class extends u(a) {
 			this.isExpanded && !this.contains(e.target) && (this.isExpanded = !1);
 		};
 	}
+	get calendarElement() {
+		return this.querySelector("[slot=\"calendar\"]");
+	}
+	onInputReady(e) {
+		this.syncCalendarValue(), e.addEventListener("input", this.syncCalendarValue);
+	}
 	connectedCallback() {
 		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), p.injectNativeInputStyles();
 	}
@@ -37,7 +49,8 @@ var f = class extends u(a) {
 		e.textContent = [".ds-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }", ".ds-date-picker input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }"].join("\n"), document.head.appendChild(e);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick), this.removeEventListener("ds-calendar-change", this.handleCalendarChange);
+		var e;
+		super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick), this.removeEventListener("ds-calendar-change", this.handleCalendarChange), (e = this.nativeInput) == null || e.removeEventListener("input", this.syncCalendarValue);
 	}
 	get classes() {
 		return {

package/dist/esm/components/ds-theme-provider/ds-theme-provider.js

@@ -53,7 +53,7 @@ var f = class extends a {
 		}
 	}
 	loadThemeStyles() {
-		let e = "/2.0.0-canary.222";
+		let e = "/2.0.0-canary.223";
 		return this.loadUnusedStyles && this.applyUnusedStyles(e), this.loadStyles ? new Promise((t, n) => {
 			let r = `https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;
 			if (document.head.querySelector(`link[href="${r}"]`)) t();

package/dist/esm/decorators/customUiKitElement.js

@@ -10,7 +10,7 @@ function e(e, t) {
 		Array.isArray(t == null ? void 0 : t.extendComponentNames) && (c = [...t.extendComponentNames, ...c]), (i = globalThis) == null || (i = i.customElements) == null || (a = i.define) == null || a.call(i, s, (o = class extends n {
 			connectedCallback() {
 				var t;
-				(t = n.prototype.connectedCallback) == null || t.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.222"), this.setAttribute("data-ui-kit-component-name", e);
+				(t = n.prototype.connectedCallback) == null || t.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.223"), this.setAttribute("data-ui-kit-component-name", e);
 			}
 		}, o.componentName = c, o));
 	};

package/dist/esm/utils/IconsManager.js

@@ -26,7 +26,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.222"), i = globalThis, a = i[r];
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.223"), i = globalThis, a = i[r];
 a || (a = new n(), Object.defineProperty(i, r, {
 	value: a,
 	writable: !1,

package/dist/esm/utils/PubSub.js

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

package/dist/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.222/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.223/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/esm/utils/version.js

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

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

@@ -1,4 +1,4 @@
-import { DsUiElement, type ThemesStyles } from '@base/DsUiElement.ts';
+import { DsUiElement, type ThemesStyles } from '../DsUiElement.ts';
 import { type TemplateResult } from 'lit';
 import type { DsBaseInputAttrs } from './ds-base-input.types.ts';
 declare const DsBaseInput_base: typeof DsUiElement;

package/dist/types/components/base/ds-base-progress-bar/ds-base-progress-bar.d.ts

@@ -1,4 +1,4 @@
-import { DsUiElement, type ThemesStyles } from '@base/DsUiElement.ts';
+import { DsUiElement, type ThemesStyles } from '../DsUiElement.ts';
 import type { DsBaseProgressBarAttrs } from './ds-base-progress-bar.types.ts';
 export declare class DsBaseProgressBar extends DsUiElement {
     show: DsBaseProgressBarAttrs['show'];

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsAccordionAttrs } from './ds-accordion.types';
-import '@components/ds-icon/ds-icon.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsAccordionAttrs } from '../ds-accordion/ds-accordion.types';
+import '../ds-icon/ds-icon.ts';
 import { type PropertyValues, nothing } from 'lit';
 export declare class DsAccordion extends UiKitElement {
     static styles: import("lit").CSSResult[];

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

@@ -1,4 +1,4 @@
-import type { Icons } from '@components/ds-icon/Icons.type.ts';
+import type { Icons } from '../ds-icon/Icons.type.ts';
 import type { CommonAttrs } from '../../types/types';
 export interface DsAccordionAttrs extends CommonAttrs {
     'max-height'?: number;

package/dist/types/components/ds-accordion/theme-config.d.ts

@@ -1,4 +1,4 @@
-import type { Icons } from '@components/ds-icon/Icons.type.ts';
+import type { Icons } from '../ds-icon/Icons.type.ts';
 interface IconNamesConfig {
     open: Icons;
     close: Icons;

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon/ds-icon.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon/ds-icon.ts';
 import type { DsAvatarAttrs } from './ds-avatar.types.ts';
 export declare class DsAvatar extends UiKitElement {
     static styles: import("lit").CSSResult[];

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { nothing } from 'lit';
 import type { DsBadgeAttrs } from './ds-badge.types.js';
 export declare class DsBadge extends UiKitElement {

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import '../ds-icon-button/ds-icon-button.ts';
 import { nothing } from 'lit';
 import type { DsBannerAttrs } from './ds-banner.types.js';
 export declare class DsBanner extends UiKitElement {

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { DsBasicCardAttrs } from './ds-basic-card.types.ts';
 export declare class DsBasicCard extends UiKitElement {
     static styles: import("lit").CSSResult[];

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-divider/ds-divider.ts';
+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(): import("lit").HTMLTemplateResult;

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 export declare class DsBasicCardImage extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private get classes();

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-divider/ds-divider.ts';
+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[];

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon/ds-icon.ts';
-import '@components/ds-tooltip/ds-tooltip.ts';
+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-breadcrumbs-item/ds-breadcrumbs-item.d.ts

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsBreadcrumbsItemAttrs } from './ds-breadcrumbs-item.types.ts';
 export declare class DsBreadcrumbsItem extends UiKitElement {
     static styles: import("lit").CSSResult[];

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { nothing } from 'lit';
 import type { DsBulletsAttrs } from './ds-bullets.types';
 export declare class DsBullets extends UiKitElement {

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon/ds-icon.ts';
+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;

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

@@ -1,5 +1,5 @@
-import type { DsIconAttrs } from '@components/ds-icon/ds-icon.types.ts';
-import { type Viewports } from '@utils/breakpoints.ts';
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types.ts';
 type PresetSize = 'small' | 'medium' | 'large';
 type Size = PresetSize | string;

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-calendar-day/ds-calendar-day.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
+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-calendar-day/ds-calendar-day.d.ts

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsCalendarDayAttrs, DsCalendarDaySize } from './ds-calendar-day.types';
 export declare class DsCalendarDay extends UiKitElement {
     static styles: import("lit").CSSResult[];

package/dist/types/components/ds-carousel-indicator/ds-carousel-indicator.d.ts

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { nothing } from 'lit';
 import type { DsCarouselIndicatorAttrs } from './ds-carousel-indicator.types.ts';
 export declare class DsCarouselIndicator extends UiKitElement {

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsCheckboxGroupAttrs } from '@components/ds-checkbox-group/ds-checkbox-group.types.ts';
-import '@components/ds-icon/ds-icon.ts';
+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;

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import type { DsCheckboxGroupAttrs, Orientation } from './ds-checkbox-group.types.ts';
 export declare const checkboxGroupDisabledContext: {
     __context__: boolean;

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon/ds-icon.ts';
+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 {

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

@@ -1,4 +1,4 @@
-import type { DsIconAttrs } from '@components/ds-icon/ds-icon.types.ts';
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
 import type { CommonAttrs } from '../../types/types';
 export type DsChipAttrs = {
     value: string;

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

@@ -1,4 +1,4 @@
-import type { DsChipsAttrs } from '@components/ds-chips/ds-chips.types.ts';
+import type { DsChipsAttrs } from '../ds-chips/ds-chips.types.ts';
 export type ChipsData = {
     selectedChips?: string[];
     multiChoice?: DsChipsAttrs['multi-choice'];

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
+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-currency/ds-currency.d.ts

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsCurrencyAttrs } from '@components/ds-currency/ds-currency.types.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsCurrencyAttrs } from '../ds-currency/ds-currency.types.ts';
 import { nothing } from 'lit';
 export declare class DsCurrency extends UiKitElement {
     static styles: import("lit").CSSResult[];

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

@@ -1,4 +1,4 @@
-import type { Integer0To20, Locale, SymbolOverrides } from '@utils/formatNumber/formatNumber.ts';
+import type { Integer0To20, Locale, SymbolOverrides } from '../../utils/formatNumber/formatNumber.ts';
 import type { CommonAttrs } from '../../types/types';
 type ValueText = {
     'value-text': string;

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

@@ -1,7 +1,7 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
+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;
+declare const DsDatePicker_base: (new (...args: any[]) => import("../../mixins/inputStatesMixin.ts").InputStatesInterface) & typeof UiKitElement;
 export declare class DsDatePicker extends DsDatePicker_base {
     static styles: import("lit").CSSResult[];
     size: DsDatePickerAttrs['size'];
@@ -11,9 +11,12 @@ export declare class DsDatePicker extends DsDatePicker_base {
     readonlyText: DsDatePickerAttrs['readonly-text'];
     dataAriaLabelCalendarButton: DsDatePickerAttrs['data-aria-label-calendar-button'];
     private isExpanded;
+    private get calendarElement();
+    private syncCalendarValue;
     private handleCalendarButtonClick;
     private handleCalendarChange;
     private handleDocumentClick;
+    protected onInputReady(nativeInput: HTMLInputElement | HTMLTextAreaElement): void;
     private static nativeStylesInjected;
     connectedCallback(): void;
     private static injectNativeInputStyles;

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { type PropertyValues, nothing } from 'lit';
 import type { DsDialogAttrs } from './ds-dialog.types.ts';
 export declare class DsDialog extends UiKitElement {

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 export declare class DsDialogBody extends UiKitElement {
     static styles: import("lit").CSSResult[];
     private get classes();

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsDialogFooterAttrs } from '@components/ds-dialog-footer/ds-dialog-footer.types.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsDialogFooterAttrs } from '../ds-dialog-footer/ds-dialog-footer.types.ts';
 export declare class DsDialogFooter extends UiKitElement {
     static styles: import("lit").CSSResult[];
     withDivider: DsDialogFooterAttrs['with-divider'];

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { type PropertyValues, nothing } from 'lit';
 import type { DsDialogFullscreenAttrs } from './ds-dialog-fullscreen.types.ts';
 export declare class DsDialogFullscreen extends UiKitElement {

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsButtonAttrs } from '@components/ds-button/ds-button.types.ts';
-import '@components/ds-icon/ds-icon.ts';
+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[];

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

@@ -1,4 +1,4 @@
-import type { DsIconAttrs } from '@components/ds-icon/ds-icon.types.ts';
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
 import type { CommonAttrs } from '../../types/types';
 export type DsDialogHeaderAttrs = {
     'icon-name'?: DsIconAttrs['icon-name'];

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

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

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

@@ -1,5 +1,5 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
+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,7 +1,7 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsFavouriteActionAttrs } from '@components/ds-favourite-action/ds-favourite-action.types.ts';
-import '@components/ds-icon/ds-icon.ts';
-import type { Icons } from '@components/ds-icon/Icons.type.ts';
+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[];
     initialSelected: DsFavouriteActionAttrs['initial-selected'];

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

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

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 import { type PropertyValues } from 'lit';
 import type { DsIconAttrs } from './ds-icon.types.ts';
 export declare class DsIcon extends UiKitElement {

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

@@ -1,8 +1,8 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import type { DsIconButtonAttrs } from '@components/ds-icon-button/ds-icon-button.types.ts';
-import '@components/ds-icon/ds-icon.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
+import type { DsIconButtonAttrs } from '../ds-icon-button/ds-icon-button.types.ts';
+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;
+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[];
     variant: DsIconButtonAttrs['variant'];

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

@@ -1,5 +1,5 @@
-import type { DsIconAttrs } from '@components/ds-icon/ds-icon.types.ts';
-import { type Viewports } from '@utils/breakpoints.ts';
+import type { DsIconAttrs } from '../ds-icon/ds-icon.types.ts';
+import { type Viewports } from '../../utils/breakpoints.ts';
 import type { CommonAttrs } from '../../types/types.ts';
 type PresetSize = 'large' | 'medium' | 'small' | 'xlarge';
 type Size = PresetSize | string;

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

@@ -1,4 +1,4 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
+import { UiKitElement } from '../base/UiKitElement.ts';
 export declare class DsIconButtonGroup extends UiKitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit").TemplateResult<1>;

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

@@ -1,6 +1,6 @@
-import { UiKitElement } from '@base/UiKitElement.ts';
-import '@components/ds-icon-button/ds-icon-button.ts';
-import '@components/ds-icon/ds-icon.ts';
+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 {

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

@@ -1,5 +1,5 @@
-import { DsBaseInput } from '@base/ds-base-input/ds-base-input.ts';
-import '@components/ds-icon/ds-icon.ts';
+import { DsBaseInput } from '../base/ds-base-input/ds-base-input.ts';
+import '../ds-icon/ds-icon.ts';
 import { nothing } from 'lit';
 import type { DsInputAttrs } from './ds-input.types';
 export declare class DsInput extends DsBaseInput {