@cupra/ui-kit 2.0.0-canary.18 → 2.0.0-canary.180

package/dist-react/cjs/components/ds-slider/styles/common.styles.cjs

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=t.css`
+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;
     }
-`,n=e.cssWithTokens`
+`,n=e.i`
     .current-value-container {
         position: relative;
     }
-    
+
     .current-value-text {
         display: inline-flex;
         position: absolute;
     }
-`,o=e.cssWithTokens`
+`,r=e.i`
     .range-value-container {
         display: flex;
         justify-content: space-between;
     }
-    
+
     .range-value-text {
         display: inline-flex;
     }
@@ -24,7 +24,7 @@
     .range-value-label:after {
         content: ':';
     }
-`,r=e.cssWithTokens`
+`,i=e.i`
     .track {
         position: relative;
         cursor: pointer;
@@ -38,12 +38,26 @@
         position: absolute;
     }
 
-    .track, .track-range {
+    .track,
+    .track-range {
         background-clip: content-box;
     }
-`,a=e.cssWithTokens`
+`,a=e.i`
     .thumb {
         z-index: 2;
         position: absolute;
     }
-`;exports.commonStyles=s;exports.currentValueStyles=n;exports.rangeValueStyles=o;exports.thumbStyles=a;exports.trackStyles=r;
+`,o=e.i`
+    .input-value::-webkit-inner-spin-button,
+    .input-value::-webkit-outer-spin-button,
+    .secondary-input-value::-webkit-inner-spin-button,
+    .secondary-input-value::-webkit-outer-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input-value[type='number'],
+    .secondary-input-value[type='number'] {
+        -moz-appearance: textfield;
+    }
+`;exports.commonStyles=t,exports.currentValueStyles=n,exports.inputResetStyles=o,exports.rangeValueStyles=r,exports.thumbStyles=a,exports.trackStyles=i;

package/dist-react/cjs/components/ds-slider/utils/getStepValue/getStepValue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function M({value:a,min:i,max:l}){return Math.min(Math.max(a,i),l)}const S=(a,i,l=10)=>{const f=Math.pow(10,l),h=Math.round(a*f),o=Math.round(i*f);return(h+o)/f},d=({step:a=1,min:i=0,max:l=100,proposedValue:f,role:h,currentValues:o})=>{const m=h==="min"?1:2,u=f;let n,t=i,e=l;return Number.isFinite(u)?(Object.keys(o).forEach(c=>{if(Number(c)<m&&o[c]>=t){if(t=o[c],a===0)return;let r=i;for(;r<=t;)r=S(r,a);t=r}if(Number(c)>m&&o[c]<=e){if(e=o[c],a===0)return;let r=i;for(;r+a<e;)r=S(r,a);e=r}t=M({value:t,min:i,max:l}),e=M({value:e,min:i,max:l})}),u<=t||u>=e?(n=Math.max(t,Math.min(e,u)),{stepValue:n,minLimit:t,maxLimit:e}):a===0?{stepValue:u,minLimit:t,maxLimit:e}:(n=Math.round((u-t)/a)*a+t,n=u-n>e-u?e:n,n=M({value:n,min:t,max:e}),{stepValue:n,minLimit:t,maxLimit:e})):{stepValue:o[String(m)],minLimit:t,maxLimit:e}};exports.getStepValue=d;
+function e({value:e,min:t,max:n}){return Math.min(Math.max(e,t),n)}var t=(e,t,n=10)=>{let r=10**n;return(Math.round(e*r)+Math.round(t*r))/r},n=({step:n=1,min:r=0,max:i=100,proposedValue:a,role:o,currentValues:s})=>{let c=o===`min`?1:2,l=a,u,d=r,f=i;return Number.isFinite(l)?(Object.keys(s).forEach(a=>{if(Number(a)<c&&s[a]>=d){if(d=s[a],n===0)return;let e=r;for(;e<=d;)e=t(e,n);d=e}if(Number(a)>c&&s[a]<=f){if(f=s[a],n===0)return;let e=r;for(;e+n<f;)e=t(e,n);f=e}d=e({value:d,min:r,max:i}),f=e({value:f,min:r,max:i})}),l<=d||l>=f?(u=Math.max(d,Math.min(f,l)),{stepValue:u,minLimit:d,maxLimit:f}):n===0?{stepValue:l,minLimit:d,maxLimit:f}:(u=Math.round((l-d)/n)*n+d,u=l-u>f-l?f:u,u=e({value:u,min:d,max:f}),{stepValue:u,minLimit:d,maxLimit:f})):{stepValue:s[String(c)],minLimit:d,maxLimit:f}};exports.getStepValue=n;

package/dist-react/cjs/components/ds-slider/utils/roundToDecimals/roundToDecimals.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=({value:t,fractionDigits:e})=>{const o=Math.pow(10,e);return Math.round(t*o)/o};exports.roundToDecimals=r;
+var e=({value:e,fractionDigits:t})=>{let n=10**t;return Math.round(e*n)/n};exports.roundToDecimals=e;

package/dist-react/cjs/components/ds-static-box/ds-static-box.cjs

@@ -1,26 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),u=require("../../mixins/ViewportMixin.cjs"),p=require("../../utils/htmlWithTokens.cjs"),m=require("../../utils/objectConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var q=Object.defineProperty,x=Object.getOwnPropertyDescriptor,o=(i,e,s,r)=>{for(var t=r>1?void 0:r?x(e,s):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(t=(r?a(e,s,t):a(t))||t);return r&&t&&q(e,s,t),t};exports.DsStaticBox=class extends u.ViewportMixin(c.UiKitElement){constructor(){super(...arguments),this.size="medium"}get classes(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get styleTokens(){var e,s;return p.htmlWithTokens`
+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"),i=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 a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.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("../../utils/observeScroll/observeScroll.cjs"),f=require("./styles/common.styles.cjs");var p,m=(p=class extends l.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.showTopShadow=!1,this.showBottomShadow=!1}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get mainWrapperClasses(){return{"main-wrapper":!0,"shadow-top":this.showTopShadow,"shadow-bottom":this.showBottomShadow}}get styleTokens(){var t,n;return e.x`
             <style>
                 .header {
-                    display: ${((e=this.headerItems)==null?void 0:e.length)>0?"block":"none"};
+                    display: ${((t=this.headerItems)==null?void 0:t.length)>0?`block`:`none`};
                 }
-                
+
                 .footer {
-                    display: ${((s=this.footerItems)==null?void 0:s.length)>0?"block":"none"};
+                    display: ${((n=this.footerItems)==null?void 0:n.length)>0?`block`:`none`};
                 }
             </style>
-        `}render(){return h.html`
+        `}onSlotChange(){this.cleanupScrollObserver&&this.cleanupScrollObserver(),this.cleanupScrollObserver=d.observeScroll(this.mainElement,({top:e,bottom:t})=>{this.showTopShadow=e,this.showBottomShadow=t})}firstUpdated(){this.onSlotChange()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.cleanupScrollObserver)==null||e.call(this)}render(){return e.x`
             ${this.styleTokens}
-            <div part="container" data-testid="ds-static-box-container" class=${v.classMap(this.classes)}>
+            <div part="container" data-testid="ds-static-box-container" class=${c.e(this.classes)}>
                 <div class="body">
                     <div part="header" class="header">
                         <slot name="header"></slot>
                     </div>
-                    <div part="main" class="main ds-scroll">
-                        <slot name="main"></slot>
+                    <div class=${c.e(this.mainWrapperClasses)}>
+                        <div part="main" class="main ds-scroll" tabindex="0">
+                            <slot name="main" @slotchange=${this.onSlotChange}></slot>
+                        </div>
                     </div>
                 </div>
                 <div part="footer" class="footer">
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}};exports.DsStaticBox.styles=[f.commonStyles];o([y.property({type:String,converter:m.objectConverter})],exports.DsStaticBox.prototype,"size",2);o([l.queryAssignedNodes({slot:"header",flatten:!0})],exports.DsStaticBox.prototype,"headerItems",2);o([l.queryAssignedNodes({slot:"footer",flatten:!0})],exports.DsStaticBox.prototype,"footerItems",2);exports.DsStaticBox=o([d.customUiKitElement("ds-static-box")],exports.DsStaticBox);
+        `}},p.styles=[f.commonStyles],p);a.__decorate([t.n({type:String,converter:u.objectConverter})],m.prototype,`size`,void 0),a.__decorate([i.n({slot:`header`,flatten:!0})],m.prototype,`headerItems`,void 0),a.__decorate([i.n({slot:`footer`,flatten:!0})],m.prototype,`footerItems`,void 0),a.__decorate([r.e(`.main`)],m.prototype,`mainElement`,void 0),a.__decorate([n.r()],m.prototype,`showTopShadow`,void 0),a.__decorate([n.r()],m.prototype,`showBottomShadow`,void 0),m=a.__decorate([s.customUiKitElement(`ds-static-box`)],m);

package/dist-react/cjs/components/ds-static-box/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+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=s;
+`;exports.commonStyles=t;

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

@@ -1,10 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var S=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(n,s,i,t)=>{for(var e=t>1?void 0:t?y(s,i):s,r=n.length-1,p;r>=0;r--)(p=n[r])&&(e=(t?p(s,i,e):p(e))||e);return t&&e&&S(s,i,e),e};exports.DsStepper=class extends l.UiKitElement{constructor(){super(...arguments),this.steps=0,this.currentStep=-1}get classes(){return{container:!0}}render(){if(!this.steps)return c.nothing;const s=Math.max(-1,Math.min(this.currentStep,this.steps));return c.html`
+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.133.0/helpers/esm/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,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.steps=0,this.currentStep=-1,this.sectionName=``}get classes(){return{container:!0}}get clampedCurrentStep(){return Math.max(-1,Math.min(this.currentStep,this.steps))}get sectionNumberText(){return`${Math.min(this.clampedCurrentStep+1,this.steps)}/${this.steps}`}get headerTemplate(){return e.x`
+            <div class="header" data-testid="ds-stepper-header">
+                <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
+                <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
+            </div>
+        `}get stepsRowTemplate(){return e.x`
             <div
-                data-testid="ds-stepper-container"
-                class=${o.classMap(this.classes)}
+                data-testid="ds-stepper-steps-row"
+                class="steps-row"
                 role="list"
                 aria-label="Steps"
             >
-                ${Array.from({length:this.steps},(i,t)=>{const e=t<=s,r=t===s,p={step:!0,active:e,current:r};return c.html`<span class=${o.classMap(p)} role="listitem" aria-posinset=${t+1} aria-setsize=${this.steps} aria-current=${r?"step":"false"}></span>`})}
+                ${Array.from({length:this.steps},(t,n)=>{let r=n<=this.clampedCurrentStep,i=n===this.clampedCurrentStep;return e.x`<span class=${a.e({step:!0,active:r,current:i})} role="listitem" aria-posinset=${n+1} aria-setsize=${this.steps} aria-current=${i?`step`:`false`}></span>`})}
+            </div>
+        `}render(){return this.steps?e.x`
+            <div
+                data-testid="ds-stepper-container"
+                class=${a.e(this.classes)}
+            >
+                ${this.headerTemplate}
+                ${this.stepsRowTemplate}
             </div>
-        `}};exports.DsStepper.styles=[h.commonStyles];a([u.property({type:Number,attribute:"steps",reflect:!0})],exports.DsStepper.prototype,"steps",2);a([u.property({type:Number,attribute:"current-step",reflect:!0})],exports.DsStepper.prototype,"currentStep",2);exports.DsStepper=a([m.customUiKitElement("ds-stepper")],exports.DsStepper);
+        `:e.E}},s.styles=[o.commonStyles],s);n.__decorate([t.n({type:Number,attribute:`steps`,reflect:!0})],c.prototype,`steps`,void 0),n.__decorate([t.n({type:Number,attribute:`current-step`,reflect:!0})],c.prototype,`currentStep`,void 0),n.__decorate([t.n({type:String,attribute:`section-name`,reflect:!0})],c.prototype,`sectionName`,void 0),c=n.__decorate([i.customUiKitElement(`ds-stepper`)],c);

package/dist-react/cjs/components/ds-stepper/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+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=s;
+`;exports.commonStyles=t;

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

@@ -0,0 +1,13 @@
+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.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=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 s=require("./styles/common.styles.cjs");var c,l=(c=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}handleHeaderSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0}handleBodySlotChange(e){let t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0}get columnCount(){let e=this.querySelector(`[data-column-count]`);return e?Number(e.getAttribute(`data-column-count`)):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){return this.columnCount===0?e.E:e.x`
+            <div class="table-wrapper" role="table" style=${o.o({"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`})}>
+                <div class="header" role="rowgroup">
+                    <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
+                </div>
+                <div class="body" role="rowgroup">
+                    <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
+                </div>
+                ${this.showEmptyState?e.x`<div class="empty-state" role="row">
+                          <span role="cell">${this.emptyMessage}</span>
+                      </div>`:e.E}
+            </div>
+        `}},c.styles=[s.commonStyles],c);r.__decorate([t.n({type:String,reflect:!0,attribute:`empty-message`})],l.prototype,`emptyMessage`,void 0),r.__decorate([n.r()],l.prototype,`hasHeaderContent`,void 0),r.__decorate([n.r()],l.prototype,`hasBodyContent`,void 0),l=r.__decorate([a.customUiKitElement(`ds-table`)],l);

package/dist-react/cjs/components/ds-table/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-react/cjs/components/ds-table-cell/ds-table-cell.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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o,s=(o=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}render(){return e.x`
+            <div class="cell" role="cell">
+                <slot></slot>
+            </div>
+        `}},o.styles=[a.commonStyles],o);n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`variant`,void 0),s=n.__decorate([i.customUiKitElement(`ds-table-cell`)],s);

package/dist-react/cjs/components/ds-table-cell/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 {
+        display: table-cell;
+        box-sizing: border-box;
+    }
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-table-row/ds-table-row.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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("./styles/common.styles.cjs");var o,s=(o=class extends r.UiKitElement{constructor(...e){super(...e),this.columnCount=0}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0});this.columnCount=t.length}render(){return e.x`
+            <div class="row" role="row">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}},o.styles=[a.commonStyles],o);n.__decorate([t.n({type:Number,reflect:!0,attribute:`data-column-count`})],s.prototype,`columnCount`,void 0),s=n.__decorate([i.customUiKitElement(`ds-table-row`)],s);

package/dist-react/cjs/components/ds-table-row/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: table-row;
+    }
+`;exports.commonStyles=t;

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

@@ -1,12 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../base/UiKitElement.cjs"),T=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const n=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"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),f=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),c=require("./styles/common.styles.cjs"),g=require("./theme-config.cjs");var S=Object.defineProperty,D=Object.getOwnPropertyDescriptor,i=(d,e,t,s)=>{for(var a=s>1?void 0:s?D(e,t):e,r=d.length-1,l;r>=0;r--)(l=d[r])&&(a=(s?l(e,t,a):l(a))||a);return s&&a&&S(e,t,a),a};exports.DsTabs=class extends v.UiKitElement{constructor(){super(...arguments),this.selectedTab=0,this.mode="light",this.variant="primary",this.size="large",this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{var t,s,a,r;if(!(this.focusedTabIndex<0))switch(e.key){case"ArrowRight":case"Right":e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)&&(this.focusedTabIndex+=1,(s=this.tabs[this.focusedTabIndex])==null||s.focus());break;case"ArrowLeft":case"Left":e.preventDefault(),this.focusedTabIndex-1>=0&&(this.focusedTabIndex-=1,(a=this.tabs[this.focusedTabIndex])==null||a.focus());break;case"Enter":case" ":e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((r=this.tabs)==null?void 0:r.length)&&this.handleChangeSelectedTab(this.focusedTabIndex);break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var t,s,a,r;const e=((t=this.nav)==null?void 0:t.scrollLeft)+((s=this.nav)==null?void 0:s.clientWidth);this.hasScrollLeft=((a=this.nav)==null?void 0:a.scrollLeft)>0,this.hasScrollRight=e<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:"smooth"})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:"smooth"})},this.handleFocus=e=>{var a;const t=e.target,s=((a=this.tabs)==null?void 0:a.findIndex(r=>r===t))??-1;if(s<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=s},this.handleBlur=()=>{this.focusedTabIndex=-1}}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll("[slot=tab]")),this.panels=Array.from(this.querySelectorAll("[slot=panel]"))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleScrollNav)}getScrollButtonTemplate(e,t){var r;if(!this.theme||e==="left"&&!this.hasScrollLeft||e==="right"&&!this.hasScrollRight)return u.nothing;const s=`arrow-${e}`,a=(r=g.themeConfig[this.theme])==null?void 0:r["icon-button-variant"];return this.componentFactory.createIconButton({class:`nav-arrow ${e}`,"data-aria-label":`nav-arrow-${e}`,"@click":t,size:["xxsmall","xsmall","small"].includes(this.size)?"medium":"large","icon-name":s,mode:this.mode,variant:a})}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener("resize",this.handleScrollNav),this.nav.addEventListener("scroll",this.handleScrollNav),this.setTabsFocusable()}updated(e){if(super.updated(e),e.has("selectedTab")&&this.selectTab(this.selectedTab),e.has("variant")){const t=this.variant==="secondary"||this.variant==="primary"?this.variant:"primary";this.variant!==t&&(this.variant=t)}this.setupTabAccessibility()}handleTabsSlotchange(e){this.tabs=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(e){this.panels=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var e;(e=this.tabs)==null||e.forEach(t=>{t.setAttribute("tabindex","0")})}selectTab(e){var s,a,r,l,b;(s=this.tabs)==null||s.forEach((h,p)=>{h.removeAttribute("selected"),h.setAttribute("aria-selected",p===e?"true":"false")}),(a=this.tabs[e])==null||a.setAttribute("selected",""),this.panels.forEach(h=>h.removeAttribute("selected")),(r=this.panels[e])==null||r.setAttribute("selected","");const t=(l=this.tabs)==null?void 0:l[this.selectedTab];this.nav.scrollLeft=(t==null?void 0:t.offsetLeft)-((b=this.nav)==null?void 0:b.offsetWidth)/2}setupTabAccessibility(){var e;(e=this.tabs)==null||e.forEach((t,s)=>{t.setAttribute("role","tab"),t.setAttribute("tabindex",s===this.selectedTab&&!this.disabled?"0":"-1"),t.addEventListener("focus",this.handleFocus),t.addEventListener("blur",this.handleBlur)})}handleChangeSelectedTab(e){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{selectedTab:e}})),this.selectedTab=e}handleSelect(e){let t;this.tabs.forEach((s,a)=>{(s===e.target||s.contains(e.target))&&(t=a)}),!(typeof t!="number"||t===this.selectedTab)&&this.handleChangeSelectedTab(t)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return u.html`
-            <div part="container" class=${f.classMap(this.classes)}>
-                <div class=${f.classMap(this.navContainerClasses)}>
-                    ${this.getScrollButtonTemplate("left",this.handleScrollLeft)}
-                    <nav tabindex="-1" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
+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.133.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const d=require("./styles/common.styles.cjs"),f=require("./theme-config.cjs");var p,m=(p=class extends a.UiKitElement{constructor(...e){super(...e),this._selectedTab=void 0,this._selectedTabState=0,this.mode=`light`,this.variant=`primary`,this.size=`large`,this.disabled=!1,this.focusedTabIndex=-1,this.handleKeyDown=e=>{if(!(this.focusedTabIndex<0))switch(e.key){case`ArrowRight`:case`Right`:var t;if(e.preventDefault(),this.focusedTabIndex+1<((t=this.tabs)==null?void 0:t.length)){var n;this.focusedTabIndex+=1,(n=this.tabs[this.focusedTabIndex])==null||n.focus()}break;case`ArrowLeft`:case`Left`:if(e.preventDefault(),this.focusedTabIndex-1>=0){var r;--this.focusedTabIndex,(r=this.tabs[this.focusedTabIndex])==null||r.focus()}break;case`Enter`:case` `:var i;e.preventDefault(),this.focusedTabIndex>=0&&this.focusedTabIndex<((i=this.tabs)==null?void 0:i.length)&&this.handleChangeSelectedTab(this.focusedTabIndex);break;default:break}},this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.nav)==null?void 0:e.scrollLeft)+((t=this.nav)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.nav)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.nav)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.nav.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.nav.scrollBy({left:150,behavior:`smooth`})},this.handleFocus=e=>{var t;let n=e.target,r=((t=this.tabs)==null?void 0:t.findIndex(e=>e===n))??-1;if(r<0||this.disabled){e.preventDefault();return}this.focusedTabIndex=r},this.handleBlur=()=>{this.focusedTabIndex=-1}}get selectedTab(){return this._selectedTab??this._selectedTabState}set selectedTab(e){this._selectedTab=e}connectedCallback(){super.connectedCallback(),this.tabs=Array.from(this.querySelectorAll(`[slot=tab]`)),this.panels=Array.from(this.querySelectorAll(`[slot=panel]`))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav)}getScrollButtonTemplate(t,n){var r;if(!this.theme||t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let i=`arrow-${t}`,a=(r=f.themeConfig[this.theme])==null?void 0:r[`icon-button-variant`];return c.uiKitHtml`<ds-icon-button
+            class=${`nav-arrow ${t}`}
+            data-aria-label=${`nav-arrow-${t}`}
+            @click=${n}
+            size=${this.size===`medium`?`medium`:`large`}
+            icon-name=${i}
+            mode=${u.o(this.mode)}
+            variant=${u.o(a)}
+        ></ds-icon-button>`}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.nav),this.tabs.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.nav.addEventListener(`scroll`,this.handleScrollNav),this.setTabsFocusable()}updated(e){if(super.updated(e),(e.has(`_selectedTab`)||e.has(`_selectedTabState`))&&this.selectTab(this.selectedTab),e.has(`variant`)){let e=this.variant===`secondary`||this.variant===`primary`?this.variant:`primary`;this.variant!==e&&(this.variant=e)}this.setupTabAccessibility()}handleTabsSlotchange(e){this.tabs=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}handlePanelSlotchange(e){this.panels=e.target.assignedNodes({flatten:!0}),this.setTabsFocusable()}setTabsFocusable(){var e;(e=this.tabs)==null||e.forEach(e=>{e.setAttribute(`tabindex`,`0`)})}selectTab(e){var t,n,r,i,a;(t=this.tabs)==null||t.forEach((t,n)=>{t.removeAttribute(`selected`),t.setAttribute(`aria-selected`,n===e?`true`:`false`)}),(n=this.tabs[e])==null||n.setAttribute(`selected`,``),this.panels.forEach(e=>e.removeAttribute(`selected`)),(r=this.panels[e])==null||r.setAttribute(`selected`,``);let o=(i=this.tabs)==null?void 0:i[this.selectedTab];this.nav.scrollLeft=(o==null?void 0:o.offsetLeft)-((a=this.nav)==null?void 0:a.offsetWidth)/2}setupTabAccessibility(){var e;(e=this.tabs)==null||e.forEach((e,t)=>{e.setAttribute(`role`,`tab`),e.setAttribute(`tabindex`,t===this.selectedTab&&!this.disabled?`0`:`-1`),e.addEventListener(`focus`,this.handleFocus),e.addEventListener(`blur`,this.handleBlur)})}handleChangeSelectedTab(e){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{selectedTab:e}})),this._selectedTabState=e,this._selectedTab=void 0}handleSelect(e){let t;this.tabs.forEach((n,r)=>{(n===e.target||n.contains(e.target))&&(t=r)}),!(typeof t!=`number`||t===this.selectedTab)&&this.handleChangeSelectedTab(t)}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!0,[this.variant]:!0,disabled:this.disabled}}get navContainerClasses(){return{"nav-container":!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}render(){return e.x`
+            <div part="container" class=${l.e(this.classes)}>
+                <div class=${l.e(this.navContainerClasses)}>
+                    ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
+                    <nav tabindex="0" role="tablist" @scroll=${this.handleScrollNav} @keydown=${this.handleKeyDown}>
                         <slot @slotchange=${this.handleTabsSlotchange} name="tab" @click=${this.handleSelect}></slot>
                     </nav>
-                    ${this.getScrollButtonTemplate("right",this.handleScrollRight)}
+                    ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
                 </div>
                 <slot @slotchange=${this.handlePanelSlotchange} name="panel"></slot>
             </div>
-        `}};exports.DsTabs.styles=[c.commonStyles,c.navigationStyles,c.tabsStyles,c.panelsStyles];i([n.property({type:Number,attribute:"selected-tab",reflect:!0})],exports.DsTabs.prototype,"selectedTab",2);i([n.property({type:String,reflect:!0})],exports.DsTabs.prototype,"mode",2);i([n.property({type:String,reflect:!0})],exports.DsTabs.prototype,"variant",2);i([n.property({type:String})],exports.DsTabs.prototype,"size",2);i([n.property({type:Boolean,converter:m.booleanConverter})],exports.DsTabs.prototype,"disabled",2);i([o.state()],exports.DsTabs.prototype,"focusedTabIndex",2);i([y.query("nav")],exports.DsTabs.prototype,"nav",2);i([o.state()],exports.DsTabs.prototype,"tabs",2);i([o.state()],exports.DsTabs.prototype,"panels",2);i([o.state()],exports.DsTabs.prototype,"hasScrollLeft",2);i([o.state()],exports.DsTabs.prototype,"hasScrollRight",2);exports.DsTabs=i([T.customUiKitElement("ds-tabs")],exports.DsTabs);
+        `}},p.styles=[d.commonStyles,d.navigationStyles,d.tabsStyles,d.panelsStyles],p);i.__decorate([t.n({type:Number,attribute:`selected-tab`,reflect:!0})],m.prototype,`_selectedTab`,void 0),i.__decorate([n.r()],m.prototype,`_selectedTabState`,void 0),i.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),i.__decorate([t.n({type:String,reflect:!0})],m.prototype,`variant`,void 0),i.__decorate([t.n({type:String})],m.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],m.prototype,`disabled`,void 0),i.__decorate([n.r()],m.prototype,`focusedTabIndex`,void 0),i.__decorate([r.e(`nav`)],m.prototype,`nav`,void 0),i.__decorate([n.r()],m.prototype,`tabs`,void 0),i.__decorate([n.r()],m.prototype,`panels`,void 0),i.__decorate([n.r()],m.prototype,`hasScrollLeft`,void 0),i.__decorate([n.r()],m.prototype,`hasScrollRight`,void 0),m=i.__decorate([o.customUiKitElement(`ds-tabs`)],m);

package/dist-react/cjs/components/ds-tabs/styles/common.styles.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+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%;
     }
-`,a=e.css`
+`,n=e.i`
     nav {
         display: flex;
         justify-content: flex-start;
@@ -59,7 +59,7 @@
     .nav-container:hover .nav-arrow {
         visibility: visible;
     }
-`,s=e.css`
+`,r=e.i`
     ::slotted([slot='tab']) {
         white-space: nowrap;
         -webkit-user-select: none;
@@ -77,11 +77,11 @@
     ::slotted([slot='tab'][selected]) {
         cursor: auto;
     }
-`,r=e.css`
+`,i=e.i`
     ::slotted([slot='panel']) {
         display: none;
     }
     ::slotted([slot='panel'][selected]) {
         display: block;
     }
-`;exports.commonStyles=t;exports.navigationStyles=a;exports.panelsStyles=r;exports.tabsStyles=s;
+`;exports.commonStyles=t,exports.navigationStyles=n,exports.panelsStyles=i,exports.tabsStyles=r;

package/dist-react/cjs/components/ds-tabs/theme-config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={cupra:{"icon-button-variant":"primary"},"cupra-diagonal":{"icon-button-variant":"naked"},seat:{"icon-button-variant":"primary"}};exports.themeConfig=t;
+var e={cupra:{"icon-button-variant":`primary`},"cupra-diagonal":{"icon-button-variant":`naked`},seat:{"icon-button-variant":`naked`}};exports.themeConfig=e;

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),m=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),h=require("./styles/common.styles.cjs");var v=Object.defineProperty,T=Object.getOwnPropertyDescriptor,t=(n,o,c,i)=>{for(var e=i>1?void 0:i?T(o,c):o,l=n.length-1,a;l>=0;l--)(a=n[l])&&(e=(i?a(o,c,e):a(e))||e);return i&&e&&v(o,c,e),e};exports.DsTag=class extends g.UiKitElement{constructor(){super(...arguments),this.show=!0,this.clickableIcon=!1,this.iconPosition="left",this.color="black"}get classes(){return{container:!0,[this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;const o=new CustomEvent("clickicon",{bubbles:!0,composed:!0});this.dispatchEvent(o)}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:p.classMap(this.iconClasses),"icon-name":this.iconName,size:16,"@click":this.handleClickIcon}):r.nothing}render(){return this.show?r.html`
-                  <div class=${p.classMap(this.classes)}>
-                      ${u.when(this.iconPosition==="left",()=>r.html`${this.iconTemplate}`)}
-                      <slot></slot>
-                      ${u.when(this.iconPosition==="right",()=>r.html`${this.iconTemplate}`)}
-                  </div>
-              `:r.nothing}};exports.DsTag.styles=[h.commonStyles,h.iconStyles];t([s.property({type:Boolean,converter:m.booleanConverter})],exports.DsTag.prototype,"show",2);t([s.property({type:Boolean,converter:m.booleanConverter,attribute:"clickable-icon"})],exports.DsTag.prototype,"clickableIcon",2);t([s.property({type:String,attribute:"icon-name"})],exports.DsTag.prototype,"iconName",2);t([s.property({type:String,attribute:"icon-position"})],exports.DsTag.prototype,"iconPosition",2);t([s.property({type:String,attribute:"color"})],exports.DsTag.prototype,"color",2);t([b.state()],exports.DsTag.prototype,"onClickHandler",2);exports.DsTag=t([y.customUiKitElement("ds-tag")],exports.DsTag);
+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.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.e(this.iconClasses)} icon-name=${l.o(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.E}render(){return this.show?e.x`
+                <div class=${c.e(this.classes)}>
+                    ${u.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                    <slot></slot>
+                    ${u.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                </div>
+            `:e.E}},f.styles=[d.commonStyles,d.iconStyles],f);r.__decorate([t.n({type:Boolean,converter:o.booleanConverter})],p.prototype,`show`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],p.prototype,`clickableIcon`,void 0),r.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),r.__decorate([t.n({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),r.__decorate([t.n({type:String,attribute:`color`})],p.prototype,`color`,void 0),r.__decorate([t.n({type:String,attribute:`variant`})],p.prototype,`variant`,void 0),r.__decorate([n.r()],p.prototype,`onClickHandler`,void 0),p=r.__decorate([a.customUiKitElement(`ds-tag`)],p);

package/dist-react/cjs/components/ds-tag/styles/common.styles.cjs

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),n=e.cssWithTokens`
+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: inline-block;
     }
-    
+
     .container {
         display: inline-flex;
         justify-content: center;
         align-items: center;
     }
-`,t=e.cssWithTokens`
+`,n=e.i`
     .icon.clicable {
         cursor: pointer;
     }
-`;exports.commonStyles=n;exports.iconStyles=t;
+`;exports.commonStyles=t,exports.iconStyles=n;

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

@@ -1,13 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),m=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs"),T=require("./styles/common.styles.cjs");var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,t=(i,s,n,o)=>{for(var r=o>1?void 0:o?x(s,n):s,l=i.length-1,p;l>=0;l--)(p=i[l])&&(r=(o?p(s,n,r):p(r))||r);return o&&r&&v(s,n,r),r};exports.DsText=class extends u.UiKitElement{constructor(){super(...arguments),this.size="medium",this.weight="regular",this.variant="body",this.mode="light"}get classes(){return{container:!0,[`size-${this.size}`]:!!this.size,[`mode-${this.mode}`]:!!this.mode,[`weight-${this.weight}`]:!!this.weight,[`variant-${this.variant}`]:!!this.variant,uppercase:this.uppercase}}get customElementTemplate(){return!this.htmlTagName||!this.value?a.nothing:a.html`${g.unsafeHTML(`<${this.htmlTagName} class="text">${this.value}</${this.htmlTagName}>`)}`}get styles(){return m.htmlWithTokens`
-                <style>
-                    .container {
-                        color: ${this.color||"var(--ds-text-color)"}
-                    }
-                </style>
-            `}render(){return a.html`
-            ${this.styles}
-            <div data-testid="ds-text-container" class=${y.classMap(this.classes)}>
-                ${this.customElementTemplate}
+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.133.0/helpers/esm/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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=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 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,m=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),h=(p=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=u.s(m.has(t)?t:`span`);return u.u`
+            <${n} 
+                part="container" 
+                data-testid="ds-text-container" 
+                class=${s.e(this.classes)}
+                style=${d.o({color:this.color||`var(--ui-kit-private-text-color)`})}
+            >
+                ${this.value?this.value:e.E}
                 <slot></slot>
-            </div>
-        `}};exports.DsText.styles=[T.commonStyles];t([e.property({type:String})],exports.DsText.prototype,"size",2);t([e.property({type:String})],exports.DsText.prototype,"weight",2);t([e.property({type:String})],exports.DsText.prototype,"variant",2);t([e.property({type:String,attribute:"html-tag-name"})],exports.DsText.prototype,"htmlTagName",2);t([e.property({type:String})],exports.DsText.prototype,"value",2);t([e.property({type:String,reflect:!0})],exports.DsText.prototype,"mode",2);t([e.property({type:String,reflect:!0})],exports.DsText.prototype,"color",2);t([e.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsText.prototype,"uppercase",2);exports.DsText=t([c.customUiKitElement("ds-text")],exports.DsText);
+            </${n}>
+        `}},p.styles=[f.commonStyles],p);r.__decorate([t.n({type:String,converter:l.objectConverter})],h.prototype,`size`,void 0),r.__decorate([t.n({type:String})],h.prototype,`emphasis`,void 0),r.__decorate([t.n({type:String})],h.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],h.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],h.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],h.prototype,`slotedNodes`,void 0),h=r.__decorate([a.customUiKitElement(`ds-text`)],h);

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

@@ -1,10 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
-    :host {
+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 {
         display: contents;
     }
 
-    ::slotted(*),
-    .text {
+    .container {
+        margin: 0;
+    }
+
+    .container *,
+    ::slotted(*) {
         color: inherit;
         font-size: inherit;
         font-weight: inherit;
@@ -12,11 +17,7 @@
         margin: 0;
     }
 
-    .text + ::slotted(*) {
-        display: none;
-    }
-
     .uppercase {
         text-transform: uppercase;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

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

@@ -1,14 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),h=require("../../decorators/customUiKitElement.cjs"),c=require("../../mixins/inputStatesMixin.cjs"),d=require("../../utils/validateMaxLength.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(o,t,s,e)=>{for(var r=e>1?void 0:e?x(t,s):t,p=o.length-1,l;p>=0;p--)(l=o[p])&&(r=(e?l(t,s,r):l(r))||r);return e&&r&&f(t,s,r),r};exports.DsTextInput=class extends c.inputStatesMixin(u.UiKitElement){constructor(){super(...arguments),this.keyboardMode=!1,this.size="medium",this.helperText="",this.forcedError="",this.invalidError="",this.dataAriaLabelRemoveButton="",this.handleClickIcon=()=>{this.nativeInput.value="",this.nativeInput.focus(),["input","change"].forEach(t=>this.nativeInput.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))}}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return i.html`
-            <div class=${v.classMap(this.classes)}>
+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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/uiKitHtml.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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("../../mixins/inputStatesMixin.cjs"),l=require("../../utils/validateMaxLength.cjs"),u=require("./styles/common.styles.cjs");var d,f=(d=class extends c.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.keyboardMode=!1,this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelRemoveButton=``,this.hideClearButton=!1,this.handleClickIcon=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}}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}}render(){return e.x`
+            <div class=${o.e(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
                     ${this.iconTemplate}
                 </div>
                 <div class="footer">
+                    ${this.readonlyTextTemplate}
                     ${this.helperTextTemplate}
                     ${this.forcedErrorTemplate}
                     ${this.invalidErrorTemplate}
                     ${this.lengthTemplate}
                 </div>
             </div>
-        `}get iconTemplate(){var t,s,e;return(s=(t=this.nativeInput)==null?void 0:t.value)!=null&&s.length?this.componentFactory.createIconButton({class:"icon-button","icon-name":"cross",size:this.size,disabled:!!((e=this.nativeInput)!=null&&e.disabled),variant:"naked","@click":this.handleClickIcon,"data-aria-label":this.dataAriaLabelRemoveButton||"remove button"}):i.nothing}get lengthTemplate(){var s,e,r;const t=(e=(s=this.nativeInput)==null?void 0:s.maxLength)==null?void 0:e.toString();return d.validateMaxLength(t)?i.html`<span class="char-counter">${((r=this.inputStates.currentValue)==null?void 0:r.length)||0}/${t}</span>`:i.nothing}get helperTextTemplate(){return this.forcedError||this.inputStates.invalid&&this.invalidError?i.nothing:i.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?i.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:i.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?i.nothing:i.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};exports.DsTextInput.styles=[m.commonStyles];n([a.property({type:String})],exports.DsTextInput.prototype,"size",2);n([a.property({type:String,attribute:"helper-text"})],exports.DsTextInput.prototype,"helperText",2);n([a.property({type:String,attribute:"forced-error"})],exports.DsTextInput.prototype,"forcedError",2);n([a.property({type:String,attribute:"invalid-error"})],exports.DsTextInput.prototype,"invalidError",2);n([a.property({type:String,attribute:"data-aria-label-remove-button"})],exports.DsTextInput.prototype,"dataAriaLabelRemoveButton",2);exports.DsTextInput=n([h.customUiKitElement("ds-text-input")],exports.DsTextInput);
+        `}get iconTemplate(){var t,n;return this.hideClearButton||!(!((t=this.nativeInput)==null||(t=t.value)==null)&&t.length)||this.inputStates.readonly?e.E:a.uiKitHtml`<ds-icon-button
+            class="icon-button"
+            icon-name="cross"
+            size=${s.o(this.size)}
+            ?disabled=${!!((n=this.nativeInput)!=null&&n.disabled)}
+            variant="naked"
+            @click=${this.handleClickIcon}
+            data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
+        ></ds-icon-button>`}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return l.validateMaxLength(r)?e.x`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.E}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.E:e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.E:e.x`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},d.styles=[u.commonStyles],d);n.__decorate([t.n({type:String})],f.prototype,`size`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`readonly-text`})],f.prototype,`readonlyText`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],f.prototype,`dataAriaLabelRemoveButton`,void 0),n.__decorate([t.n({type:Boolean,attribute:`hide-clear-button`})],f.prototype,`hideClearButton`,void 0),f=n.__decorate([i.customUiKitElement(`ds-text-input`)],f),Object.defineProperty(exports,"DsTextInput",{enumerable:!0,get:function(){return f}});

package/dist-react/cjs/components/ds-text-input/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css`
+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=s;
+`;exports.commonStyles=t;