@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const m=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"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(i,e,a,s)=>{for(var t=s>1?void 0:s?g(e,a):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(t=(s?l(e,a,t):l(t))||t);return s&&t&&b(e,a,t),t};exports.DsSidebarNavigation=class extends r.UiKitElement{constructor(){super(...arguments),this.open=!1,this.scrollLocked=!1,this.savedBodyOverflow="",this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event("ds-sidebar-navigation:open",{bubbles:!0,composed:!0})):this.dispatchEvent(new Event("ds-sidebar-navigation:close",{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{const t=e.target.assignedElements().find(o=>o.tagName==="DS-BUTTON");this.setMainCtaSize(t)},this.setMainCtaSize=e=>{e&&e.setAttribute("size",JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"}))}}firstUpdated(e){var s;super.firstUpdated(e);const a=(s=this.mainCtas)==null?void 0:s[0];a&&this.setMainCtaSize(a)}updated(e){super.updated(e),e.has("open")&&(this.open?(this.savedBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",this.scrollLocked=!0):this.scrollLocked&&(document.body.style.overflow=this.savedBodyOverflow,this.scrollLocked=!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&(document.body.style.overflow=this.savedBodyOverflow,this.scrollLocked=!1)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:"modal-button","icon-name":this.open?"cross":"triple-dot-v","@click":this.toggleModal,"data-testid":"modal-button","data-aria-label":"more actions",variant:"tertiary",size:JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"})})}classes(){return{container:!0,open:this.open}}render(){return m.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`),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(`../../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(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.savedBodyOverflow=``,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`);this.setMainCtaSize(t)},this.setMainCtaSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}static{this.styles=[c.commonStyles]}firstUpdated(e){super.firstUpdated(e);let t=this.mainCtas?.[0];t&&this.setMainCtaSize(t)}updated(e){super.updated(e),e.has(`open`)&&(this.open?(this.savedBodyOverflow=document.body.style.overflow,document.body.style.overflow=`hidden`,this.scrollLocked=!0):this.scrollLocked&&=(document.body.style.overflow=this.savedBodyOverflow,!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&=(document.body.style.overflow=this.savedBodyOverflow,!1)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:`modal-button`,"icon-name":this.open?`cross`:`triple-dot-v`,"@click":this.toggleModal,"data-testid":`modal-button`,"data-aria-label":`more actions`,variant:`tertiary`,size:JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`})})}classes(){return{container:!0,open:this.open}}render(){return e.x`
+            <div class=${s.e(this.classes())}>
                 <nav class="nav" part="bar">
                     <div class="aside" part="aside">
                         <slot name="aside-text"></slot>
@@ -17,4 +17,4 @@
                     <slot name="ctas"></slot>
                 </div>
             </div>
-        `}};exports.DsSidebarNavigation.styles=[h.commonStyles];n([u.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],exports.DsSidebarNavigation.prototype,"open",2);n([p.queryAssignedElements({slot:"main-cta",selector:"ds-button",flatten:!0})],exports.DsSidebarNavigation.prototype,"mainCtas",2);exports.DsSidebarNavigation=n([d.customUiKitElement("ds-sidebar-navigation")],exports.DsSidebarNavigation);
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`open`,void 0),r.__decorate([n.o({slot:`main-cta`,selector:`ds-button`,flatten:!0})],l.prototype,`mainCtas`,void 0),l=r.__decorate([a.customUiKitElement(`ds-sidebar-navigation`)],l);

package/dist/cjs/components/ds-sidebar-navigation/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"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"),o=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;
     }
@@ -15,4 +15,4 @@
         display: flex;
         box-sizing: border-box;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../base/UiKitElement.cjs"),u=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 i=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"),h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs"),m=require("./styles/common.styles.cjs");var S=Object.defineProperty,v=Object.getOwnPropertyDescriptor,t=(n,r,o,s)=>{for(var e=s>1?void 0:s?v(r,o):r,l=n.length-1,p;l>=0;l--)(p=n[l])&&(e=(s?p(r,o,e):p(e))||e);return s&&e&&S(r,o,e),e};exports.DsSkeleton=class extends a.UiKitElement{constructor(){super(...arguments),this.variant="text",this.animation="shimmer"}get classes(){return{skeleton:!0,[`variant-${this.variant}`]:!0,[`animation-${this.animation}`]:!0}}get inlineStyles(){return{width:this.width??void 0,height:this.height??void 0}}render(){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.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(`../../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=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`text`,this.animation=`shimmer`}static{this.styles=[s.commonStyles]}get classes(){return{skeleton:!0,[`variant-${this.variant}`]:!0,[`animation-${this.animation}`]:!0}}get inlineStyles(){return{width:this.width??void 0,height:this.height??void 0}}render(){return e.x`
             <div
-                class=${y.classMap(this.classes)}
-                style=${h.styleMap(this.inlineStyles)}
+                class=${a.e(this.classes)}
+                style=${o.o(this.inlineStyles)}
                 role="presentation"
                 aria-hidden="true"
             ></div>
-        `}};exports.DsSkeleton.styles=[m.commonStyles];t([i.property({type:String})],exports.DsSkeleton.prototype,"variant",2);t([i.property({type:String})],exports.DsSkeleton.prototype,"width",2);t([i.property({type:String})],exports.DsSkeleton.prototype,"height",2);t([i.property({type:String})],exports.DsSkeleton.prototype,"animation",2);exports.DsSkeleton=t([u.customUiKitElement("ds-skeleton")],exports.DsSkeleton);
+        `}};n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],c.prototype,`width`,void 0),n.__decorate([t.n({type:String})],c.prototype,`height`,void 0),n.__decorate([t.n({type:String})],c.prototype,`animation`,void 0),c=n.__decorate([i.customUiKitElement(`ds-skeleton`)],c),Object.defineProperty(exports,`DsSkeleton`,{enumerable:!0,get:function(){return c}});

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../utils/cssWithTokens.cjs"),s=o.cssWithTokens`
+var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
     :host {
         display: block;
     }
-`;exports.commonStyles=s;
+`;exports.commonStyles=e;

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

@@ -1,33 +1,33 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../base/UiKitElement.cjs"),D=require("./utils/getStepValue/getStepValue.cjs"),x=require("./utils/roundToDecimals/roundToDecimals.cjs"),$=require("../../decorators/customUiKitElement.cjs"),V=require("../../mixins/ViewportMixin.cjs"),T=require("../../utils/booleanConverter.cjs"),_=require("../../utils/formatNumber/formatNumber.cjs"),P=require("../../utils/htmlWithTokens.cjs"),L=require("../../utils/objectConverter.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 o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),k=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),R=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),q=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs"),c=require("./styles/common.styles.cjs");var E=Object.defineProperty,I=Object.getOwnPropertyDescriptor,r=(u,t,e,i)=>{for(var s=i>1?void 0:i?I(t,e):t,n=u.length-1,l;n>=0;n--)(l=u[n])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&E(t,e,s),s};exports.DsSlider=class extends V.ViewportMixin(w.UiKitElement){constructor(){super(...arguments),this.min=0,this.max=100,this.minLabel="",this.maxLabel="",this.step=1,this.initialValueMin=0,this.mode="light",this.locale=void 0,this.localeMatcher="lookup",this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size="medium",this.disabled=!1,this.keyboardMode=!1,this.getNewValue=t=>{const{width:e,left:i}=this.track.getBoundingClientRect(),s=this.thumbRadius,n=t.type.indexOf("mouse")!==-1?t.clientX:t.touches[0].clientX,l=e-s*2,h=Math.min(Math.max(0,n-i-s),l),d=l>0?h*100/l:0;return this.min+d*(this.max-this.min)/100},this.setActiveThumb=t=>{const e=this.getNewValue(t);typeof this._valueMax!="number"||e<=this._valueMin?this.activeThumb="min":e>=this._valueMax?this.activeThumb="max":e-this._valueMin<this._valueMax-e?this.activeThumb="min":this.activeThumb="max"},this.handleMouseMove=t=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{const e=this.getNewValue(t),i=this.activeThumb??"min",{stepValue:s}=this.computeStep({proposedValue:e,role:i});this.handleChange({value:s,role:i})})},this.handleMouseDown=t=>{var e;this.disabled||((e=t==null?void 0:t.preventDefault)==null||e.call(t),this.setActiveThumb(t),this.handleMouseMove(t),window==null||window.addEventListener("mousemove",this.handleMouseMove),window==null||window.addEventListener("touchmove",this.handleMouseMove),window==null||window.addEventListener("pointerup",this.handlePointerUp))},this.handlePointerUp=()=>{window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(t,e)=>{const i=t.currentTarget,s=this.getRoleById(e);this.editingField=s,i.type="number",i.step=String(this.step??1);const n=s==="min"?this._valueMin:this._valueMax;i.value=String(n??""),this.keyboardMode&&i.classList.add("focus-visible")},this.commitInputValue=(t,e)=>{const i=t.currentTarget,s=this.getRoleById(e),{stepValue:n}=this.computeStep({proposedValue:Number(i.value),role:s});this.handleChange({value:n,role:s}),this.isControlled(s)||(i.value=String(n))},this.onInputBlur=t=>{var i;this.editingField=void 0;const e=t.currentTarget;(i=e==null?void 0:e.classList)==null||i.remove("focus-visible")},this.onInputKeyDown=(t,e)=>{t.key==="Enter"&&(t.preventDefault(),this.commitInputValue(t,e))},this.onThumbKeyDown=(t,e)=>{if(!this.disabled&&(t.key==="ArrowLeft"||t.key==="ArrowRight")){t.preventDefault();const i=this.step??1,s=t.key==="ArrowLeft"?-i:i,n=this.getRoleById(e),l=n==="min"?this._valueMin:this._valueMax,{stepValue:h}=this.computeStep({proposedValue:l+s,role:n});this.handleChange({value:h,role:n})}}}get isRange(){return typeof this.initialValueMax=="number"||typeof this.valueMax=="number"}isControlled(t){return typeof(t==="min"?this.valueMin:this.valueMax)=="number"}getRoleById(t){return t===1?"min":"max"}get currentValues(){return{1:this._valueMin,...typeof this._valueMax=="number"?{2:this._valueMax}:{}}}computeStep({proposedValue:t,role:e}){return D.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:t,role:e,currentValues:this.currentValues})}willUpdate(t){super.willUpdate(t),typeof this.valueMin=="number"&&(this._valueMin=this.valueMin),typeof this.valueMax=="number"&&(this._valueMax=this.valueMax)}disconnectedCallback(){super.disconnectedCallback(),window==null||window.removeEventListener("mousemove",this.handleMouseMove),window==null||window.removeEventListener("touchmove",this.handleMouseMove),window==null||window.removeEventListener("pointerup",this.handlePointerUp),window==null||window.removeEventListener("keydown",this.handleKeydown),window==null||window.removeEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.removeEventListener("pointerdown",this.handlePointerOrMouseDown)}firstUpdated(t){super.firstUpdated(t),window==null||window.addEventListener("keydown",this.handleKeydown),window==null||window.addEventListener("mousedown",this.handlePointerOrMouseDown),window==null||window.addEventListener("pointerdown",this.handlePointerOrMouseDown),["min","max"].forEach(i=>{if(this.isControlled(i))return;const n=this[i==="min"?"initialValueMin":"initialValueMax"];if(typeof n!="number")return;const{stepValue:l}=this.computeStep({proposedValue:n,role:i});this[i==="min"?"_valueMin":"_valueMax"]!==l&&this.handleChange({value:l,role:i})})}getTrackPct(t){const e=this.max-this.min;return e===0?0:(t-this.min)/e*100}get thumbRadius(){var e;const t=(e=this.renderRoot)==null?void 0:e.querySelector(".thumb");return t?t.offsetWidth/2:0}trackPosition(t){const e=exports.DsSlider.THUMB_RADIUS_CSS_VAR;return`calc(${e} + (100% - ${e} * 2) * ${t/100})`}trackWidth(t){return`calc((100% - ${exports.DsSlider.THUMB_RADIUS_CSS_VAR} * 2) * ${t/100})`}handleChange({value:t,role:e}){const i=x.roundToDecimals({value:t,fractionDigits:this.maximumFractionDigits}),s=e==="min"?"_valueMin":"_valueMax";this[s]!==i&&(this.isControlled(e)||(this[s]=i),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{role:e,value:i}})))}formatNumber(t){const e={value:t,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping};return _.formatNumber(e)}get rangeValuesTemplates(){const{formattedValue:t,unitSymbol:e,unitSymbolPosition:i}=this.formatNumber(this.min),s=this.unitSymbol??e,n=this.unitSymbolPosition??i,{formattedValue:l}=this.formatNumber(this.max);return a.html`
+require(`../ds-theme-provider/themeContext.cjs`);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(`../base/UiKitElement.cjs`),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(`../../mixins/ViewportMixin.cjs`),d=require(`../../utils/objectConverter.cjs`),f=require(`../../utils/formatNumber/formatNumber.cjs`),p=require(`./utils/getStepValue/getStepValue.cjs`),m=require(`./utils/roundToDecimals/roundToDecimals.cjs`),h=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.cjs`);const g=require(`./styles/common.styles.cjs`);var _,v=class extends u.ViewportMixin(a.UiKitElement){static{_=this}constructor(...e){super(...e),this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);typeof this._valueMax!=`number`||t<=this._valueMin?this.activeThumb=`min`:t>=this._valueMax?this.activeThumb=`max`:t-this._valueMin<this._valueMax-t?this.activeThumb=`min`:this.activeThumb=`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{this.disabled||(e?.preventDefault?.(),this.setActiveThumb(e),this.handleMouseMove(e),window?.addEventListener(`mousemove`,this.handleMouseMove),window?.addEventListener(`touchmove`,this.handleMouseMove),window?.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r});this.handleChange({value:i,role:r}),this.isControlled(r)||(n.value=String(i))},this.onInputBlur=e=>{this.editingField=void 0,e.currentTarget?.classList?.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}static{this.styles=[g.commonStyles,g.trackStyles,g.thumbStyles,g.currentValueStyles,g.rangeValueStyles]}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return p.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax)}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp),window?.removeEventListener(`keydown`,this.handleKeydown),window?.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this.handleKeydown),window?.addEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.addEventListener(`pointerdown`,this.handlePointerOrMouseDown),[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=this[e===`min`?`initialValueMin`:`initialValueMax`];if(typeof t!=`number`)return;let{stepValue:n}=this.computeStep({proposedValue:t,role:e});this[e===`min`?`_valueMin`:`_valueMax`]!==n&&this.handleChange({value:n,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){let e=this.renderRoot?.querySelector(`.thumb`);return e?e.offsetWidth/2:0}static{this.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-slider-thumb-radius, 0px)`}trackPosition(e){let t=_.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${_.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=m.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){return f.formatNumber({value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping})}get rangeValuesTemplates(){let{formattedValue:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r,{formattedValue:o}=this.formatNumber(this.max);return e.x`
             <div class="range-value-text">
-                ${this.minLabel?a.html`<span class="range-value-label">${this.minLabel}</span>`:a.nothing}
-                ${n==="left"?a.html`<span>${s}</span>`:a.nothing}
+                ${this.minLabel?e.x`<span class="range-value-label">${this.minLabel}</span>`:e.E}
+                ${a===`left`?e.x`<span>${i}</span>`:e.E}
                 <span>${t}</span>
-                ${n==="right"?a.html`<span>${s}</span>`:a.nothing}
+                ${a===`right`?e.x`<span>${i}</span>`:e.E}
             </div>
             <div class="range-value-text">
-                ${this.maxLabel?a.html` <span class="range-value-label">${this.maxLabel}</span>`:a.nothing}
-                ${n==="left"?a.html`<span>${s}</span>`:a.nothing}
-                <span>${l}</span>
-                ${n==="right"?a.html`<span>${s}</span>`:a.nothing}
+                ${this.maxLabel?e.x` <span class="range-value-label">${this.maxLabel}</span>`:e.E}
+                ${a===`left`?e.x`<span>${i}</span>`:e.E}
+                <span>${o}</span>
+                ${a===`right`?e.x`<span>${i}</span>`:e.E}
             </div>
-        `}getThumbTemplate(t){const e=this.getRoleById(t),i=e==="min"?this._valueMin:this._valueMax,{minLimit:s,maxLimit:n}=this.computeStep({proposedValue:i,role:e}),l=this.getTrackPct(i);return a.html`
+        `}getThumbTemplate(t){let n=this.getRoleById(t),r=n===`min`?this._valueMin:this._valueMax,{minLimit:i,maxLimit:a}=this.computeStep({proposedValue:r,role:n}),o=this.getTrackPct(r);return e.x`
             <style>
                 .thumb${t} {
-                    left: ${this.trackPosition(l)};
+                    left: ${this.trackPosition(o)};
                 }
             </style>
             <div
                 class="thumb${t} thumb"
-                @focus=${()=>{this.activeThumb=e}}
-                @keydown=${h=>this.onThumbKeyDown(h,t)}
+                @focus=${()=>{this.activeThumb=n}}
+                @keydown=${e=>this.onThumbKeyDown(e,t)}
                 role="slider"
                 tabindex=${this.disabled?-1:0}
                 aria-disabled=${String(!!this.disabled)}
-                aria-label=${t===1?"Minumum value":"Maximum Value"}
-                aria-valuemin=${s}
-                aria-valuemax=${n}
-                aria-valuenow=${i}
+                aria-label=${t===1?`Minumum value`:`Maximum Value`}
+                aria-valuemin=${i}
+                aria-valuemax=${a}
+                aria-valuenow=${r}
             >
                 <svg
                     class="thumb-svg"
@@ -38,50 +38,50 @@
                     <circle cx="17" cy="17" r="16" class="thumb-circle" />
                 </svg>
             </div>
-        `}get thumbTemplates(){return a.html`
+        `}get thumbTemplates(){return e.x`
             ${this.getThumbTemplate(1)}
-            ${this.isRange?this.getThumbTemplate(2):a.nothing}
-        `}get trackRangeTemplate(){const t=this.getTrackPct(this._valueMin),e=this.isRange?this.trackPosition(t):"0px",i=this.isRange?this.trackWidth(this.getTrackPct(this._valueMax)-t):this.trackPosition(t);return a.html`
+            ${this.isRange?this.getThumbTemplate(2):e.E}
+        `}get trackRangeTemplate(){let t=this.getTrackPct(this._valueMin);return e.x`
             <style>
                 .track-range {
-                    left: ${e};
-                    width: ${i};
+                    left: ${this.isRange?this.trackPosition(t):`0px`};
+                    width: ${this.isRange?this.trackWidth(this.getTrackPct(this._valueMax)-t):this.trackPosition(t)};
                 }
             </style>
             <div class="track-range" role="presentation"></div>
-        `}getInputTemplate(t){const e=this.getRoleById(t),i=this.editingField===e,s=e==="min"?this._valueMin:this._valueMax,{formattedValue:n,unitSymbol:l,unitSymbolPosition:h}=this.formatNumber(s),d=this.unitSymbolPosition??h,y=this.unitSymbol??l,g=y?d==="left"?`${y} ${n}`:`${n} ${y}`:`${n}`,v=i?"number":"text",b=i?String(s??""):g,S=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,M=this.isRange?t===1?"Start value":"End value":"Value",f=S??M;return a.html`
+        `}getInputTemplate(t){let n=this.getRoleById(t),r=this.editingField===n,i=n===`min`?this._valueMin:this._valueMax,{formattedValue:a,unitSymbol:o,unitSymbolPosition:s}=this.formatNumber(i),c=this.unitSymbolPosition??s,l=this.unitSymbol??o,u=l?c===`left`?`${l} ${a}`:`${a} ${l}`:`${a}`,d=r?`number`:`text`,f=r?String(i??``):u,p=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,m=this.isRange?t===1?`Start value`:`End value`:`Value`,g=p??m;return e.x`
             <div class="input-wrapper">
                 <input
                     class="input-value input-value-${t}"
-                    type=${v}
-                    .value=${q.live(b)}
+                    type=${d}
+                    .value=${h.l(f)}
                     step=${String(this.step??1)}
                     ?disabled=${this.disabled}
                     tabindex=${this.disabled?-1:0}
                     aria-disabled=${String(!!this.disabled)}
-                    aria-label=${f}
+                    aria-label=${g}
                     ?readonly=${this.disabled}
-                    @focus=${m=>this.onInputFocus(m,t)}
+                    @focus=${e=>this.onInputFocus(e,t)}
                     @blur=${this.onInputBlur}
-                    @change=${m=>this.commitInputValue(m,t)}
-                    @keydown=${m=>this.onInputKeyDown(m,t)}
-                    title=${b}
+                    @change=${e=>this.commitInputValue(e,t)}
+                    @keydown=${e=>this.onInputKeyDown(e,t)}
+                    title=${f}
                 />
             </div>
-        `}get inputsTemplate(){return a.html`
+        `}get inputsTemplate(){return e.x`
             <div class="inputs-container">
                 ${this.getInputTemplate(1)}
-                ${this.isRange?this.getInputTemplate(2):a.nothing}
+                ${this.isRange?this.getInputTemplate(2):e.E}
             </div>
-        `}get containerClasses(){var e;const t=typeof this.size=="string"?this.size:(e=this.size)==null?void 0:e[this.viewport];return{container:!0,[this.mode]:!!this.mode,[t]:!!t,disabled:!!this.disabled}}get styleTokens(){return P.htmlWithTokens`
+        `}get containerClasses(){let e=typeof this.size==`string`?this.size:this.size?.[this.viewport];return{container:!0,[this.mode]:!!this.mode,[e]:!!e,disabled:!!this.disabled}}get styleTokens(){return c.htmlWithTokens`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){return a.html`
+        `}render(){return e.x`
             ${this.styleTokens}
-            <div class=${R.classMap(this.containerClasses)}>
+            <div class=${l.e(this.containerClasses)}>
                 <div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track"  role="presentation">
                     ${this.thumbTemplates}
                     ${this.trackRangeTemplate}
@@ -89,4 +89,4 @@
                 <div class="range-value-container">${this.rangeValuesTemplates}</div>
                 ${this.inputsTemplate}
             </div>
-        `}};exports.DsSlider.styles=[c.commonStyles,c.trackStyles,c.thumbStyles,c.currentValueStyles,c.rangeValueStyles];exports.DsSlider.THUMB_RADIUS_CSS_VAR="var(--ui-kit-slider-thumb-radius, 0px)";r([o.property({type:Number})],exports.DsSlider.prototype,"min",2);r([o.property({type:Number})],exports.DsSlider.prototype,"max",2);r([o.property({type:String,attribute:"min-label"})],exports.DsSlider.prototype,"minLabel",2);r([o.property({type:String,attribute:"max-label"})],exports.DsSlider.prototype,"maxLabel",2);r([o.property({type:Number})],exports.DsSlider.prototype,"step",2);r([o.property({type:Number,attribute:"initial-value-min"})],exports.DsSlider.prototype,"initialValueMin",2);r([o.property({type:Number,attribute:"initial-value-max"})],exports.DsSlider.prototype,"initialValueMax",2);r([o.property({type:Number,attribute:"value-min"})],exports.DsSlider.prototype,"valueMin",2);r([o.property({type:Number,attribute:"value-max"})],exports.DsSlider.prototype,"valueMax",2);r([o.property({type:String,reflect:!0})],exports.DsSlider.prototype,"mode",2);r([o.property({type:String,attribute:"locale"})],exports.DsSlider.prototype,"locale",2);r([o.property({type:String,attribute:"locale-matcher"})],exports.DsSlider.prototype,"localeMatcher",2);r([o.property({type:String,attribute:"unit-symbol"})],exports.DsSlider.prototype,"unitSymbol",2);r([o.property({type:String,attribute:"unit-symbol-position"})],exports.DsSlider.prototype,"unitSymbolPosition",2);r([o.property({type:String,attribute:"unit-style"})],exports.DsSlider.prototype,"unitStyle",2);r([o.property({type:String,attribute:"currency"})],exports.DsSlider.prototype,"currency",2);r([o.property({type:String,attribute:"unit"})],exports.DsSlider.prototype,"unit",2);r([o.property({type:String,attribute:"use-grouping",converter:u=>u==="auto"?"auto":typeof u=="boolean"?u:u==="true"||u===""?!0:u!=="false"})],exports.DsSlider.prototype,"useGrouping",2);r([o.property({type:Number,attribute:"minimum-integer-digits"})],exports.DsSlider.prototype,"minimumIntegerDigits",2);r([o.property({type:Number,attribute:"minimum-fraction-digits"})],exports.DsSlider.prototype,"minimumFractionDigits",2);r([o.property({type:Number,attribute:"maximum-fraction-digits"})],exports.DsSlider.prototype,"maximumFractionDigits",2);r([o.property({type:String,attribute:"thousand-separator"})],exports.DsSlider.prototype,"thousandSeparator",2);r([o.property({type:String,attribute:"fraction-separator"})],exports.DsSlider.prototype,"fractionSeparator",2);r([o.property({type:String,converter:L.objectConverter})],exports.DsSlider.prototype,"size",2);r([o.property({type:Boolean,converter:T.booleanConverter})],exports.DsSlider.prototype,"disabled",2);r([o.property({type:String,attribute:"input-min-aria-label"})],exports.DsSlider.prototype,"inputMinAriaLabel",2);r([o.property({type:String,attribute:"input-max-aria-label"})],exports.DsSlider.prototype,"inputMaxAriaLabel",2);r([k.query(".track")],exports.DsSlider.prototype,"track",2);r([p.state()],exports.DsSlider.prototype,"_valueMin",2);r([p.state()],exports.DsSlider.prototype,"_valueMax",2);r([p.state()],exports.DsSlider.prototype,"activeThumb",2);r([p.state()],exports.DsSlider.prototype,"animationFrameRequest",2);r([p.state()],exports.DsSlider.prototype,"editingField",2);r([p.state()],exports.DsSlider.prototype,"keyboardMode",2);exports.DsSlider=r([$.customUiKitElement("ds-slider")],exports.DsSlider);
+        `}};i.__decorate([t.n({type:Number})],v.prototype,`min`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`max`,void 0),i.__decorate([t.n({type:String,attribute:`min-label`})],v.prototype,`minLabel`,void 0),i.__decorate([t.n({type:String,attribute:`max-label`})],v.prototype,`maxLabel`,void 0),i.__decorate([t.n({type:Number})],v.prototype,`step`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-min`})],v.prototype,`initialValueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-max`})],v.prototype,`initialValueMax`,void 0),i.__decorate([t.n({type:Number,attribute:`value-min`})],v.prototype,`valueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`value-max`})],v.prototype,`valueMax`,void 0),i.__decorate([t.n({type:String,reflect:!0})],v.prototype,`mode`,void 0),i.__decorate([t.n({type:String,attribute:`locale`})],v.prototype,`locale`,void 0),i.__decorate([t.n({type:String,attribute:`locale-matcher`})],v.prototype,`localeMatcher`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol`})],v.prototype,`unitSymbol`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol-position`})],v.prototype,`unitSymbolPosition`,void 0),i.__decorate([t.n({type:String,attribute:`unit-style`})],v.prototype,`unitStyle`,void 0),i.__decorate([t.n({type:String,attribute:`currency`})],v.prototype,`currency`,void 0),i.__decorate([t.n({type:String,attribute:`unit`})],v.prototype,`unit`,void 0),i.__decorate([t.n({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``?!0:e!==`false`})],v.prototype,`useGrouping`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-integer-digits`})],v.prototype,`minimumIntegerDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],v.prototype,`minimumFractionDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],v.prototype,`maximumFractionDigits`,void 0),i.__decorate([t.n({type:String,attribute:`thousand-separator`})],v.prototype,`thousandSeparator`,void 0),i.__decorate([t.n({type:String,attribute:`fraction-separator`})],v.prototype,`fractionSeparator`,void 0),i.__decorate([t.n({type:String,converter:d.objectConverter})],v.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],v.prototype,`disabled`,void 0),i.__decorate([t.n({type:String,attribute:`input-min-aria-label`})],v.prototype,`inputMinAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`input-max-aria-label`})],v.prototype,`inputMaxAriaLabel`,void 0),i.__decorate([r.e(`.track`)],v.prototype,`track`,void 0),i.__decorate([n.r()],v.prototype,`_valueMin`,void 0),i.__decorate([n.r()],v.prototype,`_valueMax`,void 0),i.__decorate([n.r()],v.prototype,`activeThumb`,void 0),i.__decorate([n.r()],v.prototype,`animationFrameRequest`,void 0),i.__decorate([n.r()],v.prototype,`editingField`,void 0),i.__decorate([n.r()],v.prototype,`keyboardMode`,void 0),v=_=i.__decorate([o.customUiKitElement(`ds-slider`)],v);

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

@@ -1,8 +1,8 @@
-"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`);const t=require(`../../../utils/cssWithTokens.cjs`);var n=e.i`
     :host {
         display: block;
     }
-`,n=e.cssWithTokens`
+`,r=t.cssWithTokens`
     .current-value-container {
         position: relative;
     }
@@ -11,7 +11,7 @@
         display: inline-flex;
         position: absolute;
     }
-`,o=e.cssWithTokens`
+`,i=t.cssWithTokens`
     .range-value-container {
         display: flex;
         justify-content: space-between;
@@ -24,7 +24,7 @@
     .range-value-label:after {
         content: ':';
     }
-`,r=e.cssWithTokens`
+`,a=t.cssWithTokens`
     .track {
         position: relative;
         cursor: pointer;
@@ -41,9 +41,9 @@
     .track, .track-range {
         background-clip: content-box;
     }
-`,a=e.cssWithTokens`
+`,o=t.cssWithTokens`
     .thumb {
         z-index: 2;
         position: absolute;
     }
-`;exports.commonStyles=s;exports.currentValueStyles=n;exports.rangeValueStyles=o;exports.thumbStyles=a;exports.trackStyles=r;
+`;exports.commonStyles=n,exports.currentValueStyles=r,exports.rangeValueStyles=i,exports.thumbStyles=o,exports.trackStyles=a;

package/dist/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/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/cjs/components/ds-static-box/ds-static-box.cjs

@@ -1,16 +1,16 @@
-"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/query-assigned-nodes.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/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/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`}static{this.styles=[u.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get styleTokens(){return o.htmlWithTokens`
             <style>
                 .header {
-                    display: ${((e=this.headerItems)==null?void 0:e.length)>0?"block":"none"};
+                    display: ${this.headerItems?.length>0?`block`:`none`};
                 }
                 
                 .footer {
-                    display: ${((s=this.footerItems)==null?void 0:s.length)>0?"block":"none"};
+                    display: ${this.footerItems?.length>0?`block`:`none`};
                 }
             </style>
-        `}render(){return h.html`
+        `}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=${s.e(this.classes)}>
                 <div class="body">
                     <div part="header" class="header">
                         <slot name="header"></slot>
@@ -23,4 +23,4 @@
                     <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);
+        `}};r.__decorate([t.n({type:String,converter:l.objectConverter})],d.prototype,`size`,void 0),r.__decorate([n.n({slot:`header`,flatten:!0})],d.prototype,`headerItems`,void 0),r.__decorate([n.n({slot:`footer`,flatten:!0})],d.prototype,`footerItems`,void 0),d=r.__decorate([a.customUiKitElement(`ds-static-box`)],d);

package/dist/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/cjs/components/ds-stepper/ds-stepper.cjs

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

package/dist/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/cjs/components/ds-table/ds-table.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.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 m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs"),p=require("./styles/common.styles.cjs");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(l,e,o,t)=>{for(var s=t>1?void 0:t?g(e,o):e,a=l.length-1,i;a>=0;a--)(i=l[a])&&(s=(t?i(e,o,s):i(s))||s);return t&&s&&y(e,o,s),s};exports.DsTable=class extends h.UiKitElement{constructor(){super(...arguments),this.emptyMessage="",this.hasHeaderContent=!1,this.hasBodyContent=!1}handleHeaderSlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasHeaderContent=t.length>0}handleBodySlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasBodyContent=t.length>0}get columnCount(){const e=this.querySelector("[data-column-count]");return e?Number(e.getAttribute("data-column-count")):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){if(this.columnCount===0)return r.nothing;const e={"--ui-kit-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`};return r.html`
-            <div class="table-wrapper" role="table" style=${d.styleMap(e)}>
+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(`../../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=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}static{this.styles=[s.commonStyles]}handleHeaderSlotChange(e){this.hasHeaderContent=e.target.assignedElements({flatten:!0}).length>0}handleBodySlotChange(e){this.hasBodyContent=e.target.assignedElements({flatten:!0}).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-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?r.html`<div class="empty-state" role="row">
+                ${this.showEmptyState?e.x`<div class="empty-state" role="row">
                           <span role="cell">${this.emptyMessage}</span>
-                      </div>`:r.nothing}
+                      </div>`:e.E}
             </div>
-        `}};exports.DsTable.styles=[p.commonStyles];n([m.property({type:String,reflect:!0,attribute:"empty-message"})],exports.DsTable.prototype,"emptyMessage",2);n([u.state()],exports.DsTable.prototype,"hasHeaderContent",2);n([u.state()],exports.DsTable.prototype,"hasBodyContent",2);exports.DsTable=n([c.customUiKitElement("ds-table")],exports.DsTable);
+        `}};r.__decorate([t.n({type:String,reflect:!0,attribute:`empty-message`})],c.prototype,`emptyMessage`,void 0),r.__decorate([n.r()],c.prototype,`hasHeaderContent`,void 0),r.__decorate([n.r()],c.prototype,`hasBodyContent`,void 0),c=r.__decorate([a.customUiKitElement(`ds-table`)],c);

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../utils/cssWithTokens.cjs"),t=s.cssWithTokens`
+var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
     :host {
         display: contents;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=e;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.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 m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("./styles/common.styles.cjs");var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(r,t,s,l)=>{for(var e=l>1?void 0:l?v(t,s):t,o=r.length-1,i;o>=0;o--)(i=r[o])&&(e=(l?i(t,s,e):i(e))||e);return l&&e&&b(t,s,e),e};exports.DsTableCell=class extends c.UiKitElement{constructor(){super(...arguments),this.variant="default"}render(){return a.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`./styles/common.styles.cjs`);var o=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`default`}static{this.styles=[a.commonStyles]}render(){return e.x`
             <div class="cell" role="cell">
                 <slot></slot>
             </div>
-        `}};exports.DsTableCell.styles=[p.commonStyles];n([m.property({type:String,reflect:!0})],exports.DsTableCell.prototype,"variant",2);exports.DsTableCell=n([u.customUiKitElement("ds-table-cell")],exports.DsTableCell);
+        `}};n.__decorate([t.n({type:String,reflect:!0})],o.prototype,`variant`,void 0),o=n.__decorate([i.customUiKitElement(`ds-table-cell`)],o);

package/dist/cjs/components/ds-table-cell/styles/common.styles.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),o=e.cssWithTokens`
+var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
     :host {
         display: table-cell;
         box-sizing: border-box;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=e;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.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 m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("./styles/common.styles.cjs");var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,u=(s,t,r,o)=>{for(var e=o>1?void 0:o?h(t,r):t,l=s.length-1,n;l>=0;l--)(n=s[l])&&(e=(o?n(t,r,e):n(e))||e);return o&&e&&b(t,r,e),e};exports.DsTableRow=class extends i.UiKitElement{constructor(){super(...arguments),this.columnCount=0}handleSlotChange(t){const o=t.target.assignedElements({flatten:!0});this.columnCount=o.length}render(){return a.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`./styles/common.styles.cjs`);var o=class extends r.UiKitElement{constructor(...e){super(...e),this.columnCount=0}static{this.styles=[a.commonStyles]}handleSlotChange(e){this.columnCount=e.target.assignedElements({flatten:!0}).length}render(){return e.x`
             <div class="row" role="row">
                 <slot @slotchange=${this.handleSlotChange}></slot>
             </div>
-        `}};exports.DsTableRow.styles=[p.commonStyles];u([m.property({type:Number,reflect:!0,attribute:"data-column-count"})],exports.DsTableRow.prototype,"columnCount",2);exports.DsTableRow=u([c.customUiKitElement("ds-table-row")],exports.DsTableRow);
+        `}};n.__decorate([t.n({type:Number,reflect:!0,attribute:`data-column-count`})],o.prototype,`columnCount`,void 0),o=n.__decorate([i.customUiKitElement(`ds-table-row`)],o);

package/dist/cjs/components/ds-table-row/styles/common.styles.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),o=e.cssWithTokens`
+var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
     :host {
         display: table-row;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=e;