@cupra/ui-kit 2.0.0-canary.113 → 2.0.0-canary.115

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

@@ -1,11 +1,11 @@
-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-nodes.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`),o=require(`../../utils/booleanConverter.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`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`);const l=require(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs`);const f=require(`./styles/common.styles.cjs`);var p=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),m=class extends l.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.weight=`regular`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}static{this.styles=[f.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${e}`]:!!e,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,"display-contents":this.slotedNodes?.some?.(e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=c.s(p.has(t)?t:`span`);return c.u`
+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-nodes.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/static.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.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(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs`);const f=require(`./styles/common.styles.cjs`);var p=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),m=class extends l.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.weight=`regular`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}static{this.styles=[f.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${e}`]:!!e,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,"display-contents":this.slotedNodes?.some?.(e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=a.s(p.has(t)?t:`span`);return a.u`
             <${n} 
                 part="container" 
                 data-testid="ds-text-container" 
-                class=${s.e(this.classes)}
+                class=${c.e(this.classes)}
                 style=${d.o({color:this.color||`var(--ui-kit-text-color)`})}
             >
                 ${this.value?this.value:e.E}
                 <slot></slot>
             </${n}>
-        `}};r.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),r.__decorate([t.n({type:String})],m.prototype,`weight`,void 0),r.__decorate([t.n({type:String})],m.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],m.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],m.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],m.prototype,`slotedNodes`,void 0),m=r.__decorate([a.customUiKitElement(`ds-text`)],m);
+        `}};r.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),r.__decorate([t.n({type:String})],m.prototype,`weight`,void 0),r.__decorate([t.n({type:String})],m.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],m.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],m.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],m.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],m.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],m.prototype,`slotedNodes`,void 0),m=r.__decorate([o.customUiKitElement(`ds-text`)],m);

package/dist-react/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`),n=require(`../../core/theme.constants.cjs`),r=require(`../../utils/PubSub.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`),a=require(`../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const o=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),s=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 c=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),l=require(`../../decorators/customUiKitElement.cjs`),u=require(`../../utils/booleanConverter.cjs`),d=require(`../../styles/source/shared/fonts-config.cjs`);var f=class extends a.i{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has(`theme`)&&(r.pubSub.publish(`theme`,this.theme),sessionStorage?.setItem(n.THEME_STORAGE_KEY,this.theme),typeof FontFace<`u`&&document?.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))}))}loadThemeFonts(){d.fontsConfig[this.theme]?.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:`swap`});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(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.113`,r=`https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{let i=`ui-kit-theme-${n}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>e(),o.onerror=()=>t(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a?.remove()}}):Promise.resolve()}render(){return this.cssLoaded?i.x`<slot></slot>`:i.E}};c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-fonts`})],f.prototype,`loadFonts`,void 0),c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-styles`})],f.prototype,`loadStyles`,void 0),c.__decorate([e.e({context:t.themeContext}),o.n({type:String})],f.prototype,`theme`,void 0),c.__decorate([s.r()],f.prototype,`cssLoaded`,void 0),c.__decorate([s.r()],f.prototype,`loadedFonts`,void 0),f=c.__decorate([l.customUiKitElement(`ds-theme-provider`)],f);
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`swap`});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(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.115`,r=`https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{let i=`ui-kit-theme-${n}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>e(),o.onerror=()=>t(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a?.remove()}}):Promise.resolve()}render(){return this.cssLoaded?i.x`<slot></slot>`:i.E}};c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-fonts`})],f.prototype,`loadFonts`,void 0),c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-styles`})],f.prototype,`loadStyles`,void 0),c.__decorate([e.e({context:t.themeContext}),o.n({type:String})],f.prototype,`theme`,void 0),c.__decorate([s.r()],f.prototype,`cssLoaded`,void 0),c.__decorate([s.r()],f.prototype,`loadedFonts`,void 0),f=c.__decorate([l.customUiKitElement(`ds-theme-provider`)],f);

package/dist-react/cjs/decorators/customUiKitElement.cjs

@@ -1 +1 @@
-const e=require(`../utils/componentFactory.cjs`);function t(t,n){return function(r){if(!r?.prototype)throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let i=`${t}-react`;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{constructor(...t){super(...t),this.componentFactory=e.reactFactory}static{this.componentName=a}connectedCallback(){r.prototype.connectedCallback?.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.113`)}})}}exports.customUiKitElement=t;
+const e=require(`../utils/version.cjs`),t=require(`../utils/componentFactory.cjs`);function n(n,r){return function(i){if(!i?.prototype)throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let a=`${n}${e.VERSION_TAG_SUFFIX}`;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.reactFactory}static{this.componentName=o}connectedCallback(){i.prototype.connectedCallback?.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.115`)}})}}exports.customUiKitElement=n;

package/dist-react/cjs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./components/index.cjs`);const e=require(`./components/ds-icon/iconNames.cjs`);exports.iconNames=e.iconNames;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./utils/version.cjs`);require(`./components/index.cjs`);const t=require(`./components/ds-icon/iconNames.cjs`);exports.VERSION=e.VERSION,exports.VERSION_TAG_SUFFIX=e.VERSION_TAG_SUFFIX,exports.iconNames=t.iconNames;

package/dist-react/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={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},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?.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.113`),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={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},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?.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.115`),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-react/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.113`),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=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.115`),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=i;

package/dist-react/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.113/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||=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.115/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||=new t,t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist-react/cjs/utils/componentFactory.cjs

@@ -1,117 +1,118 @@
-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-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 n={createIcon:n=>(r(`ds-icon-react`,()=>Promise.resolve().then(()=>require(`../components/ds-icon/ds-icon.cjs`))),e.x`
-            <ds-icon-react
-                class=${t.o(n?.class)}
-                data-testid=${t.o(n?.[`data-testid`])}
-                @click=${n?.[`@click`]}
-                @keydown=${n?.[`@keydown`]}
-                icon-name=${n?.[`icon-name`]}
-                color=${t.o(n?.color)}
-                background-color=${t.o(n?.[`background-color`])}
-                size=${t.o(n?.size)}
-                aria-label=${t.o(n?.[`aria-label`])}
-                aria-hidden=${t.o(n?.[`aria-hidden`])}
-                role=${t.o(n?.role)}
-                tabindex=${t.o(n?.tabindex)}
+require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const e=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 t=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`);const n=require(`./version.cjs`);var r=t.s(`ds-icon${n.VERSION_TAG_SUFFIX}`),i=t.s(`ds-calendar-day${n.VERSION_TAG_SUFFIX}`),a=t.s(`ds-button${n.VERSION_TAG_SUFFIX}`),o=t.s(`ds-divider${n.VERSION_TAG_SUFFIX}`),s=t.s(`ds-icon-button${n.VERSION_TAG_SUFFIX}`),c=t.s(`ds-loader-spinner${n.VERSION_TAG_SUFFIX}`),l=t.s(`ds-skeleton${n.VERSION_TAG_SUFFIX}`),u=t.s(`ds-toast-message${n.VERSION_TAG_SUFFIX}`),d=t.s(`ds-inline-alert${n.VERSION_TAG_SUFFIX}`),f=t.s(`ds-tooltip${n.VERSION_TAG_SUFFIX}`),p={createIcon:i=>(m(`ds-icon${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-icon/ds-icon.cjs`))),t.u`
+            <${r}
+                class=${e.o(i?.class)}
+                data-testid=${e.o(i?.[`data-testid`])}
+                @click=${i?.[`@click`]}
+                @keydown=${i?.[`@keydown`]}
+                icon-name=${i?.[`icon-name`]}
+                color=${e.o(i?.color)}
+                background-color=${e.o(i?.[`background-color`])}
+                size=${e.o(i?.size)}
+                aria-label=${e.o(i?.[`aria-label`])}
+                aria-hidden=${e.o(i?.[`aria-hidden`])}
+                role=${e.o(i?.role)}
+                tabindex=${e.o(i?.tabindex)}
             >
-                ${n.children}
-            </ds-icon-react>
-        `),createCalendarDay:(n={})=>(r(`ds-calendar-day-react`,()=>Promise.resolve().then(()=>require(`../components/ds-calendar-day/ds-calendar-day.cjs`))),e.x`
-            <ds-calendar-day-react
-                class=${t.o(n?.class)}
-                day=${t.o(n?.day)}
-                size=${t.o(n?.size)}
-                ?disabled=${n?.disabled}
-                ?selected=${n?.selected}
-                ?today=${n?.today}
-                ?outside-month=${n?.[`outside-month`]}
-                data-testid=${t.o(n?.[`data-testid`])}
-            ></ds-calendar-day-react>
-        `),createButton:(n={})=>(r(`ds-button-react`,()=>Promise.resolve().then(()=>require(`../components/ds-button/ds-button.cjs`))),e.x`
-            <ds-button-react
-                class=${n?.class}
-                @click=${n?.[`@click`]}
-                .size=${t.o(n?.size)}
-                type=${n?.type}
-                icon-position=${n?.[`icon-position`]}
-                .rounded=${n?.rounded}
-                .full-width=${n?.[`full-width`]}
-                variant=${n?.variant??`primary`}
-                mode=${n?.mode??`light`}
-                .disabled=${n?.disabled}
-                icon-name=${n?.[`icon-name`]}
-                html-tag-name=${n?.[`html-tag-name`]}
-                href=${n?.href}
-                rel=${n?.rel}
-                target=${n?.target}
-                data-testid=${n?.[`data-testid`]}
+                ${i.children}
+            </${r}>
+        `),createCalendarDay:(r={})=>(m(`ds-calendar-day${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-calendar-day/ds-calendar-day.cjs`))),t.u`
+            <${i}
+                class=${e.o(r?.class)}
+                day=${e.o(r?.day)}
+                size=${e.o(r?.size)}
+                ?disabled=${r?.disabled}
+                ?selected=${r?.selected}
+                ?today=${r?.today}
+                ?outside-month=${r?.[`outside-month`]}
+                data-testid=${e.o(r?.[`data-testid`])}
+            ></${i}>
+        `),createButton:(r={})=>(m(`ds-button${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-button/ds-button.cjs`))),t.u`
+            <${a}
+                class=${r?.class}
+                @click=${r?.[`@click`]}
+                .size=${e.o(r?.size)}
+                type=${r?.type}
+                icon-position=${r?.[`icon-position`]}
+                .rounded=${r?.rounded}
+                .full-width=${r?.[`full-width`]}
+                variant=${r?.variant??`primary`}
+                mode=${r?.mode??`light`}
+                .disabled=${r?.disabled}
+                icon-name=${r?.[`icon-name`]}
+                html-tag-name=${r?.[`html-tag-name`]}
+                href=${r?.href}
+                rel=${r?.rel}
+                target=${r?.target}
+                data-testid=${r?.[`data-testid`]}
             >
-                ${n.children}
-            </ds-button-react>
-        `),createDivider:(t={})=>(r(`ds-divider-react`,()=>Promise.resolve().then(()=>require(`../components/ds-divider/ds-divider.cjs`))),e.x`
-            <ds-divider-react
-                class=${t?.class}
-                variant=${t?.variant??`primary`}
-                orientation=${t?.orientation??`horizontal`}
-                data-testid=${t?.[`data-testid`]}
+                ${r.children}
+            </${a}>
+        `),createDivider:(e={})=>(m(`ds-divider${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-divider/ds-divider.cjs`))),t.u`
+            <${o}
+                class=${e?.class}
+                variant=${e?.variant??`primary`}
+                orientation=${e?.orientation??`horizontal`}
+                data-testid=${e?.[`data-testid`]}
             >
-            </ds-divider-react>
-        `),createIconButton:(n={})=>(r(`ds-icon-button-react`,()=>Promise.resolve().then(()=>require(`../components/ds-icon-button/ds-icon-button.cjs`))),e.x`
-            <ds-icon-button-react
-                class=${n?.class}
-                @click=${n?.[`@click`]}
-                size=${t.o(n?.size)}
-                variant=${n?.variant??`primary`}
-                mode=${n?.mode??`light`}
-                .disabled=${n?.disabled}
-                icon-name=${n?.[`icon-name`]}
-                html-tag-name=${n?.[`html-tag-name`]}
-                href=${n?.href}
-                rel=${n?.rel}
-                target=${n?.target}
-                data-testid=${n?.[`data-testid`]}
-                data-aria-label=${n?.[`data-aria-label`]}
+            </${o}>
+        `),createIconButton:(r={})=>(m(`ds-icon-button${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-icon-button/ds-icon-button.cjs`))),t.u`
+            <${s}
+                class=${r?.class}
+                @click=${r?.[`@click`]}
+                size=${e.o(r?.size)}
+                variant=${r?.variant??`primary`}
+                mode=${r?.mode??`light`}
+                .disabled=${r?.disabled}
+                icon-name=${r?.[`icon-name`]}
+                html-tag-name=${r?.[`html-tag-name`]}
+                href=${r?.href}
+                rel=${r?.rel}
+                target=${r?.target}
+                data-testid=${r?.[`data-testid`]}
+                data-aria-label=${r?.[`data-aria-label`]}
             >
-                ${n.children}
-            </ds-icon-button-react>
-        `),createLoaderSpinner:(t={})=>(r(`ds-loader-spinner-react`,()=>Promise.resolve().then(()=>require(`../components/ds-loader-spinner/ds-loader-spinner.cjs`))),e.x`
-            <ds-loader-spinner-react
-                ?show=${t?.show}
-                orientation=${t?.orientation??`row`}
-                mode=${t?.mode??`light`}
-            ></ds-loader-spinner-react>
-        `),createSkeleton:(n={})=>(r(`ds-skeleton-react`,()=>Promise.resolve().then(()=>require(`../components/ds-skeleton/ds-skeleton.cjs`))),e.x`
-            <ds-skeleton-react
-                class=${t.o(n?.class)}
-                data-testid=${t.o(n?.[`data-testid`])}
-                variant=${t.o(n?.variant)}
-                width=${t.o(n?.width)}
-                height=${t.o(n?.height)}
-                animation=${t.o(n?.animation)}
-            ></ds-skeleton-react>
-        `),createToastMessage:t=>(r(`ds-toast-message-react`,()=>Promise.resolve().then(()=>require(`../components/ds-toast-message/ds-toast-message.cjs`))),e.x`
-            <ds-toast-message-react
-                data-id="${t[`data-id`]}"
-                data-template="${t[`data-template`]}"
-                title="${t.title}"
-                text="${t.text}"
-                status="${t.status}"
-            ></ds-toast-message-react>
-        `),createInlineAlert:t=>(r(`ds-inline-alert-react`,()=>Promise.resolve().then(()=>require(`../components/ds-inline-alert/ds-inline-alert.cjs`))),e.x`
-            <ds-inline-alert-react
-                title="${t.title}"
-                text="${t.text}"
-                status="${t.status}"
-                ?show=${t.show??!0}
-            ></ds-inline-alert-react>
-        `),createTooltip:(n={})=>(r(`ds-tooltip-react`,()=>Promise.resolve().then(()=>require(`../components/ds-tooltip/ds-tooltip.cjs`))),e.x`
-            <ds-tooltip-react
-                mode=${t.o(n.mode)}
-                ?show=${n.show??!1}
-                ?disable-hover-listener=${n?.[`disable-hover-listener`]}
-                ?disable-focus-listener=${n?.[`disable-focus-listener`]}
-                ?disable-press-listener=${n?.[`disable-press-listener`]}
+                ${r.children}
+            </${s}>
+        `),createLoaderSpinner:(e={})=>(m(`ds-loader-spinner${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-loader-spinner/ds-loader-spinner.cjs`))),t.u`
+            <${c}
+                ?show=${e?.show}
+                orientation=${e?.orientation??`row`}
+                mode=${e?.mode??`light`}
+            ></${c}>
+        `),createSkeleton:(r={})=>(m(`ds-skeleton${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-skeleton/ds-skeleton.cjs`))),t.u`
+            <${l}
+                class=${e.o(r?.class)}
+                data-testid=${e.o(r?.[`data-testid`])}
+                variant=${e.o(r?.variant)}
+                width=${e.o(r?.width)}
+                height=${e.o(r?.height)}
+                animation=${e.o(r?.animation)}
+            ></${l}>
+        `),createToastMessage:e=>(m(`ds-toast-message${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-toast-message/ds-toast-message.cjs`))),t.u`
+            <${u}
+                data-id="${e[`data-id`]}"
+                data-template="${e[`data-template`]}"
+                title="${e.title}"
+                text="${e.text}"
+                status="${e.status}"
+            ></${u}>
+        `),createInlineAlert:e=>(m(`ds-inline-alert${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-inline-alert/ds-inline-alert.cjs`))),t.u`
+            <${d}
+                title="${e.title}"
+                text="${e.text}"
+                status="${e.status}"
+                ?show=${e.show??!0}
+            ></${d}>
+        `),createTooltip:(r={})=>(m(`ds-tooltip${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-tooltip/ds-tooltip.cjs`))),t.u`
+            <${f}
+                class=${e.o(r?.class)}
+                mode=${e.o(r.mode)}
+                ?show=${r.show??!1}
+                ?disable-hover-listener=${r?.[`disable-hover-listener`]}
+                ?disable-focus-listener=${r?.[`disable-focus-listener`]}
+                ?disable-press-listener=${r?.[`disable-press-listener`]}
             >
-                ${n.children}
-                <div slot="content">${n.content}</div>
-            </ds-tooltip-react>
-        `)};function r(e,t){try{typeof window<`u`&&typeof customElements<`u`&&!customElements.get(e)&&t().catch(e=>{})}catch{}}exports.reactFactory=n;
+                ${r.children}
+                <div slot="content">${r.content}</div>
+            </${f}>
+        `)};function m(e,t){try{typeof window<`u`&&typeof customElements<`u`&&!customElements.get(e)&&t().catch(e=>{})}catch{}}exports.reactFactory=p;

package/dist-react/cjs/utils/cssWithTokens.cjs

@@ -1 +1 @@
-const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);function t(t,...n){return e.i`${e.r(String.raw({raw:t},...n).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-113`))}`}exports.cssWithTokens=t;
+const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);function t(t,...n){return e.i`${e.r(String.raw({raw:t},...n).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-115`))}`}exports.cssWithTokens=t;

package/dist-react/cjs/utils/htmlWithTokens.cjs

@@ -1 +1 @@
-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-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);function n(n,...r){return e.x`${t.o(String.raw({raw:n},...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-113`))}`}exports.htmlWithTokens=n;
+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-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);function n(n,...r){return e.x`${t.o(String.raw({raw:n},...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-115`))}`}exports.htmlWithTokens=n;

package/dist-react/cjs/utils/version.cjs

@@ -0,0 +1 @@
+var e=`2.0.0-canary.115`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;

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

@@ -6,9 +6,9 @@ import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.122.0/he
 import { UiKitElement as r } from "../base/UiKitElement.js";
 import { o as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
-import { s as o, u as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
+import { s as a, u as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
 import "../ds-breadcrumbs-item/ds-breadcrumbs-item.js";
 //#region src/components/ds-breadcrumbs/ds-breadcrumbs.ts
 var c = [{
@@ -50,24 +50,24 @@ var c = [{
 		});
 	}
 	itemTemplate(t, n) {
-		let r = t.selected || n, i = o(this.itemTag), a = r || t.disabled || !t.href ? s`<span slot="item">${t.label}</span>` : s`<a href=${t.href} slot="item">${t.label}</a>`;
-		return s`<li class="breadcrumb-list-item">
+		let r = t.selected || n, i = a(this.itemTag), s = r || t.disabled || !t.href ? o`<span slot="item">${t.label}</span>` : o`<a href=${t.href} slot="item">${t.label}</a>`;
+		return o`<li class="breadcrumb-list-item">
             <${i}
                 ?selected=${r}
                 ?disabled=${t.disabled}
                 ?loading=${t.loading}
             >
-                ${a}
+                ${s}
             </${i}>
             ${n ? e : this.separatorIcon}
         </li>`;
 	}
 	get slotTemplate() {
-		return s`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`;
+		return o`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`;
 	}
 	get overflowMenuTemplate() {
-		return s`<ul class="overflow-menu" role="menu">
-            ${this.items.slice(1, this.items.length - (this.maxItems - 2)).map((e) => s`
+		return o`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1, this.items.length - (this.maxItems - 2)).map((e) => o`
                     <li class="overflow-menu-item" role="none">
                         <a href=${i(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
                     </li>
@@ -75,12 +75,13 @@ var c = [{
         </ul>`;
 	}
 	get overflowTriggerTemplate() {
-		return s`<button class="overflow-trigger">
+		return o`<button class="overflow-trigger">
             <span class="overflow-label">...</span>
         </button>`;
 	}
 	get tooltipTemplate() {
 		return this.componentFactory.createTooltip({
+			class: "breadcrumbs-tooltip",
 			content: this.overflowMenuTemplate,
 			children: this.overflowTriggerTemplate
 		});
@@ -89,7 +90,7 @@ var c = [{
 		let { items: e, maxItems: t } = this;
 		if (e.length <= t) return e.map((t, n) => this.itemTemplate(t, n === e.length - 1));
 		let n = e.slice(e.length - (t - 2));
-		return s`
+		return o`
             ${this.itemTemplate(e[0], !1)}
             <li class="breadcrumb-list-item">
                 <div class="overflow-item-wrapper">
@@ -101,7 +102,7 @@ var c = [{
         `;
 	}
 	render() {
-		return s`
+		return o`
             ${this.slotTemplate}
             <nav class="container" aria-label="Breadcrumb">
                 <ol class="breadcrumb-list">
@@ -111,5 +112,5 @@ var c = [{
         `;
 	}
 };
-n([t()], u.prototype, "items", void 0), n([t()], u.prototype, "maxItems", void 0), n([t()], u.prototype, "itemTag", void 0), u = n([a("ds-breadcrumbs")], u);
+n([t()], u.prototype, "items", void 0), n([t()], u.prototype, "maxItems", void 0), n([t()], u.prototype, "itemTag", void 0), u = n([s("ds-breadcrumbs")], u);
 //#endregion

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

@@ -33,18 +33,13 @@ var u, d = class extends c(a) {
 		this.nativeStylesInjected = !1;
 	}
 	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), u.injectNativeInputStyles();
+		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), u.injectNativeInputStyles();
 	}
 	static injectNativeInputStyles() {
 		if (u.nativeStylesInjected) return;
 		u.nativeStylesInjected = !0;
 		let e = document.createElement("style");
-		e.setAttribute("data-ds-date-picker", ""), 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; }",
-			"ds-date-picker-react input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }",
-			"ds-date-picker-react input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }"
-		].join("\n"), document.head.appendChild(e);
+		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);

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

@@ -5,12 +5,12 @@ import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mod
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
 import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
-import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as o } from "../../utils/booleanConverter.js";
-import { e as s } 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 { s as c, u as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
+import { s as a, u as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as c } from "../../utils/booleanConverter.js";
+import { e as l } 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 { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
 import { objectConverter as d } from "../../utils/objectConverter.js";
 import { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
@@ -51,12 +51,12 @@ var m = new Set([
 		};
 	}
 	render() {
-		let t = (this.htmlTagName ?? "").toLowerCase(), n = c(m.has(t) ? t : "span");
-		return l`
+		let t = (this.htmlTagName ?? "").toLowerCase(), n = a(m.has(t) ? t : "span");
+		return o`
             <${n} 
                 part="container" 
                 data-testid="ds-text-container" 
-                class=${s(this.classes)}
+                class=${l(this.classes)}
                 style=${f({ color: this.color || "var(--ui-kit-text-color)" })}
             >
                 ${this.value ? this.value : e}
@@ -79,10 +79,10 @@ r([t({
 	reflect: !0
 })], h.prototype, "color", void 0), r([t({
 	type: Boolean,
-	converter: o,
+	converter: c,
 	reflect: !0
 })], h.prototype, "uppercase", void 0), r([n({
 	slot: "",
 	flatten: !0
-})], h.prototype, "slotedNodes", void 0), h = r([a("ds-text")], h);
+})], h.prototype, "slotedNodes", void 0), h = r([s("ds-text")], h);
 //#endregion

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

@@ -50,7 +50,7 @@ var p = class extends o {
 	}
 	loadThemeStyles() {
 		return this.loadStyles ? new Promise((e, t) => {
-			let n = "/2.0.0-canary.113", r = `https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;
+			let n = "/2.0.0-canary.115", r = `https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;
 			if (document.head.querySelector(`link[href="${r}"]`)) e();
 			else {
 				let i = `ui-kit-theme-${n}`, a = document.getElementById(i), o = document.createElement("link");

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

@@ -1,23 +1,24 @@
-import { reactFactory as e } from "../utils/componentFactory.js";
+import { VERSION_TAG_SUFFIX as e } from "../utils/version.js";
+import { reactFactory as t } from "../utils/componentFactory.js";
 //#region src/decorators/customUiKitElement.ts
-function t(t, n) {
-	return function(r) {
-		if (!r?.prototype) throw TypeError("@customUiKitElement requires a class that extends HTMLElement.");
-		let i = `${t}-react`;
-		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 {
-			constructor(...t) {
-				super(...t), this.componentFactory = e;
+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;
 			}
 			static {
-				this.componentName = a;
+				this.componentName = o;
 			}
 			connectedCallback() {
-				r.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.113");
+				i.prototype.connectedCallback?.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.115");
 			}
 		});
 	};
 }
 //#endregion
-export { t as customUiKitElement };
+export { n as customUiKitElement };

package/dist-react/esm/index.js

@@ -1,3 +1,4 @@
+import { VERSION as e, VERSION_TAG_SUFFIX as t } from "./utils/version.js";
 import "./components/index.js";
-import { iconNames as e } from "./components/ds-icon/iconNames.js";
-export { e as iconNames };
+import { iconNames as n } from "./components/ds-icon/iconNames.js";
+export { e as VERSION, t as VERSION_TAG_SUFFIX, n as iconNames };

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.113"), i = globalThis, a = i[r];
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.115"), 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.113"), n = globalThis, r = n[t];
+}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.115"), 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.113/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.115/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);