@digital-b2c/coreui-kit 0.5.1 → 0.5.2

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import react__default, { ImgHTMLAttributes, ReactNode, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
+import * as React$1 from 'react';
+import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
 
 interface IPicture {
     src: string;
@@ -19,26 +19,6 @@ type ResponsiveSources = {
 };
 type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
 
-interface ICta {
-    label: string;
-    url: string;
-    isExternal?: boolean;
-}
-interface ICtaLogo extends ICta {
-    logo?: IPicture;
-}
-
-interface BrandsStripProps {
-    className?: string;
-    variant?: 'light' | 'dark';
-    title?: string;
-    logos?: PictureProps[];
-    cta?: ICta;
-    size?: 'small';
-}
-
-declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
-
 declare const svgs: {
     ads: string;
     book: string;
@@ -93,11 +73,34 @@ declare const svgs: {
     xWhite: string;
 };
 type IconType = keyof typeof svgs;
-interface IconProps extends react__default.ComponentPropsWithRef<'svg'> {
+interface IconProps extends React__default.ComponentPropsWithRef<'svg'> {
     type: IconType;
     size?: number;
 }
-declare const Icon: react__default.FC<IconProps>;
+declare const Icon: React__default.FC<IconProps>;
+
+interface ICta {
+    label?: string;
+    url: string;
+    isExternal?: boolean;
+}
+interface ICtaLogo extends ICta {
+    logo?: IPicture;
+}
+interface ICtaIcon extends ICta {
+    icon?: IconType;
+}
+
+interface BrandsStripProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    title?: string;
+    logos?: PictureProps[];
+    cta?: ICta;
+    size?: 'small';
+}
+
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
 
 declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
 type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
@@ -126,11 +129,15 @@ interface CardProps {
     subtitle?: ReactNode;
     icon?: IconType;
     logo?: IPicture;
-    cta?: ICta;
+    cta?: ICtaLogo & ICtaIcon;
     children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
 }
 
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>> & {
+declare const Card: {
+    ({ className, title, subtitle, cta, icon, logo, children, ref }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
     Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
     Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
 };
@@ -206,7 +213,7 @@ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 
-declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type ConditionalWrapperProps = {
     condition: boolean;
@@ -524,4 +531,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import clsx19 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React52, { forwardRef, Children, isValidElement, useRef, useState, useCallback, useMemo, useEffect } from 'react';
+import React52, { forwardRef, useRef, useState, useCallback, Children, isValidElement, useMemo, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -665,40 +665,54 @@ function resolveCompoundSlots(children, slots) {
   return resolved;
 }
 
+// src/components/primitives/Container/Container.module.scss
+var Container_module_default = {
+  container: "Container_module_container"
+};
+var Container = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19(Container_module_default.container, className) }, props), { children }));
+  }
+);
+Container.displayName = "Container";
+
 // src/components/Card/Card.module.scss
 var Card_module_default = {
   card: "Card_module_card",
   logo: "Card_module_logo",
   subtitle: "Card_module_subtitle"
 };
-var Card = forwardRef(
-  ({ className, title, subtitle, cta, icon, logo, children }, ref) => {
-    var _a, _b;
-    const slots = resolveCompoundSlots(children, {
-      title: CardTitle,
-      subtitle: CardSubtitle
-    });
-    const titleNode = (_a = slots.title) != null ? _a : title;
-    const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-    return /* @__PURE__ */ jsxs("div", { ref, className: clsx19(Card_module_default.card, className), children: [
-      (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: Card_module_default.logo }),
-      /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
-        titleNode && /* @__PURE__ */ jsx("h3", { className: "h4", children: titleNode }),
-        subtitleNode && /* @__PURE__ */ jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
-      ] }),
-      cta && /* @__PURE__ */ jsx(
-        Button,
-        {
-          href: cta.url,
-          isExternal: cta.isExternal,
-          variant: "secondary",
-          icon: cta.url ? "rightBlack" : void 0,
-          children: cta.label
-        }
-      )
-    ] });
-  }
-);
+var Card = ({ className, title, subtitle, cta, icon, logo, children, ref }) => {
+  var _a, _b;
+  const { url: href, label, isExternal } = cta != null ? cta : {};
+  const slots = resolveCompoundSlots(children, {
+    title: CardTitle,
+    subtitle: CardSubtitle
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
+  console.log(href && !label, href, !label);
+  return /* @__PURE__ */ jsxs(
+    ConditionalWrapper,
+    __spreadProps(__spreadValues({
+      ref,
+      className: clsx19(Card_module_default.card, className),
+      wrapper: Anchor,
+      fallback: "div",
+      condition: href && !label
+    }, href ? { href, isExternal } : {}), {
+      children: [
+        (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: Card_module_default.logo }),
+        /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
+          titleNode && /* @__PURE__ */ jsx("h3", { className: "h4", children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
+        ] }),
+        (cta == null ? void 0 : cta.label) && /* @__PURE__ */ jsx(Button, { href: cta.url, isExternal: cta.isExternal, variant: "secondary", icon: cta.icon, children: cta.label })
+      ]
+    })
+  );
+};
 Card.displayName = "Card";
 
 // src/components/Card/index.ts
@@ -861,18 +875,6 @@ var Pagination = ({
   ] });
 };
 
-// src/components/primitives/Container/Container.module.scss
-var Container_module_default = {
-  container: "Container_module_container"
-};
-var Container = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19(Container_module_default.container, className) }, props), { children }));
-  }
-);
-Container.displayName = "Container";
-
 // src/components/PracticeCard/PracticeCard.module.scss
 var PracticeCard_module_default = {
   "practice-card": "PracticeCard_module_practice-card",