@cupra/ui-react 2.0.0-canary.19 → 2.0.0-canary.190

package/dist/types/components/Rating/Rating.d.ts

@@ -1,8 +1,5 @@
-import type { ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-rating';
 import type { DsRatingAttrs } from '@cupra/ui-kit/react/types/ds-rating';
-type RatingProps = DsRatingAttrs & {
-    className?: string;
-};
-export declare function Rating(props: RatingProps): ReactElement;
-export {};
+import '@cupra/ui-kit/react/ds-rating';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type RatingProps = DsComponentProps<DsRatingAttrs>;
+export declare const Rating: DsComponent<DsRatingAttrs>;

package/dist/types/components/Search/Search.d.ts

@@ -1,9 +1,9 @@
 import { DsSearchAttrs } from '@cupra/ui-kit/react/types/ds-search';
-import { type ChangeEvent } from 'react';
+import React, { type ChangeEvent } from 'react';
 import '@cupra/ui-kit/react/ds-search';
 type SearchProps = DsSearchAttrs & {
     className?: string;
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const Search: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/types/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import { DsSearchInputAttrs } from '@cupra/ui-kit/react/types/ds-search-input';
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-search-input';
 type SearchInputProps = DsSearchInputAttrs & {
     className?: string;

package/dist/types/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,10 +1,10 @@
 import { DsSegmentedControlAttrs } from '@cupra/ui-kit/react/types/ds-segmented-control';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-segmented-control';
 type SegmentedControlProps = DsSegmentedControlAttrs & {
     onChange?: (event: CustomEvent) => void;
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 };
 export declare function SegmentedControl(props: SegmentedControlProps): ReactElement;
 export {};

package/dist/types/components/Select/Select.d.ts

@@ -1,9 +1,8 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-select';
 import { DsSelectAttrs } from '@cupra/ui-kit/react/types/ds-select';
-type Children = JSX.Element | JSX.Element[] | string;
 interface SelectProps extends DsSelectAttrs {
-    children: Children;
+    children: ReactNode;
 }
 export declare const Select: ({ children, ...restProps }: SelectProps) => ReactElement;
 export {};

package/dist/types/components/Selection/Selection.d.ts

@@ -1,8 +1,5 @@
-import { DsSelectionAttrs } from '@cupra/ui-kit/react/types/ds-selection';
-import { type ReactElement } from 'react';
+import type { DsSelectionAttrs } from '@cupra/ui-kit/react/types/ds-selection';
 import '@cupra/ui-kit/react/ds-selection';
-type SelectionProps = DsSelectionAttrs & {
-    className?: string;
-};
-export declare function Selection(props: SelectionProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type SelectionProps = DsComponentProps<DsSelectionAttrs>;
+export declare const Selection: DsComponent<DsSelectionAttrs>;

package/dist/types/components/SidebarNavigation/SidebarNavigation.d.ts

@@ -1,6 +1,6 @@
 import { DsSidebarNavigationAttrs } from '@cupra/ui-kit/react/types/ds-sidebar-navigation';
-import '@cupra/ui-kit/react/ds-sidebar-navigation';
 import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-sidebar-navigation';
 export type SidebarNavigationProps = DsSidebarNavigationAttrs & {
     className?: string;
     children?: ReactNode;

package/dist/types/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import type { DsSkeletonAttrs } from '@cupra/ui-kit/react/types/ds-skeleton';
+import '@cupra/ui-kit/react/ds-skeleton';
+import type { DsComponentProps } from '@core/types';
+export type SkeletonProps = DsComponentProps<DsSkeletonAttrs>;
+export declare const Skeleton: import("react").ForwardRefExoticComponent<DsSkeletonAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/Slider/Slider.d.ts

@@ -3,6 +3,10 @@ import '@cupra/ui-kit/react/ds-slider';
 import { DsSliderAttrs } from '@cupra/ui-kit/react/types/ds-slider';
 type SliderProps = DsSliderAttrs & {
     className?: string;
+    onChange?: (event: CustomEvent<{
+        role: 'min' | 'max';
+        value: number;
+    }>) => void;
 };
 export declare function Slider(props: SliderProps): ReactElement;
 export {};

package/dist/types/components/StaticBox/StaticBox.d.ts

@@ -1,9 +1,9 @@
-import type { ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-static-box';
 import type { DsStaticBoxAttrs } from '@cupra/ui-kit/react/types/ds-static-box';
 type StaticBoxProps = DsStaticBoxAttrs & {
     className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
+    children?: ReactNode;
 };
 export declare function StaticBox(props: StaticBoxProps): ReactElement;
 export {};

package/dist/types/components/Stepper/Stepper.d.ts

@@ -1,8 +1,5 @@
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-stepper';
 import type { DsStepperAttrs } from '@cupra/ui-kit/react/types/ds-stepper';
-type StepperProps = DsStepperAttrs & {
-    className?: string;
-};
-export declare const Stepper: ({ className, ...restProps }: StepperProps) => ReactElement;
-export {};
+import '@cupra/ui-kit/react/ds-stepper';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type StepperProps = DsComponentProps<DsStepperAttrs>;
+export declare const Stepper: DsComponent<DsStepperAttrs>;

package/dist/types/components/Table/Table.d.ts

@@ -0,0 +1,9 @@
+import type { DsTableAttrs } from '@cupra/ui-kit/react/types/ds-table';
+import '@cupra/ui-kit/react/ds-table';
+import type { DsComponentProps } from '@core/types';
+export type TableProps = DsComponentProps<DsTableAttrs>;
+export declare const Table: import("react").ForwardRefExoticComponent<DsTableAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/TableCell/TableCell.d.ts

@@ -0,0 +1,9 @@
+import type { DsTableCellAttrs } from '@cupra/ui-kit/react/types/ds-table-cell';
+import '@cupra/ui-kit/react/ds-table-cell';
+import type { DsComponentProps } from '@core/types';
+export type TableCellProps = DsComponentProps<DsTableCellAttrs>;
+export declare const TableCell: import("react").ForwardRefExoticComponent<DsTableCellAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/TableRow/TableRow.d.ts

@@ -0,0 +1,9 @@
+import type { DsTableRowAttrs } from '@cupra/ui-kit/react/types/ds-table-row';
+import '@cupra/ui-kit/react/ds-table-row';
+import type { DsComponentProps } from '@core/types';
+export type TableRowProps = DsComponentProps<DsTableRowAttrs>;
+export declare const TableRow: import("react").ForwardRefExoticComponent<DsTableRowAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/Tabs/Tabs.d.ts

@@ -1,22 +1,21 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-tabs';
 import { DsTabsAttrs } from '@cupra/ui-kit/react/types/ds-tabs';
-type Children = JSX.Element | JSX.Element[] | string;
 interface CustomParams {
     selectedTab: number;
 }
 interface TabsProps extends DsTabsAttrs {
     onChange?: (event: CustomEvent<CustomParams>) => void;
-    children: Children;
+    children: ReactNode;
 }
 export declare function Tabs({ children, onChange, ...rest }: TabsProps): ReactElement;
 export declare namespace Tabs {
     var Tab: ({ children }: TabProps) => ReactElement;
     var Panel: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
 }
 interface TabProps {
-    children: Children;
+    children: ReactNode;
 }
 export {};

package/dist/types/components/Tag/Tag.d.ts

@@ -1,11 +1,10 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-tag';
 import { DsTagAttrs } from '@cupra/ui-kit/react/types/ds-tag';
-type Children = JSX.Element | JSX.Element[] | string;
-interface TabsProps extends DsTagAttrs {
-    onClickIcon?: (event: CustomEvent) => void;
-    children: Children;
+type TabsProps = DsTagAttrs & {
     className?: string;
-}
+    children: ReactNode;
+    onClickIcon?: (event: CustomEvent) => void;
+};
 export declare function Tag(props: Readonly<TabsProps>): ReactElement;
 export {};

package/dist/types/components/Text/Text.d.ts

@@ -1,9 +1,5 @@
-import { DsTextAttrs } from '@cupra/ui-kit/react/types/ds-text';
-import { type ReactElement } from 'react';
+import type { DsTextAttrs } from '@cupra/ui-kit/react/types/ds-text';
 import '@cupra/ui-kit/react/ds-text';
-type TextProps = DsTextAttrs & {
-    className?: string;
-    children: JSX.Element | JSX.Element[] | string;
-};
-export declare function Text(props: TextProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type TextProps = DsComponentProps<DsTextAttrs>;
+export declare const Text: DsComponent<DsTextAttrs>;

package/dist/types/components/TextInput/TextInput.d.ts

@@ -13,6 +13,7 @@ type TextInputProps = DsTextInputAttrs & {
     label: string;
     required?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
     minLength?: number;
     maxLength?: number;
     pattern?: string;

package/dist/types/components/Textarea/Textarea.d.ts

@@ -11,6 +11,7 @@ type TextareaProps = DsTextareaAttrs & {
     label: string;
     required?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
     minLength?: number;
     maxLength?: number;
     rows?: number;

package/dist/types/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,9 +1,9 @@
+import type { DsThemeProviderAttrs } from '@cupra/ui-kit/react/types/ds-theme-provider';
 import '@cupra/ui-kit/react/ds-theme-provider';
-import { DsThemeProviderAttrs } from '@cupra/ui-kit/react/types/ds-theme-provider';
-import { type ReactElement } from 'react';
-type Children = JSX.Element | JSX.Element[] | string;
-type ThemeProviderProps = DsThemeProviderAttrs & {
-    children: Children;
-};
-export declare const ThemeProvider: ({ children, ...restProps }: ThemeProviderProps) => ReactElement;
-export {};
+import type { DsComponentProps } from '@core/types';
+export type ThemeProviderProps = DsComponentProps<DsThemeProviderAttrs>;
+export declare const ThemeProvider: import("react").ForwardRefExoticComponent<DsThemeProviderAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/ThemeSwitch/ThemeSwitch.d.ts

@@ -0,0 +1,5 @@
+import type { DsThemeSwitchAttrs } from '@cupra/ui-kit/react/types/ds-theme-switch';
+import '@cupra/ui-kit/react/ds-theme-switch';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type ThemeSwitchProps = DsComponentProps<DsThemeSwitchAttrs>;
+export declare const ThemeSwitch: DsComponent<DsThemeSwitchAttrs>;

package/dist/types/components/ToggleButton/ToggleButton.d.ts

@@ -1,8 +1,13 @@
-import { type ReactElement } from 'react';
+import type { DsToggleButtonAttrs } from '@cupra/ui-kit/react/types/ds-toggle-button';
 import '@cupra/ui-kit/react/ds-toggle-button';
-import { type DsToggleButtonAttrs } from '@cupra/ui-kit/react/types/ds-toggle-button';
-type ToggleButtonProps = DsToggleButtonAttrs & {
-    onChange?: (event: CustomEvent) => void;
-};
-export declare function ToggleButton({ onChange, ...rest }: ToggleButtonProps): ReactElement;
-export {};
+import type { DsComponentProps } from '@core/types';
+export type ToggleButtonProps = DsComponentProps<DsToggleButtonAttrs, {
+    change: CustomEvent;
+}>;
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<DsToggleButtonAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {
+    onChange?: (event: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/types/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,17 +1,16 @@
-import { type ChangeEvent, type ReactElement } from 'react';
+import { type ChangeEvent, type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-toggle-switch';
 import { DsToggleSwitchAttrs } from '@cupra/ui-kit/react/types/ds-toggle-switch';
-type Children = JSX.Element | JSX.Element[] | string;
 interface ToggleSwitchProps extends DsToggleSwitchAttrs {
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare function ToggleSwitch({ label, onChange, ...rest }: ToggleSwitchProps): ReactElement;
 export declare namespace ToggleSwitch {
     var Off: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
     var On: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
 }
 export {};

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -11,7 +11,7 @@ export declare const Tooltip: {
     Header: {
         ({ children, ...props }: {
             children?: ReactNode;
-        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & HTMLAttributes<HTMLDivElement>): ReactElement;
         displayName: string;
     };
     CloseButton: {
@@ -21,7 +21,7 @@ export declare const Tooltip: {
     Content: {
         ({ children, ...props }: {
             children?: ReactNode;
-        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & HTMLAttributes<HTMLDivElement>): ReactElement;
         displayName: string;
     };
     Img: {

package/dist/types/components/ValueUnit/ValueUnit.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-value-unit';
+import { DsValueUnitAttrs } from '@cupra/ui-kit/react/types/ds-value-unit';
+type ValueUnitProps = Omit<DsValueUnitAttrs, 'value' | 'unit'> & {
+    className?: string;
+    value: ReactNode;
+    unit: ReactNode;
+};
+export declare function ValueUnit(props: ValueUnitProps): ReactElement;
+export {};

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

@@ -1,20 +1,30 @@
 export * from './Accordion/Accordion';
 export * from './Badge/Badge';
+export * from './Banner/Banner';
 export * from './BasicCard/BasicCard';
+export * from './BasicCardImage/BasicCardImage';
+export * from './BasicCardHeader/BasicCardHeader';
 export * from './BasicCardSection/BasicCardSection';
+export * from './Breadcrumbs/Breadcrumbs';
+export * from './BreadcrumbsItem/BreadcrumbsItem';
 export * from './Bullets/Bullets';
 export * from './Button/Button';
+export * from './Calendar/Calendar';
 export * from './CarouselIndicator/CarouselIndicator';
 export * from './Checkbox/Checkbox';
+export * from './CheckboxGroup/CheckboxGroup';
 export * from './Chip/Chip';
 export * from './Chips/Chips';
 export * from './Currency/Currency';
+export * from './DatePicker/DatePicker';
 export * from './Dialog/Dialog';
 export * from './DialogBody/DialogBody';
 export * from './DialogFooter/DialogFooter';
+export * from './DialogFullscreen/DialogFullscreen';
 export * from './DialogHeader/DialogHeader';
 export * from './Divider/Divider';
 export * from './Drawer/Drawer';
+export * from './FavouriteAction/FavouriteAction';
 export * from './Hyperlink/Hyperlink';
 export * from './Icon/Icon';
 export * from './IconButton/IconButton';
@@ -30,6 +40,7 @@ export * from './MediaControl/MediaControl';
 export * from './Modal/Modal';
 export * from './PasswordInput/PasswordInput';
 export * from './PickerItem/PickerItem';
+export * from './ProgressBar/ProgressBar';
 export * from './Radio/Radio';
 export * from './RadioButton/RadioButton';
 export * from './RadioButtonGroup/RadioButtonGroup';
@@ -40,21 +51,30 @@ export * from './SecondaryNavigation/SecondaryNavigation';
 export * from './SegmentedControl/SegmentedControl';
 export * from './Select/Select';
 export * from './Selection/Selection';
+export * from './Skeleton/Skeleton';
 export * from './Slider/Slider';
+export * from './Table/Table';
+export * from './TableCell/TableCell';
+export * from './TableRow/TableRow';
 export * from './Tabs/Tabs';
 export * from './Tag/Tag';
 export * from './Text/Text';
 export * from './TextInput/TextInput';
 export * from './Textarea/Textarea';
 export * from './ThemeProvider/ThemeProvider';
+export * from './ThemeSwitch/ThemeSwitch';
 export * from './ToggleButton/ToggleButton';
 export * from './ToggleSwitch/ToggleSwitch';
 export * from './Tooltip/Tooltip';
+export * from './ValueUnit/ValueUnit';
 export * from './Toast/Toast';
 export * from './ToastMessage/ToastMessage';
+export * from './InlineAlert/InlineAlert';
 export * from './Avatar/Avatar';
 export * from './StaticBox/StaticBox';
 export * from './Stepper/Stepper';
 export * from './InteractiveCard/InteractiveCard';
 export * from './SidebarNavigation/SidebarNavigation';
 export * from './MediaControl/MediaControl';
+export * from './IconButtonGroup/IconButtonGroup';
+export * from './NavigationControls/NavigationControls';

package/dist/types/core/createDsComponent.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { CreateDsComponentOptions, DsComponentProps } from './types';
+export declare function createDsComponent<Attrs extends Record<string, any> = Record<string, unknown>, Events = {}>(tagName: string, options?: CreateDsComponentOptions<Attrs, Events>): ForwardRefExoticComponent<DsComponentProps<Attrs, Events> & RefAttributes<HTMLElement>>;

package/dist/types/core/types.d.ts

@@ -0,0 +1,19 @@
+import type { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+export interface DsComponentRenderProps<Attrs, _Events = unknown> {
+    Tag: string;
+    props: Attrs;
+    ref: React.Ref<HTMLElement>;
+    children?: ReactNode;
+}
+export interface CreateDsComponentOptions<Attrs, Events = {}> {
+    events?: string[];
+    render?: (props: DsComponentRenderProps<Attrs, Events>) => React.ReactElement;
+}
+export type DsComponentProps<Attrs extends Record<string, any>, Events = {}> = Attrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: ReactNode;
+} & {
+    [K in keyof Events as K extends string ? `on${Capitalize<K>}` : never]?: (event: Events[K]) => void;
+};
+export type DsComponent<Attrs extends Record<string, any>, Events = {}> = ForwardRefExoticComponent<DsComponentProps<Attrs, Events> & RefAttributes<HTMLElement>>;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.19",
+  "version": "2.0.0-canary.190",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
   "type": "module",
+  "sideEffects": false,
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -51,36 +52,38 @@
   "peerDependencies": {
     "react": ">= 18.3.1 < 20",
     "react-dom": ">= 18.3.1 < 20",
-    "@cupra/ui-kit": "1.1.0-canary.15",
+    "@cupra/ui-kit": "2.0.0-canary.176",
     "typescript": ">=5.0.0"
   },
-  "dependencies": {
-    "styled-components": "^6.1.16"
-  },
   "devDependencies": {
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/manager-api": "^8.6.14",
-    "@storybook/react": "8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/theming": "^8.6.14",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",
+    "@vitest/browser": "^4.1.8",
+    "@vitest/browser-playwright": "^4.1.8",
+    "playwright": "1.56.1",
+    "lottie-web": "^5.13.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "shadow-dom-testing-library": "^1.0.0",
-    "storybook": "^8.6.15",
+    "storybook": "^10.3.3",
     "typescript": "^5.8.2",
-    "vite": "^6.4.1",
-    "@cupra/ui-kit": "1.1.0-canary.15"
+    "vite": "^8.0.16",
+    "@cupra/ui-kit": "2.0.0-canary.176"
   },
   "scripts": {
     "build": "rm -rf dist && pnpm --filter @cupra/ui-kit build:react && tsc --declaration --emitDeclarationOnly && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false",
-    "test": "npx vitest run",
+    "test": "vitest run --project unit",
+    "test:storybook": "vitest run --project storybook-cupra-diagonal --project storybook-seat",
     "generate-licenses": "npx generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci",
-    "storybook": "pnpm --filter ui-kit build:react --mode development && storybook dev -p 6006",
-    "build-storybook:cupra-diagonal": "storybook build --output-dir dist-storybook/cupra-diagonal"
+    "storybook:cupra-diagonal": "pnpm --filter ui-kit build:react:dev && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6008",
+    "storybook:seat": "pnpm --filter ui-kit build:react:dev && storybook dev --config-dir .storybook/themes/seat -p 6009",
+    "build-storybook:cupra-diagonal": "storybook build --config-dir .storybook/themes/cupra-diagonal --output-dir dist-storybook/cupra-diagonal",
+    "build-storybook:seat": "storybook build --config-dir .storybook/themes/seat --output-dir dist-storybook/seat"
   }
 }

package/dist/cjs/node_modules/.pnpm/@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../../@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.cjs");var r=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,i=t.default(function(e){return r.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});exports.default=i;

package/dist/cjs/node_modules/.pnpm/@emotion_memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function n(u){var t=Object.create(null);return function(e){return t[e]===void 0&&(t[e]=u(e)),t[e]}}exports.default=n;

package/dist/cjs/node_modules/.pnpm/@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};exports.default=e;