@cupra/ui-kit 2.0.0-canary.238 → 2.0.0-canary.239

package/README.md

@@ -321,6 +321,72 @@ Available breakpoints are: `--bp-s`, `--bp-m`, `--bp-l`, `--bp-xl`, `--bp-xxl`.
 
 ---
 
+## RTL and internationalization
+
+The components follow the direction of the page. Set `dir` and `lang` on `<html>` (or any ancestor) and add the theme provider as usual:
+
+```html
+<html dir="rtl" lang="ar">
+  <body>
+    <ds-theme-provider theme="seat">
+      <ds-button>…</ds-button>
+    </ds-theme-provider>
+  </body>
+</html>
+```
+
+The `cupra` and `seat-legacy` themes have no RTL support.
+
+### What happens on its own
+
+- Layout, spacing, borders, scroll buttons, keyboard arrows and the slider follow the reading direction.
+- Formatted numbers, currencies and units are isolated with `<bdi>`, so they keep their order inside RTL text.
+- `ds-theme-provider` publishes changes of `dir` and `lang` on the document, so a change at runtime is picked up without a reload.
+
+### What the consumer configures
+
+- **Calendar:** `locale="auto"` follows the closest `lang`, and `weekday-format` is `two-letters` (default), `narrow` or `short`. In Arabic use `narrow` or `short`, because two letters do not tell the seven days apart.
+- **Icons:** add `mirror` to your own `ds-icon` or `ds-icon-button` when the icon points in the reading direction (previous/next arrows). The components already mirror theirs.
+- **Texts for assistive technology:** every built-in text (`aria-label`) has an optional `data-aria-label` property on its component, named after the element it labels (`data-aria-label-close-button`, `data-aria-label-previous-month`, `data-aria-label-clear-button`...). When it is empty the component keeps its English default, so nothing changes unless you set it.
+
+  ```html
+  <ds-calendar
+    locale="ar"
+    data-aria-label="التقويم"
+    data-aria-label-previous-month="الشهر السابق"
+    data-aria-label-next-month="الشهر التالي"
+  ></ds-calendar>
+  ```
+
+  For texts that contain a variable part, such as `ds-avatar`, `ds-badge`, `ds-rating` or `ds-chip`, the property replaces the whole text, so you write it with the variable already inside.
+- **Left, right, start and end:** `icon-position`, `input-placement`, `unit-symbol-position`, `ds-main-title` `alignment` and `ds-toast` `position` accept two kinds of values.
+  - `left` and `right` (and `top-left`, `top-right`, `bottom-left`, `bottom-right`) are fixed sides of the screen. They do not change with the page direction.
+  - `start` and `end` (and `top-start`, `top-end`, `bottom-start`, `bottom-end`) follow the reading direction: `start` is the left in `ltr` and the right in `rtl`.
+
+  Use `start` and `end` in pages that can be right to left. `ds-list-item` has the `input-start`, `input-end`, `icon-start` and `icon-end` slots next to the existing `*-left` and `*-right` ones; a slot is always placed in reading order, so both sets follow the direction.
+
+### Fields that stay left to right
+
+Inside an RTL form some values are always Latin and read left to right: email, URL, phone, plate, VIN, password. Put `dir="ltr"` on the `<input>` only, never on the whole component, so the label and the helper text keep following the page. For free text (name, search) use `dir="auto"` and the browser decides from the first strong character.
+
+Components that take the `<input>` through a slot (`ds-text-input`, `ds-password-input`, `ds-search-input`, `ds-textarea`, `ds-date-picker`) need nothing else, because you own the `<input>`. `ds-slider` renders its editable `<input>` internally, so it has the `input-dir` property (`ltr`, `rtl` or `auto`).
+
+```html
+<form dir="rtl" lang="ar">
+  <ds-text-input>
+    <input dir="auto" name="name" placeholder="الاسم" />
+  </ds-text-input>
+
+  <ds-text-input>
+    <input dir="ltr" type="email" name="email" placeholder="name@example.com" />
+  </ds-text-input>
+
+  <ds-search-input>
+    <input dir="auto" type="text" name="search" placeholder="بحث" />
+  </ds-search-input>
+</form>
+```
+
 ## License
 
 License: SEAT S.A. Library EULA 1.0  

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

@@ -13,7 +13,7 @@ const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node
     .label {
         position: absolute;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         transform-origin: top left;
         pointer-events: none;
         transition:
@@ -21,6 +21,10 @@ const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node
             font-size 0.2s;
         white-space: nowrap;
     }
+
+    :host(:dir(rtl)) .label {
+        transform-origin: top right;
+    }
 `,n=e.css`
     .container {
         position: relative;

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

@@ -8,7 +8,7 @@ const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node
     .fill {
         position: absolute;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         height: 100%;
         display: block;
     }

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

@@ -1,4 +1,4 @@
-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.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("./styles/common.styles.cjs"),o=require("./theme-config.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs"),f=require("../../utils/booleanConverter.cjs"),p=require("../../utils/uiKitHtml.cjs"),m=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 h=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");var g=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this.showDivider=!0,this._open=!1}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.expandedIconName||(n==null?void 0:n.open)||`minus`;return p.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get closeIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.collapseIconName||(n==null?void 0:n.close)||`plus`;return p.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get styleTokens(){return e.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"),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.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("./styles/common.styles.cjs"),o=require("./theme-config.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const l=require("./styles/cupra-diagonal.styles.cjs"),u=require("./styles/cupra.styles.cjs"),d=require("./styles/seat-legacy.styles.cjs"),f=require("./styles/seat.styles.cjs"),p=require("../../utils/uiKitHtml.cjs"),m=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 h=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");var g=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this.showDivider=!0,this._open=!1}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.expandedIconName||(n==null?void 0:n.open)||`minus`;return p.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get closeIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.collapseIconName||(n==null?void 0:n.close)||`plus`;return p.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${h.ifDefined(r)}></ds-icon>`}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -23,4 +23,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot name="content"></slot>
             </details>
             ${this.showDivider?e.html`<div class=${m.classMap(this.dividerClasses)}></div>`:e.nothing}
-        `}},_=(g.styles=[a.commonStyles,c.cupraDiagonalStyles,d.seatStyles,l.cupraStyles,u.seatLegacyStyles],g);r.default([t.property({type:Number,attribute:`max-height`})],_.prototype,`maxHeight`,void 0),r.default([t.property({type:Boolean,converter:f.booleanConverter,reflect:!0})],_.prototype,`open`,void 0),r.default([t.property({type:String,reflect:!0})],_.prototype,`mode`,void 0),r.default([t.property({type:String})],_.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:f.booleanConverter})],_.prototype,`disabled`,void 0),r.default([t.property({type:Boolean,attribute:`show-divider`,converter:f.booleanConverter})],_.prototype,`showDivider`,void 0),r.default([t.property({type:String,attribute:`collapse-icon-name`})],_.prototype,`collapseIconName`,void 0),r.default([t.property({type:String,attribute:`expanded-icon-name`})],_.prototype,`expandedIconName`,void 0),r.default([n.state()],_.prototype,`_open`,void 0),_=r.default([s.customUiKitElement(`ds-accordion`)],_),Object.defineProperty(exports,"DsAccordion",{enumerable:!0,get:function(){return _}});
+        `}},_=(g.styles=[a.commonStyles,l.cupraDiagonalStyles,f.seatStyles,u.cupraStyles,d.seatLegacyStyles],g);r.default([t.property({type:Number,attribute:`max-height`})],_.prototype,`maxHeight`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],_.prototype,`open`,void 0),r.default([t.property({type:String,reflect:!0})],_.prototype,`mode`,void 0),r.default([t.property({type:String})],_.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter})],_.prototype,`disabled`,void 0),r.default([t.property({type:Boolean,attribute:`show-divider`,converter:c.booleanConverter})],_.prototype,`showDivider`,void 0),r.default([t.property({type:String,attribute:`collapse-icon-name`})],_.prototype,`collapseIconName`,void 0),r.default([t.property({type:String,attribute:`expanded-icon-name`})],_.prototype,`expandedIconName`,void 0),r.default([n.state()],_.prototype,`_open`,void 0),_=r.default([s.customUiKitElement(`ds-accordion`)],_),Object.defineProperty(exports,"DsAccordion",{enumerable:!0,get:function(){return _}});

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

@@ -54,4 +54,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
             block-size: auto;
         }
     }
+
+    :host(:dir(rtl)[data-ui-kit-theme]) .divider {
+        background-image: linear-gradient(
+            to right,
+            var(--ds-color-border-default-faint) 0%,
+            var(--ds-color-border-default-subtle) 30%
+        );
+    }
 `;exports.commonStyles=t;

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

@@ -1,4 +1,4 @@
-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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.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 l=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 u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}get accessibleName(){let e=`Open ${this.name?this.name+`'s `:``}profile menu`;return this.mode===`text`?`${this.getInitialsFromName(this.name)}, ${e}`:e}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.html`
+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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/uiKitHtml.cjs"),c=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 l=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 u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>Array.from(e)[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}get accessibleName(){let e=this.dataAriaLabel||`Open ${this.name?this.name+`'s `:``}profile menu`;return this.mode===`text`?`${this.getInitialsFromName(this.name)}, ${e}`:e}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.html`
             <style>
                 :host{
                     pointer-events: ${this.disabled?`none`:`auto`};
@@ -19,4 +19,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.mode===`text`?this.initialsTemplate:e.nothing}
                 <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String})],f.prototype,`size`,void 0),i.default([n.property({type:String})],f.prototype,`name`,void 0),i.default([n.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),i.default([r.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=i.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});
+        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),i.default([n.property({type:String})],f.prototype,`size`,void 0),i.default([n.property({type:String})],f.prototype,`name`,void 0),i.default([n.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),i.default([r.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=i.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});

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

@@ -1 +1 @@
-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.152.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=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 o=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 s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number})],l.prototype,`number`,void 0),r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`size`,void 0),l=r.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});
+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.152.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=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 o=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 s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?this.dataAriaLabel||`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),r.default([n.property({type:Number})],l.prototype,`number`,void 0),r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`size`,void 0),l=r.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});

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

@@ -1,6 +1,6 @@
 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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
             class="close-button"
-            data-aria-label="close"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close`}
             @click=${this.handleClose}
             icon-name="cross"
             variant="tertiary"
@@ -16,4 +16,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `:e.nothing}},d=(u.styles=[l.bannerStyles],u);i.default([n.property({type:String})],d.prototype,`orientation`,void 0),i.default([n.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),i.default([n.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),i.default([r.state()],d.prototype,`_showState`,void 0),d=i.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});
+        `:e.nothing}},d=(u.styles=[l.bannerStyles],u);i.default([n.property({type:String,attribute:`data-aria-label-close-button`})],d.prototype,`dataAriaLabelCloseButton`,void 0),i.default([n.property({type:String})],d.prototype,`orientation`,void 0),i.default([n.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),i.default([n.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),i.default([r.state()],d.prototype,`_showState`,void 0),d=i.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});

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

@@ -1,4 +1,4 @@
-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/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/uiKitHtml.cjs"),o=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-tooltip/ds-tooltip.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs"),require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");const c=require("./styles/common.styles.cjs");var l,u=[{below:768,maxItems:3},{below:1024,maxItems:4}],d=5,f=(l=class extends t.LitElement{constructor(...e){super(...e),this.items=[],this.maxItems=d,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{let e=u.find(({below:e})=>window.innerWidth<e);this.maxItems=(e==null?void 0:e.maxItems)??d}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>{var t,n;return{label:e.getAttribute(`label`)||((t=e.textContent)==null?void 0:t.trim())||``,href:e.getAttribute(`href`)||((n=e.querySelector(`[slot="item"]`))==null?void 0:n.getAttribute(`href`))||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}})}get separatorIcon(){return a.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`}itemTemplate(t,n){let r=t.selected,i=s.unsafeStatic(this.itemTag),a=r||t.disabled||!t.href?s.html`<span slot="item">${t.label}</span>`:s.html`<a href=${t.href} slot="item">${t.label}</a>`;return s.html`<li class="breadcrumb-list-item">
+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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-tooltip/ds-tooltip.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs"),require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");const l=require("./styles/common.styles.cjs");var u,d=[{below:768,maxItems:3},{below:1024,maxItems:4}],f=5,p=(u=class extends t.LitElement{constructor(...e){super(...e),this.items=[],this.maxItems=f,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{let e=d.find(({below:e})=>window.innerWidth<e);this.maxItems=(e==null?void 0:e.maxItems)??f}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>{var t,n;return{label:e.getAttribute(`label`)||((t=e.textContent)==null?void 0:t.trim())||``,href:e.getAttribute(`href`)||((n=e.querySelector(`[slot="item"]`))==null?void 0:n.getAttribute(`href`))||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}})}get separatorIcon(){return o.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24" mirror></ds-icon>`}itemTemplate(t,n){let r=t.selected,i=c.unsafeStatic(this.itemTag),a=r||t.disabled||!t.href?c.html`<span slot="item">${t.label}</span>`:c.html`<a href=${t.href} slot="item">${t.label}</a>`;return c.html`<li class="breadcrumb-list-item">
             <${i}
                 ?selected=${r}
                 ?disabled=${t.disabled}
@@ -7,18 +7,22 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${a}
             </${i}>
             ${n?e.nothing:this.separatorIcon}
-        </li>`}get slotTemplate(){return s.html`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){let e=this.items.slice(1,this.items.length-(this.maxItems-2));return s.html`<ul class="overflow-menu" role="menu">
-            ${e.map(e=>s.html`
+        </li>`}get slotTemplate(){return c.html`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){let e=this.items.slice(1,this.items.length-(this.maxItems-2));return c.html`<ul class="overflow-menu" role="menu">
+            ${e.map(e=>c.html`
                     <li class="overflow-menu-item" role="none">
-                        <a href=${o.ifDefined(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                        <a href=${s.ifDefined(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
                     </li>
                 `)}
-        </ul>`}get overflowTriggerTemplate(){return s.html`<button class="overflow-trigger">
+        </ul>`}get overflowTriggerTemplate(){return c.html`<button
+            class="overflow-trigger"
+            aria-label=${this.dataAriaLabelShowMoreButton||`Show more`}
+            aria-haspopup="menu"
+        >
             <span class="overflow-label">...</span>
-        </button>`}get tooltipTemplate(){return a.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
+        </button>`}get tooltipTemplate(){return o.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
             ${this.overflowTriggerTemplate}
             <div slot="content">${this.overflowMenuTemplate}</div>
-        </ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return s.html`
+        </ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return c.html`
             ${this.itemTemplate(e[0],!1)}
             <li class="breadcrumb-list-item">
                 <div class="overflow-item-wrapper">
@@ -27,11 +31,11 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
             </li>
             ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
-        `}render(){return s.html`
+        `}render(){return c.html`
             ${this.slotTemplate}
-            <nav class="container" aria-label="Breadcrumb">
+            <nav class="container" aria-label=${this.dataAriaLabel||`Breadcrumb`}>
                 <ol class="breadcrumb-list">
                     ${this.listTemplate}
                 </ol>
             </nav>
-        `}},l.styles=[c.commonStyles],l);r.default([n.state()],f.prototype,`items`,void 0),r.default([n.state()],f.prototype,`maxItems`,void 0),r.default([n.state()],f.prototype,`itemTag`,void 0),f=r.default([i.customUiKitElement(`ds-breadcrumbs`)],f),Object.defineProperty(exports,"DsBreadcrumbs",{enumerable:!0,get:function(){return f}});
+        `}},u.styles=[l.commonStyles],u);i.default([n.property({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.default([n.property({type:String,attribute:`data-aria-label-show-more-button`})],p.prototype,`dataAriaLabelShowMoreButton`,void 0),i.default([r.state()],p.prototype,`items`,void 0),i.default([r.state()],p.prototype,`maxItems`,void 0),i.default([r.state()],p.prototype,`itemTag`,void 0),p=i.default([a.customUiKitElement(`ds-breadcrumbs`)],p),Object.defineProperty(exports,"DsBreadcrumbs",{enumerable:!0,get:function(){return p}});

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

@@ -1,4 +1,4 @@
-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.152.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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1,this.contentObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`),this.contentObserver.observe(this,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.contentObserver.disconnect()}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`:e.nothing}get loadingTemplate(){return this.loading?e.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.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs");var g=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1,this.contentObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`),this.contentObserver.observe(this,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.contentObserver.disconnect()}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon icon-${this.iconPosition}" icon-name=${this.iconName}></ds-icon>`:e.nothing}get loadingTemplate(){return this.loading?e.html`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
@@ -24,12 +24,11 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${d.when(this.iconPosition===`left`,()=>e.html` ${this.iconTemplate} `)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.when(this.iconPosition===`right`,()=>e.html` ${this.iconTemplate} `)}
+                            ${this.iconTemplate}
                         </button>
                     `}],[`a`,()=>{var t;return e.html`
                         <a
@@ -40,18 +39,16 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             target=${this.target}
                             @click=${this.handleClick}
                         >
-                            ${d.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                            ${this.iconTemplate}
                         </a>
                     `}],[`custom`,()=>e.html`
                         <div class=${s.classMap(this.classes)} @click=${this.handleCustomClick}>
-                            ${d.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                             ${this.loading&&this.textLoading?e.html`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.html`<slot></slot>${this.loadingTemplate}`}
-                            ${d.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                            ${this.iconTemplate}
                         </div>
                     `]])}
-        `}},v=(_.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:l.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`destructive`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),n.default([t.property({type:String})],v.prototype,`type`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],v.prototype,`iconPosition`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`rounded`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],v.prototype,`fullWidth`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`loading`,void 0),n.default([t.property({type:String,attribute:`text-loading`})],v.prototype,`textLoading`,void 0),v=n.default([i.customUiKitElement(`ds-button`)],v),Object.defineProperty(exports,"DsButton",{enumerable:!0,get:function(){return v}});
+        `}},_=(g.styles=[d.buttonStyles,d.textStyles,d.loadingDotsStyles,f.cupraDiagonalStyles,h.seatStyles,p.cupraStyles,m.seatLegacyStyles],g);n.default([t.property({type:String,reflect:!0})],_.prototype,`variant`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`mode`,void 0),n.default([t.property({type:String,converter:l.objectConverter})],_.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`disabled`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`destructive`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],_.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`target`,void 0),n.default([t.property({type:String})],_.prototype,`type`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],_.prototype,`iconPosition`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`rounded`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],_.prototype,`fullWidth`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`loading`,void 0),n.default([t.property({type:String,attribute:`text-loading`})],_.prototype,`textLoading`,void 0),_=n.default([i.customUiKitElement(`ds-button`)],_),Object.defineProperty(exports,"DsButton",{enumerable:!0,get:function(){return _}});

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

@@ -59,6 +59,19 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .tag-custom ::slotted(*:focus-visible) {
         outline: none;
     }
+
+    .icon-start,
+    .icon-left {
+        order: -1;
+    }
+
+    :host(:dir(rtl)) .icon-left {
+        order: 0;
+    }
+
+    :host(:dir(rtl)) .icon-right {
+        order: -1;
+    }
 `,n=e.css`
     .naked.container {
         display: inline-flex;

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

@@ -1,38 +1,46 @@
-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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.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"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-calendar-day/ds-calendar-day.cjs");const l=require("../../utils/arrayConverter.cjs"),u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),n=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),i=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 a=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/getDirection/getDirection.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=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"),require("../ds-calendar-day/ds-calendar-day.cjs");const d=require("../../utils/arrayConverter.cjs"),f=require("../../utils/resolveLang/resolveLang.cjs"),p=require("./styles/common.styles.cjs"),m=require("./utils/getTargetDayIndex/getTargetDayIndex.cjs");var h=class extends n.LitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.weekdayFormat=`two-letters`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1,this.handleLangChange=()=>{this.locale===`auto`&&this.requestUpdate()}}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}disconnectedCallback(){super.disconnectedCallback(),e.pubSub.unsubscribe(`lang`,this.handleLangChange)}connectedCallback(){super.connectedCallback(),e.pubSub.subscribe(`lang`,this.handleLangChange),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get resolvedLocale(){return this.locale===`auto`?f.resolveLang(this):this.locale}formatWeekday(e,t){let n=e.format(t);return this.weekdayFormat===`two-letters`?n.slice(0,2):n}get weekdayNames(){let e=new Intl.DateTimeFormat(this.resolvedLocale,{weekday:this.weekdayFormat===`narrow`?`narrow`:`short`,calendar:`gregory`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r),t.push(this.formatWeekday(e,i))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.resolvedLocale,{month:`long`,year:`numeric`,calendar:`gregory`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}get tabStopIndex(){let e=this.calendarDays,t=e.findIndex(e=>e.isSelected&&!e.isDisabled);return t===-1?e.findIndex(e=>!e.isDisabled):t}focusDayAt(e){var t,n;let r=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(`ds-calendar-day`),i=r==null?void 0:r[e];i==null||(n=i.shadowRoot)==null||(n=n.querySelector(`button`))==null||n.focus()}changeMonthKeepingDay(e){let t=this._viewDate.getDate(),n=new Date(this._viewDate.getFullYear(),this._viewDate.getMonth()+e,1),r=this.getDaysInMonth(n.getFullYear(),n.getMonth());n.setDate(Math.min(t,r)),this._viewDate=n}async moveFocusToViewDate(){await this.updateComplete;let e=this.calendarDays.findIndex(e=>e.isCurrentMonth&&e.day===this._viewDate.getDate());this.focusDayAt(e)}handleGridKeyDown(e){var t;if(e.key===`PageUp`||e.key===`PageDown`){e.preventDefault(),this.changeMonthKeepingDay(e.key===`PageUp`?-1:1),this.moveFocusToViewDate();return}let n=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(`ds-calendar-day`))??[]).indexOf(e.target);if(n===-1)return;let r=m.getTargetDayIndex({key:e.key,currentIndex:n,directionSign:s.getDirectionSign(this)});if(r===null)return;e.preventDefault();let i=this.calendarDays[r];i&&!i.isDisabled&&this.focusDayAt(r)}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return c.uiKitHtml`<ds-icon-button
             class="nav-button"
             icon-name="arrow-left"
-            data-aria-label="Previous month"
+            mirror
+            data-aria-label=${this.dataAriaLabelPreviousMonth||`Previous month`}
             @click=${this.handlePrevMonth}
             variant="naked"
-            size=${c.ifDefined(this.navButtonSize)}
-        ></ds-icon-button>`}get nextButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+            size=${u.ifDefined(this.navButtonSize)}
+        ></ds-icon-button>`}get nextButtonTemplate(){return c.uiKitHtml`<ds-icon-button
             class="nav-button"
             icon-name="arrow-right"
-            data-aria-label="Next month"
+            mirror
+            data-aria-label=${this.dataAriaLabelNextMonth||`Next month`}
             @click=${this.handleNextMonth}
             variant="naked"
-            size=${c.ifDefined(this.navButtonSize)}
-        ></ds-icon-button>`}get weekdaysTemplate(){return e.html`
+            size=${u.ifDefined(this.navButtonSize)}
+        ></ds-icon-button>`}get weekdaysTemplate(){return t.html`
             <div class="weekdays">
-                ${this.weekdayNames.map(t=>e.html`<div class="weekday">${t}</div>`)}
+                ${this.weekdayNames.map(e=>t.html`<div class="weekday">${e}</div>`)}
             </div>
-        `}get daysTemplate(){let t=this.calendarDays,n=[];for(let e=0;e<t.length;e+=7)n.push(t.slice(e,e+7));return e.html`
-            <div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
-                ${n.map(t=>e.html`
+        `}get daysTemplate(){let e=this.calendarDays,n=this.tabStopIndex,r=[];for(let t=0;t<e.length;t+=7)r.push(e.slice(t,t+7));return t.html`
+            <div
+                class="days-grid"
+                role="grid"
+                @ds-calendar-day-change=${this.handleDayChange}
+                @keydown=${this.handleGridKeyDown}
+            >
+                ${r.map(r=>t.html`
                         <div class="days-row" role="row">
-                            ${t.map(e=>o.uiKitHtml`<ds-calendar-day
-                                    day=${e.day}
-                                    size=${c.ifDefined(this.size)}
-                                    ?disabled=${e.isDisabled}
-                                    ?selected=${e.isSelected}
-                                    ?today=${e.isToday}
-                                    ?outside-month=${!e.isCurrentMonth}
+                            ${r.map(t=>c.uiKitHtml`<ds-calendar-day
+                                    .tabStop=${e.indexOf(t)===n}
+                                    day=${t.day}
+                                    size=${u.ifDefined(this.size)}
+                                    ?disabled=${t.isDisabled}
+                                    ?selected=${t.isSelected}
+                                    ?today=${t.isToday}
+                                    ?outside-month=${!t.isCurrentMonth}
                                 ></ds-calendar-day>`)}
                         </div>
                     `)}
             </div>
-        `}render(){return e.html`
-            <div class=${s.classMap(this.calendarClasses)} role="application" aria-label="Calendar">
+        `}render(){return t.html`
+            <div class=${l.classMap(this.calendarClasses)} role="application" aria-label=${this.dataAriaLabel||`Calendar`}>
                 <div class="header">
                     ${this.prevButtonTemplate}
                     <div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
@@ -40,4 +48,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String,reflect:!0})],f.prototype,`value`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`variant`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`size`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`locale`,void 0),i.default([n.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],f.prototype,`firstDayOfWeek`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`min-date`})],f.prototype,`minDate`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`max-date`})],f.prototype,`maxDate`,void 0),i.default([n.property({attribute:`disabled-dates`,converter:l.stringArrayConverter})],f.prototype,`disabledDates`,void 0),i.default([n.property({attribute:`disabled-weekdays`,converter:l.numberArrayConverter})],f.prototype,`disabledWeekdays`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`view-date`})],f.prototype,`viewDateAttr`,void 0),i.default([n.property({type:String,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.default([r.state()],f.prototype,`_viewDate`,void 0),i.default([r.state()],f.prototype,`_value`,void 0),f=i.default([a.customUiKitElement(`ds-calendar`)],f),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return f}});
+        `}},g=(h.styles=[p.commonStyles],h);a.default([r.property({type:String,attribute:`data-aria-label-previous-month`})],g.prototype,`dataAriaLabelPreviousMonth`,void 0),a.default([r.property({type:String,attribute:`data-aria-label-next-month`})],g.prototype,`dataAriaLabelNextMonth`,void 0),a.default([r.property({type:String,attribute:`data-aria-label`})],g.prototype,`dataAriaLabel`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`value`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`variant`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`size`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`locale`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`weekday-format`})],g.prototype,`weekdayFormat`,void 0),a.default([r.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],g.prototype,`firstDayOfWeek`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`min-date`})],g.prototype,`minDate`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`max-date`})],g.prototype,`maxDate`,void 0),a.default([r.property({attribute:`disabled-dates`,converter:d.stringArrayConverter})],g.prototype,`disabledDates`,void 0),a.default([r.property({attribute:`disabled-weekdays`,converter:d.numberArrayConverter})],g.prototype,`disabledWeekdays`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`view-date`})],g.prototype,`viewDateAttr`,void 0),a.default([r.property({type:String,attribute:`initial-value`})],g.prototype,`initialValue`,void 0),a.default([i.state()],g.prototype,`_viewDate`,void 0),a.default([i.state()],g.prototype,`_value`,void 0),g=a.default([o.customUiKitElement(`ds-calendar`)],g),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return g}});

package/dist/cjs/components/ds-calendar/utils/getTargetDayIndex/getTargetDayIndex.cjs

@@ -0,0 +1 @@
+function e({key:e,currentIndex:t,directionSign:n}){let r=t-t%7;switch(e){case`ArrowRight`:return t+n;case`ArrowLeft`:return t-n;case`ArrowDown`:return t+7;case`ArrowUp`:return t-7;case`Home`:return r;case`End`:return r+7-1;default:return null}}exports.getTargetDayIndex=e;

package/dist/cjs/components/ds-calendar-day/ds-calendar-day.cjs

@@ -1,15 +1,15 @@
-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.152.0/helpers/esm/decorate.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("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.html`
+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.152.0/helpers/esm/decorate.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("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.tabStop=!0,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.html`
             <button
                 class=${o.classMap(this.classes)}
                 ?disabled=${this.disabled}
-                aria-label=${this.day?`Day ${this.day}`:``}
+                aria-label=${this.dataAriaLabel||(this.day?`Day ${this.day}`:``)}
                 role="gridcell"
                 aria-selected=${this.selected}
                 aria-current=${this.today?`date`:`false`}
-                tabindex=${this.disabled?-1:0}
+                tabindex=${this.disabled||!this.tabStop?-1:0}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
                 ${this.day}
             </button>
-        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),r.default([n.property({type:String,reflect:!0})],l.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=r.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});
+        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),r.default([n.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),r.default([n.property({type:String,reflect:!0})],l.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`tab-stop`})],l.prototype,`tabStop`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=r.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};

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

@@ -16,7 +16,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         width: 100%;
         height: 100%;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         margin: 0;
         padding: 0;
         z-index: 1;

package/dist/cjs/components/ds-checkbox/styles/cupra-diagonal.styles.cjs

@@ -86,7 +86,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: flex;
         gap: var(--ds-spacing-s-5);
     }
-    :host([data-ui-kit-theme='cupra-diagonal']) .right label {
+    :host([data-ui-kit-theme='cupra-diagonal']) :is(.end, .right) label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']:dir(rtl)) .right label {
+        flex-direction: row;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']:dir(rtl)) .left label {
         flex-direction: row-reverse;
         justify-content: space-between;
     }

package/dist/cjs/components/ds-checkbox/styles/seat.styles.cjs

@@ -86,7 +86,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: flex;
         gap: var(--ds-spacing-s-5);
     }
-    :host([data-ui-kit-theme='seat']) .right label {
+    :host([data-ui-kit-theme='seat']) :is(.end, .right) label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='seat']:dir(rtl)) .right label {
+        flex-direction: row;
+    }
+    :host([data-ui-kit-theme='seat']:dir(rtl)) .left label {
         flex-direction: row-reverse;
         justify-content: space-between;
     }