@cupra/ui-kit 1.1.0-canary.8 → 2.0.0-canary.16

package/dist/cjs/components/ds-map-pin/styles/common.styles.cjs

@@ -0,0 +1,36 @@
+"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 t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e=t.css`
+    :host {
+        display: inline-block;
+    }
+
+    .container {
+        display: inline-block;
+        position: relative;
+        cursor: pointer;
+    }
+
+    .icon {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .cluster-count {
+        display: flex;
+        position: absolute;
+        border-radius: var(--dg-border-radius-full);
+        background: var(--dg-color-bg-base);
+        align-items: center;
+        justify-content: center;
+        top: -8px;
+        right: -6px;
+        width: 24px;
+        height: 24px;
+        font-size: var(--dg-font-size-body-s, 12px);
+        font-style: normal;
+        font-weight: 400;
+        line-height: var(--dg-font-height-body-s, 16px); /* 133.333% */
+        letter-spacing: var(--dg-font-letter-spacing-m, 0.5px);
+        color: var(--dg-color-text-strong);
+    }
+`;exports.mapPinStyles=e;

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

@@ -0,0 +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">
+                <circle
+                    class="indicator"
+                    cx="0"
+                    cy="0"
+                    r="${s}"
+                    fill="none"
+                    stroke-dasharray="${p}"
+                    stroke-dashoffset="${u}"
+                    vector-effect="non-scaling-stroke"
+                ></circle>
+            </svg>
+        `}render(){const e=this.state==="play"?"pause":"play";return c.html`
+            <div
+                part="container"
+                class=${g.classMap(this.classes)}
+                role="button"
+                tabindex="0"
+                aria-label=${`${e} 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);

package/dist/cjs/components/ds-media-control/styles/common.styles.cjs

@@ -0,0 +1,47 @@
+"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`
+    :host {
+        display: contents;
+    }
+
+    [part='container'] {
+        position: relative;
+        display: inline-grid;
+        place-items: center;
+        border-radius: var(--ds-border-radius-full, 100000px);
+        background: var(--ds-color-surface-contrast, rgba(9, 9, 11, 0.3));
+        user-select: none;
+        cursor: pointer;
+        outline: none;
+    }
+
+    .container.small {
+        width: 32px;
+        height: 32px;
+    }
+    .container.medium {
+        width: 40px;
+        height: 40px;
+    }
+    .container.large {
+        width: 48px;
+        height: 48px;
+    }
+
+    .progress {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        pointer-events: none;
+    }
+
+    .progress .indicator {
+        stroke: var(--ds-icon-color);
+        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));
+    }
+`;exports.commonStyles=r;

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

@@ -0,0 +1,26 @@
+"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`
+            <style>
+                :host {
+                    ${!this.open&&"display: none;"}
+                }
+                .container, .backdrop {
+                    z-index: ${this.zIndex};
+                }
+            </style>
+            ${this.backdropTemplate}
+            <div
+                role="dialog"
+                aria-labelledby="ds-modal-title"
+                class=${p.classMap(this.modalClasses)}
+                @transitionend=${this.handleTransitionEnd}
+            >
+                ${this.closeButtonTemplate}
+                ${this.iconTemplate}
+                <div class=${p.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);

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

@@ -0,0 +1,277 @@
+"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`
+    :host {
+        transition: display 300ms ease allow-discrete;
+    }
+
+    .animate {
+        transition:
+            opacity 300ms ease,
+            display 300ms ease allow-discrete;
+    }
+
+    .container {
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        opacity: 1;
+        @starting-style {
+            opacity: 0;
+        }
+    }
+
+    .open {
+        display: flex;
+    }
+
+    .close {
+        display: none;
+        opacity: 0;
+    }
+
+    .close-button {
+        position: absolute;
+        right: 8px;
+        top: 24px;
+        z-index: 1;
+    }
+
+    .content-container {
+        max-height: calc(100dvh - 48px);
+        box-sizing: content-box;
+        width: 100%;
+        display: grid;
+        grid-gap: 16px;
+        grid-template-rows: auto 1fr auto auto;
+        grid-template-areas:
+            'title'
+            'content'
+            'cancelButton'
+            'confirmButton';
+    }
+
+    ::slotted([slot='title']) {
+        grid-area: title;
+        width: calc(100% - 32px);
+    }
+
+    ::slotted([slot='content']) {
+        grid-area: content;
+        overflow: auto;
+        margin: 16px 0 24px;
+    }
+
+    .cancel-button {
+        grid-area: cancelButton;
+    }
+
+    .confirm-button {
+        grid-area: confirmButton;
+    }
+
+    ${t.cssQueries.m} {
+        .content-container.full-width {
+            max-width: 700px;
+        }
+
+        .content-container {
+            max-width: 456px;
+            grid-row-gap: 40px;
+            grid-column-gap: 32px;
+            grid-template-rows: auto 1fr auto;
+            grid-template-columns: 1fr 1fr;
+            grid-template-areas:
+                'title title'
+                'content content'
+                'cancelButton confirmButton';
+        }
+
+        ::slotted([slot='title']) {
+            width: 100%;
+        }
+
+        ::slotted([slot='content']) {
+            margin: 0;
+        }
+
+        .close-button {
+            right: 24px;
+            top: 24px;
+        }
+    }
+
+    ${t.cssQueries.l} {
+        .content-container.full-width {
+            max-width: 952px;
+        }
+
+        .content-container {
+            max-width: 624px;
+            grid-row-gap: 40px;
+            grid-column-gap: 32px;
+            grid-template-rows: auto 1fr auto;
+            grid-template-columns: 2fr 3fr 3fr;
+            grid-template-areas:
+                'title title title'
+                'content content content'
+                '. cancelButton confirmButton';
+        }
+    }
+
+    ${t.cssQueries.xl} {
+        .content-container.full-width {
+            max-width: 1138px;
+        }
+
+        .content-container {
+            max-width: 670px;
+            grid-row-gap: 40px;
+            grid-column-gap: 32px;
+            grid-template-rows: auto 1fr auto;
+            grid-template-columns: 1fr 1fr 1fr;
+            grid-template-areas:
+                'title title title'
+                'content content content'
+                '. cancelButton confirmButton';
+        }
+    }
+`,i=e.css`
+    .container.full-screen {
+        position: fixed;
+        height: 100%;
+        width: 100%;
+        top: 0;
+        left: 0;
+        box-sizing: border-box;
+    }
+
+    .container.full-screen .content-container {
+        width: calc(100dvw - 32px);
+    }
+
+    .icon {
+        margin-bottom: 32px;
+    }
+`,o=e.css`
+    .container.dialog {
+        position: fixed;
+        height: auto;
+        width: auto;
+        left: 50%;
+    }
+
+    .backdrop {
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        max-height: 100dvh;
+        max-width: 100dvw;
+        opacity: 0.8;
+        @starting-style {
+            opacity: 0;
+        }
+    }
+
+    .container.dialog .content-container {
+        max-height: calc(100dvh - 64px);
+        padding: 24px 8px;
+        width: calc(100dvw - 32px);
+    }
+
+    ${t.cssQueries.m} {
+        .container.dialog .content-container {
+            max-height: calc(100dvh - 112px);
+            padding: 48px;
+        }
+    }
+`,a=e.css`
+    .container.fit {
+        position: absolute;
+    }
+`,r=e.css`
+    .container.full-screen.v-align-default {
+        justify-content: flex-start;
+        padding-top: 24px;
+    }
+
+    ${t.cssQueries.m} {
+        .container.full-screen.v-align-default {
+            justify-content: center;
+            padding-top: 0;
+        }
+    }
+
+    .container.dialog.v-align-default {
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    .container.full-screen.v-align-start {
+        justify-content: flex-start;
+        padding-top: 24px;
+    }
+
+    ${t.cssQueries.m} {
+        .container.full-screen.v-align-start {
+            padding-top: 32px;
+        }
+    }
+
+    ${t.cssQueries.l} {
+        .container.full-screen.v-align-start {
+            padding-top: 32px;
+        }
+    }
+
+    ${t.cssQueries.xl} {
+        .container.full-screen.v-align-start {
+            padding-top: 64px;
+        }
+    }
+
+    .container.dialog.v-align-start {
+        top: 0;
+        transform: translateX(-50%);
+        margin-top: 24px;
+    }
+
+    .container.full-screen.v-align-center {
+        justify-content: center;
+        padding-top: 0;
+    }
+
+    .container.dialog.v-align-center {
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    .container.full-screen.v-align-end {
+        justify-content: flex-end;
+        padding-bottom: 24px;
+    }
+
+    ${t.cssQueries.m} {
+        .container.full-screen.v-align-end {
+            padding-bottom: 32px;
+        }
+    }
+
+    ${t.cssQueries.l} {
+        .container.full-screen.v-align-end {
+            padding-bottom: 32px;
+        }
+    }
+
+    ${t.cssQueries.xl} {
+        .container.full-screen.v-align-end {
+            padding-bottom: 64px;
+        }
+    }
+
+    .container.dialog.v-align-end {
+        bottom: 0;
+        transform: translateX(-50%);
+        margin-bottom: 24px;
+    }
+`;exports.alignStyles=r;exports.commonStyles=n;exports.dialogStyles=o;exports.fitStyles=a;exports.fullScreenStyles=i;

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

@@ -0,0 +1 @@
+"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);

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

@@ -0,0 +1,21 @@
+"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">
+                <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"
+                        fill="#2F3A41"
+                    />
+                    <path
+                        d="M4.99998 19.9999C4.0795 19.9999 3.32468 20.748 3.41657 21.6639C3.69704 24.4593 4.68091 27.1482 6.28825 29.4744C8.2125 32.2592 10.9391 34.3921 14.1053 35.5893C17.2714 36.7865 20.7271 36.9913 24.0125 36.1764C27.2979 35.3614 30.2573 33.5655 32.4969 31.0273C34.7366 28.4892 36.1503 25.3294 36.55 21.9681C36.9498 18.6068 36.3165 15.2035 34.7346 12.2109C33.1527 9.21836 30.6971 6.7784 27.6944 5.21568C25.1863 3.91033 22.3958 3.26875 19.5872 3.33835C18.667 3.36115 18.0187 4.20321 18.1332 5.11653C18.2478 6.02985 19.0826 6.66636 20.0031 6.66657C22.1369 6.66706 24.2483 7.17991 26.1555 8.17253C28.5576 9.42271 30.5221 11.3747 31.7877 13.7687C33.0532 16.1628 33.5598 18.8854 33.24 21.5745C32.9202 24.2635 31.7893 26.7914 29.9975 28.8219C28.2058 30.8523 25.8383 32.2891 23.21 32.9411C20.5817 33.593 17.8171 33.4292 15.2842 32.4715C12.7513 31.5137 10.57 29.8074 9.0306 27.5795C7.80833 25.8106 7.03672 23.7795 6.77067 21.6623C6.65591 20.749 5.92045 19.9999 4.99998 19.9999Z"
+                        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)}>
+                    <slot></slot>
+                </div>
+                ${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);

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

@@ -0,0 +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"),t=e.css`
+    :host {
+        display: contents;
+    }
+`;exports.pickerItemStyles=t;

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

@@ -0,0 +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);

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

@@ -0,0 +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`
+                  <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);

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

@@ -0,0 +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`
+    .fill {
+        transition: all 200ms ease-in-out;
+    }
+`;exports.commonStyles=r;

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

@@ -0,0 +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`
+            <style>
+                :host{
+                    color-scheme: ${this.mode};
+                    pointer-events: ${this.disabled?"none":"visible"};
+                }
+            </style>
+        `}render(){return h.html`
+            ${this.styleTokens}
+            <label @click=${this.handleClickLabel} class=${m.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);

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

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: inline-block;
+    }
+
+    label {
+        width: 100%;
+        cursor: pointer;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    label ::slotted(input) {
+        cursor: inherit;
+        appearance: none;
+        background-color: transparent;
+        margin: 0;
+        font: inherit;
+        border-radius: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        border-style: solid;
+    }
+
+    label ::slotted(input)::before {
+        content: '';
+        border-radius: 100%;
+        transform: scale(0);
+        transition: 200ms transform ease-in-out;
+    }
+
+    label ::slotted(input:checked)::before {
+        transform: scale(1);
+    }
+`;exports.commonStyles=t;

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

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base/UiKitElement.cjs"),n=require("../ds-radio-button-group/ds-radio-button-group.cjs"),h=require("../../decorators/customUiKitElement.cjs"),b=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),x=require("../../utils/booleanConverter.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 u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),m=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var C=Object.defineProperty,G=Object.getOwnPropertyDescriptor,r=(p,t,e,s)=>{for(var i=s>1?void 0:s?G(t,e):t,l=p.length-1,c;l>=0;l--)(c=p[l])&&(i=(s?c(t,e,i):c(i))||i);return s&&i&&C(t,e,i),i};exports.DsRadioButton=class extends d.UiKitElement{constructor(){super(...arguments),this.inputPlacement="left",this._size="medium",this.errorText="",this.helperText="",this._disabled=!1,this.handleChange=t=>{this.checkInputState(t.target)},this.handleClick=()=>{var t;(t=this.input[0])==null||t.click()}}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:n.radioGroupErrorContext,callback:t=>{this.errorGroup=t}},{context:n.radioGroupErrorTextContext,callback:t=>{this.errorTextGroup=t}},{context:n.radioGroupDisabledContext,callback:t=>{this.disabledGroup=t}},{context:n.radioGroupHelperTextContext,callback:t=>{this.helperTextGroup=t}},{context:n.radioGroupSizeContext,callback:t=>{this.sizeGroup=t}}])})}firstUpdated(t){var s;super.firstUpdated(t);const e=(s=this.input)==null?void 0:s[0];e&&(e.addEventListener("change",this.handleChange),this.observeInputAttributes(),this.checkInputState(e),this.applyAriaAttributes())}createContextConsumers(t){t.forEach(({context:e,callback:s})=>{new b.ContextConsumer(this,{context:e,callback:s,subscribe:!0})})}disconnectedCallback(){var e;super.disconnectedCallback();const t=(e=this.input)==null?void 0:e[0];t&&(t.removeEventListener("change",this.handleChange),this.inputMutationObserver.disconnect())}checkInputState(t){this._disabled=this.disabledGroup??(t==null?void 0:t.disabled)}observeInputAttributes(){const t=new MutationObserver(()=>{this.checkInputState(this.input[0])});t.observe(this.input[0],{attributes:!0,attributeFilter:["required","disabled"]}),this.inputMutationObserver=t}updated(t){super.updated(t),(t.has("error")||t.has("errorText")||t.has("helperText"))&&this.applyAriaAttributes()}applyAriaAttributes(){var i;const t=(i=this.input)==null?void 0:i[0];if(!t)return;const e=!!this.error,s=e?this.errorText||this.errorTextGroup:this.helperText||this.helperTextGroup||null;t.setAttribute("aria-disabled",this.disabled?"true":"false"),t.setAttribute("aria-invalid",e?"true":"false"),s?t.setAttribute("aria-description",s):t.removeAttribute("aria-description")}get containerClasses(){return{container:!0,error:this.error,disabled:this.disabled,[this.size]:!0,[this.inputPlacement]:!0}}get error(){return this._error??this.errorGroup}get disabled(){return this.disabledGroup??this._disabled}get size(){return this.sizeGroup||this._size}render(){return a.html`
+            <div @click=${this.handleClick} class=${m.classMap(this.containerClasses)}>
+                <span class="input-container">
+                    <slot name="input"></slot>
+                </span>
+                <div class="text-container">
+                    <slot name="label"></slot>
+                    ${!(this.error&&this.errorText)&&this.helperText?a.html`<div class="helper-text" > ${this.helperText}</div>`:a.nothing}
+                    ${this.error&&this.errorText?a.html`<div class="error-text">${this.errorText}</div>`:a.nothing}
+                </div>
+            </div>
+        `}};exports.DsRadioButton.styles=[v.commonStyles];r([u.property({type:String,attribute:"input-placement"})],exports.DsRadioButton.prototype,"inputPlacement",2);r([u.property({type:String,attribute:"size"})],exports.DsRadioButton.prototype,"_size",2);r([u.property({type:Boolean,attribute:"error",converter:x.booleanConverter})],exports.DsRadioButton.prototype,"_error",2);r([u.property({type:String,attribute:"error-text"})],exports.DsRadioButton.prototype,"errorText",2);r([u.property({type:String,attribute:"helper-text"})],exports.DsRadioButton.prototype,"helperText",2);r([o.state()],exports.DsRadioButton.prototype,"errorGroup",2);r([o.state()],exports.DsRadioButton.prototype,"errorTextGroup",2);r([o.state()],exports.DsRadioButton.prototype,"disabledGroup",2);r([o.state()],exports.DsRadioButton.prototype,"helperTextGroup",2);r([o.state()],exports.DsRadioButton.prototype,"sizeGroup",2);r([o.state()],exports.DsRadioButton.prototype,"_disabled",2);r([o.state()],exports.DsRadioButton.prototype,"inputMutationObserver",2);r([y.queryAssignedElements({slot:"input",selector:"input"})],exports.DsRadioButton.prototype,"input",2);exports.DsRadioButton=r([h.customUiKitElement("ds-radio-button")],exports.DsRadioButton);

package/dist/cjs/components/ds-radio-button/styles/common.styles.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+    :host {
+        display: block;
+    }
+
+    :host:has(.disabled) {
+        pointer-events: none;
+    }
+
+    .container {
+        cursor: pointer;
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-start;
+    }
+
+    ::slotted([slot='input']) {
+        cursor: inherit;
+        appearance: none;
+        background-color: transparent;
+        margin: 0;
+        font: inherit;
+        border-radius: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        border-style: solid;
+    }
+
+    ::slotted([slot='input'])::after {
+        content: '';
+        border-radius: 100%;
+        transform: scale(0);
+        transition: 200ms transform ease-in-out;
+    }
+
+    ::slotted([slot='input']:checked)::after {
+        transform: scale(1);
+    }
+
+    ::slotted([slot='label']) {
+        cursor: pointer;
+    }
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-radio-button-group/ds-radio-button-group.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),G=require("../../decorators/customUiKitElement.cjs"),i=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.cjs"),s=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.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 o=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),C=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var D=Object.defineProperty,S=Object.getOwnPropertyDescriptor,e=(a,n,u,p)=>{for(var t=p>1?void 0:p?S(n,u):n,d=a.length-1,l;d>=0;d--)(l=a[d])&&(t=(p?l(n,u,t):l(t))||t);return p&&t&&D(n,u,t),t};const x=i.createContext(Symbol("ds-radio-button-group:disabled")),h=i.createContext(Symbol("ds-radio-button-group:error")),b=i.createContext(Symbol("ds-radio-button-group:error-text")),y=i.createContext(Symbol("ds-radio-button-group:helper-text")),v=i.createContext(Symbol("ds-radio-button-group:size"));exports.DsRadioButtonGroup=class extends m.UiKitElement{constructor(){super(...arguments),this.error=!1,this.errorText="",this.helperText="",this.disabled=!1,this.size="medium",this.orientation="vertical"}get classes(){return{container:!0,error:this.error,disabled:!!this.disabled,[this.size]:!0,[this.orientation]:!0}}render(){return o.html`
+            <div
+                data-testid="ds-radio-button-group-container"
+                class=${C.classMap(this.classes)}
+                .aria-invalid=${this.error}
+            >   
+                <slot name="title"></slot>
+                <slot name="description"></slot>
+                <div class="radio-buttons-container">
+                    <slot></slot>
+                </div>
+                ${!this.error&&this.helperText?o.html`<div class = 'helper-text' > ${this.helperText}</div>`:o.nothing}
+                ${this.error&&this.errorText?o.html`<div class="error-text">${this.errorText}</div>`:o.nothing}
+            </div>
+        `}};exports.DsRadioButtonGroup.styles=[g.commonStyles];e([s.provide({context:h}),r.property({type:Boolean,converter:c.booleanConverter})],exports.DsRadioButtonGroup.prototype,"error",2);e([s.provide({context:b}),r.property({type:String,attribute:"error-text"})],exports.DsRadioButtonGroup.prototype,"errorText",2);e([s.provide({context:y}),r.property({type:String,attribute:"helper-text"})],exports.DsRadioButtonGroup.prototype,"helperText",2);e([s.provide({context:x}),r.property({type:Boolean,converter:c.booleanConverter})],exports.DsRadioButtonGroup.prototype,"disabled",2);e([s.provide({context:v}),r.property({type:String})],exports.DsRadioButtonGroup.prototype,"size",2);e([r.property({type:String,reflect:!0})],exports.DsRadioButtonGroup.prototype,"orientation",2);exports.DsRadioButtonGroup=e([G.customUiKitElement("ds-radio-button-group")],exports.DsRadioButtonGroup);exports.radioGroupDisabledContext=x;exports.radioGroupErrorContext=h;exports.radioGroupErrorTextContext=b;exports.radioGroupHelperTextContext=y;exports.radioGroupSizeContext=v;