@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

package/dist-react/types/components/index.d.ts

@@ -5,13 +5,19 @@ import './ds-basic-card/ds-basic-card.ts';
 import './ds-basic-card-image/ds-basic-card-image.ts';
 import './ds-basic-card-header/ds-basic-card-header.ts';
 import './ds-basic-card-section/ds-basic-card-section.ts';
+import './ds-breadcrumbs/ds-breadcrumbs.ts';
+import './ds-breadcrumbs-item/ds-breadcrumbs-item.ts';
 import './ds-bullets/ds-bullets.ts';
 import './ds-button/ds-button.ts';
+import './ds-calendar/ds-calendar.ts';
+import './ds-calendar-day/ds-calendar-day.ts';
 import './ds-carousel-indicator/ds-carousel-indicator.ts';
 import './ds-checkbox/ds-checkbox.ts';
+import './ds-checkbox-group/ds-checkbox-group.ts';
 import './ds-chip/ds-chip.ts';
 import './ds-chips/ds-chips.ts';
 import './ds-currency/ds-currency.ts';
+import './ds-date-picker/ds-date-picker.ts';
 import './ds-dialog/ds-dialog.ts';
 import './ds-dialog-body/ds-dialog-body.ts';
 import './ds-dialog-footer/ds-dialog-footer.ts';
@@ -19,6 +25,7 @@ import './ds-dialog-fullscreen/ds-dialog-fullscreen.ts';
 import './ds-dialog-header/ds-dialog-header.ts';
 import './ds-divider/ds-divider.ts';
 import './ds-drawer/ds-drawer.ts';
+import './ds-favourite-action/ds-favourite-action.ts';
 import './ds-hyperlink/ds-hyperlink.ts';
 import './ds-icon/ds-icon.ts';
 import './ds-icon-button/ds-icon-button.ts';
@@ -48,6 +55,7 @@ import './ds-secondary-navigation/ds-secondary-navigation.ts';
 import './ds-segmented-control/ds-segmented-control.ts';
 import './ds-select/ds-select.ts';
 import './ds-selection/ds-selection.ts';
+import './ds-skeleton/ds-skeleton.ts';
 import './ds-sidebar-navigation/ds-sidebar-navigation.ts';
 import './ds-slider/ds-slider.ts';
 import './ds-static-box/ds-static-box.ts';
@@ -58,11 +66,19 @@ import './ds-text/ds-text.ts';
 import './ds-text-input/ds-text-input.ts';
 import './ds-textarea/ds-textarea.ts';
 import './ds-theme-provider/ds-theme-provider.ts';
+import './ds-theme-switch/ds-theme-switch.ts';
 import './ds-toast/ds-toast.ts';
 import './ds-toast-message/ds-toast-message.ts';
+import './ds-inline-alert/ds-inline-alert.ts';
 import './ds-toggle-button/ds-toggle-button.ts';
 import './ds-toggle-switch/ds-toggle-switch.ts';
 import './ds-tooltip/ds-tooltip.ts';
+import './ds-value-unit/ds-value-unit.ts';
 import './ds-media-control/ds-media-control.ts';
 import './ds-list-item/ds-list-item.ts';
 import './ds-list/ds-list.ts';
+import './ds-icon-button-group/ds-icon-button-group.ts';
+import './ds-navigation-controls/ds-navigation-controls.ts';
+import './ds-table/ds-table.ts';
+import './ds-table-row/ds-table-row.ts';
+import './ds-table-cell/ds-table-cell.ts';

package/dist-react/types/index.d.ts

@@ -1,2 +1,3 @@
 import './components/index';
 export { iconNames } from './components/ds-icon/iconNames.ts';
+export { VERSION, VERSION_TAG_SUFFIX } from './utils/version.ts';

package/dist-react/types/mixins/inputStatesMixin.d.ts

@@ -8,6 +8,7 @@ export interface InputStatesInterface {
         invalid: boolean;
         filled: boolean;
         disabled: boolean;
+        readonly: boolean;
     };
     nativeInput: HTMLInputElement | HTMLTextAreaElement | undefined;
 }

package/dist-react/types/utils/arrayConverter.d.ts

@@ -1,4 +1,4 @@
 export declare const arrayConverter: {
-    fromAttribute(value: string): unknown[];
+    fromAttribute(value: string | null): unknown[];
     toAttribute(value: unknown[]): string;
 };

package/dist-react/types/utils/breakpoints.d.ts

@@ -1,4 +1,3 @@
-type Viewports = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type Viewports = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export declare const breakpoints: Record<Viewports, number>;
 export declare const viewportQueries: Record<Viewports, string>;
-export {};

package/dist-react/types/utils/concurrencyLimit.d.ts

@@ -0,0 +1,4 @@
+type Callback<T> = () => Promise<T>;
+type LimitedPromises = <T>(callback: Callback<T>) => Promise<T>;
+export declare function concurrencyLimit(maxConcurrent: number): LimitedPromises;
+export {};

package/dist-react/types/utils/formatNumber/formatNumber.d.ts

@@ -233,11 +233,13 @@ export type FormatNumberProps = UnitStyle & {
     thousandSeparator?: string;
     fractionSeparator?: string;
     useGrouping?: 'auto' | 'always' | 'min2' | boolean;
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
 };
 export type FormatedNumber = {
+    formattedNumber: string;
     formattedValue: string;
     unitSymbol?: string;
     unitSymbolPosition?: 'left' | 'right';
 };
-export declare function formatNumber({ value, locale, style, unit, currency, localeMatcher, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, thousandSeparator, fractionSeparator, useGrouping, }: FormatNumberProps): FormatedNumber;
+export declare function formatNumber({ value, locale, style, unit, currency, localeMatcher, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, thousandSeparator, fractionSeparator, useGrouping, currencyDisplay, }: FormatNumberProps): FormatedNumber;
 export {};

package/dist-react/types/utils/objectConverter.d.ts

@@ -1 +1,4 @@
-export declare const objectConverter: (value: unknown) => any;
+import { Viewports } from './breakpoints';
+type Size = string | Viewports;
+export declare const objectConverter: (value: unknown) => Size;
+export {};

package/dist-react/types/utils/observeScroll/observeScroll.d.ts

@@ -0,0 +1,7 @@
+export type ScrollState = {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+};
+export declare function observeScroll(element: HTMLElement, callback: (state: ScrollState) => void): () => void;

package/dist-react/types/utils/scrollLock.d.ts

@@ -0,0 +1,6 @@
+export declare class ScrollLock {
+    #private;
+    lock(): void;
+    unlock(): void;
+}
+export declare const scrollLock: ScrollLock;

package/dist-react/types/utils/uiKitHtml.d.ts

@@ -0,0 +1,2 @@
+import { type HTMLTemplateResult } from 'lit';
+export declare function uiKitHtml(strings: TemplateStringsArray, ...values: unknown[]): HTMLTemplateResult;

package/dist-react/types/utils/version.d.ts

@@ -0,0 +1,2 @@
+export declare const VERSION: string;
+export declare const VERSION_TAG_SUFFIX: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.17",
+  "version": "2.0.0-canary.171",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -71,7 +71,8 @@
         "./dist-react/cjs/utils/*/*.cjs"
       ]
     },
-    "./react/types/*": "./dist-react/types/components/*/*.types.d.ts"
+    "./react/types/*": "./dist-react/types/components/*/*.types.d.ts",
+    "./styles/breakpoints.css": "./dist/styles/breakpoints.css"
   },
   "files": [
     "LICENSE",
@@ -90,48 +91,49 @@
     "lit": "^3.2.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.6",
-    "@inquirer/prompts": "^7.4.0",
+    "@chromatic-com/storybook": "^5.1.1",
+    "@inquirer/prompts": "^7.10.1",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "1.56.1",
-    "@storybook/addon-a11y": "^8.6.11",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-links": "^8.6.11",
-    "@storybook/addon-viewport": "^8.6.11",
-    "@storybook/blocks": "^8.6.11",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/test": "^8.6.11",
-    "@storybook/theming": "^8.6.14",
-    "@storybook/web-components": "^8.6.11",
-    "@storybook/web-components-vite": "^8.6.11",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/web-components": "^10.3.5",
+    "@storybook/web-components-vite": "^10.3.5",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^18.3.20",
-    "ajv": "^8.17.1",
+    "@vitest/browser": "^4.1.9",
+    "@vitest/browser-playwright": "^4.1.9",
+    "ajv": "^8.18.0",
     "autoprefixer": "^10.4.20",
     "camelcase": "^8.0.0",
     "chromatic": "^11.27.0",
-    "cssnano": "^7.0.6",
+    "cssnano": "^7.1.3",
     "dotenv": "^16.4.7",
     "jsdom": "^26.0.0",
-    "lodash": "^4.17.21",
-    "nodemon": "^3.1.10",
+    "lodash": "^4.18.1",
+    "lottie-web": "^5.13.0",
+    "nodemon": "^3.1.14",
     "playwright": "1.56.1",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.12",
     "postcss-cli": "^11.0.1",
     "postcss-custom-media": "^11.0.6",
     "postcss-import": "^16.1.0",
     "postcss-pxtorem": "^6.1.0",
     "postcss-simple-vars": "^7.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "readline": "^1.3.0",
     "shadow-dom-testing-library": "^1.12.0",
-    "storybook": "^8.6.15",
-    "ts-morph": "^26.0.0",
+    "storybook": "^10.3.5",
+    "style-dictionary": "^5.3.2",
+    "ts-morph": "^27.0.2",
     "tsc-alias": "^1.8.13",
     "typescript": "^5.8.2",
-    "vite": "^6.4.1",
+    "vite": "^8.0.16",
     "vite-bundle-analyzer": "^0.22.3",
     "xml2js": "^0.6.2"
   },
@@ -141,10 +143,12 @@
     "clean-dist:react": "rm -rf ./dist-react",
     "build-ts": "tsc -p tsconfig.prod.json && tsc-alias -p tsconfig.prod.json",
     "build-ts:react": "tsc -p tsconfig.react.json && tsc-alias -p tsconfig.react.json",
-    "build-assets": "postcss src/styles/**/theme.css --dir public/assets/styles --base src/styles && node scripts/build-component-styles/build-component-styles.js",
-    "build": "pnpm build-assets && pnpm clean-dist && pnpm build-ts && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false",
+    "build-assets": "pnpm build:tokens && postcss src/styles/source/themes/**/theme.css --dir .tmp/styles --base src/styles/source/themes && node scripts/split-theme-tokens/split-theme-tokens.js && node scripts/build-component-styles/build-component-styles.js",
+    "build-breakpoints": "mkdir -p dist/styles && cp src/styles/source/shared/breakpoints.css dist/styles/breakpoints.css",
+    "build": "pnpm build-assets && pnpm clean-dist && pnpm build-ts && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false && pnpm build-breakpoints",
     "build-cdn": "pnpm build-assets && pnpm clean-dist-cdn && vite build --config vite.cdn.config.js --mode production",
     "build:react": "pnpm build-assets && pnpm clean-dist:react && pnpm build-ts:react && BUILD_FORMAT=esm vite build --config vite.react.config.js --emptyOutDir false && BUILD_FORMAT=cjs vite build --config vite.react.config.js --emptyOutDir false",
+    "build:react:dev": "pnpm build-assets && pnpm clean-dist:react && pnpm build-ts:react && BUILD_FORMAT=esm vite build --mode development --config vite.react.config.js --emptyOutDir false && BUILD_FORMAT=cjs vite build --mode development --config vite.react.config.js --emptyOutDir false",
     "analyze": "pnpm clean-dist && pnpm build-ts && ANALYZE=true  vite build --mode production",
     "analyze:react": "pnpm clean-dist:react && pnpm build-ts:react && ANALYZE=true vite build --config vite.react.config.js --mode production",
     "build-storybook": "storybook build",
@@ -152,16 +156,21 @@
     "dev:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && vite\"",
     "preview": "vite preview",
     "storybook": "pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci",
-    "storybook:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci -- --force\"",
-    "storybook:cupra-diagonal": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci -- --force",
-    "storybook:watch:cupra-diagonal": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci -- --force\"",
+    "storybook:watch": "nodemon --exec \"pnpm build-cdn --mode development && pnpm build-assets && storybook dev -p 6006 --ci\"",
+    "storybook:cupra-diagonal": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci",
+    "storybook:watch:cupra-diagonal": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6006 --ci\"",
     "build-storybook:cupra-diagonal": "pnpm build-cdn && pnpm build-assets && storybook build --config-dir .storybook/themes/cupra-diagonal --output-dir dist-storybook/cupra-diagonal",
+    "storybook:seat": "VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/seat -p 6007 --ci",
+    "storybook:watch:seat": "nodemon --exec \"VITE_DS_CDN_URL=./assets pnpm build-cdn --mode development && pnpm build-assets && storybook dev --config-dir .storybook/themes/seat -p 6007 --ci\"",
+    "build-storybook:seat": "pnpm build-cdn && pnpm build-assets && storybook build --config-dir .storybook/themes/seat --output-dir dist-storybook/seat",
+    "build:tokens": "node style-dictionary.config.js && biome format --write src/styles/generated-tokens-css/",
     "process-icons": "node scripts/process-icons/process-icons.js && git add .",
     "process-docs": "node scripts/process-docs/process-docs.js",
     "create-wc": "node scripts/create-wc/create-wc.js && git add .",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "test": "vitest run",
-    "test:visual:github": "pnpm build-cdn --mode development && playwright test --config=visual-tests/playwright.config.ts",
+    "test": "vitest run --project unit",
+    "test:storybook": "vitest run --project storybook-cupra-diagonal --project storybook-seat",
+    "test:storybook:coverage": "vitest run --coverage --project storybook-cupra-diagonal --project storybook-seat",
     "test:visual:update": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.update -t ds-visual-tests-update $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-update && pnpm install --force",
     "test:visual:check": "docker build -f $(git rev-parse --show-toplevel)/Dockerfile.visual.check -t ds-visual-tests-check $(git rev-parse --show-toplevel) && docker run --rm -v $(git rev-parse --show-toplevel):/app ds-visual-tests-check && pnpm install --force",
     "validate:icons": "node scripts/validate-icons/validate-icons.js",

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

@@ -1,43 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssWithTokens.cjs"),r=e.cssWithTokens`
-  .container {
-    border-radius: 50%;
-  }
-
-  .number {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-family: var(--dg-font-family-base);
-    font-weight: 400;
-  }
-
-  .number.size-medium {
-    width: var(--dg-size-24);
-    height: var(--dg-size-24);
-    font-size: var(--dg-font-size-body-s);
-    line-height: var(--dg-font-body-s-medium-line-height);
-  }
-
-  .number.size-small {
-    width: var(--dg-size-16);
-    height: var(--dg-size-16);
-    font-size: var(--dg-font-size-body-xs);
-    line-height: var(--dg-font-body-xs-medium-line-height);
-  }
-
-  .variant-base {
-    color: var(--dg-color-text-strong);
-    background-color: var(--dg-color-bg-base);
-  }
-
-  .variant-inverted {
-    background-color: var(--dg-color-bg-inverted);
-    color: var(--dg-color-text-inverted);
-  }
-
-  .dot {
-    width: var(--dg-size-08);
-    height: var(--dg-size-08);
-    background-color: var(--dg-color-bg-error);
-  }
-`;exports.cupraDiagonalStyles=r;

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

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),e=t.cssWithTokens`
-    .ds-list {
-        display: flex;
-        flex-direction: column;
-        row-gap: var(--dg-size-16);
-        font-family: var(--dg-font-family-base);
-    }
-
-    ::slotted([slot="title"]) {
-        color: var(--dg-global-color-neutral-10);
-        font-weight: 400;
-    }
-
-    ::slotted([slot="subtitle"]) {
-        color: var(--dg-global-color-neutral-60);
-        font-weight: 400;
-    }
-    
-    :host([size="small"]) ::slotted([slot="title"]) {
-        font-size: var(--dg-font-size-body-m);
-        line-height: var(--dg-font-body-xs-medium-line-height);
-    }
-
-    :host([size="medium"]) ::slotted([slot="title"]) {
-        font-size: var(--dg-font-size-body-l);
-        line-height: var(--dg-font-body-s-medium-line-height);
-    }
-
-    :host([size="small"]) ::slotted([slot="subtitle"]) {
-        font-size: var(--dg-font-size-body-m);
-        line-height: var(--dg-font-body-xs-medium-line-height);
-    }
-
-    :host([size="medium"]) ::slotted([slot="subtitle"]) {
-        font-size: var(--dg-font-size-body-l);
-        line-height: var(--dg-font-body-s-medium-line-height);
-    }
-`;exports.cupraDiagonalStyles=e;

package/dist/cjs/components/ds-list-item/styles/cupra-diagonal.styles.cjs

@@ -1,108 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/cssWithTokens.cjs"),e=t.cssWithTokens`
-    .content {
-        display: flex;
-        align-items: center;
-        padding: var(--dg-size-08) 0;
-        font-family: var(--dg-font-family-base);
-        font-weight: 400;
-        gap: var(--dg-size-08);
-    }
-    
-    .container {
-        display: flex;
-        gap: var(--dg-size-08);
-    }
-    
-    .container-text {
-        padding-right: var(--dg-size-24);
-    }
-    
-    .content.info-variant,
-    .content.action-variant {
-        padding: var(--dg-size-08);
-    }
-    
-    ::slotted([slot="input-left"]),
-    ::slotted([slot="input-right"]) {
-        width: unset;
-    }
-    
-    ::slotted([slot="primary-text"]) {
-        color: var(--dg-global-color-neutral-10);
-    }
-    
-    ::slotted([slot="primary-subtext"]),
-    ::slotted([slot="secondary-text"]),
-    ::slotted([slot="description-text"]) {
-        color: var(--dg-global-color-neutral-60);
-    }
-    
-    ::slotted([slot="description-text"]) {
-        padding-top: var(--dg-size-08);
-    }
-    
-    :host([size="medium"]) ::slotted([slot="image-square"]) {
-        width: var(--dg-size-48);
-        height: var(--dg-size-48);
-    }
-    
-    :host([size="small"]) ::slotted([slot="image-square"]) {
-        width: var(--dg-size-32);
-        height: var(--dg-size-32);
-    }
-    
-    ::slotted([slot="image-wide"]) {
-        object-fit: cover;
-    }
-    
-    :host([size="medium"]) ::slotted([slot="image-wide"]) {
-        width: var(--dg-size-96);
-        height: var(--dg-size-48);
-    }
-    
-    :host([size="small"]) ::slotted([slot="image-wide"]) {
-        width: var(--dg-size-64);
-        height: var(--dg-size-32);
-    }
-    
-    :host([size="small"]) ::slotted([slot="primary-text"]),
-    :host([size="small"]) ::slotted([slot="secondary-text"]),
-    :host([size="small"]) ::slotted([slot="description-text"]),
-    :host([size="small"]) ::slotted([slot="primary-subtext"]),
-    :host([size="small"]) ::slotted([slot="aside"]) {
-        font-size: var(--dg-font-size-body-m);
-        line-height: var(--dg-font-body-xs-medium-line-height);
-    }
-    
-    :host([size="medium"]) ::slotted([slot="primary-text"]),
-    :host([size="medium"]) ::slotted([slot="secondary-text"]),
-    :host([size="medium"]) ::slotted([slot="description-text"]),
-    :host([size="medium"]) ::slotted([slot="primary-subtext"]),
-    :host([size="medium"]) ::slotted([slot="aside"]) {
-        font-size: var(--dg-font-size-body-l);
-        line-height: var(--dg-font-body-s-medium-line-height);
-    }
-    
-    .content:hover {
-        background: var(--dg-color-field-bg-hover);
-    }
-    
-    .content:active {
-        background: var(--dg-button-bg-color-action-pressed);
-    }
-    
-    .content:focus-visible {
-        outline: var(--dg-border-width-02) solid var(--dg-outline-color-focus);
-        background-color: var(--dg-color-field-bg-focus);
-    }
-
-    .selected {
-        background: var(--dg-button-bg-color-action-hover);
-        border-left: var(--dg-size-04) solid var(--dg-color-field-bg-selected);
-    }
-
-    .disabled {
-        opacity: 0.25;
-        pointer-events: none;
-    }
-`;exports.cupraDiagonalStyles=e;

package/dist/cjs/styles/fonts-config.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={cupra:{fonts:[{name:"cupra-screen",weight:"300",file:"CupraScreen-Light"},{name:"cupra-screen",weight:"350",file:"CupraScreen-Book"},{name:"cupra-screen",weight:"400",file:"CupraScreen-Regular"},{name:"cupra-screen",weight:"500",file:"CupraScreen-Medium"}]},"cupra-diagonal":{fonts:[{name:"cupra-screen",weight:"300",file:"CupraScreen-Light"},{name:"cupra-screen",weight:"350",file:"CupraScreen-Book"},{name:"cupra-screen",weight:"400",file:"CupraScreen-Regular"},{name:"cupra-screen",weight:"500",file:"CupraScreen-Medium"}]},seat:{fonts:[{name:"seat",weight:"400",file:"SeatBcn-Regular"},{name:"seat",weight:"500",file:"SeatBcn-Medium"},{name:"seat",weight:"700",file:"SeatBcn-Bold"}]}};exports.fontsConfig=e;

package/dist/cjs/utils/componentFactory.cjs

@@ -1,157 +0,0 @@
-"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");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 t=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs"),d={createIcon:e=>(a("ds-icon",()=>Promise.resolve().then(()=>require("../components/ds-icon/ds-icon.cjs"))),i.html`
-            <ds-icon
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                @click=${e==null?void 0:e["@click"]}
-                @keydown=${e==null?void 0:e["@keydown"]}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                color=${t.ifDefined(e==null?void 0:e.color)}
-                background-color=${t.ifDefined(e==null?void 0:e["background-color"])}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                aria-label=${t.ifDefined(e==null?void 0:e["aria-label"])}
-                aria-hidden=${t.ifDefined(e==null?void 0:e["aria-hidden"])}
-                role=${t.ifDefined(e==null?void 0:e.role)}
-                tabindex=${t.ifDefined(e==null?void 0:e.tabindex)}
-            >
-                ${e.children}
-            </ds-icon>
-        `),createButton:(e={})=>(a("ds-button",()=>Promise.resolve().then(()=>require("../components/ds-button/ds-button.cjs"))),i.html`
-            <ds-button
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                .size=${t.ifDefined(e==null?void 0:e.size)}
-                type=${e==null?void 0:e.type}
-                icon-position=${e==null?void 0:e["icon-position"]}
-                .rounded=${e==null?void 0:e.rounded}
-                .full-width=${e==null?void 0:e["full-width"]}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-            >
-                ${e.children}
-            </ds-button>
-        `),createDivider:(e={})=>(a("ds-divider",()=>Promise.resolve().then(()=>require("../components/ds-divider/ds-divider.cjs"))),i.html`
-            <ds-divider
-                class=${e==null?void 0:e.class}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                orientation=${(e==null?void 0:e.orientation)??"horizontal"}
-                data-testid=${e==null?void 0:e["data-testid"]}
-            >
-            </ds-divider>
-        `),createIconButton:(e={})=>(a("ds-icon-button",()=>Promise.resolve().then(()=>require("../components/ds-icon-button/ds-icon-button.cjs"))),i.html`
-            <ds-icon-button
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-                data-aria-label=${e==null?void 0:e["data-aria-label"]}
-            >
-                ${e.children}
-            </ds-icon-button>
-        `),createLoaderSpinner:(e={})=>(a("ds-loader-spinner",()=>Promise.resolve().then(()=>require("../components/ds-loader-spinner/ds-loader-spinner.cjs"))),i.html`
-            <ds-loader-spinner
-                ?show=${e==null?void 0:e.show}
-                orientation=${(e==null?void 0:e.orientation)??"row"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-            ></ds-loader-spinner>
-        `),createToastMessage:e=>(a("ds-toast-message",()=>Promise.resolve().then(()=>require("../components/ds-toast-message/ds-toast-message.cjs"))),i.html`
-            <ds-toast-message
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-            ></ds-toast-message>
-        `)},l={createIcon:e=>(a("ds-icon-react",()=>Promise.resolve().then(()=>require("../components/ds-icon/ds-icon.cjs"))),i.html`
-            <ds-icon-react
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                @click=${e==null?void 0:e["@click"]}
-                @keydown=${e==null?void 0:e["@keydown"]}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                color=${t.ifDefined(e==null?void 0:e.color)}
-                background-color=${t.ifDefined(e==null?void 0:e["background-color"])}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                aria-label=${t.ifDefined(e==null?void 0:e["aria-label"])}
-                aria-hidden=${t.ifDefined(e==null?void 0:e["aria-hidden"])}
-                role=${t.ifDefined(e==null?void 0:e.role)}
-                tabindex=${t.ifDefined(e==null?void 0:e.tabindex)}
-            >
-                ${e.children}
-            </ds-icon-react>
-        `),createButton:(e={})=>(a("ds-button-react",()=>Promise.resolve().then(()=>require("../components/ds-button/ds-button.cjs"))),i.html`
-            <ds-button-react
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                .size=${t.ifDefined(e==null?void 0:e.size)}
-                type=${e==null?void 0:e.type}
-                icon-position=${e==null?void 0:e["icon-position"]}
-                .rounded=${e==null?void 0:e.rounded}
-                .full-width=${e==null?void 0:e["full-width"]}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-            >
-                ${e.children}
-            </ds-button-react>
-        `),createDivider:(e={})=>(a("ds-divider-react",()=>Promise.resolve().then(()=>require("../components/ds-divider/ds-divider.cjs"))),i.html`
-            <ds-divider-react
-                class=${e==null?void 0:e.class}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                orientation=${(e==null?void 0:e.orientation)??"horizontal"}
-                data-testid=${e==null?void 0:e["data-testid"]}
-            >
-            </ds-divider-react>
-        `),createIconButton:(e={})=>(a("ds-icon-button-react",()=>Promise.resolve().then(()=>require("../components/ds-icon-button/ds-icon-button.cjs"))),i.html`
-            <ds-icon-button-react
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-                data-aria-label=${e==null?void 0:e["data-aria-label"]}
-            >
-                ${e.children}
-            </ds-icon-button-react>
-        `),createLoaderSpinner:(e={})=>(a("ds-loader-spinner-react",()=>Promise.resolve().then(()=>require("../components/ds-loader-spinner/ds-loader-spinner.cjs"))),i.html`
-            <ds-loader-spinner-react
-                ?show=${e==null?void 0:e.show}
-                orientation=${(e==null?void 0:e.orientation)??"row"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-            ></ds-loader-spinner-react>
-        `),createToastMessage:e=>(a("ds-toast-message-react",()=>Promise.resolve().then(()=>require("../components/ds-toast-message/ds-toast-message.cjs"))),i.html`
-            <ds-toast-message-react
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-            ></ds-toast-message-react>
-        `)};function a(e,n){try{typeof window<"u"&&typeof customElements<"u"&&!customElements.get(e)&&n()}catch{}}exports.reactFactory=l;exports.standardFactory=d;

package/dist/cjs/utils/cssWithTokens.cjs

@@ -1 +0,0 @@
-"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");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-17"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;

package/dist/cjs/utils/htmlWithTokens.cjs

@@ -1 +0,0 @@
-"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");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-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-17"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;