@cupra/ui-react 1.0.0-canary.24 → 1.0.0-canary.26

package/dist/components/IconButton/IconButton.d.ts

@@ -1,9 +1,8 @@
 import { type ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-icon-button';
 import { type DsIconButtonAttrs } from '@cupra/ui-kit/react/types/ds-icon-button';
-type IconButtonProps = DsIconButtonAttrs & {
+export type IconButtonProps = DsIconButtonAttrs & {
     className?: string;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function IconButton(props: IconButtonProps): ReactElement;
-export {};

package/dist/components/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -1,5 +1,5 @@
 import { DsSecondaryNavigationAttrs } from '@cupra/ui-kit/react/types/ds-secondary-navigation';
-import { type ReactElement, type ReactNode } from 'react';
+import { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-secondary-navigation';
 type SecondaryNavigationProps = DsSecondaryNavigationAttrs & {
     className?: string;
@@ -8,11 +8,12 @@ type SecondaryNavigationProps = DsSecondaryNavigationAttrs & {
 };
 export declare function SecondaryNavigation(props: SecondaryNavigationProps): ReactElement;
 export declare namespace SecondaryNavigation {
-    var Items: ({ children }: {
-        children: ReactNode;
-    }) => ReactElement;
+    var Item: ({ children, ...rest }: ItemProps) => ReactElement;
     var Actions: ({ children }: {
         children: ReactNode;
     }) => ReactElement;
 }
+type ItemProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children: ReactNode;
+};
 export {};

package/dist/components/SecondaryNavigation/SecondaryNavigation.js

@@ -1,17 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-secondary-navigation";
 import "@cupra/ui-kit/react/utils/breakpoints";
 import "react";
 import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
-function n(t) {
-  const { className: s, children: e, onSelect: r, ...i } = t, { ref: c } = a({
-    "ds-secondary-navigation:select": r
+function e(t) {
+  const { className: o, children: r, onSelect: s, ...i } = t, { ref: c } = a({
+    "ds-secondary-navigation:select": s
   });
-  return /* @__PURE__ */ o("ds-secondary-navigation-react", { ref: c, class: s, ...i, children: e });
+  return /* @__PURE__ */ n("ds-secondary-navigation-react", { ref: c, class: o, ...i, children: r });
 }
-const m = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "items", children: t }), d = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "actions", children: t });
-n.Items = m;
-n.Actions = d;
+const m = ({ children: t, ...o }) => /* @__PURE__ */ n("a", { slot: "items", ...o, children: t }), d = ({ children: t }) => /* @__PURE__ */ n("div", { slot: "actions", children: t });
+e.Item = m;
+e.Actions = d;
 export {
-  n as SecondaryNavigation
+  e as SecondaryNavigation
 };

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

@@ -1,11 +1,31 @@
-import { type ReactElement } from 'react';
+import { type HTMLAttributes, type ImgHTMLAttributes, type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-tooltip';
 import { DsTooltipAttrs } from '@cupra/ui-kit/react/types/ds-tooltip';
-type Children = JSX.Element | JSX.Element[] | string;
-interface TooltipProps extends DsTooltipAttrs {
-    children: Children;
-    onClickCancelButton?: (event: CustomEvent) => void;
-    onClickConfirmButton?: (event: CustomEvent) => void;
-}
-export declare function Tooltip({ children, onClickCancelButton, onClickConfirmButton, ...restProps }: TooltipProps): ReactElement;
-export {};
+import { type IconButtonProps } from '../IconButton/IconButton';
+export type TooltipProps = DsTooltipAttrs & {
+    children: ReactNode;
+};
+export type CloseButtonProps = Omit<IconButtonProps, 'icon-name'>;
+export declare const Tooltip: {
+    ({ children, ...restProps }: TooltipProps): ReactElement;
+    Header: {
+        ({ children, ...props }: {
+            children?: ReactNode;
+        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    CloseButton: {
+        (props: CloseButtonProps): ReactElement;
+        displayName: string;
+    };
+    Content: {
+        ({ children, ...props }: {
+            children?: ReactNode;
+        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Img: {
+        ({ alt, ...props }: ImgHTMLAttributes<HTMLImageElement>): ReactElement;
+        displayName: string;
+    };
+};

package/dist/components/Tooltip/Tooltip.js

@@ -1,25 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-import p from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
+import { jsx as e } from "react/jsx-runtime";
+import a from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
 import "@cupra/ui-kit/react/ds-tooltip";
-const m = p.div`
+import { IconButton as m } from "../IconButton/IconButton.js";
+const p = a.div`
     display: flex;
     align-items: center;
-`;
-function x({
-  children: o,
-  onClickCancelButton: r,
-  onClickConfirmButton: i,
-  ...e
-}) {
-  const { ref: n } = c({
-    "click-cancel-button": r,
-    "click-confirm-button": i
-  });
-  return /* @__PURE__ */ t("ds-tooltip-react", { ref: n, ...e, children: /* @__PURE__ */ t(m, { children: o }) });
-}
+`, n = ({ children: t, ...o }) => /* @__PURE__ */ e("ds-tooltip-react", { ...o, children: /* @__PURE__ */ e(p, { children: t }) }), r = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "header", ...o, children: t }), i = (t) => /* @__PURE__ */ e(m, { "icon-name": "cross", ...t }), s = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "content", ...o, children: t }), l = ({ alt: t, ...o }) => /* @__PURE__ */ e("img", { alt: t ?? "", slot: "image", ...o });
+n.Header = r;
+n.CloseButton = i;
+n.Content = s;
+n.Img = l;
+r.displayName = "Tooltip.Header";
+i.displayName = "Tooltip.CloseButton";
+s.displayName = "Tooltip.Content";
+l.displayName = "Tooltip.Img";
 export {
-  x as Tooltip
+  n as Tooltip
 };

package/dist/components/Tooltip/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 Primary: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "1.0.0-canary.24",
+  "version": "1.0.0-canary.26",
   "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.14"
+    "@cupra/ui-kit": "1.0.0-canary.16"
   },
   "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.14"
+    "@cupra/ui-kit": "1.0.0-canary.16"
   },
   "scripts": {
     "build": "rm -rf dist && tsc --declaration --emitDeclarationOnly && vite build --emptyOutDir false",