@cupra/ui-react 1.0.0-canary.27 → 1.0.0-canary.29

package/dist/components/MainTitle/MainTitle.d.ts

@@ -0,0 +1,17 @@
+import type { DsMainTitleAttrs } from '@cupra/ui-kit/react/types/ds-main-title';
+import { type ElementType, type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-main-title';
+type MainTitleSubProps = HTMLAttributes<HTMLElement> & {
+    as: ElementType;
+    children: ReactNode;
+};
+type MainTitleProps = DsMainTitleAttrs & {
+    className?: string;
+    children: ReactNode;
+};
+export declare function MainTitle(props: MainTitleProps): ReactElement;
+export declare namespace MainTitle {
+    var Title: (props: MainTitleSubProps) => ReactElement;
+    var Description: (props: MainTitleSubProps) => ReactElement;
+}
+export {};

package/dist/components/MainTitle/MainTitle.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-main-title";
+function n(t) {
+  const { className: r, children: i, ...o } = t;
+  return /* @__PURE__ */ e("ds-main-title-react", { class: r, ...o, children: i });
+}
+function s(t) {
+  const { as: r, children: i, ...o } = t;
+  return /* @__PURE__ */ e(r, { slot: "title", ...o, children: i });
+}
+function c(t) {
+  const { as: r, children: i, ...o } = t;
+  return /* @__PURE__ */ e(r, { slot: "description", ...o, children: i });
+}
+n.Title = s;
+n.Description = c;
+export {
+  n as MainTitle
+};

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MainTitle } from '../MainTitle';
+declare const meta: Meta<typeof MainTitle>;
+export default meta;
+type Story = StoryObj<typeof MainTitle>;
+export declare const Default: Story;
+export declare const SemanticH1: Story;
+export declare const CustomTags: Story;
+export declare const TitleOnly: Story;

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './Input/Input';
 export * from './LinkButton/LinkButton';
 export * from './Loader/Loader';
 export * from './Logo/Logo';
+export * from './MainTitle/MainTitle';
 export * from './MapPin/MapPin';
 export * from './Modal/Modal';
 export * from './PasswordInput/PasswordInput';

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "1.0.0-canary.27",
+  "version": "1.0.0-canary.29",
   "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.0.0-canary.16"
+    "@cupra/ui-kit": "1.0.0-canary.18"
   },
   "dependencies": {
     "styled-components": "^6.1.16"
@@ -66,7 +66,7 @@
     "storybook": "^8.6.14",
     "typescript": "^5.8.2",
     "vite": "^6.4.1",
-    "@cupra/ui-kit": "1.0.0-canary.16"
+    "@cupra/ui-kit": "1.0.0-canary.18"
   },
   "scripts": {
     "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",