@scrippsproduct/networks-ui-library 1.1.0-alpha.1 → 1.1.0-alpha.3

package/dist/components/GenericList/GenericList.js

@@ -1,23 +1,22 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { p as s } from "../../index-VjANCDXC.mjs";
-import { classes as o } from "../../utils/helpers.js";
-function u({
-  list: p = [],
+import { jsx as i } from "react/jsx-runtime";
+import { p as c } from "../../index-VjANCDXC.mjs";
+import { classes as t } from "../../utils/helpers.js";
+function f({
+  list: s = [],
   type: l = "unordered",
-  // 'unordered' | 'ordered'
   classname: r = ""
 }) {
-  return /* @__PURE__ */ t("ul", { className: o(["generic-list", `${r}`]), children: p.map((e, i) => /* @__PURE__ */ t(
+  const n = () => s.map((e, o) => /* @__PURE__ */ i(
     "li",
     {
-      className: o(["generic-list__item", `${r}__item`]),
-      children: typeof e == "string" && e !== "" ? s(e) : e
+      className: t(["generic-list__item", `${r}__item`]),
+      children: typeof e == "string" && e !== "" ? c(e) : e
     },
-    r === "" ? `generic-list-${i}` : `${r}-${i}`
-  )) });
+    r === "" ? `generic-list-${o}` : `${r}-${o}`
+  ));
+  return l === "unordered" ? /* @__PURE__ */ i("ul", { className: t(["generic-list", `${r}`]), children: n() }) : /* @__PURE__ */ i("ol", { className: t(["generic-list", "generic-list--ordered", `${r}`]), children: n() });
 }
 export {
-  u as GenericList,
-  u as default
+  f as GenericList,
+  f as default
 };

package/dist/components/GenericList/index.d.ts

@@ -1 +1,2 @@
-export { GenericList, GenericList as default } from './GenericList';
+export { GenericList } from './GenericList';
+export { GenericList as default } from './GenericList';

package/dist/components/GetAirdateWrapper/GetAirdateWrapper.d.ts

@@ -1,9 +1,10 @@
-export function GetAirdateWrapper({ programId, programType, separatorType, includeEpisode, SCHEDULE_ENDPOINT, NETWORK, }: {
-    programId: any;
-    programType?: string | undefined;
-    separatorType?: string | undefined;
-    includeEpisode?: boolean | undefined;
-    SCHEDULE_ENDPOINT: any;
-    NETWORK: any;
-}): import("react/jsx-runtime").JSX.Element;
+type GetAirdateWrapperProps = {
+    programId: string | number;
+    programType?: 'series' | 'film' | 'unknown';
+    separatorType?: 'pipe' | 'line-break' | 'single-line-break' | 'none' | undefined;
+    includeEpisode?: boolean;
+    SCHEDULE_ENDPOINT: string;
+    NETWORK: string;
+};
+export declare function GetAirdateWrapper({ programId, programType, separatorType, includeEpisode, SCHEDULE_ENDPOINT, NETWORK, }: GetAirdateWrapperProps): JSX.Element;
 export default GetAirdateWrapper;

package/dist/components/GetAirdateWrapper/GetAirdateWrapper.js

@@ -1,40 +1,56 @@
-import { jsx as r, Fragment as d } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { convert12to24 as A } from "../../utils/helpers.js";
-import b from "../../hooks/useGetUpcoming.js";
-import { AirDateFormatter as c } from "../AirDateFormatter/AirDateFormatter.js";
-import { StringList as h } from "../StringList/StringList.js";
-const N = (i) => {
-  let n;
-  for (let t = 0; t < i.title_code.length; t++)
-    if (!isNaN(Number.parseInt(i.title_code.charAt(t), 10))) {
-      n = t;
+import { jsx as s, Fragment as m } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { convert12to24 as b } from "../../utils/helpers.js";
+import h from "../../hooks/useGetUpcoming.js";
+import { AirDateFormatter as d } from "../AirDateFormatter/AirDateFormatter.js";
+import { StringList as N } from "../StringList/StringList.js";
+const D = (t) => {
+  var n;
+  let r;
+  for (let i = 0; i < ((n = t == null ? void 0 : t.title_code) == null ? void 0 : n.length); i++)
+    if (!isNaN(Number.parseInt(t.title_code.charAt(i), 10))) {
+      r = i;
       break;
     }
-  return i.title_code.slice(n);
+  return t.title_code.slice(r);
 };
-function v({
-  programId: i,
-  programType: n = "series",
-  separatorType: t = "pipe",
-  includeEpisode: m = !1,
-  SCHEDULE_ENDPOINT: _,
-  NETWORK: u
+function w({
+  programId: t,
+  programType: r = "series",
+  separatorType: n = "pipe",
+  includeEpisode: i = !1,
+  SCHEDULE_ENDPOINT: c,
+  NETWORK: _
 }) {
-  const [a, S] = s(null), [$, x] = s(null);
-  return b({ programId: i, programType: n, SCHEDULE_ENDPOINT: _, NETWORK: u }).then((e) => {
-    var p, f;
-    let l = null, o = null;
-    e.length && (l = `${e[0].start_date_parse} ${A(e[0].start_time)}`, m && ((p = e[0]) != null && p.episode_number ? o = `${(f = e[0]) == null ? void 0 : f.episode_number}: ${e[0].title_name}` : o = `${N(e[0])}: ${e[0].title_name}`)), S(l), x(o);
-  }), a === null ? /* @__PURE__ */ r(d, {}) : i === "" ? /* @__PURE__ */ r(d, {}) : m ? /* @__PURE__ */ r(
-    h,
+  const [l, S] = p(null), [$, x] = p(null);
+  return h({
+    programId: String(t),
+    programType: r === "unknown" ? void 0 : r,
+    SCHEDULE_ENDPOINT: c,
+    NETWORK: _
+  }).then((A) => {
+    var u, f;
+    const e = A;
+    let a = null, o = null;
+    e.length && (a = `${e[0].start_date_parse} ${b(e[0].start_time)}`, i && ((u = e[0]) != null && u.episode_number ? o = `${(f = e[0]) == null ? void 0 : f.episode_number}: ${e[0].title_name}` : o = `${D(e[0])}: ${e[0].title_name}`)), S(a), x(o);
+  }), l === null ? /* @__PURE__ */ s(m, {}) : t === "" ? /* @__PURE__ */ s(m, {}) : i ? /* @__PURE__ */ s(
+    N,
     {
-      list: [/* @__PURE__ */ r(c, { airdateStr: a, separatorType: t }), $],
+      list: [
+        /* @__PURE__ */ s(
+          d,
+          {
+            airdateStr: l,
+            separatorType: n
+          }
+        ),
+        $
+      ],
       separatorType: "pipe"
     }
-  ) : /* @__PURE__ */ r(c, { airdateStr: a, separatorType: t });
+  ) : /* @__PURE__ */ s(d, { airdateStr: l, separatorType: n });
 }
 export {
-  v as GetAirdateWrapper,
-  v as default
+  w as GetAirdateWrapper,
+  w as default
 };

package/dist/components/GetAirdateWrapper/index.d.ts

@@ -1 +1,2 @@
-export { GetAirdateWrapper, GetAirdateWrapper as default } from './GetAirdateWrapper';
+export { GetAirdateWrapper } from './GetAirdateWrapper';
+export { GetAirdateWrapper as default } from './GetAirdateWrapper';

package/dist/components/GradientButton/GradientButton.d.ts

@@ -1,15 +1,16 @@
-export function GradientButton({ type, label, onClick, varient, size, classname, href, gradientStartColor, gradientEndColor, hoverGradientStartColor, hoverGradientEndColor, ...attributes }: {
-    [x: string]: any;
-    type?: string | undefined;
-    label?: string | undefined;
-    onClick?: (() => void) | undefined;
-    varient?: string | undefined;
-    size?: string | undefined;
-    classname?: string | undefined;
-    href?: string | undefined;
-    gradientStartColor?: string | undefined;
-    gradientEndColor?: string | undefined;
-    hoverGradientStartColor?: string | undefined;
-    hoverGradientEndColor?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type GradientButtonProps = {
+    type?: 'button' | 'submit' | 'reset';
+    label?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    varient?: 'primary' | 'secondary' | 'tertiary' | '';
+    size?: 'small' | 'regular' | 'large' | '';
+    classname?: string;
+    href?: string;
+    gradientStartColor?: string;
+    gradientEndColor?: string;
+    hoverGradientStartColor?: string;
+    hoverGradientEndColor?: string;
+    [key: string]: unknown;
+};
+export declare function GradientButton({ type, label, onClick, varient, size, classname, href, gradientStartColor, gradientEndColor, ...attributes }: GradientButtonProps): JSX.Element;
 export default GradientButton;

package/dist/components/GradientButton/GradientButton.js

@@ -1,69 +1,66 @@
-import { jsx as r, Fragment as x } from "react/jsx-runtime";
-import "react";
-import { classes as c } from "../../utils/helpers.js";
+import { jsx as g, Fragment as w } from "react/jsx-runtime";
+import { classes as m } from "../../utils/helpers.js";
 import '../../assets/GradientButton.css';const a = {
-  "gradient-btn": "_gradient-btn_a5mxg_1",
-  "gradient-btn--small": "_gradient-btn--small_a5mxg_23",
-  "gradient-btn--large": "_gradient-btn--large_a5mxg_30",
-  "gradient-btn--primary": "_gradient-btn--primary_a5mxg_37",
-  "gradient-btn--action": "_gradient-btn--action_a5mxg_41",
-  "gradient-btn--info": "_gradient-btn--info_a5mxg_45",
-  "gradient-btn--danger": "_gradient-btn--danger_a5mxg_49"
+  "gradient-btn": "_gradient-btn_1nwnc_1",
+  "gradient-btn--small": "_gradient-btn--small_1nwnc_23",
+  "gradient-btn--large": "_gradient-btn--large_1nwnc_30",
+  "gradient-btn--primary": "_gradient-btn--primary_1nwnc_37",
+  "gradient-btn--action": "_gradient-btn--action_1nwnc_41",
+  "gradient-btn--info": "_gradient-btn--info_1nwnc_45",
+  "gradient-btn--danger": "_gradient-btn--danger_1nwnc_49"
 };
-function o({
-  type: l = "button",
-  label: i = "",
-  onClick: $ = () => {
+function y({
+  type: $ = "button",
+  label: r = "",
+  onClick: l = () => {
   },
   varient: e = "primary",
-  size: g = "regular",
-  classname: d = "",
-  href: _ = "",
+  size: i = "regular",
+  classname: _ = "",
+  href: b = "",
   gradientStartColor: n = "",
   gradientEndColor: t = "",
-  hoverGradientStartColor: p = "",
-  hoverGradientEndColor: u = "",
-  ...b
+  ...c
 }) {
-  const m = e === "" ? "" : `gradient-btn--${e}`, s = g === "" ? "" : `gradient-btn--${g}`;
-  return /* @__PURE__ */ r(x, { children: _ === "" ? /* @__PURE__ */ r(
+  const d = e === "" ? "" : `gradient-btn--${e}`, s = i === "" ? "" : `gradient-btn--${i}`;
+  return /* @__PURE__ */ g(w, { children: b === "" ? /* @__PURE__ */ g(
     "button",
     {
-      type: l,
-      onClick: $,
-      className: c([
-        d,
+      className: m([
+        _,
         a["gradient-btn"],
         "gradient-btn",
-        e === "" ? "" : a[m],
-        g === "" ? "" : a[s]
+        e === "" ? "" : a[d],
+        i === "" ? "" : a[s]
       ]),
       style: n !== "" && t !== "" ? {
         "--gradient": `linear-gradient(180deg, ${t}, ${n}, ${n},${t})`
       } : {},
-      ...b,
-      children: i
+      type: $,
+      onClick: l,
+      ...c,
+      children: r
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ g(
     "a",
     {
-      href: _,
-      className: c([
-        d,
+      className: m([
+        _,
         a["gradient-btn"],
         "gradient-btn",
-        e === "" ? "" : a[m],
-        g === "" ? "" : a[s]
+        e === "" ? "" : a[d],
+        i === "" ? "" : a[s]
       ]),
+      href: b,
       style: n !== "" && t !== "" ? {
         "--gradient": `linear-gradient(180deg, ${t}, ${n}, ${n},${t})`
       } : {},
-      ...b,
-      children: i
+      ...c,
+      children: r
     }
   ) });
 }
 export {
-  o as GradientButton,
-  o as default
+  y as GradientButton,
+  y as default
 };

package/dist/components/GradientButton/index.d.ts

@@ -1 +1,2 @@
-export { GradientButton, GradientButton as default } from './GradientButton';
+export { GradientButton } from './GradientButton';
+export { GradientButton as default } from './GradientButton';

package/dist/components/GridList/GridList.d.ts

@@ -1,6 +1,7 @@
-export function GridList({ children, numberOfColumns, headerText }: {
-    children: any;
-    numberOfColumns?: number | undefined;
-    headerText?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type GridListProps = {
+    children: React.ReactNode;
+    numberOfColumns?: number;
+    headerText?: string;
+};
+export declare function GridList({ children, numberOfColumns, headerText, }: GridListProps): JSX.Element;
 export default GridList;

package/dist/components/GridList/GridList.js

@@ -1,6 +1,6 @@
-import { jsxs as d, Fragment as c, jsx as r } from "react/jsx-runtime";
-import "react";
-import '../../assets/GridList.css';const i = {
+import { jsxs as c, Fragment as g, jsx as r } from "react/jsx-runtime";
+import { classes as t } from "../../utils/helpers.js";
+import '../../assets/GridList.css';const s = {
   "grid-list": "_grid-list_17klz_1",
   "grid-list-header": "_grid-list-header_17klz_9",
   "grid-list--1-columns": "_grid-list--1-columns_17klz_13",
@@ -14,15 +14,19 @@ import '../../assets/GridList.css';const i = {
   "grid-list--9-columns": "_grid-list--9-columns_17klz_45",
   "grid-list--10-columns": "_grid-list--10-columns_17klz_49"
 };
-function n({ children: t, numberOfColumns: l = 2, headerText: s = "" }) {
+function m({
+  children: _,
+  numberOfColumns: l = 2,
+  headerText: i = ""
+}) {
   l > 10 && (l = 10);
-  const _ = `grid-list--${l}-columns`;
-  return /* @__PURE__ */ d(c, { children: [
-    s !== "" && /* @__PURE__ */ r("h3", { className: [i["grid-list-header"], "grid-list-header"].join(" "), children: s }),
-    /* @__PURE__ */ r("ul", { className: [i["grid-list"], i[_]].join(" "), children: t })
+  const d = `grid-list--${l}-columns`;
+  return /* @__PURE__ */ c(g, { children: [
+    i !== "" && /* @__PURE__ */ r("h3", { className: t([s["grid-list-header"], "grid-list-header"]), children: i }),
+    /* @__PURE__ */ r("ul", { className: t([s["grid-list"], s[d]]), children: _ })
   ] });
 }
 export {
-  n as GridList,
-  n as default
+  m as GridList,
+  m as default
 };

package/dist/components/GridList/index.d.ts

@@ -1 +1,2 @@
-export { GridList, GridList as default } from './GridList';
+export { GridList } from './GridList';
+export { GridList as default } from './GridList';

package/dist/components/ImageCard/ImageCard.d.ts

@@ -1,3 +1,29 @@
 import { default as React } from 'react';
-export const ImageCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import { HandleClicksDetails, CTA, Image } from '../../types';
+export type ImageCardProps = {
+    id?: string | number;
+    image?: Image;
+    mobileImage?: Image;
+    fullSizeImagePosition?: [number, number];
+    mobileImagePosition?: [number, number];
+    clampContentLines?: boolean;
+    numberOfLinesToClamp?: number;
+    overlayContent?: string | JSX.Element;
+    overlayPosition?: 'left' | 'right' | 'center';
+    overlayTextColor?: string;
+    relatedResourceId?: string;
+    cta?: CTA;
+    handleClicks?: (details: HandleClicksDetails) => void | boolean;
+    fullCardClickable?: boolean;
+    displayInline?: boolean;
+    classname?: string;
+    lazyLoad?: boolean;
+    fetchPriority?: 'high' | 'low' | 'auto' | undefined;
+    decoding?: 'async' | 'sync' | 'auto';
+    displayCTA?: boolean;
+    title?: string;
+    content?: string | JSX.Element;
+    customStyles?: React.CSSProperties;
+};
+export declare const ImageCard: React.ForwardRefExoticComponent<ImageCardProps & React.RefAttributes<unknown>>;
 export default ImageCard;

package/dist/components/ImageCard/ImageCard.js

@@ -1,30 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { classes as k } from "../../utils/helpers.js";
-import x from "./ImageCardCore.js";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { classes as x } from "../../utils/helpers.js";
+import j from "./ImageCardCore.js";
 import '../../assets/ImageCard.css';const l = {
-  "image-card--clickable": "_image-card--clickable_1b3j4_13",
-  "image-card__img-wrapper": "_image-card__img-wrapper_1b3j4_17",
-  "image-card--inline": "_image-card--inline_1b3j4_35",
-  "image-card__image": "_image-card__image_1b3j4_39",
-  "image-card__mobile-image": "_image-card__mobile-image_1b3j4_45",
-  "image-card__play-icon": "_image-card__play-icon_1b3j4_77",
-  "play-icon__triangle": "_play-icon__triangle_1b3j4_93",
-  "image-card__content": "_image-card__content_1b3j4_112",
-  "image-card__cta-wrapper": "_image-card__cta-wrapper_1b3j4_133",
-  "image-card__cta": "_image-card__cta_1b3j4_133",
-  "image-card__overlay-content": "_image-card__overlay-content_1b3j4_147"
-}, L = v(function(_, o) {
+  "image-card--clickable": "_image-card--clickable_1qjtn_13",
+  "image-card__img-wrapper": "_image-card__img-wrapper_1qjtn_17",
+  "image-card--inline": "_image-card--inline_1qjtn_34",
+  "image-card__image": "_image-card__image_1qjtn_38",
+  "image-card__mobile-image": "_image-card__mobile-image_1qjtn_44",
+  "image-card__play-icon": "_image-card__play-icon_1qjtn_76",
+  "play-icon__triangle": "_play-icon__triangle_1qjtn_88",
+  "image-card__content": "_image-card__content_1qjtn_110",
+  "image-card__cta-wrapper": "_image-card__cta-wrapper_1qjtn_131",
+  "image-card__cta": "_image-card__cta_1qjtn_131",
+  "image-card__overlay-content": "_image-card__overlay-content_1qjtn_145"
+}, w = b(function(_, d) {
   const {
     image: t = { url: "", altText: "", aspectRatio: 1, sources: [] },
-    mobileImage: d = { url: "", altText: "", aspectRatio: 1 },
+    mobileImage: p = { url: "", altText: "", aspectRatio: 1 },
     fullSizeImagePosition: a = [50, 50],
     mobileImagePosition: r = [50, 50],
-    clampContentLines: p = !0,
-    numberOfLinesToClamp: s = 3,
-    overlayPosition: g = "left",
-    overlayTextColor: m = "#fff",
-    relatedResourceId: j = "",
+    clampContentLines: s = !0,
+    numberOfLinesToClamp: g = 3,
+    overlayPosition: m = "left",
+    overlayTextColor: y = "#fff",
+    relatedResourceId: C = "",
     cta: e = {
       label: "",
       href: "",
@@ -33,81 +33,82 @@ import '../../assets/ImageCard.css';const l = {
       relatedResourceType: "",
       position: "end"
     },
-    handleClicks: C = () => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    handleClicks: v = (o) => {
     },
-    fullCardClickable: c = !1,
+    fullCardClickable: n = !1,
     displayInline: i = !1,
-    classname: y = ""
-  } = _, u = /* @__PURE__ */ new Map([
+    classname: u = ""
+  } = _, f = /* @__PURE__ */ new Map([
     ["left", "flex-start"],
     ["right", "flex-end"],
     ["center", "center"]
-  ]), f = (b) => {
-    C({
+  ]), k = (o) => {
+    v({
       type: "card-clicked",
       ctaType: e == null ? void 0 : e.type,
-      resourceId: j,
+      resourceId: C,
       resourceType: e.relatedResourceType,
-      target: b.target,
-      currentTarget: b.currentTarget
+      target: o.target,
+      currentTarget: o.currentTarget
     });
   };
-  return c && (e == null ? void 0 : e.href) !== "" && ((e == null ? void 0 : e.type) === "internal-link" || (e == null ? void 0 : e.type) === "external-link") ? /* @__PURE__ */ n(
+  return n && (e == null ? void 0 : e.href) !== "" && ((e == null ? void 0 : e.type) === "internal-link" || (e == null ? void 0 : e.type) === "external-link") ? /* @__PURE__ */ c(
     "image-card",
     {
-      class: k([
-        c ? l["image-card--clickable"] : null,
+      class: x([
+        n ? l["image-card--clickable"] : null,
         i ? l["image-card--inline"] : null,
-        y
+        u
       ]),
+      "data-cursor": "pointer",
       style: {
-        "--justify-overlay-content": u.get(g),
+        "--justify-overlay-content": f.get(m),
         "--align-overlay-content": i ? "center" : "flex-end",
-        "--overlay-content-text-color": m,
-        "--content-line-clamp": p ? s : "unset",
+        "--overlay-content-text-color": y,
+        "--content-line-clamp": s ? g : "unset",
         "--image-aspect-ratio": t.aspectRatio,
-        "--mobile-image-aspect-ratio": d.aspectRatio,
+        "--mobile-image-aspect-ratio": p.aspectRatio,
         "--background-image-position": `${(a == null ? void 0 : a[0]) ?? "50"}% ${(a == null ? void 0 : a[1]) ?? "50"}%`,
         "--mobile-background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`
       },
-      onClick: c ? f : () => !0,
-      "data-cursor": "pointer",
-      children: /* @__PURE__ */ n(
+      onClick: n ? k : () => !0,
+      children: /* @__PURE__ */ c(
         "a",
         {
+          className: "image-card__full-card-link",
           href: e.href,
-          title: t == null ? void 0 : t.altText,
+          rel: e.type === "external-link" ? "noreferrer" : void 0,
           target: e.type === "external-link" ? "_blank" : "_self",
-          rel: e.type === "external-link" ? "noreferrer" : null,
-          className: "image-card__full-card-link",
-          children: /* @__PURE__ */ n(x, { ..._, styles: l, ref: o })
+          title: t == null ? void 0 : t.altText,
+          children: /* @__PURE__ */ c(j, { ..._, ref: d, styles: l })
         }
       )
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ c(
     "image-card",
     {
-      class: k([
+      class: x([
         i ? l["image-card--inline"] : null,
-        y
+        u
       ]),
+      "data-cursor": n ? "pointer" : "default",
       style: {
-        "--justify-overlay-content": u.get(g),
+        "--justify-overlay-content": f.get(m),
         "--align-overlay-content": i ? "center" : "flex-end",
-        "--overlay-content-text-color": m,
-        "--content-line-clamp": p ? s : "unset",
+        "--overlay-content-text-color": y,
+        "--content-line-clamp": s ? g : "unset",
         "--image-aspect-ratio": t.aspectRatio,
-        "--mobile-image-aspect-ratio": d.aspectRatio,
+        "--mobile-image-aspect-ratio": p.aspectRatio,
         "--background-image-position": `${(a == null ? void 0 : a[0]) ?? "50"}% ${(a == null ? void 0 : a[1]) ?? "50"}%`,
         "--mobile-background-image-position": `${(r == null ? void 0 : r[0]) ?? "50"}% ${(r == null ? void 0 : r[1]) ?? "50"}%`
       },
-      onClick: c ? f : () => !0,
-      "data-cursor": c ? "pointer" : "default",
-      children: /* @__PURE__ */ n(x, { ..._, styles: l, ref: o })
+      onClick: n ? k : () => !0,
+      children: /* @__PURE__ */ c(j, { ..._, ref: d, styles: l })
     }
   );
 });
 export {
-  L as ImageCard,
-  L as default
+  w as ImageCard,
+  w as default
 };

package/dist/components/ImageCard/ImageCardCore.d.ts

@@ -1,3 +1,7 @@
-import { default as React } from 'react';
+import { ImageCardProps } from './ImageCard';
+declare const ImageCardCore: import('react').ForwardRefExoticComponent<ImageCardProps & {
+    styles: {
+        readonly [key: string]: string;
+    };
+} & import('react').RefAttributes<unknown>>;
 export default ImageCardCore;
-declare const ImageCardCore: React.ForwardRefExoticComponent<React.RefAttributes<any>>;