@cupra/ui-react 2.0.0-canary.2 → 2.0.0-canary.200

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/{components → 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/{components → 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

@@ -0,0 +1,5 @@
+import type { DsStepperAttrs } from '@cupra/ui-kit/react/types/ds-stepper';
+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/{components → 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/{components → 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

@@ -0,0 +1,5 @@
+import type { DsTextAttrs } from '@cupra/ui-kit/react/types/ds-text';
+import '@cupra/ui-kit/react/ds-text';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type TextProps = DsComponentProps<DsTextAttrs>;
+export declare const Text: DsComponent<DsTextAttrs>;

package/dist/{components → 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/{components → 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

@@ -0,0 +1,9 @@
+import type { DsThemeProviderAttrs } from '@cupra/ui-kit/react/types/ds-theme-provider';
+import '@cupra/ui-kit/react/ds-theme-provider';
+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

@@ -0,0 +1,13 @@
+import type { DsToggleButtonAttrs } from '@cupra/ui-kit/react/types/ds-toggle-button';
+import '@cupra/ui-kit/react/ds-toggle-button';
+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/{components → 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/{components → 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/{components → types/components}/index.d.ts

@@ -1,30 +1,47 @@
 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 './CalendarDay/CalendarDay';
 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';
 export * from './Input/Input';
+export * from './List/List';
+export * from './ListItem/ListItem';
 export * from './LinkButton/LinkButton';
 export * from './Loader/Loader';
 export * from './Logo/Logo';
 export * from './MainTitle/MainTitle';
 export * from './MapPin/MapPin';
+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';
@@ -35,20 +52,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,22 +1,30 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.2",
+  "version": "2.0.0-canary.200",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs"
     },
     "./*": {
-      "import": "./dist/components/*/*.js",
-      "types": "./dist/components/*/*.d.ts"
+      "types": "./dist/types/components/*/*.d.ts",
+      "import": "./dist/esm/components/*/*.js",
+      "require": "./dist/cjs/components/*/*.cjs"
     },
-    "./hooks/*": "./dist/hooks/*.js"
+    "./hooks/*": {
+      "types": "./dist/types/hooks/*.d.ts",
+      "import": "./dist/esm/hooks/*.js",
+      "require": "./dist/cjs/hooks/*.cjs"
+    }
   },
   "files": [
     "LICENSE",
@@ -44,35 +52,38 @@
   "peerDependencies": {
     "react": ">= 18.3.1 < 20",
     "react-dom": ">= 18.3.1 < 20",
-    "@cupra/ui-kit": "1.1.0-canary.2"
-  },
-  "dependencies": {
-    "styled-components": "^6.1.16"
+    "@cupra/ui-kit": "2.0.0-canary.186",
+    "typescript": ">=5.0.0"
   },
   "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.2"
+    "vite": "^8.0.16",
+    "@cupra/ui-kit": "2.0.0-canary.186"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",
-    "test": "npx vitest run",
+    "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": "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": "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/components/Accordion/Accordion.js

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-accordion";
-const n = ({ children: t, ...r }) => /* @__PURE__ */ o("ds-accordion-react", { ...r, children: t }), e = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "title", children: t }), c = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "content", children: t });
-n.Title = e;
-n.Content = c;
-export {
-  n as Accordion
-};

package/dist/components/Accordion/stories/CupraDiagonal.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/components/Avatar/Avatar.js

@@ -1,12 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import { isValidElement as n, cloneElement as s } from "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-import "@cupra/ui-kit/react/ds-avatar";
-function E(t) {
-  const { className: r, onClick: e, image: o, ...a } = t, { ref: i } = c({ click: e }), l = o && n(o) ? s(o, { slot: "media", ...o.props }) : null;
-  return /* @__PURE__ */ m("ds-avatar-react", { ref: i, class: r, ...a, children: l });
-}
-export {
-  E as Avatar
-};

package/dist/components/Avatar/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const DefaultIcon: Story;
-export declare const WithInitials: Story;
-export declare const WithImage: Story;
-export declare const Disabled: Story;

package/dist/components/Badge/Badge.d.ts

@@ -1,7 +0,0 @@
-import type { DsBadgeAttrs } from '@cupra/ui-kit/react/types/ds-badge';
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-badge';
-export interface BadgeProps extends DsBadgeAttrs {
-    className?: string;
-}
-export declare function Badge({ className, ...rest }: BadgeProps): ReactElement;

package/dist/components/Badge/Badge.js

@@ -1,8 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-badge";
-function s({ className: r, ...t }) {
-  return /* @__PURE__ */ e("ds-badge-react", { class: r, ...t });
-}
-export {
-  s as Badge
-};

package/dist/components/Badge/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Dot: Story;
-export declare const NumberBase: Story;
-export declare const NumberSmallInverted: Story;
-export declare const NumberInverted: Story;

package/dist/components/Bullets/Bullets.d.ts

@@ -1,7 +0,0 @@
-import { DsBulletsAttrs } from '@cupra/ui-kit/react/types/ds-bullets';
-import '@cupra/ui-kit/react/ds-bullets';
-import { type ReactElement } from 'react';
-export interface BulletsProps extends DsBulletsAttrs {
-    className?: string;
-}
-export declare const Bullets: ({ className, ...rest }: BulletsProps) => ReactElement;

package/dist/components/Bullets/Bullets.js

@@ -1,6 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-bullets";
-const o = ({ className: t, ...r }) => /* @__PURE__ */ s("ds-bullets-react", { class: t, ...r });
-export {
-  o as Bullets
-};

package/dist/components/Button/Button.js

@@ -1,21 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-import "@cupra/ui-kit/react/ds-button";
-function d(o) {
-  const { className: r, children: i, onClick: s, size: t, ...e } = o, { ref: n } = m({ click: s });
-  return /* @__PURE__ */ c(
-    "ds-button-react",
-    {
-      ref: n,
-      size: typeof t == "string" ? t : JSON.stringify(t),
-      class: r,
-      ...e,
-      children: i
-    }
-  );
-}
-export {
-  d as Button
-};

package/dist/components/Button/stories/CupraDiagonal.stories.d.ts

@@ -1,19 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Text: Story;
-export declare const PrimaryDestructive: Story;
-export declare const SecondaryDestructive: Story;
-export declare const TextDestructive: Story;
-export declare const PrimaryDisabled: Story;
-export declare const SecondaryDisabled: Story;
-export declare const TertiaryDisabled: Story;
-export declare const TextDisabled: Story;
-export declare const Medium: Story;
-export declare const Small: Story;
-export declare const CustomWithAnchorChildren: Story;
-export declare const CustomWithButtonChildren: Story;

package/dist/components/CarouselIndicator/CarouselIndicator.d.ts

@@ -1,8 +0,0 @@
-import { DsCarouselIndicatorAttrs } from '@cupra/ui-kit/react/types/ds-carousel-indicator';
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-carousel-indicator';
-type CarouselIndicatorProps = DsCarouselIndicatorAttrs & {
-    className?: string;
-};
-export declare function CarouselIndicator(props: CarouselIndicatorProps): ReactElement;
-export {};

package/dist/components/CarouselIndicator/CarouselIndicator.js

@@ -1,9 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-carousel-indicator";
-function i(r) {
-  const { className: o, children: c, ...s } = r;
-  return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
-}
-export {
-  i as CarouselIndicator
-};

package/dist/components/CarouselIndicator/stories/CupraDiagonal.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const InfiniteStart: Story;
-export declare const InfiniteCenter: Story;
-export declare const InfiniteEnd: Story;
-export declare const NotInfinite: Story;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,9 +0,0 @@
-import { type ReactElement } from 'react';
-import '@cupra/ui-kit/react/ds-checkbox';
-import { DsCheckboxAttrs } from '@cupra/ui-kit/react/types/ds-checkbox';
-interface CheckboxProps extends DsCheckboxAttrs {
-    onChange?: (event: CustomEvent) => void;
-    children: JSX.Element | JSX.Element[] | string;
-}
-export declare function Checkbox({ onChange, children, ...rest }: CheckboxProps): ReactElement;
-export {};

package/dist/components/Checkbox/Checkbox.js

@@ -1,12 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-import "@cupra/ui-kit/react/ds-checkbox";
-function x({ onChange: o, children: r, ...t }) {
-  const { ref: e } = m({ change: o });
-  return /* @__PURE__ */ c("ds-checkbox-react", { ref: e, ...t, children: r });
-}
-export {
-  x as Checkbox
-};