@cupra/ui-react 2.0.0-canary.3 → 2.0.0-canary.4

package/dist/components/BasicCard/BasicCard.d.ts

@@ -0,0 +1,19 @@
+import type { DsBasicCardAttrs } from '@cupra/ui-kit/react/types/ds-basic-card';
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-basic-card';
+type Children = JSX.Element | JSX.Element[] | string;
+export interface BasicCardProps extends DsBasicCardAttrs {
+    className?: string;
+    children: Children;
+    onClick?: (event: CustomEvent) => void;
+}
+export declare function BasicCard(props: BasicCardProps): ReactElement;
+export declare namespace BasicCard {
+    var FeaturedText: {
+        ({ children }: {
+            children: Children;
+        }): ReactElement;
+        displayName: string;
+    };
+}
+export {};

package/dist/components/BasicCard/BasicCard.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card";
+import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
+function n(e) {
+  const { className: a, children: s, onClick: c, ...d } = e, { ref: o } = i({
+    "ds-basic-card:click": c
+  });
+  return /* @__PURE__ */ r("ds-basic-card-react", { ref: o, class: a, ...d, children: s });
+}
+const t = ({ children: e }) => /* @__PURE__ */ r("div", { slot: "featured-text", children: e });
+n.FeaturedText = t;
+t.displayName = "BasicCard.FeaturedText";
+export {
+  n as BasicCard
+};

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

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

package/dist/components/BasicCardHeader/BasicCardHeader.d.ts

@@ -0,0 +1,36 @@
+import type { DsBasicCardHeaderAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-header';
+import '@cupra/ui-kit/react/ds-basic-card-header';
+import { type ReactElement } from 'react';
+type Children = JSX.Element | JSX.Element[] | string;
+export interface BasicCardHeaderProps extends DsBasicCardHeaderAttrs {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+}
+export declare function BasicCardHeader(props: BasicCardHeaderProps): ReactElement;
+export declare namespace BasicCardHeader {
+    var Title: {
+        ({ children }: {
+            children: Children;
+        }): ReactElement;
+        displayName: string;
+    };
+    var Description: {
+        ({ children }: {
+            children: Children;
+        }): ReactElement;
+        displayName: string;
+    };
+    var Meta: {
+        ({ children }: {
+            children: Children;
+        }): ReactElement;
+        displayName: string;
+    };
+    var SubHeader: {
+        ({ children }: {
+            children: Children;
+        }): ReactElement;
+        displayName: string;
+    };
+}
+export {};

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

@@ -0,0 +1,5 @@
+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/BasicCardImage/BasicCardImage.d.ts

@@ -0,0 +1,8 @@
+import type { DsBasicCardImageAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-image';
+import '@cupra/ui-kit/react/ds-basic-card-image';
+import { type ReactElement } from 'react';
+export interface BasicCardImageProps extends DsBasicCardImageAttrs {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+}
+export declare function BasicCardImage(props: BasicCardImageProps): ReactElement;

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

@@ -0,0 +1,5 @@
+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/BasicCardSection/BasicCardSection.d.ts

@@ -0,0 +1,8 @@
+import type { DsBasicCardSectionAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-section';
+import '@cupra/ui-kit/react/ds-basic-card-section';
+import { type ReactElement } from 'react';
+export interface BasicCardSectionProps extends DsBasicCardSectionAttrs {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+}
+export declare function BasicCardSection(props: BasicCardSectionProps): ReactElement;

package/dist/components/BasicCardSection/BasicCardSection.js

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

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

@@ -0,0 +1,5 @@
+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/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Accordion/Accordion';
 export * from './Badge/Badge';
+export * from './BasicCard/BasicCard';
+export * from './BasicCardSection/BasicCardSection';
 export * from './Bullets/Bullets';
 export * from './Button/Button';
 export * from './CarouselIndicator/CarouselIndicator';

package/dist/index.js

@@ -1,120 +1,124 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { Badge as x } from "./components/Badge/Badge.js";
-import { Bullets as f } from "./components/Bullets/Bullets.js";
-import { Button as i } from "./components/Button/Button.js";
-import { CarouselIndicator as d } from "./components/CarouselIndicator/CarouselIndicator.js";
-import { Checkbox as s } from "./components/Checkbox/Checkbox.js";
-import { Chip as g } from "./components/Chip/Chip.js";
-import { Chips as T } from "./components/Chips/Chips.js";
-import { Currency as S } from "./components/Currency/Currency.js";
-import { Dialog as I } from "./components/Dialog/Dialog.js";
-import { DialogBody as C } from "./components/DialogBody/DialogBody.js";
-import { DialogFooter as L } from "./components/DialogFooter/DialogFooter.js";
-import { DialogHeader as R } from "./components/DialogHeader/DialogHeader.js";
-import { Divider as y } from "./components/Divider/Divider.js";
-import { Drawer as P } from "./components/Drawer/Drawer.js";
-import { Hyperlink as H } from "./components/Hyperlink/Hyperlink.js";
-import { Icon as E } from "./components/Icon/Icon.js";
-import { IconButton as z } from "./components/IconButton/IconButton.js";
-import { Input as G } from "./components/Input/Input.js";
-import { LinkButton as j } from "./components/LinkButton/LinkButton.js";
-import { Loader as J, LoaderLogo as K } from "./components/Loader/Loader.js";
-import { Logo as U } from "./components/Logo/Logo.js";
-import { MainTitle as W } from "./components/MainTitle/MainTitle.js";
-import { MapPin as Y } from "./components/MapPin/MapPin.js";
-import { Modal as _ } from "./components/Modal/Modal.js";
-import { PasswordInput as oo } from "./components/PasswordInput/PasswordInput.js";
-import { PickerItem as eo } from "./components/PickerItem/PickerItem.js";
-import { Radio as po } from "./components/Radio/Radio.js";
-import { RadioButton as mo } from "./components/RadioButton/RadioButton.js";
-import { RadioButtonGroup as ao } from "./components/RadioButtonGroup/RadioButtonGroup.js";
-import { Rating as no } from "./components/Rating/Rating.js";
-import { Search as so } from "./components/Search/Search.js";
-import { SearchInput as go } from "./components/SearchInput/SearchInput.js";
-import { SecondaryNavigation as To } from "./components/SecondaryNavigation/SecondaryNavigation.js";
-import { SegmentedControl as So } from "./components/SegmentedControl/SegmentedControl.js";
-import { Select as Io } from "./components/Select/Select.js";
-import { Selection as Co } from "./components/Selection/Selection.js";
-import { Slider as Lo } from "./components/Slider/Slider.js";
-import { Tabs as Ro } from "./components/Tabs/Tabs.js";
-import { Tag as yo } from "./components/Tag/Tag.js";
-import { Text as Po } from "./components/Text/Text.js";
-import { TextInput as Ho } from "./components/TextInput/TextInput.js";
-import { Textarea as Eo } from "./components/Textarea/Textarea.js";
-import { ThemeProvider as zo } from "./components/ThemeProvider/ThemeProvider.js";
-import { ToggleButton as Go } from "./components/ToggleButton/ToggleButton.js";
-import { ToggleSwitch as jo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Jo } from "./components/Tooltip/Tooltip.js";
-import { Toast as Qo } from "./components/Toast/Toast.js";
-import { ToastMessage as Vo } from "./components/ToastMessage/ToastMessage.js";
-import { Avatar as Xo } from "./components/Avatar/Avatar.js";
-import { StaticBox as Zo } from "./components/StaticBox/StaticBox.js";
-import { Stepper as $o } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as rr } from "./components/InteractiveCard/InteractiveCard.js";
-import { SidebarNavigation as tr } from "./components/SidebarNavigation/SidebarNavigation.js";
-import { useBreakpoint as xr } from "./hooks/useBreakpoint.js";
-import { useEventListeners as fr } from "./hooks/useEventListeners.js";
-import { useHandleEvent as ir } from "./hooks/useHandleEvent.js";
+import { BasicCard as f } from "./components/BasicCard/BasicCard.js";
+import { BasicCardSection as i } from "./components/BasicCardSection/BasicCardSection.js";
+import { Bullets as d } from "./components/Bullets/Bullets.js";
+import { Button as c } from "./components/Button/Button.js";
+import { CarouselIndicator as u } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
+import { Chip as T } from "./components/Chip/Chip.js";
+import { Chips as C } from "./components/Chips/Chips.js";
+import { Currency as h } from "./components/Currency/Currency.js";
+import { Dialog as L } from "./components/Dialog/Dialog.js";
+import { DialogBody as R } from "./components/DialogBody/DialogBody.js";
+import { DialogFooter as y } from "./components/DialogFooter/DialogFooter.js";
+import { DialogHeader as P } from "./components/DialogHeader/DialogHeader.js";
+import { Divider as H } from "./components/Divider/Divider.js";
+import { Drawer as E } from "./components/Drawer/Drawer.js";
+import { Hyperlink as z } from "./components/Hyperlink/Hyperlink.js";
+import { Icon as G } from "./components/Icon/Icon.js";
+import { IconButton as j } from "./components/IconButton/IconButton.js";
+import { Input as J } from "./components/Input/Input.js";
+import { LinkButton as Q } from "./components/LinkButton/LinkButton.js";
+import { Loader as V, LoaderLogo as W } from "./components/Loader/Loader.js";
+import { Logo as Y } from "./components/Logo/Logo.js";
+import { MainTitle as _ } from "./components/MainTitle/MainTitle.js";
+import { MapPin as oo } from "./components/MapPin/MapPin.js";
+import { Modal as eo } from "./components/Modal/Modal.js";
+import { PasswordInput as po } from "./components/PasswordInput/PasswordInput.js";
+import { PickerItem as mo } from "./components/PickerItem/PickerItem.js";
+import { Radio as ao } from "./components/Radio/Radio.js";
+import { RadioButton as no } from "./components/RadioButton/RadioButton.js";
+import { RadioButtonGroup as co } from "./components/RadioButtonGroup/RadioButtonGroup.js";
+import { Rating as uo } from "./components/Rating/Rating.js";
+import { Search as Bo } from "./components/Search/Search.js";
+import { SearchInput as To } from "./components/SearchInput/SearchInput.js";
+import { SecondaryNavigation as Co } from "./components/SecondaryNavigation/SecondaryNavigation.js";
+import { SegmentedControl as ho } from "./components/SegmentedControl/SegmentedControl.js";
+import { Select as Lo } from "./components/Select/Select.js";
+import { Selection as Ro } from "./components/Selection/Selection.js";
+import { Slider as yo } from "./components/Slider/Slider.js";
+import { Tabs as Po } from "./components/Tabs/Tabs.js";
+import { Tag as Ho } from "./components/Tag/Tag.js";
+import { Text as Eo } from "./components/Text/Text.js";
+import { TextInput as zo } from "./components/TextInput/TextInput.js";
+import { Textarea as Go } from "./components/Textarea/Textarea.js";
+import { ThemeProvider as jo } from "./components/ThemeProvider/ThemeProvider.js";
+import { ToggleButton as Jo } from "./components/ToggleButton/ToggleButton.js";
+import { ToggleSwitch as Qo } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Vo } from "./components/Tooltip/Tooltip.js";
+import { Toast as Xo } from "./components/Toast/Toast.js";
+import { ToastMessage as Zo } from "./components/ToastMessage/ToastMessage.js";
+import { Avatar as $o } from "./components/Avatar/Avatar.js";
+import { StaticBox as rr } from "./components/StaticBox/StaticBox.js";
+import { Stepper as tr } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as xr } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as fr } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { useBreakpoint as ir } from "./hooks/useBreakpoint.js";
+import { useEventListeners as dr } from "./hooks/useEventListeners.js";
+import { useHandleEvent as cr } from "./hooks/useHandleEvent.js";
 import "react";
-import { useResizeObserver as dr } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { useResizeObserver as ur } from "./hooks/useResizeObserver/useResizeObserver.js";
 export {
   t as Accordion,
-  Xo as Avatar,
+  $o as Avatar,
   x as Badge,
-  f as Bullets,
-  i as Button,
-  d as CarouselIndicator,
-  s as Checkbox,
-  g as Chip,
-  T as Chips,
-  S as Currency,
-  I as Dialog,
-  C as DialogBody,
-  L as DialogFooter,
-  R as DialogHeader,
-  y as Divider,
-  P as Drawer,
-  H as Hyperlink,
-  E as Icon,
-  z as IconButton,
-  G as Input,
-  rr as InteractiveCard,
-  j as LinkButton,
-  J as Loader,
-  K as LoaderLogo,
-  U as Logo,
-  W as MainTitle,
-  Y as MapPin,
-  _ as Modal,
-  oo as PasswordInput,
-  eo as PickerItem,
-  po as Radio,
-  mo as RadioButton,
-  ao as RadioButtonGroup,
-  no as Rating,
-  so as Search,
-  go as SearchInput,
-  To as SecondaryNavigation,
-  So as SegmentedControl,
-  Io as Select,
-  Co as Selection,
-  tr as SidebarNavigation,
-  Lo as Slider,
-  Zo as StaticBox,
-  $o as Stepper,
-  Ro as Tabs,
-  yo as Tag,
-  Po as Text,
-  Ho as TextInput,
-  Eo as Textarea,
-  zo as ThemeProvider,
-  Qo as Toast,
-  Vo as ToastMessage,
-  Go as ToggleButton,
-  jo as ToggleSwitch,
-  Jo as Tooltip,
-  xr as useBreakpoint,
-  fr as useEventListeners,
-  ir as useHandleEvent,
-  dr as useResizeObserver
+  f as BasicCard,
+  i as BasicCardSection,
+  d as Bullets,
+  c as Button,
+  u as CarouselIndicator,
+  B as Checkbox,
+  T as Chip,
+  C as Chips,
+  h as Currency,
+  L as Dialog,
+  R as DialogBody,
+  y as DialogFooter,
+  P as DialogHeader,
+  H as Divider,
+  E as Drawer,
+  z as Hyperlink,
+  G as Icon,
+  j as IconButton,
+  J as Input,
+  xr as InteractiveCard,
+  Q as LinkButton,
+  V as Loader,
+  W as LoaderLogo,
+  Y as Logo,
+  _ as MainTitle,
+  oo as MapPin,
+  eo as Modal,
+  po as PasswordInput,
+  mo as PickerItem,
+  ao as Radio,
+  no as RadioButton,
+  co as RadioButtonGroup,
+  uo as Rating,
+  Bo as Search,
+  To as SearchInput,
+  Co as SecondaryNavigation,
+  ho as SegmentedControl,
+  Lo as Select,
+  Ro as Selection,
+  fr as SidebarNavigation,
+  yo as Slider,
+  rr as StaticBox,
+  tr as Stepper,
+  Po as Tabs,
+  Ho as Tag,
+  Eo as Text,
+  zo as TextInput,
+  Go as Textarea,
+  jo as ThemeProvider,
+  Xo as Toast,
+  Zo as ToastMessage,
+  Jo as ToggleButton,
+  Qo as ToggleSwitch,
+  Vo as Tooltip,
+  ir as useBreakpoint,
+  dr as useEventListeners,
+  cr as useHandleEvent,
+  ur as useResizeObserver
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.3",
+  "version": "2.0.0-canary.4",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -44,7 +44,7 @@
   "peerDependencies": {
     "react": ">= 18.3.1 < 20",
     "react-dom": ">= 18.3.1 < 20",
-    "@cupra/ui-kit": "1.1.0-canary.3"
+    "@cupra/ui-kit": "1.1.0-canary.4"
   },
   "dependencies": {
     "styled-components": "^6.1.16"
@@ -66,7 +66,7 @@
     "storybook": "^8.6.15",
     "typescript": "^5.8.2",
     "vite": "^6.4.1",
-    "@cupra/ui-kit": "1.1.0-canary.3"
+    "@cupra/ui-kit": "1.1.0-canary.4"
   },
   "scripts": {
     "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",