@cupra/ui-kit 2.0.0-canary.22 → 2.0.0-canary.220

package/dist-react/cjs/components/ds-media-control/ds-media-control.cjs

@@ -1,27 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),d=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 l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),g=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),y=require("./styles/common.styles.cjs");var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(n,e,r,t)=>{for(var s=t>1?void 0:t?v(e,r):e,o=n.length-1,i;o>=0;o--)(i=n[o])&&(s=(t?i(e,r,s):i(s))||s);return t&&s&&f(e,r,s),s};exports.DsMediaControl=class extends m.UiKitElement{constructor(){super(...arguments),this.state="pause",this.size="medium",this.progress=0,this.handleToggle=e=>{e.stopPropagation();const r=this.state==="play"?"pause":"play";this.state=r;const t=r==="play"?"ds-media-control:play":"ds-media-control:pause";this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleToggle(e))}}get normalizedProgress(){const e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case"large":return 24;case"small":return 16;default:return 20}}get iconName(){return this.state==="play"?"pause":"play"}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:this.iconSize})}get progressTemplate(){const e=this.size==="large"?46:this.size==="small"?30:38,t=e/2-2/2,s=t-1,o=2*Math.PI*t,i=this.normalizedProgress/100,p=o.toFixed(3),u=(o*(1-i)).toFixed(3),h=`${-e/2} ${-e/2} ${e} ${e}`;return c.html`
-            <svg part="progress" class="progress" viewBox="${h}" aria-hidden="true" focusable="false">
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs");var u=class extends i.UiKitElement{constructor(...e){super(...e),this._state=void 0,this._stateValue=`pause`,this.size=`medium`,this.progress=0,this.handleToggle=e=>{e.stopPropagation();let t=this.state===`play`?`pause`:`play`;this._stateValue=t,this._state=void 0;let n=t===`play`?`ds-media-control:play`:`ds-media-control:pause`;this.dispatchEvent(new CustomEvent(n,{bubbles:!0,composed:!0}))},this.onKeyDown=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleToggle(e))}}get state(){return this._state??this._stateValue}set state(e){this._state=e}get normalizedProgress(){let e=Number(this.progress??0);return Number.isNaN(e)?0:Math.min(100,Math.max(0,e))}get classes(){return{container:!0,[this.size]:!!this.size,[this.state]:!!this.state}}get iconSize(){switch(this.size){case`xlarge`:return 40;case`large`:return 24;case`small`:return 16;default:return 20}}get iconName(){return this.state===`play`?`pause`:`play`}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName} size=${c.ifDefined(this.iconSize)}></ds-icon>`}get progressTemplate(){let t=this.size===`xlarge`?70:this.size===`large`?46:this.size===`small`?30:38,n=t/2-1,r=n-1,i=2*Math.PI*n,a=this.normalizedProgress/100,o=i.toFixed(3),s=(i*(1-a)).toFixed(3),c=`${-t/2} ${-t/2} ${t} ${t}`;return e.html`
+            <svg part="progress" class="progress" viewBox="${c}" aria-hidden="true" focusable="false">
                 <circle
                     class="indicator"
                     cx="0"
                     cy="0"
-                    r="${s}"
+                    r="${r}"
                     fill="none"
-                    stroke-dasharray="${p}"
-                    stroke-dashoffset="${u}"
+                    stroke-dasharray="${o}"
+                    stroke-dashoffset="${s}"
                     vector-effect="non-scaling-stroke"
                 ></circle>
             </svg>
-        `}render(){const e=this.state==="play"?"pause":"play";return c.html`
+        `}render(){let t=this.state===`play`?`pause`:`play`;return e.html`
             <div
                 part="container"
-                class=${g.classMap(this.classes)}
+                class=${s.classMap(this.classes)}
                 role="button"
                 tabindex="0"
-                aria-label=${`${e} media ${this.size}`}
+                aria-label=${`${t} media ${this.size}`}
                 @click=${this.handleToggle}
                 @keydown=${this.onKeyDown}
             >
                 ${this.progressTemplate}
                 ${this.iconTemplate}
             </div>
-        `}};exports.DsMediaControl.styles=[y.commonStyles];a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"state",2);a([l.property({type:String,reflect:!0})],exports.DsMediaControl.prototype,"size",2);a([l.property({type:Number,reflect:!0})],exports.DsMediaControl.prototype,"progress",2);exports.DsMediaControl=a([d.customUiKitElement("ds-media-control")],exports.DsMediaControl);
+        `}},d=(u.styles=[l.commonStyles],u);r.default([t.property({type:String,attribute:`state`,reflect:!0})],d.prototype,`_state`,void 0),r.default([n.state()],d.prototype,`_stateValue`,void 0),r.default([t.property({type:String,reflect:!0})],d.prototype,`size`,void 0),r.default([t.property({type:Number,reflect:!0})],d.prototype,`progress`,void 0),d=r.default([a.customUiKitElement(`ds-media-control`)],d),Object.defineProperty(exports,"DsMediaControl",{enumerable:!0,get:function(){return d}});

package/dist-react/cjs/components/ds-media-control/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"),r=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }
@@ -26,6 +26,10 @@
         width: 48px;
         height: 48px;
     }
+    .container.xlarge {
+        width: 72px;
+        height: 72px;
+    }
 
     .progress {
         position: absolute;
@@ -36,12 +40,16 @@
     }
 
     .progress .indicator {
-        stroke: var(--ds-icon-color);
+        stroke: var(--ds-color-icon-default-subtlest, #d3d6d9);
         stroke-width: 1.5px;
         transform: rotate(-90deg);
     }
 
     [part='container']:focus-visible {
-        box-shadow: 0 0 0 2px var(--ds-color-focus-ring, rgba(255, 255, 255, 0.6));
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
+    }
+
+    :host {
+        --ui-kit-icon-color: var(--ds-color-icon-default);
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

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

@@ -1,7 +1,25 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),b=require("../../mixins/ViewportMixin.cjs"),a=require("../../utils/booleanConverter.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"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),r=require("./styles/common.styles.cjs");var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,e=(c,t,s,l)=>{for(var n=l>1?void 0:l?v(t,s):t,u=c.length-1,d;u>=0;u--)(d=c[u])&&(n=(l?d(t,s,n):d(n))||n);return l&&n&&y(t,s,n),n};exports.DsModal=class extends b.ViewportMixin(h.UiKitElement){constructor(){super(...arguments),this.withCloseButton=!0,this.variant="fullScreen",this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign="default"}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight="0",document.body.style.overflow=""}handleScroll(){const t=this.open&&!this.disableScrollLock,s=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=t&&s?`${window.innerWidth-document.documentElement.clientWidth}px`:"0",document.body.style.overflow=t?"hidden":""}updated(t){super.updated(t),(t.has("open")||t.has("disableScrollLock"))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant==="dialog"?i.html`<div class=${p.classMap(this.backdropClasses)} />`:i.nothing}get buttonSize(){return["xs","s","m"].includes(this.viewport)?"medium":"large"}get closeButtonSize(){return this.variant==="dialog"||["xs","s"].includes(this.viewport)?"small":"medium"}get closeButtonTemplate(){return this.withCloseButton?this.componentFactory.createIconButton({class:"close-button","data-aria-label":"close-button","@click":this.handleClickCloseButton,size:this.closeButtonSize,"icon-name":"cross",mode:"light",variant:"primary"}):i.nothing}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName,size:64}):i.nothing}get cancelButtonTemplate(){return this.cancelButtonText?this.componentFactory.createButton({class:"cancel-button",variant:"secondary",size:this.buttonSize,"@click":this.handleClickCancelButton,children:this.cancelButtonText}):i.nothing}get confirmButtonTemplate(){return this.confirmButtonText?this.componentFactory.createButton({class:"confirm-button",variant:"primary",size:this.buttonSize,"@click":this.handleClickConfirmButton,children:this.confirmButtonText}):i.nothing}get modalClasses(){return{container:!0,animate:!0,open:this.open,close:!this.open,dialog:this.variant==="dialog","full-screen":this.variant==="fullScreen"||this.variant==="fit",fit:this.variant==="fit",[`v-align-${this.vAlign}`]:!!this.vAlign}}get contentClasses(){return{"content-container":!0,"full-width":!!this.fullWidth}}render(){return i.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const u=require("./styles/common.styles.cjs");var d=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.withCloseButton=!0,this.variant=`fullScreen`,this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign=`default`}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight=`0`,document.body.style.overflow=``}handleScroll(){let e=this.open&&!this.disableScrollLock,t=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=e&&t?`${window.innerWidth-document.documentElement.clientWidth}px`:`0`,document.body.style.overflow=e?`hidden`:``}updated(e){super.updated(e),(e.has(`open`)||e.has(`disableScrollLock`))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant===`dialog`?e.html`<div class=${s.classMap(this.backdropClasses)} />`:e.nothing}get buttonSize(){return[`xs`,`s`,`m`].includes(this.viewport)?`medium`:`large`}get closeButtonSize(){return this.variant===`dialog`||[`xs`,`s`].includes(this.viewport)?`small`:`medium`}get closeButtonTemplate(){return this.withCloseButton?o.uiKitHtml`<ds-icon-button
+            class="close-button"
+            data-aria-label="close-button"
+            @click=${this.handleClickCloseButton}
+            size=${c.ifDefined(this.closeButtonSize)}
+            icon-name="cross"
+            mode="light"
+            variant="primary"
+        ></ds-icon-button>`:e.nothing}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)} size="64"></ds-icon>`:e.nothing}get cancelButtonTemplate(){return this.cancelButtonText?o.uiKitHtml`<ds-button
+            class="cancel-button"
+            variant="secondary"
+            size=${c.ifDefined(this.buttonSize)}
+            @click=${this.handleClickCancelButton}
+        >${this.cancelButtonText}</ds-button>`:e.nothing}get confirmButtonTemplate(){return this.confirmButtonText?o.uiKitHtml`<ds-button
+            class="confirm-button"
+            variant="primary"
+            size=${c.ifDefined(this.buttonSize)}
+            @click=${this.handleClickConfirmButton}
+        >${this.confirmButtonText}</ds-button>`:e.nothing}get modalClasses(){return{container:!0,animate:!0,open:this.open,close:!this.open,dialog:this.variant===`dialog`,"full-screen":this.variant===`fullScreen`||this.variant===`fit`,fit:this.variant===`fit`,[`v-align-${this.vAlign}`]:!!this.vAlign}}get contentClasses(){return{"content-container":!0,"full-width":!!this.fullWidth}}render(){return e.html`
             <style>
                 :host {
-                    ${!this.open&&"display: none;"}
+                    ${!this.open&&`display: none;`}
                 }
                 .container, .backdrop {
                     z-index: ${this.zIndex};
@@ -11,16 +29,16 @@
             <div
                 role="dialog"
                 aria-labelledby="ds-modal-title"
-                class=${p.classMap(this.modalClasses)}
+                class=${s.classMap(this.modalClasses)}
                 @transitionend=${this.handleTransitionEnd}
             >
                 ${this.closeButtonTemplate}
                 ${this.iconTemplate}
-                <div class=${p.classMap(this.contentClasses)}>
+                <div class=${s.classMap(this.contentClasses)}>
                     <slot id="ds-modal-title" name="title"></slot>
                     <slot name="content"></slot>
                     ${this.cancelButtonTemplate}
                     ${this.confirmButtonTemplate}
                 </div>
             </div>
-        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-cancel-button",{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent("click-confirm-button",{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent("click-close-button",{bubbles:!0,composed:!0}))}handleTransitionEnd(t){t.propertyName==="opacity"&&(this.open?this.dispatchEvent(new CustomEvent("open-transition-end",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close-transition-end",{bubbles:!0,composed:!0})))}};exports.DsModal.styles=[r.fullScreenStyles,r.dialogStyles,r.fitStyles,r.commonStyles,r.alignStyles];e([o.property({type:Boolean,reflect:!0,converter:a.booleanConverter})],exports.DsModal.prototype,"open",2);e([o.property({type:Boolean,attribute:"with-close-button",converter:a.booleanConverter})],exports.DsModal.prototype,"withCloseButton",2);e([o.property({type:String,attribute:"cancel-button-text"})],exports.DsModal.prototype,"cancelButtonText",2);e([o.property({type:String,attribute:"confirm-button-text"})],exports.DsModal.prototype,"confirmButtonText",2);e([o.property({type:String})],exports.DsModal.prototype,"variant",2);e([o.property({type:Number,attribute:"z-index"})],exports.DsModal.prototype,"zIndex",2);e([o.property({type:Boolean,converter:a.booleanConverter,attribute:"disable-scroll-lock"})],exports.DsModal.prototype,"disableScrollLock",2);e([o.property({type:String,attribute:"icon-name"})],exports.DsModal.prototype,"iconName",2);e([o.property({type:Boolean,converter:a.booleanConverter,attribute:"full-width"})],exports.DsModal.prototype,"fullWidth",2);e([o.property({type:String,attribute:"v-align"})],exports.DsModal.prototype,"vAlign",2);exports.DsModal=e([m.customUiKitElement("ds-modal")],exports.DsModal);
+        `}handleClickCancelButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-cancel-button`,{bubbles:!0,composed:!0}))}handleClickConfirmButton(){this.dispatchEvent(new CustomEvent(`click-confirm-button`,{bubbles:!0,composed:!0}))}handleClickCloseButton(){this.open=!1,this.dispatchEvent(new CustomEvent(`click-close-button`,{bubbles:!0,composed:!0}))}handleTransitionEnd(e){e.propertyName===`opacity`&&(this.open?this.dispatchEvent(new CustomEvent(`open-transition-end`,{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent(`close-transition-end`,{bubbles:!0,composed:!0})))}},f=(d.styles=[u.fullScreenStyles,u.dialogStyles,u.fitStyles,u.commonStyles,u.alignStyles],d);n.default([t.property({type:Boolean,reflect:!0,converter:a.booleanConverter})],f.prototype,`open`,void 0),n.default([t.property({type:Boolean,attribute:`with-close-button`,converter:a.booleanConverter})],f.prototype,`withCloseButton`,void 0),n.default([t.property({type:String,attribute:`cancel-button-text`})],f.prototype,`cancelButtonText`,void 0),n.default([t.property({type:String,attribute:`confirm-button-text`})],f.prototype,`confirmButtonText`,void 0),n.default([t.property({type:String})],f.prototype,`variant`,void 0),n.default([t.property({type:Number,attribute:`z-index`})],f.prototype,`zIndex`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`disable-scroll-lock`})],f.prototype,`disableScrollLock`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],f.prototype,`fullWidth`,void 0),n.default([t.property({type:String,attribute:`v-align`})],f.prototype,`vAlign`,void 0),f=n.default([i.customUiKitElement(`ds-modal`)],f),Object.defineProperty(exports,"DsModal",{enumerable:!0,get:function(){return f}});

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssQueries.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 e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :host {
         transition: display 300ms ease allow-discrete;
     }
@@ -134,7 +134,7 @@
                 '. cancelButton confirmButton';
         }
     }
-`,i=e.css`
+`,r=e.css`
     .container.full-screen {
         position: fixed;
         height: 100%;
@@ -151,7 +151,7 @@
     .icon {
         margin-bottom: 32px;
     }
-`,o=e.css`
+`,i=e.css`
     .container.dialog {
         position: fixed;
         height: auto;
@@ -189,7 +189,7 @@
     .container.fit {
         position: absolute;
     }
-`,r=e.css`
+`,o=e.css`
     .container.full-screen.v-align-default {
         justify-content: flex-start;
         padding-top: 24px;
@@ -274,4 +274,4 @@
         transform: translateX(-50%);
         margin-bottom: 24px;
     }
-`;exports.alignStyles=r;exports.commonStyles=n;exports.dialogStyles=o;exports.fitStyles=a;exports.fullScreenStyles=i;
+`;exports.alignStyles=o,exports.commonStyles=n,exports.dialogStyles=i,exports.fitStyles=a,exports.fullScreenStyles=r;

package/dist-react/cjs/components/ds-navigation-controls/ds-navigation-controls.cjs

@@ -0,0 +1,5 @@
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../mixins/ViewportMixin.cjs"),o=require("./styles/common.styles.cjs");var s,c=[`DS-ICON-BUTTON`,`DS-ICON-BUTTON-REACT`],l=(s=class extends a.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.handleSlotChange=()=>{this.updateIconButtonSizes()}}firstUpdated(e){super.firstUpdated(e),this.updateIconButtonSizes()}updated(e){super.updated(e),e.has(`viewport`)&&this.updateIconButtonSizes()}getButtonSize(){return[`xxl`,`xl`].includes(this.viewport)?`large`:`medium`}findIconButtons(e){let t=[];c.includes(e.tagName)&&t.push(e);for(let n of e.children)t.push(...this.findIconButtons(n));return t}updateIconButtonSizes(){let e=this.getButtonSize(),t=this.slottedElements.flatMap(e=>this.findIconButtons(e));for(let n of t)n.setAttribute(`size`,e)}render(){return e.html`
+            <div part="container" class="container" role="group" aria-label="Navigation controls">
+                <slot @slotchange=${this.handleSlotChange}></slot>
+            </div>
+        `}},s.styles=[o.commonStyles],s);n.default([t.queryAssignedElements({flatten:!0})],l.prototype,`slottedElements`,void 0),l=n.default([i.customUiKitElement(`ds-navigation-controls`)],l),Object.defineProperty(exports,"DsNavigationControls",{enumerable:!0,get:function(){return l}});

package/dist-react/cjs/components/ds-navigation-controls/styles/common.styles.cjs

@@ -0,0 +1,39 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    :host {
+        display: inline-flex;
+    }
+
+    .container {
+        display: inline-flex;
+        align-items: center;
+    }
+
+    ::slotted(div) {
+        display: flex;
+        gap: var(--ui-kit-private-navigation-controls-section-gap, 12px);
+        align-items: center;
+    }
+
+    .container {
+        padding: var(--ds-spacing-s-5);
+        border-radius: var(--ds-border-radius-s);
+        border: var(--ds-border-width-m) solid var(--ds-color-border-default);
+        background: var(--ds-color-surface-default-subtle);
+        backdrop-filter: blur(var(--ds-blur-level-03));
+        -webkit-backdrop-filter: blur(var(--ds-blur-level-03));
+    }
+
+    ::slotted(*:not(:first-child)) {
+        padding-inline-start: calc(var(--ds-spacing-m-3) + var(--ds-border-width-m));
+        background-image: linear-gradient(var(--ds-color-border-default), var(--ds-color-border-default));
+        background-size: var(--ds-border-width-m) 24px;
+        background-repeat: no-repeat;
+        background-position: calc(var(--ds-spacing-m-3) / 2) center;
+    }
+
+    @media (max-width: 1439px) {
+        :host {
+            --ui-kit-private-navigation-controls-section-gap: var(--ds-spacing-s-4);
+        }
+    }
+`;exports.commonStyles=t;

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

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../ds-text-input/ds-text-input.cjs"),l=require("../../decorators/customUiKitElement.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");var b=Object.defineProperty,c=Object.getOwnPropertyDescriptor,i=(a,t,r,s)=>{for(var e=s>1?void 0:s?c(t,r):t,o=a.length-1,n;o>=0;o--)(n=a[o])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&b(t,r,e),e};exports.DsPasswordInput=class extends p.DsTextInput{constructor(){super(...arguments),this.dataAriaLabelHideButton="",this.dataAriaLabelShowButton="",this.visible=!1,this.handleClickIcon=()=>{this.visible?(this.nativeInput.setAttribute("type","password"),this.visible=!1):(this.nativeInput.setAttribute("type","text"),this.visible=!0)}}get iconTemplate(){var t;return this.componentFactory.createIconButton({class:"icon-button","icon-name":this.visible?"eye-crossed-out":"eye",disabled:!!((t=this.nativeInput)!=null&&t.disabled),size:this.size,variant:"naked","@click":this.handleClickIcon,"data-aria-label":this.visible?this.dataAriaLabelHideButton||"hide":this.dataAriaLabelShowButton||"show"})}};i([u.property({type:String,attribute:"data-aria-label-hide-button"})],exports.DsPasswordInput.prototype,"dataAriaLabelHideButton",2);i([u.property({type:String,attribute:"data-aria-label-show-button"})],exports.DsPasswordInput.prototype,"dataAriaLabelShowButton",2);i([d.state()],exports.DsPasswordInput.prototype,"visible",2);exports.DsPasswordInput=i([l.customUiKitElement("ds-password-input",{extendComponentNames:["ds-text-input"]})],exports.DsPasswordInput);
+const e=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../utils/uiKitHtml.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const o=require("../ds-text-input/ds-text-input.cjs"),s=require("./styles/common.styles.cjs");var c=class extends o.DsTextInput{constructor(...e){super(...e),this.dataAriaLabelHideButton=``,this.dataAriaLabelShowButton=``,this.visible=!1,this.handleClickIcon=()=>{this.visible?(this.nativeInput.setAttribute(`type`,`password`),this.visible=!1):(this.nativeInput.setAttribute(`type`,`text`),this.visible=!0)}}get iconTemplate(){var e;return i.uiKitHtml`<ds-icon-button
+            class="icon-button"
+            icon-name=${this.visible?`eye`:`eye-crossed-out`}
+            ?disabled=${!!((e=this.nativeInput)!=null&&e.disabled)}
+            size=${a.ifDefined(this.size)}
+            variant="naked"
+            @click=${this.handleClickIcon}
+            data-aria-label=${this.visible?this.dataAriaLabelHideButton||`hide`:this.dataAriaLabelShowButton||`show`}
+            data-aria-pressed=${String(this.visible)}
+        ></ds-icon-button>`}},l=(c.styles=[...o.DsTextInput.styles,s.commonStyles],c);n.default([e.property({type:String,attribute:`data-aria-label-hide-button`})],l.prototype,`dataAriaLabelHideButton`,void 0),n.default([e.property({type:String,attribute:`data-aria-label-show-button`})],l.prototype,`dataAriaLabelShowButton`,void 0),n.default([t.state()],l.prototype,`visible`,void 0),l=n.default([r.customUiKitElement(`ds-password-input`,{extendComponentNames:[`ds-text-input`]})],l),Object.defineProperty(exports,"DsPasswordInput",{enumerable:!0,get:function(){return l}});

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

@@ -0,0 +1,8 @@
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
+    ::slotted(input[type='password']) {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        display: flex;
+    }
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-picker-item/ds-picker-item.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),v=require("../../mixins/ViewportMixin.cjs"),C=require("../../utils/booleanConverter.cjs"),d=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 s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),h=require("./styles/common.styles.cjs");var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(o,e,n,i)=>{for(var t=i>1?void 0:i?y(e,n):e,l=o.length-1,c;l>=0;l--)(c=o[l])&&(t=(i?c(e,n,t):c(t))||t);return i&&t&&g(e,n,t),t};exports.DsPickerItem=class extends v.ViewportMixin(u.UiKitElement){constructor(){super(...arguments),this.variant="without-border",this.size="medium",this.loading=!1,this.selected=!1}get containerClasses(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{container:!0,[e]:!!e,selected:this.selected,loading:this.loading}}handleClick(){this.selected||this.loading||this.dispatchEvent(new CustomEvent("ds-picker-item:click",{bubbles:!0,composed:!0}))}get imageContainerClasses(){return{"image-container":!0,[this.variant]:!!this.variant}}get loadingTemplate(){return this.loading?a.html`
-            <div class="overlay">
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("../../mixins/ViewportMixin.cjs"),c=require("../../utils/objectConverter.cjs"),l=require("./styles/common.styles.cjs");var u=class extends s.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`without-border`,this.size=`medium`,this.loading=!1,this.selected=!1}get containerClasses(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e,selected:this.selected,loading:this.loading}}handleClick(){this.selected||this.loading||this.dispatchEvent(new CustomEvent(`ds-picker-item:click`,{bubbles:!0,composed:!0}))}get imageContainerClasses(){return{"image-container":!0,[this.variant]:!!this.variant}}get loadingTemplate(){return this.loading?e.html`
+            <span class="overlay">
                 <svg class="spinner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
                     <path
                         d="M38.3334 20.0001C38.3334 30.1253 30.1252 38.3334 20 38.3334C9.8748 38.3334 1.66669 30.1253 1.66669 20.0001C1.66669 9.87486 9.8748 1.66675 20 1.66675C30.1252 1.66675 38.3334 9.87486 38.3334 20.0001ZM7.97929 20.0001C7.97929 26.6389 13.3612 32.0208 20 32.0208C26.6389 32.0208 32.0207 26.6389 32.0207 20.0001C32.0207 13.3612 26.6389 7.97935 20 7.97935C13.3612 7.97935 7.97929 13.3612 7.97929 20.0001Z"
@@ -10,12 +10,12 @@
                         fill="#E1E6EA"
                     />
                 </svg>
-            </div>
-        `:a.nothing}render(){return a.html`
-            <div class=${p.classMap(this.containerClasses)} @click=${this.handleClick}>
-                <div class=${p.classMap(this.imageContainerClasses)}>
+            </span>
+        `:e.nothing}render(){return e.html`
+            <button class=${o.classMap(this.containerClasses)} @click=${this.handleClick}>
+                <span class=${o.classMap(this.imageContainerClasses)}>
                     <slot></slot>
-                </div>
+                </span>
                 ${this.loadingTemplate}
-            </div>
-        `}};exports.DsPickerItem.styles=[h.pickerItemStyles];r([s.property({type:String})],exports.DsPickerItem.prototype,"variant",2);r([s.property({type:String,converter:d.objectConverter})],exports.DsPickerItem.prototype,"size",2);r([s.property({type:Boolean,converter:C.booleanConverter})],exports.DsPickerItem.prototype,"loading",2);r([s.property({type:Boolean,converter:C.booleanConverter})],exports.DsPickerItem.prototype,"selected",2);exports.DsPickerItem=r([m.customUiKitElement("ds-picker-item")],exports.DsPickerItem);
+            </button>
+        `}},d=(u.styles=[l.pickerItemStyles],u);n.default([t.property({type:String})],d.prototype,`variant`,void 0),n.default([t.property({type:String,converter:c.objectConverter})],d.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],d.prototype,`loading`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],d.prototype,`selected`,void 0),d=n.default([i.customUiKitElement(`ds-picker-item`)],d),Object.defineProperty(exports,"DsPickerItem",{enumerable:!0,get:function(){return d}});

package/dist-react/cjs/components/ds-picker-item/styles/common.styles.cjs

@@ -1,5 +1,180 @@
-"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.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: contents;
     }
-`;exports.pickerItemStyles=t;
+
+    .container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        box-sizing: border-box;
+        cursor: pointer;
+        position: relative;
+        background: transparent;
+        border: none;
+        padding: 0;
+    }
+
+    .container.x-small {
+        width: 40px;
+        height: 40px;
+        border-radius: var(--ds-border-radius-xs);
+    }
+
+    .container.small {
+        width: 48px;
+        height: 48px;
+        border-radius: var(--ds-border-radius-s);
+    }
+
+    .container.medium {
+        width: 80px;
+        height: 80px;
+        border-radius: var(--ds-border-radius-l);
+    }
+
+    .container.large {
+        width: 104px;
+        height: 104px;
+        border-radius: var(--ds-border-radius-l);
+    }
+
+    .container::before {
+        content: '';
+        position: absolute;
+        z-index: -1;
+        pointer-events: none;
+        transition: var(--ui-kit-picker-item-transition);
+    }
+
+    .container.x-small::before {
+        inset: -4px;
+        border-radius: var(--ds-border-radius-s);
+    }
+
+    .container.small::before {
+        inset: -4px;
+        border-radius: var(--ds-border-radius-m);
+    }
+
+    .container.medium::before {
+        inset: -4px;
+        border-radius: var(--ds-border-radius-xl);
+    }
+
+    .container.large::before {
+        inset: -7px;
+        border-radius: var(--ds-border-radius-xl);
+    }
+
+    .container:hover::before {
+        background: var(--ds-color-control-bg-hover);
+    }
+
+    .container.selected::before {
+        border: var(--ds-border-width-m) solid var(--ds-color-border-selected-subtle);
+        background: var(--ds-color-control-bg-pressed);
+    }
+
+    .container.selected {
+        cursor: auto;
+    }
+
+    .container.loading {
+        cursor: auto;
+    }
+
+    .image-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        overflow: hidden;
+        box-sizing: border-box;
+    }
+
+    .container.x-small .image-container {
+        width: 40px;
+        height: 40px;
+        border-radius: var(--ds-border-radius-xs);
+    }
+
+    .container.small .image-container {
+        width: 48px;
+        height: 48px;
+        border-radius: var(--ds-border-radius-s);
+    }
+
+    .container.medium .image-container {
+        width: 80px;
+        height: 80px;
+        border-radius: var(--ds-border-radius-l);
+    }
+
+    .container.large .image-container {
+        width: 104px;
+        height: 104px;
+        border-radius: var(--ds-border-radius-l);
+    }
+
+    .image-container.with-border {
+        outline: var(--ds-border-width-m) solid var(--ds-color-border-default);
+        outline-offset: -1px;
+    }
+
+    .image-container.without-border {
+        outline: none;
+    }
+
+    ::slotted(img) {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        display: block;
+        overflow-clip-margin: unset;
+        overflow: visible;
+    }
+
+    .overlay {
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(0deg, var(--ds-color-bg-overlay) 0%, var(--ds-color-bg-overlay) 100%);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: inherit;
+        pointer-events: none;
+    }
+
+    .spinner {
+        animation: spin 1s linear infinite;
+    }
+
+    .container.x-small .spinner {
+        width: 24px;
+        height: 24px;
+    }
+
+    .container.small .spinner {
+        width: 24px;
+        height: 24px;
+    }
+
+    .container.medium .spinner {
+        width: 40px;
+        height: 40px;
+    }
+
+    .container.large .spinner {
+        width: 40px;
+        height: 40px;
+    }
+
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+`;exports.pickerItemStyles=t;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=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"),a=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,c=(n,t,r,o)=>{for(var e=o>1?void 0:o?m(t,r):t,s=n.length-1,l;s>=0;s--)(l=n[s])&&(e=(o?l(t,r,e):l(e))||e);return o&&e&&p(t,r,e),e};exports.DsPortal=class extends a.LitElement{constructor(){super(...arguments),this.nodes=[],this.querySelectorText="body"}render(){return i.html`<slot></slot>`}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.nodes)==null||t.forEach(r=>r.remove())}updated(t){super.updated(t),requestAnimationFrame(()=>{const r=document.querySelector(this.querySelectorText)||document.body;if(!r)return;const o=this.renderRoot.querySelector("slot"),e=(o==null?void 0:o.assignedNodes())||[];this.nodes=e,e.forEach(s=>{r.appendChild(s)})})}};c([d.property({type:String,attribute:"query-selector-text"})],exports.DsPortal.prototype,"querySelectorText",2);exports.DsPortal=c([u.customUiKitElement("ds-portal",{skipTagAsComponentName:!0})],exports.DsPortal);
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs");var a=class extends t.LitElement{constructor(...e){super(...e),this.nodes=[],this.querySelectorText=`body`}render(){return e.html`<slot></slot>`}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.nodes)==null||e.forEach(e=>e.remove())}updated(e){super.updated(e),requestAnimationFrame(()=>{let e=document.querySelector(this.querySelectorText)||document.body;if(!e)return;let t=this.renderRoot.querySelector(`slot`),n=(t==null?void 0:t.assignedNodes())||[];this.nodes=n,n.forEach(t=>{e.appendChild(t)})})}};r.default([n.property({type:String,attribute:`query-selector-text`})],a.prototype,`querySelectorText`,void 0),a=r.default([i.customUiKitElement(`ds-portal`,{skipTagAsComponentName:!0})],a),Object.defineProperty(exports,"DsPortal",{enumerable:!0,get:function(){return a}});

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),n=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 u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("./styles/common.styles.cjs");var P=Object.defineProperty,m=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,_=Reflect.get,p=(s,e,t,o)=>{for(var r=o>1?void 0:o?m(e,t):e,a=s.length-1,l;a>=0;a--)(l=s[a])&&(r=(o?l(e,t,r):l(r))||r);return o&&r&&P(e,t,r),r},B=(s,e,t)=>_(y(s),t,e);exports.DsProgressBar=class extends g.DsBaseProgressBar{render(){return this.show?i.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../base/ds-base-progress-bar/ds-base-progress-bar.cjs"),a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/superPropGet.cjs"),o=require("./styles/common.styles.cjs");var s=class extends i.DsBaseProgressBar{get progressAriaValue(){return this.progress}render(){return this.show?e.html`
                   <style>
                       .fill {
                           width: ${this.progress}%;
                       }
                   </style>
                   ${this.barTemplate}
-              `:i.nothing}};exports.DsProgressBar.styles=[...B(exports.DsProgressBar,exports.DsProgressBar,"styles"),c.commonStyles];p([u.property({type:Number})],exports.DsProgressBar.prototype,"progress",2);exports.DsProgressBar=p([n.customUiKitElement("ds-progress-bar",{skipTagAsComponentName:!0})],exports.DsProgressBar);
+              `:e.nothing}},c=(s.styles=[...a.default(s,`styles`,s),o.commonStyles],s);n.default([t.property({type:Number})],c.prototype,`progress`,void 0),c=n.default([r.customUiKitElement(`ds-progress-bar`,{skipTagAsComponentName:!0})],c),Object.defineProperty(exports,"DsProgressBar",{enumerable:!0,get:function(){return c}});

package/dist-react/cjs/components/ds-progress-bar/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"),r=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     .fill {
         transition: all 200ms ease-in-out;
     }
-`;exports.commonStyles=r;
+`;exports.commonStyles=t;

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),p=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs"),u=require("../../utils/htmlWithTokens.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 o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,t=(l,e,r,s)=>{for(var i=s>1?void 0:s?f(e,r):e,n=l.length-1,a;n>=0;n--)(a=l[n])&&(i=(s?a(e,r,i):a(i))||i);return s&&i&&v(e,r,i),i};exports.DsRadio=class extends c.UiKitElement{constructor(){super(...arguments),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode="light",this.size="large",this.handleClickInput=e=>{this.readonly&&e.preventDefault()},this.handleClickLabel=e=>{e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value}})))}}connectedCallback(){super.connectedCallback(),this.input=document.createElement("input"),this.input.type="radio",this.input.slot="radio",this.input.ariaLabel=this.value,this.input.addEventListener("click",this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener("click",this.handleClickInput)}updated(e){super.updated(e),["name","value"].forEach(s=>{e.has(s)&&(this.input[s]=this[s])}),e.has("checked")&&requestAnimationFrame(()=>{this.input.checked=this.checked}),e.has("disabled")&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return u.htmlWithTokens`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("./styles/common.styles.cjs");var l=class extends i.UiKitElement{constructor(...e){super(...e),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode=`light`,this.size=`large`,this.handleClickInput=e=>{this.readonly&&e.preventDefault()},this.handleClickLabel=e=>{e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{value:this.value}})))}}connectedCallback(){super.connectedCallback(),this.input=document.createElement(`input`),this.input.type=`radio`,this.input.slot=`radio`,this.input.ariaLabel=this.value,this.input.addEventListener(`click`,this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener(`click`,this.handleClickInput)}updated(e){super.updated(e),[`name`,`value`].forEach(t=>{e.has(t)&&(this.input[t]=this[t])}),e.has(`checked`)&&requestAnimationFrame(()=>{this.input.checked=this.checked}),e.has(`disabled`)&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return h.html`
+        `}render(){return e.html`
             ${this.styleTokens}
-            <label @click=${this.handleClickLabel} class=${m.classMap(this.labelClasses)}>
+            <label @click=${this.handleClickLabel} class=${s.classMap(this.labelClasses)}>
                 <slot name="radio"></slot>
                 <slot></slot>
             </label>
-        `}};exports.DsRadio.styles=[b.commonStyles];t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"readonly",2);t([o.property({type:String,reflect:!0})],exports.DsRadio.prototype,"name",2);t([o.property({type:String})],exports.DsRadio.prototype,"value",2);t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"checked",2);t([o.property({type:Boolean,converter:d.booleanConverter,reflect:!0})],exports.DsRadio.prototype,"disabled",2);t([o.property({type:String,reflect:!0})],exports.DsRadio.prototype,"mode",2);t([o.property({type:String})],exports.DsRadio.prototype,"size",2);t([y.queryAssignedNodes({slot:"",flatten:!0})],exports.DsRadio.prototype,"_defaultSlotNodes",2);exports.DsRadio=t([p.customUiKitElement("ds-radio")],exports.DsRadio);
+        `}},u=(l.styles=[c.commonStyles],l);r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`readonly`,void 0),r.default([t.property({type:String,reflect:!0})],u.prototype,`name`,void 0),r.default([t.property({type:String})],u.prototype,`value`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`checked`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.default([t.property({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.default([t.property({type:String})],u.prototype,`size`,void 0),r.default([n.queryAssignedNodes({slot:``,flatten:!0})],u.prototype,`_defaultSlotNodes`,void 0),u=r.default([a.customUiKitElement(`ds-radio`)],u),Object.defineProperty(exports,"DsRadio",{enumerable:!0,get:function(){return u}});

package/dist-react/cjs/components/ds-radio/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"),t=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: inline-block;
     }
@@ -34,4 +34,4 @@
     label ::slotted(input:checked)::before {
         transform: scale(1);
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;