@cupra/ui-kit 1.1.0-canary.9 → 2.0.0-canary.100

package/dist/cjs/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs

@@ -0,0 +1 @@
+function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}exports.__decorate=e;

package/dist/cjs/components/base/DsUiElement.cjs

@@ -0,0 +1 @@
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs`),t=require(`../ds-theme-provider/themeContext.cjs`),n=require(`../../utils/PubSub.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`),i=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 a=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),o=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 s=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`);var c=class extends i.i{constructor(){super(),this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=n.pubSub.subscribe(`theme`,this.handleChangeTheme)}connectedCallback(){super.connectedCallback(),this.applyTheme()}updated(e){super.updated(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&(this.theme=this.contextTheme??this.pubSubTheme,this.applyTheme())}applyTheme(){let e=this.constructor,t=e.themesStyles?.[this.theme],n=Array.isArray(t)?t:[t];if(!n?.length)return;let i=Array.isArray(e.styles)?e.styles:[e.styles];r.S(this.shadowRoot,[...i,...n].filter(Boolean))}};s.__decorate([a.n({attribute:!1}),e.c({context:t.themeContext,subscribe:!0})],c.prototype,`contextTheme`,void 0),s.__decorate([o.r()],c.prototype,`pubSubTheme`,void 0),s.__decorate([o.r()],c.prototype,`theme`,void 0),exports.DsUiElement=c;

package/dist/cjs/components/base/UiKitElement.cjs

@@ -0,0 +1 @@
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs`),t=require(`../ds-theme-provider/themeContext.cjs`),n=require(`../../core/theme.constants.cjs`),r=require(`../../utils/PubSub.cjs`),i=require(`../../utils/StylesRegistry/StylesRegistry.cjs`),a=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`),o=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 s=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),c=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 l=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`);var u=a.i`:host([unresolved]){visibility:hidden}`,d=class e extends o.i{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=r.pubSub.subscribe(`theme`,this.handleChangeTheme)}get theme(){let e=typeof sessionStorage<`u`?sessionStorage?.getItem(n.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??e}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:`open`}),this.setAttribute(`unresolved`,``);let e=this.constructor,t=Array.isArray(e.styles)?e.styles:[e.styles].filter(Boolean);a.S(this.shadowRoot,[...t,u]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),r.pubSub.unsubscribe(`theme`,this.handleChangeTheme)}updated(e){super.updated(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&this.applyThemeStyles()}getComponentNames(){let t=new Set,n=this.constructor;for(;n&&n!==e;)Array.isArray(n.componentName)&&n.componentName.forEach(e=>t.add(e)),n=Object.getPrototypeOf(n);return Array.from(t).reverse()}supportsAdoptedSheets(){return`adoptedStyleSheets`in(ShadowRoot?.prototype||{})&&`replace`in CSSStyleSheet.prototype}async applyThemeStyles(){let e=this.getComponentNames();if(!(!this.theme||!e?.length))try{let t=await Promise.all(e.map(e=>i.stylesRegistry.getStyles({componentName:e,theme:this.theme}))),n=this.supportsAdoptedSheets(),r=this.shadowRoot.adoptedStyleSheets||[],a=this.appliedConstructables?r.filter(e=>!this.appliedConstructables.includes(e)):r;this.appliedConstructables=[],this.appliedStyleTags.forEach(e=>e.remove()),this.appliedStyleTags=[],t.forEach(e=>{if(e)if(n){let t=new CSSStyleSheet;t.replaceSync(e),this.appliedConstructables.push(t)}else{let t=document.createElement(`style`);t.textContent=e,this.shadowRoot.appendChild(t),this.appliedStyleTags.push(t)}}),n&&(this.shadowRoot.adoptedStyleSheets=[...a,...this.appliedConstructables])}catch(e){console.error(e)}finally{this.removeAttribute(`unresolved`),this.requestUpdate()}}};l.__decorate([s.n({attribute:!1}),e.c({context:t.themeContext,subscribe:!0})],d.prototype,`contextTheme`,void 0),l.__decorate([c.r()],d.prototype,`pubSubTheme`,void 0),exports.UiKitElement=d;

package/dist/cjs/components/base/ds-base-input/ds-base-input.cjs

@@ -0,0 +1,20 @@
+const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../../../utils/booleanConverter.cjs`),o=require(`../../../utils/htmlWithTokens.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(`../../../mixins/FormAssociatedMixin.cjs`),l=require(`../DsUiElement.cjs`),u=require(`./styles/common.styles.cjs`),d=require(`./styles/cupra.styles.cjs`);var f=class extends c.FormAssociatedMixin(l.DsUiElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}static{this.styles=[u.commonStyles,u.inputStyles]}static{this.themesStyles={cupra:d.cupraStyles}}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return o.htmlWithTokens`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                    pointer-events: ${this.disabled?`none`:`visible`};
+                }
+            </style>
+        `}render(){return e.x`
+            ${this.styleTokens}
+            <div class=${s.e(this.classes)}>
+                <div class="inner-container">
+                    ${this.labelTemplate}
+                    ${this.inputTemplate}
+                    ${this.iconTemplate}
+                </div>
+                <div class="helper-text">${this.helperText}</div>
+                <div class="error-text">${this.errorText}</div>
+                ${this.dropdownTemplate}
+            </div>
+        `}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],f.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],f.prototype,`size`,void 0),i.__decorate([n.r()],f.prototype,`_value`,void 0),i.__decorate([n.r()],f.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],f.prototype,`inputField`,void 0),exports.DsBaseInput=f;

package/dist/cjs/components/base/ds-base-input/styles/common.styles.cjs

@@ -0,0 +1,55 @@
+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`);var t=e.i`
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    .label,
+    .error-text,
+    .helper-text {
+        user-select: none;
+    }
+
+    .label {
+        position: absolute;
+        top: 0;
+        left: 0;
+        transform-origin: top left;
+        pointer-events: none;
+        transition:
+            transform 0.2s,
+            font-size 0.2s;
+        white-space: nowrap;
+    }
+`,n=e.i`
+    .container {
+        position: relative;
+    }
+
+    .input-field::-webkit-search-decoration,
+    .input-field::-webkit-search-cancel-button,
+    .input-field::-webkit-search-results-button,
+    .input-field::-webkit-search-results-decoration,
+    .input-field:not(.number)::-webkit-inner-spin-button,
+    .input-field::-webkit-calendar-picker-indicator {
+        display: none;
+    }
+
+    .input-field {
+        box-sizing: border-box;
+        width: 100%;
+        border: none;
+        outline: none;
+        background-color: transparent;
+    }
+
+    .inner-container {
+        align-items: center;
+        display: flex;
+        position: relative;
+    }
+
+    .input-field:focus {
+        outline: none;
+    }
+`;exports.commonStyles=t,exports.inputStyles=n;

package/dist/cjs/components/base/ds-base-input/styles/cupra.styles.cjs

@@ -0,0 +1,117 @@
+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`);var t=[e.i`
+    .container {
+        padding: 16px 0 0 0;
+    }
+    .inner-container {
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        margin-top: 4px;
+    }
+    .light .inner-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+    .dark .inner-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+    .success.light .inner-container {
+        border-bottom-color: var(--ds-color-green-100);
+    }
+    .success.dark .inner-container {
+        border-bottom-color: var(--ds-color-green-100);
+    }
+    :focus.light .inner-container {
+        border-bottom-color: var(--ds-color-black);
+    }
+    .focused.dark .inner-container {
+        border-bottom-color: var(--ds-color-light-grey);
+    }
+    .error.light .inner-container {
+        border-bottom-color: #b50303;
+    }
+    .error.dark .inner-container {
+        border-bottom-color: #ec8b8b;
+    }
+    .disabled.light .inner-container {
+        border-bottom-color: var(--ds-color-medium-grey);
+    }
+    .disabled.dark .inner-container {
+        border-bottom-color: var(--ds-color-dark-grey);
+    }
+    .input-field {
+        padding: 0 0 8px 0;
+    }
+    .large .input-field {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+    .small .input-field {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    .light .input-field {
+        color: var(--ds-color-black);
+    }
+    .dark .input-field {
+        color: var(--ds-color-white);
+    }
+    .disabled.light .input-field {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .input-field {
+        color: var(--ds-color-grey);
+    }
+    .error-text {
+        font: var(--ds-font-cupra-light-10);
+        margin-top: 4px;
+    }
+    .light .error-text {
+        color: #b50303;
+    }
+    .dark .error-text {
+        color: #ec8b8b;
+    }
+    .helper-text {
+        font: var(--ds-font-cupra-light-10);
+        margin-top: 4px;
+    }
+    .light .helper-text {
+        color: var(--ds-color-grey);
+    }
+    .dark .helper-text {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.light .helper-text {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .helper-text {
+        color: var(--ds-color-grey);
+    }
+    .large .label {
+        font: var(--ds-font-cupra-light-30-title);
+    }
+    .small .label {
+        font: var(--ds-font-cupra-light-20-title);
+    }
+    .light .label {
+        color: var(--ds-color-grey);
+    }
+    .dark .label {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.light .label {
+        color: var(--ds-color-off-white);
+    }
+    .disabled.dark .label {
+        color: var(--ds-color-grey);
+    }
+    .light .icon {
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
+    }
+    .dark .icon {
+        --ui-kit-icon-color: var(--ds-color-light-grey);
+    }
+    .disabled.light .icon {
+        --ui-kit-icon-color: var(--ds-color-medium-grey);
+    }
+    .disabled.dark .icon {
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
+    }
+`];exports.cupraStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.cjs

@@ -0,0 +1,12 @@
+const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../../../utils/booleanConverter.cjs`),i=require(`../../../utils/htmlWithTokens.cjs`),a=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`../DsUiElement.cjs`),s=require(`./styles/common.styles.cjs`),c=require(`./styles/cupra-diagonal.styles.cjs`),l=require(`./styles/cupra.styles.cjs`),u=require(`./styles/seat.styles.cjs`);var d=class extends o.DsUiElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}static{this.styles=[s.commonStyles]}static{this.themesStyles={cupra:l.cupraStyles,"cupra-diagonal":c.cupraDiagonalStyles,seat:u.seatStyles}}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return i.htmlWithTokens`
+            <style>
+                :host {
+                    color-scheme: ${this.mode};
+                }
+            </style>
+        `}get barTemplate(){return e.x`
+            ${this.styleTokens}
+            <div class=${a.e(this.classes)}>
+                <div class="fill"></div>
+            </div>
+        `}};n.__decorate([t.n({type:Boolean,converter:r.booleanConverter})],d.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],d.prototype,`size`,void 0),exports.DsBaseProgressBar=d;

package/dist/cjs/components/base/ds-base-progress-bar/styles/common.styles.cjs

@@ -0,0 +1,15 @@
+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`);var t=e.i`
+    .track {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+    }
+
+    .fill {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        display: block;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,20 @@
+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`);var t=[e.i`
+    .track.large {
+        height: 4px;
+    }
+    .track.small {
+        height: 2px;
+    }
+    .track.light {
+        background-color: var(--ds-color-off-white);
+    }
+    .track.dark {
+        background-color: var(--ds-color-off-white);
+    }
+    .light .fill {
+        background-color: var(--ds-color-black);
+    }
+    .dark .fill {
+        background-color: var(--ds-color-white);
+    }
+`];exports.cupraDiagonalStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra.styles.cjs

@@ -0,0 +1,20 @@
+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`);var t=[e.i`
+    .track.large {
+        height: 4px;
+    }
+    .track.small {
+        height: 2px;
+    }
+    .track.light {
+        background-color: var(--ds-color-off-white);
+    }
+    .track.dark {
+        background-color: var(--ds-color-off-white);
+    }
+    .light .fill {
+        background-color: var(--ds-color-black);
+    }
+    .dark .fill {
+        background-color: var(--ds-color-white);
+    }
+`];exports.cupraStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/seat.styles.cjs

@@ -0,0 +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`);var t=[e.i``];exports.seatStyles=t;

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

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

package/dist/cjs/components/ds-accordion/styles/common.styles.cjs

@@ -0,0 +1,57 @@
+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`);var t=e.i`
+    :host {
+        display: block;
+        width: 100%;
+    }
+
+    summary {
+        list-style: none;
+    }
+
+    summary::-webkit-details-marker {
+        display: none;
+    }
+
+    summary::marker {
+        content: none;
+    }
+
+    .title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .open .close-icon,
+    .open-icon {
+        display: none;
+    }
+
+    .open .open-icon,
+    .close-icon {
+        display: block;
+    }
+
+    details {
+        @media (prefers-reduced-motion: no-preference) {
+            interpolate-size: allow-keywords;
+        }
+
+        &::details-content {
+            opacity: 0;
+            block-size: 0;
+            overflow-y: clip;
+            transition:
+                content-visibility 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete,
+                opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
+                block-size 0.3s cubic-bezier(0, 0, 0.2, 1);
+        }
+
+        &[open]::details-content {
+            opacity: 1;
+            block-size: auto;
+        }
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-accordion/theme-config.cjs

@@ -0,0 +1 @@
+var e={cupra:{"icon-names":{open:`minus`,close:`plus`},"icon-button-variant":`secondary`},"cupra-diagonal":{"icon-names":{open:`arrow-up`,close:`arrow-down`},"icon-button-variant":`primary`},seat:{"icon-names":{open:`arrow-up`,close:`arrow-down`},"icon-button-variant":`primary`}};exports.themeConfig=e;

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

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

package/dist/cjs/components/ds-avatar/styles/common.styles.cjs

@@ -0,0 +1,5 @@
+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`);var t=e.i`
+    :host {
+        display: contents;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-badge/ds-badge.cjs

@@ -0,0 +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_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../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 o=require(`./styles/common.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`medium`}static{this.styles=[o.commonStyles]}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get contentTemplate(){return this.hasNumber?e.x`${this.number}`:e.E}render(){return e.x` <div class=${a.e(this.classes)}>${this.contentTemplate}</div> `}};n.__decorate([t.n({type:Number})],s.prototype,`number`,void 0),n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],s.prototype,`size`,void 0),s=n.__decorate([i.customUiKitElement(`ds-badge`)],s);

package/dist/cjs/components/ds-badge/styles/common.styles.cjs

@@ -0,0 +1,5 @@
+var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
+    :host {
+        display: inline-flex;
+    }
+`;exports.commonStyles=e;

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

@@ -0,0 +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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../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 o=require(`./styles/common.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}static{this.styles=[o.commonStyles]}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event(`ds-basic-card:click`,{bubbles:!0,composed:!0}))}render(){return e.x`
+            <article
+                part="container"
+                class="${a.e(this.classes)}"
+                @click=${this.handleClick}
+                data-testid="ds-basic-card-container"
+            >
+                ${this.variant===`featured`?e.x`<div><slot name="featured-text"></slot></div>`:e.E}
+                <slot></slot>
+            </article>
+        `}};n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),s=n.__decorate([i.customUiKitElement(`ds-basic-card`)],s);

package/dist/cjs/components/ds-basic-card/styles/common.styles.cjs

@@ -0,0 +1,23 @@
+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`);var t=e.i`
+    :host {
+        row-gap: 0;
+        display: grid;
+        grid-template-rows: subgrid;
+        grid-row: span 7;
+    }
+
+    .subgrid {
+        display: grid;
+        grid-template-rows: subgrid;
+        grid-row: span 7;
+    }
+
+    .container {
+        cursor: pointer;
+        overflow: hidden;
+    }
+
+    ::slotted([slot='featured-text']) {
+        pointer-events: none;
+    }
+`;exports.commonStyles=t;

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

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

package/dist/cjs/components/ds-basic-card-header/styles/common.styles.cjs

@@ -0,0 +1,35 @@
+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`);var t=e.i`
+    .header-wrapper {
+        align-items: flex-start;
+        align-self: stretch;
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .header-content {
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+    }
+
+    .title-wrapper {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
+
+    ::slotted([slot='title']) {
+        width: 100%;
+    }
+
+    ::slotted([slot='sub-header']) {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .divider {
+        margin-top: auto;
+        width: 100%;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-image/ds-basic-card-image.cjs

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

package/dist/cjs/components/ds-basic-card-image/styles/common.styles.cjs

@@ -0,0 +1,6 @@
+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`);var t=e.i`
+    :host {
+        height: 100%;
+        width: 100%;
+    }
+`;exports.commonStyles=t;

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

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

package/dist/cjs/components/ds-basic-card-section/styles/common.styles.cjs

@@ -0,0 +1,16 @@
+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`);var t=e.i`
+    :host {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+    }
+
+    .centered {
+        justify-content: center;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-breadcrumbs/ds-breadcrumbs.cjs

@@ -0,0 +1,34 @@
+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/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../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 a=require(`../../decorators/customUiKitElement.cjs`),o=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`),require(`../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`);var s=[{below:768,maxItems:3},{below:1024,maxItems:4}],c=5,l=class extends r.UiKitElement{constructor(...e){super(...e),this.items=[],this.maxItems=c,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{this.maxItems=s.find(({below:e})=>window.innerWidth<e)?.maxItems??c}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>({label:e.getAttribute(`label`)||e.textContent?.trim()||``,href:e.getAttribute(`href`)||e.querySelector(`[slot="item"]`)?.getAttribute(`href`)||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}))}get separatorIcon(){return this.componentFactory.createIcon({class:`separator-icon`,"icon-name":`arrow-right`,size:24})}itemTemplate(t,n){let r=t.selected||n,i=o.s(this.itemTag),a=r||t.disabled||!t.href?o.u`<span slot="item">${t.label}</span>`:o.u`<a href=${t.href} slot="item">${t.label}</a>`;return o.u`<li class="breadcrumb-list-item">
+            <${i}
+                ?selected=${r}
+                ?disabled=${t.disabled}
+                ?loading=${t.loading}
+            >
+                ${a}
+            </${i}>
+            ${n?e.E:this.separatorIcon}
+        </li>`}get slotTemplate(){return o.u`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){return o.u`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>o.u`
+                    <li class="overflow-menu-item" role="none">
+                        <a href=${i.o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                    </li>
+                `)}
+        </ul>`}get overflowTriggerTemplate(){return o.u`<button class="overflow-trigger">
+            <span class="overflow-label">...</span>
+        </button>`}get tooltipTemplate(){return this.componentFactory.createTooltip({content:this.overflowMenuTemplate,children:this.overflowTriggerTemplate})}get listTemplate(){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 o.u`
+            ${this.itemTemplate(e[0],!1)}
+            <li class="breadcrumb-list-item">
+                <div class="overflow-item-wrapper">
+                    ${this.tooltipTemplate}
+                    ${this.separatorIcon}
+                </div>
+            </li>
+            ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
+        `}render(){return o.u`
+            ${this.slotTemplate}
+            <nav class="container" aria-label="Breadcrumb">
+                <ol class="breadcrumb-list">
+                    ${this.listTemplate}
+                </ol>
+            </nav>
+        `}};n.__decorate([t.r()],l.prototype,`items`,void 0),n.__decorate([t.r()],l.prototype,`maxItems`,void 0),n.__decorate([t.r()],l.prototype,`itemTag`,void 0),l=n.__decorate([a.customUiKitElement(`ds-breadcrumbs`)],l);

package/dist/cjs/components/ds-breadcrumbs-item/ds-breadcrumbs-item.cjs

@@ -0,0 +1,5 @@
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.selected=!1,this.disabled=!1,this.loading=!1}get classes(){return{"item-wrapper":!0,selected:this.selected,disabled:this.disabled,loading:this.loading}}render(){let t=this.loading?e.x`<div class="skeleton-placeholder"></div>`:e.x`<slot name="item"></slot>`;return e.x`
+            <div class=${o.e(this.classes)} part="item-wrapper">
+                ${t}
+            </div>
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`loading`,void 0),s=n.__decorate([i.customUiKitElement(`ds-breadcrumbs-item`)],s);