@se-studio/core-ui 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,1078 +1,29 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Suspense } from 'react';
-import { isSvgData, isSvgImage, processSizes } from '@se-studio/core-data-types';
-import Image from 'next/image';
-import { documentToReactComponents } from '@contentful/rich-text-react-renderer';
-import { BLOCKS, INLINES } from '@contentful/rich-text-types';
-
-// src/CmsRendererConfig.ts
-function createCmsRendererConfig(config) {
-  return config;
-}
-function mergeCmsRendererConfig(base, overrides) {
-  return {
-    componentMap: overrides.componentMap ?? base.componentMap,
-    collectionMap: overrides.collectionMap ?? base.collectionMap,
-    externalComponentMap: overrides.externalComponentMap ?? base.externalComponentMap,
-    visualComponentRenderer: overrides.visualComponentRenderer ?? base.visualComponentRenderer,
-    internalLinkRenderer: overrides.internalLinkRenderer ?? base.internalLinkRenderer,
-    showUnknownTypeErrors: overrides.showUnknownTypeErrors ?? base.showUnknownTypeErrors,
-    showRenderErrors: overrides.showRenderErrors ?? base.showRenderErrors,
-    defaultComponentRenderer: overrides.defaultComponentRenderer ?? base.defaultComponentRenderer,
-    defaultCollectionRenderer: overrides.defaultCollectionRenderer ?? base.defaultCollectionRenderer,
-    basicLinkRenderer: overrides.basicLinkRenderer ?? base.basicLinkRenderer,
-    embeddedContentRenderer: overrides.embeddedContentRenderer ?? base.embeddedContentRenderer
-  };
-}
-var CollectionTypeError = ({
-  information,
-  availableTypes,
-  showInProduction = false
-}) => {
-  if (!showInProduction && typeof process !== "undefined" && process.env?.NODE_ENV === "production")
-    return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        border: "2px solid orange",
-        background: "#fff3cd",
-        padding: "1rem",
-        margin: "1rem",
-        borderRadius: "4px"
-      },
-      children: [
-        /* @__PURE__ */ jsx("h3", { style: { color: "#856404", marginBottom: "0.5rem" }, children: "Unknown Collection Type" }),
-        /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.875rem" }, children: [
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Collection Type:" }),
-            " ",
-            String(information.collectionType)
-          ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Collection ID:" }),
-            " ",
-            information.id
-          ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Available Types:" }),
-            " ",
-            availableTypes.join(", ")
-          ] }),
-          /* @__PURE__ */ jsx("p", { style: { color: "#856404", marginTop: "0.5rem" }, children: "This collection type is not registered in CollectionMap. Using Generic fallback." })
-        ] })
-      ]
-    }
-  );
-};
-function CmsCollection({
-  information,
-  contentContext,
-  rendererConfig
-}) {
-  const isDevelopment = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const isDebugTiming = typeof process !== "undefined" && process.env?.DEBUG_TIMING === "true";
-  const shouldTrack = isDevelopment || isDebugTiming;
-  const startTime = shouldTrack ? performance.now() : 0;
-  const startMemory = shouldTrack && typeof process !== "undefined" && process.memoryUsage ? process.memoryUsage() : null;
-  const {
-    collectionMap,
-    showUnknownTypeErrors,
-    defaultCollectionRenderer: DefaultRenderer
-  } = rendererConfig;
-  const Element = collectionMap[information.collectionType];
-  if (Element) {
-    const result2 = /* @__PURE__ */ jsx(
-      Element,
-      {
-        information,
-        contentContext,
-        rendererConfig
-      }
-    );
-    if (shouldTrack && startMemory) {
-      const totalDuration = performance.now() - startTime;
-      if (totalDuration > 10) {
-        const endMemory = process.memoryUsage();
-        const heapDelta = (endMemory.heapUsed - startMemory.heapUsed) / 1024 / 1024;
-        const rssDelta = (endMemory.rss - startMemory.rss) / 1024 / 1024;
-        let output = `[CmsCollection] ${String(information.collectionType)}: ${totalDuration.toFixed(2)}ms`;
-        if (Math.abs(heapDelta) > 0.01 || Math.abs(rssDelta) > 0.01) {
-          output += ` [heap: ${heapDelta >= 0 ? "+" : ""}${heapDelta.toFixed(2)}MB`;
-          output += `, rss: ${rssDelta >= 0 ? "+" : ""}${rssDelta.toFixed(2)}MB]`;
-        }
-        console.log(output);
-      }
-    } else if (shouldTrack) {
-      const totalDuration = performance.now() - startTime;
-      if (totalDuration > 10) {
-        console.log(
-          `[CmsCollection] ${String(information.collectionType)}: ${totalDuration.toFixed(2)}ms`
-        );
-      }
-    }
-    return result2;
-  }
-  console.log(
-    `Unknown collection type: ${String(information.collectionType)} (ID: ${information.id}). Available types:`,
-    Object.keys(collectionMap).join(",")
-  );
-  const shouldShowError = showUnknownTypeErrors || typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const result = /* @__PURE__ */ jsxs(Fragment, { children: [
-    shouldShowError && /* @__PURE__ */ jsx(
-      CollectionTypeError,
-      {
-        information,
-        availableTypes: Object.keys(collectionMap),
-        showInProduction: showUnknownTypeErrors
-      }
-    ),
-    DefaultRenderer && /* @__PURE__ */ jsx(
-      DefaultRenderer,
-      {
-        information,
-        contentContext,
-        rendererConfig
-      }
-    )
-  ] });
-  if (shouldTrack && startMemory) {
-    const totalDuration = performance.now() - startTime;
-    const endMemory = process.memoryUsage();
-    const heapDelta = (endMemory.heapUsed - startMemory.heapUsed) / 1024 / 1024;
-    const rssDelta = (endMemory.rss - startMemory.rss) / 1024 / 1024;
-    let output = `[CmsCollection] ${String(information.collectionType)} (unknown): ${totalDuration.toFixed(2)}ms`;
-    if (Math.abs(heapDelta) > 0.01 || Math.abs(rssDelta) > 0.01) {
-      output += ` [heap: ${heapDelta >= 0 ? "+" : ""}${heapDelta.toFixed(2)}MB`;
-      output += `, rss: ${rssDelta >= 0 ? "+" : ""}${rssDelta.toFixed(2)}MB]`;
-    }
-    console.log(output);
-  } else if (shouldTrack) {
-    const totalDuration = performance.now() - startTime;
-    console.log(
-      `[CmsCollection] ${String(information.collectionType)} (unknown): ${totalDuration.toFixed(2)}ms`
-    );
-  }
-  return result;
-}
-var ComponentTypeError = ({
-  information,
-  availableTypes,
-  showInProduction = false
-}) => {
-  if (!showInProduction && typeof process !== "undefined" && process.env?.NODE_ENV === "production")
-    return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        border: "2px solid orange",
-        background: "#fff3cd",
-        padding: "1rem",
-        margin: "1rem",
-        borderRadius: "4px"
-      },
-      children: [
-        /* @__PURE__ */ jsx("h3", { style: { color: "#856404", marginBottom: "0.5rem" }, children: "Unknown Component Type" }),
-        /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.875rem" }, children: [
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Component Type:" }),
-            " ",
-            String(information.componentType)
-          ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Component ID:" }),
-            " ",
-            information.id
-          ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Available Types:" }),
-            " ",
-            availableTypes.join(", ")
-          ] }),
-          /* @__PURE__ */ jsx("p", { style: { color: "#856404", marginTop: "0.5rem" }, children: "This component type is not registered in ComponentMap. Using Generic fallback." })
-        ] })
-      ]
-    }
-  );
-};
-function CmsComponent({
-  information,
-  contentContext,
-  rendererConfig
-}) {
-  const isDevelopment = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const isDebugTiming = typeof process !== "undefined" && process.env?.DEBUG_TIMING === "true";
-  const shouldTrack = isDevelopment || isDebugTiming;
-  const startTime = shouldTrack ? performance.now() : 0;
-  const startMemory = shouldTrack && typeof process !== "undefined" && process.memoryUsage ? process.memoryUsage() : null;
-  const {
-    componentMap,
-    showUnknownTypeErrors,
-    defaultComponentRenderer: DefaultRenderer
-  } = rendererConfig;
-  const Element = componentMap[information.componentType];
-  if (Element) {
-    const result2 = /* @__PURE__ */ jsx(
-      Element,
-      {
-        information,
-        contentContext,
-        rendererConfig
-      }
-    );
-    if (shouldTrack && startMemory) {
-      const totalDuration = performance.now() - startTime;
-      if (totalDuration > 10) {
-        const endMemory = process.memoryUsage();
-        const heapDelta = (endMemory.heapUsed - startMemory.heapUsed) / 1024 / 1024;
-        const rssDelta = (endMemory.rss - startMemory.rss) / 1024 / 1024;
-        let output = `[CmsComponent] ${String(information.componentType)}: ${totalDuration.toFixed(2)}ms`;
-        if (Math.abs(heapDelta) > 0.01 || Math.abs(rssDelta) > 0.01) {
-          output += ` [heap: ${heapDelta >= 0 ? "+" : ""}${heapDelta.toFixed(2)}MB`;
-          output += `, rss: ${rssDelta >= 0 ? "+" : ""}${rssDelta.toFixed(2)}MB]`;
-        }
-        console.log(output);
-      }
-    } else if (shouldTrack) {
-      const totalDuration = performance.now() - startTime;
-      if (totalDuration > 10) {
-        console.log(
-          `[CmsComponent] ${String(information.componentType)}: ${totalDuration.toFixed(2)}ms`
-        );
-      }
-    }
-    return result2;
-  }
-  console.log(
-    `Unknown component type: ${String(information.componentType)} (ID: ${information.id}). Available types:`,
-    Object.keys(componentMap).join(",")
-  );
-  const shouldShowError = showUnknownTypeErrors || typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const result = /* @__PURE__ */ jsxs(Fragment, { children: [
-    shouldShowError && /* @__PURE__ */ jsx(
-      ComponentTypeError,
-      {
-        information,
-        availableTypes: Object.keys(componentMap),
-        showInProduction: showUnknownTypeErrors
-      }
-    ),
-    DefaultRenderer && /* @__PURE__ */ jsx(
-      DefaultRenderer,
-      {
-        information,
-        contentContext,
-        rendererConfig
-      }
-    )
-  ] });
-  if (shouldTrack && startMemory) {
-    const totalDuration = performance.now() - startTime;
-    const endMemory = process.memoryUsage();
-    const heapDelta = (endMemory.heapUsed - startMemory.heapUsed) / 1024 / 1024;
-    const rssDelta = (endMemory.rss - startMemory.rss) / 1024 / 1024;
-    let output = `[CmsComponent] ${String(information.componentType)} (unknown): ${totalDuration.toFixed(2)}ms`;
-    if (Math.abs(heapDelta) > 0.01 || Math.abs(rssDelta) > 0.01) {
-      output += ` [heap: ${heapDelta >= 0 ? "+" : ""}${heapDelta.toFixed(2)}MB`;
-      output += `, rss: ${rssDelta >= 0 ? "+" : ""}${rssDelta.toFixed(2)}MB]`;
-    }
-    console.log(output);
-  } else if (shouldTrack) {
-    const totalDuration = performance.now() - startTime;
-    console.log(
-      `[CmsComponent] ${String(information.componentType)} (unknown): ${totalDuration.toFixed(2)}ms`
-    );
-  }
-  return result;
-}
-function createContentContext(pageContext, components, currentIndex) {
-  const current = components[currentIndex];
-  if (!current) {
-    throw new Error(`Invalid component index: ${currentIndex}`);
-  }
-  const previousContent = currentIndex === 0 ? void 0 : components[currentIndex - 1];
-  const nextContent = currentIndex === components.length - 1 ? void 0 : components[currentIndex + 1];
-  return { pageContext, previousContent, current, nextContent };
-}
-var ContentError = ({
-  error,
-  content,
-  showInProduction = false
-}) => {
-  if (!showInProduction && typeof process !== "undefined" && process.env?.NODE_ENV === "production")
-    return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        margin: "1rem",
-        borderRadius: "4px",
-        border: "2px solid red",
-        background: "#fee",
-        padding: "1rem"
-      },
-      children: [
-        /* @__PURE__ */ jsx("h3", { style: { marginBottom: "0.5rem", fontSize: "1.125rem", color: "red" }, children: "Content Render Error" }),
-        /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.875rem" }, children: [
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Content Type:" }),
-            " ",
-            content.type
-          ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx("strong", { children: "Content ID:" }),
-            " ",
-            content.id
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { marginTop: "0.75rem" }, children: [
-            /* @__PURE__ */ jsx("p", { style: { color: "red", fontWeight: "600" }, children: "Error:" }),
-            /* @__PURE__ */ jsx(
-              "pre",
-              {
-                style: {
-                  overflowX: "auto",
-                  borderRadius: "4px",
-                  border: "1px solid #fcc",
-                  background: "white",
-                  padding: "0.5rem",
-                  fontSize: "0.75rem"
-                },
-                children: error.message
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-var ContentLoadingFallback = ({ content }) => {
-  const isDevelopment = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  if (!isDevelopment) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        margin: "1rem",
-        borderRadius: "4px",
-        border: "2px solid #ccc",
-        background: "#f9f9f9",
-        padding: "1rem",
-        minHeight: "2rem",
-        display: "flex",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ jsxs("span", { style: { color: "#666", fontSize: "0.875rem" }, children: [
-        "Loading ",
-        content.type,
-        " (",
-        content.id,
-        ")..."
-      ] })
-    }
-  );
-};
-var SingleContent = ({
-  context,
-  rendererConfig
-}) => {
-  const isDevelopment = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const startTime = isDevelopment ? performance.now() : 0;
-  try {
-    const { current } = context;
-    let result;
-    switch (current.type) {
-      case "Component":
-        result = /* @__PURE__ */ jsx(
-          CmsComponent,
-          {
-            information: current,
-            contentContext: context,
-            rendererConfig
-          }
-        );
-        break;
-      case "Collection":
-        result = /* @__PURE__ */ jsx(
-          CmsCollection,
-          {
-            information: current,
-            contentContext: context,
-            rendererConfig
-          }
-        );
-        break;
-      case "External component": {
-        const externalComp = current;
-        const ExternalRenderer = rendererConfig.externalComponentMap?.[externalComp.externalType];
-        if (ExternalRenderer) {
-          result = /* @__PURE__ */ jsx(ExternalRenderer, { information: externalComp, contentContext: context });
-        } else {
-          console.warn(
-            `No renderer found for external component type: ${String(externalComp.externalType)}`
-          );
-          result = rendererConfig.showUnknownTypeErrors ? /* @__PURE__ */ jsx("div", { children: "External component renderer not implemented" }) : null;
-        }
-        break;
-      }
-      case "Visual":
-        if (rendererConfig.visualComponentRenderer) {
-          result = rendererConfig.visualComponentRenderer({
-            information: current,
-            contentContext: context
-          });
-        } else {
-          console.warn("No Visual renderer provided");
-          result = rendererConfig.showUnknownTypeErrors ? /* @__PURE__ */ jsx("div", { children: "Visual renderer not implemented" }) : null;
-        }
-        break;
-      case "Internal link":
-        if (rendererConfig.internalLinkRenderer) {
-          result = rendererConfig.internalLinkRenderer({
-            information: current,
-            contentContext: context
-          });
-        } else {
-          console.warn("No Internal link renderer provided");
-          result = rendererConfig.showUnknownTypeErrors ? /* @__PURE__ */ jsx("div", { children: "Internal link renderer not implemented" }) : null;
-        }
-        break;
-      default: {
-        const unknownContent = current;
-        const error = new Error(
-          `Unknown content type: ${unknownContent.type} (ID: ${unknownContent.id})`
-        );
-        console.error(error);
-        if (rendererConfig.showRenderErrors || typeof process !== "undefined" && process.env?.NODE_ENV === "development") {
-          result = /* @__PURE__ */ jsx(
-            ContentError,
-            {
-              error,
-              content: unknownContent,
-              showInProduction: rendererConfig.showRenderErrors
-            }
-          );
-        } else {
-          result = null;
-        }
-        break;
-      }
-    }
-    if (isDevelopment) {
-      const duration = performance.now() - startTime;
-      if (duration > 10) {
-        const contentType = current.type === "Component" ? current.componentType : current.type === "Collection" ? current.collectionType : current.type;
-        console.log(`[SingleContent] ${contentType} (${current.id}): ${duration.toFixed(2)}ms`);
-      }
-    }
-    return result;
-  } catch (error) {
-    console.error("Error rendering content:", error);
-    if (rendererConfig.showRenderErrors || typeof process !== "undefined" && process.env?.NODE_ENV === "development") {
-      return /* @__PURE__ */ jsx(
-        ContentError,
-        {
-          error,
-          content: context.current,
-          showInProduction: rendererConfig.showRenderErrors
-        }
-      );
-    }
-    return null;
-  }
-};
-function CmsContent({
-  pageContext,
-  contents,
-  rendererConfig
-}) {
-  const isDevelopment = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const isDebugTiming = typeof process !== "undefined" && process.env?.DEBUG_TIMING === "true";
-  const shouldTrack = isDevelopment || isDebugTiming;
-  const startTime = shouldTrack ? performance.now() : 0;
-  const startMemory = shouldTrack && typeof process !== "undefined" && process.memoryUsage ? process.memoryUsage() : null;
-  if (!contents || contents.length === 0) {
-    return null;
-  }
-  if (shouldTrack) {
-    console.log(`[CmsContent] Rendering ${contents.length} content items`);
-  }
-  const result = /* @__PURE__ */ jsx(Fragment, { children: contents.map((content, index) => {
-    const context = createContentContext(pageContext, contents, index);
-    return /* @__PURE__ */ jsx(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ jsx(ContentLoadingFallback, { content }),
-        children: /* @__PURE__ */ jsx(SingleContent, { context, rendererConfig })
-      },
-      `${content.id}-${index}`
-    );
-  }) });
-  if (shouldTrack && startMemory) {
-    const duration = performance.now() - startTime;
-    const endMemory = process.memoryUsage();
-    const heapDelta = (endMemory.heapUsed - startMemory.heapUsed) / 1024 / 1024;
-    const rssDelta = (endMemory.rss - startMemory.rss) / 1024 / 1024;
-    let output = `[CmsContent] Rendered ${contents.length} items in ${duration.toFixed(2)}ms`;
-    if (Math.abs(heapDelta) > 0.01 || Math.abs(rssDelta) > 0.01) {
-      output += ` [heap: ${heapDelta >= 0 ? "+" : ""}${heapDelta.toFixed(2)}MB`;
-      output += `, rss: ${rssDelta >= 0 ? "+" : ""}${rssDelta.toFixed(2)}MB]`;
-    }
-    console.log(output);
-  } else if (shouldTrack) {
-    const duration = performance.now() - startTime;
-    console.log(`[CmsContent] Rendered ${contents.length} items in ${duration.toFixed(2)}ms`);
-  }
-  return result;
-}
-
-// src/components/Visual.ts
-function calculateVertical(position) {
-  switch (position) {
-    case "Bottom":
-      return "bottom";
-    case "Top":
-      return "top";
-    default:
-      return "center";
-  }
-}
-function calculateHorizontal(position) {
-  switch (position) {
-    case "Left":
-      return "left";
-    case "Right":
-      return "right";
-    default:
-      return "center";
-  }
-}
-function calculateCropDetails(details) {
-  const { verticalCropPosition, horizontalCropPosition, dontCrop } = details;
-  if (dontCrop) {
-    return { objectFit: "contain" };
-  }
-  return {
-    objectFit: "cover",
-    objectPosition: `${calculateHorizontal(
-      horizontalCropPosition
-    )} ${calculateVertical(verticalCropPosition)}`
-  };
-}
-function calculateImagePriority(index) {
-  if (index === 0) {
-    return { priority: true, fetchPriority: "high" };
-  }
-  return void 0;
-}
-function calculateRealWidthPercent(visual, baseWidth) {
-  const widthPercent = visual?.image?.widthPercent ?? visual?.animation?.widthPercent ?? visual?.video?.widthPercent;
-  if (!widthPercent) {
-    if (baseWidth) {
-      return baseWidth;
-    }
-    return void 0;
-  }
-  if (baseWidth) {
-    return widthPercent / 100 * (baseWidth / 100) * 100;
-  }
-  return widthPercent;
-}
-function calculateImageWidthStyleVariable(visual, baseWidth) {
-  const widthPercent = calculateRealWidthPercent(visual, baseWidth);
-  if (widthPercent === void 0) {
-    return void 0;
-  }
-  return { "--image-width": `${widthPercent}%` };
-}
-var UnsupportedWarning = ({ children, className, style, showWarnings = true }) => {
-  if (typeof process !== "undefined" && process.env?.NODE_ENV === "production" || !showWarnings) {
-    return null;
-  }
-  const defaultStyle = {
-    backgroundColor: "#fff3cd",
-    border: "2px solid #ff6b6b",
-    borderRadius: "4px",
-    padding: "0.75rem 1rem",
-    margin: "0.5rem 0",
-    color: "#721c24",
-    fontWeight: "bold",
-    fontSize: "0.9rem",
-    display: "inline-block"
-  };
-  const mergedStyle = { ...defaultStyle, ...style };
-  return /* @__PURE__ */ jsx("div", { className, style: mergedStyle, children });
-};
-function Animation({
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx("div", { className, style, children: "Animation Component" });
-}
-var AnimationComponent_default = Animation;
-function calculateSizes(visualSizes) {
-  if (!visualSizes) {
-    return "100vw";
-  }
-  const result = processSizes(visualSizes)?.breakpoints?.sort((a, b) => a.maxWidth - b.maxWidth).map(({ maxWidth, size }) => `(max-width: ${maxWidth}px) ${size}`) ?? [];
-  if (visualSizes.defaultSize) {
-    result.push(visualSizes.defaultSize);
-  } else if (visualSizes.defaultPixels) {
-    result.push(`${visualSizes.defaultPixels}px`);
-  } else {
-    result.push("100vw");
-  }
-  return result.join(",");
-}
-function PictureComponent({
-  image,
-  style,
-  visualSizes,
-  ...props
-}) {
-  const cropProperties = calculateCropDetails(image);
-  return /* @__PURE__ */ jsx(
-    Image,
-    {
-      src: image.src,
-      width: image.width,
-      height: image.height,
-      style: { ...style, ...cropProperties },
-      alt: image.description ?? image.name,
-      sizes: calculateSizes(visualSizes),
-      ...props
-    }
-  );
-}
-var PictureComponent_default = PictureComponent;
-function SvgComponent({
-  image,
-  className,
-  style,
-  ...other
-}) {
-  const cropProperties = calculateCropDetails(image);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: { ...style, ...cropProperties },
-      dangerouslySetInnerHTML: { __html: image.data },
-      ...other
-    }
-  );
-}
-var SvgComponent_default = SvgComponent;
-function SvgImageComponent({
-  image,
-  loading,
-  priority,
-  className,
-  style
-}) {
-  const { svgSrc, name, width, height, description } = image;
-  const cropProperties = calculateCropDetails(image);
-  return /* @__PURE__ */ jsx(
-    Image,
-    {
-      src: svgSrc,
-      alt: description ?? name,
-      width,
-      height,
-      style: { ...style, ...cropProperties },
-      loading,
-      className,
-      unoptimized: true,
-      priority
-    }
-  );
-}
-var SvgImageComponent_default = SvgImageComponent;
-function ImageComponent({
-  image,
-  visualSizes,
-  priority,
-  ...props
-}) {
-  if (isSvgData(image)) return /* @__PURE__ */ jsx(SvgComponent_default, { image, ...props });
-  if (isSvgImage(image)) return /* @__PURE__ */ jsx(SvgImageComponent_default, { image, priority, ...props });
-  return /* @__PURE__ */ jsx(PictureComponent_default, { image, visualSizes, priority, ...props });
-}
-var ImageComponent_default = ImageComponent;
-function VideoComponent({
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx("div", { className, style, children: "Video Component" });
-}
-var VideoComponent_default = VideoComponent;
-var Visual = ({
-  visual,
-  muted,
-  controls,
-  autoPlay,
-  visualSizes,
-  fullPlayer,
-  loop,
-  loopDelay,
-  analyticsContext,
-  componentLabel,
-  ...props
-}) => {
-  const { animation, image, video } = visual;
-  if (animation) {
-    return /* @__PURE__ */ jsx(
-      AnimationComponent_default,
-      {
-        animation,
-        autoPlay,
-        loop,
-        loopDelay,
-        ...props
-      }
-    );
-  }
-  if (video) {
-    return /* @__PURE__ */ jsx(
-      VideoComponent_default,
-      {
-        video,
-        autoPlay,
-        muted,
-        controls,
-        visualSizes,
-        fullPlayer,
-        loop,
-        analyticsContext,
-        componentLabel,
-        ...props
-      }
-    );
-  }
-  if (image) {
-    return /* @__PURE__ */ jsx(ImageComponent_default, { image, visualSizes, ...props });
-  }
-  return /* @__PURE__ */ jsx(UnsupportedWarning, { className: props.className, style: props.style, children: "Not supporting non images yet" });
-};
-
-// src/utils/componentUtils.ts
-var developmentMode = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-function extractPropsFromComponentConfig(config, component, context) {
-  const props = {};
-  for (const key of config.componentProps) {
-    if (key in component) {
-      props[key] = component[key];
-    }
-  }
-  if ("contextProps" in config && config.contextProps && context) {
-    for (const key of config.contextProps) {
-      if (key in context) {
-        props[key] = context[key];
-      }
-    }
-  }
-  if ("additionalProps" in config && config.additionalProps) {
-    Object.assign(props, config.additionalProps);
-  }
-  if (developmentMode) {
-    const availableComponentKeys = [
-      "id",
-      "index",
-      "componentType",
-      "cmsLabel",
-      "backgroundColour",
-      "textColour",
-      "heading",
-      "preHeading",
-      "postHeading",
-      "body",
-      "visual",
-      "icon",
-      "links",
-      "additionalCopy",
-      "anchor",
-      "name",
-      "parentId",
-      "parentFieldId",
-      "backgroundVisual",
-      "backgroundOverlayOpacity",
-      "isFirst",
-      "isLast",
-      "indexOfType",
-      "type"
-    ];
-    const usedKeys = new Set(config.componentProps);
-    if ("contextProps" in config && config.contextProps) {
-      for (const key of config.contextProps) {
-        usedKeys.add(key);
-      }
-    }
-    const unusedKeys = availableComponentKeys.filter(
-      (key) => !usedKeys.has(key) && component[key] !== void 0 && component[key] !== null && // Skip commonly unused base properties
-      ![
-        "type",
-        "name",
-        "parentId",
-        "parentFieldId",
-        "anchor",
-        "backgroundVisual",
-        "backgroundOverlayOpacity",
-        "isFirst",
-        "isLast",
-        "indexOfType"
-      ].includes(key)
-    );
-    if (unusedKeys.length > 0) {
-      console.warn(
-        `Component with config has unused properties:`,
-        unusedKeys,
-        "\nConsider adding these to the component prop requirements or marking them as intentionally unused."
-      );
-    }
-  }
-  return props;
-}
-function extractPropsFromCollectionConfig(config, collection, context) {
-  const props = {};
-  for (const key of config.collectionProps) {
-    if (key in collection) {
-      props[key] = collection[key];
-    }
-  }
-  if ("contextProps" in config && config.contextProps && context) {
-    for (const key of config.contextProps) {
-      if (key in context) {
-        props[key] = context[key];
-      }
-    }
-  }
-  if ("additionalProps" in config && config.additionalProps) {
-    Object.assign(props, config.additionalProps);
-  }
-  if (developmentMode) {
-    const availableCollectionKeys = [
-      "id",
-      "index",
-      "collectionType",
-      "cmsLabel",
-      "backgroundColour",
-      "textColour",
-      "heading",
-      "preHeading",
-      "postHeading",
-      "body",
-      "visual",
-      "icon",
-      "links",
-      "additionalCopy",
-      "anchor",
-      "name",
-      "parentId",
-      "parentFieldId",
-      "backgroundVisual",
-      "backgroundOverlayOpacity",
-      "isFirst",
-      "isLast",
-      "indexOfType",
-      "type",
-      "contents"
-    ];
-    const usedKeys = new Set(config.collectionProps);
-    if ("contextProps" in config && config.contextProps) {
-      for (const key of config.contextProps) {
-        usedKeys.add(key);
-      }
-    }
-    const unusedKeys = availableCollectionKeys.filter(
-      (key) => !usedKeys.has(key) && collection[key] !== void 0 && collection[key] !== null && // Skip commonly unused base properties
-      ![
-        "type",
-        "name",
-        "parentId",
-        "parentFieldId",
-        "anchor",
-        "backgroundVisual",
-        "backgroundOverlayOpacity",
-        "isFirst",
-        "isLast",
-        "indexOfType"
-      ].includes(key)
-    );
-    if (unusedKeys.length > 0) {
-      console.warn(
-        `Collection with config has unused properties:`,
-        unusedKeys,
-        "\nConsider adding these to the collection prop requirements or marking them as intentionally unused."
-      );
-    }
-  }
-  return props;
-}
-function BuildEmbedFromComponentConfig(Component, componentConfig) {
-  return ({ information, pageContext }) => {
-    const props = extractPropsFromComponentConfig(componentConfig, information, pageContext);
-    return /* @__PURE__ */ jsx(Component, { ...props });
-  };
-}
-function BuildEmbedFromCollectionConfig(Collection, collectionConfig) {
-  return ({ information, pageContext }) => {
-    const props = extractPropsFromCollectionConfig(collectionConfig, information, pageContext);
-    return /* @__PURE__ */ jsx(Collection, { ...props });
-  };
-}
-
-// src/embeddable/EmbeddableMaps.ts
-function isComponentEmbeddable(componentType, embeddableMap) {
-  return componentType in embeddableMap;
-}
-function isCollectionEmbeddable(collectionType, embeddableMap) {
-  return collectionType in embeddableMap;
-}
-function createComplexLinksRenderer(rendererConfig, contentContext) {
-  return {
-    [INLINES.EMBEDDED_ENTRY]: (node) => {
-      const target = node.data.target;
-      if (target) {
-        const Renderer = rendererConfig.internalLinkRenderer;
-        return /* @__PURE__ */ jsx(Renderer, { information: target, contentContext });
-      }
-      return /* @__PURE__ */ jsx("pre", { children: `Failed to find inline embedded entry` });
-    },
-    [INLINES.HYPERLINK]: (node, children) => {
-      const href = node.data.uri;
-      const Renderer = rendererConfig.basicLinkRenderer;
-      return /* @__PURE__ */ jsx(Renderer, { href, children });
-    },
-    [INLINES.ENTRY_HYPERLINK]: (node) => {
-      const target = node.data.target;
-      if (target) {
-        const Renderer = rendererConfig.internalLinkRenderer;
-        return /* @__PURE__ */ jsx(Renderer, { information: target, contentContext });
-      }
-      return /* @__PURE__ */ jsx("pre", { children: `Failed to find inline embedded entry` });
-    },
-    [BLOCKS.EMBEDDED_ENTRY]: (node) => {
-      const target = node.data.target;
-      if (target) {
-        const Renderer = rendererConfig.embeddedContentRenderer;
-        return /* @__PURE__ */ jsx(
-          Renderer,
-          {
-            information: target,
-            contentContext,
-            rendererConfig
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx("pre", { children: `Failed to find block embedded entry` });
-    },
-    [BLOCKS.EMBEDDED_ASSET]: (node) => {
-      const target = node.data.target;
-      if (target) {
-        const Renderer = rendererConfig.visualComponentRenderer;
-        return /* @__PURE__ */ jsx(Renderer, { information: target, contentContext });
-      }
-      return /* @__PURE__ */ jsx("pre", { children: `Failed to find block embedded asset` });
-    }
-  };
-}
-function buildOptions(rendererConfig, contentContext) {
-  const complexLinksRenderer = createComplexLinksRenderer(rendererConfig, contentContext);
-  return {
-    renderNode: {
-      ...complexLinksRenderer
-    }
-  };
-}
-function RTF({
-  content,
-  className,
-  style,
-  rendererConfig,
-  contentContext,
-  ...other
-}) {
-  const options = buildOptions(rendererConfig, contentContext);
-  return /* @__PURE__ */ jsx("div", { className, style, ...other, children: documentToReactComponents(content, options) });
-}
-var DEFAULT_ALLOWED_UNUSED = /* @__PURE__ */ new Set([
-  "componentType",
-  "CollectionType",
-  "id",
-  "type",
-  "name",
-  "index",
-  "indexOfType",
-  "isFirst",
-  "isLast",
-  "anchor",
-  "parentId",
-  "parentFieldId",
-  "backgroundColour",
-  "textColour",
-  "priority",
-  "__typename",
-  "cmsLabel",
-  "backgroundVisual",
-  "backgroundOverlayOpacity"
-]);
-function getUnusedFields(unused, allowedToBeUnused = DEFAULT_ALLOWED_UNUSED) {
-  const fieldsWithValues = Object.entries(unused).filter(([name]) => !allowedToBeUnused.has(name)).filter(([, value]) => typeof value !== "undefined" && value !== null).map(([name]) => name);
-  if (fieldsWithValues.length > 0) return fieldsWithValues;
-  return void 0;
-}
-var UnusedChecker = ({
-  children,
-  componentName,
-  unused,
-  allowedToBeUnused = DEFAULT_ALLOWED_UNUSED,
-  showWarnings = true
-}) => {
-  if (typeof process !== "undefined" && process.env?.NODE_ENV === "production" || !showWarnings) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const fields = getUnusedFields(unused, allowedToBeUnused);
-  if (fields) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            backgroundColor: "yellow",
-            padding: "2rem",
-            margin: "1rem 0"
-          },
-          children: [
-            /* @__PURE__ */ jsxs(
-              "p",
-              {
-                style: {
-                  fontSize: "3rem",
-                  color: "black",
-                  margin: "0 0 1rem 0"
-                },
-                children: [
-                  "Unused fields in: ",
-                  componentName
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs("p", { style: { fontSize: "1.5rem", color: "black", margin: 0 }, children: [
-              "Unused fields: ",
-              fields.join(", ")
-            ] })
-          ]
-        }
-      ),
-      children
-    ] });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-export { BuildEmbedFromCollectionConfig, BuildEmbedFromComponentConfig, CmsCollection, CmsComponent, CmsContent, DEFAULT_ALLOWED_UNUSED, RTF, UnsupportedWarning, UnusedChecker, Visual, calculateCropDetails, calculateImagePriority, calculateImageWidthStyleVariable, createCmsRendererConfig, extractPropsFromCollectionConfig, extractPropsFromComponentConfig, isCollectionEmbeddable, isComponentEmbeddable, mergeCmsRendererConfig };
-//# sourceMappingURL=index.js.map
+export { ClientMonitor } from './components/ClientMonitor.js';
+export { CmsCollection } from './components/CmsCollection';
+export { CmsComponent } from './components/CmsComponent';
+export { CmsContent } from './components/CmsContent';
+export { Preview } from './components/Preview.js';
+export { calculateCropDetails, calculateImagePriority, calculateImageWidthStyleVariable, } from './components/Visual';
+export { Visual } from './components/VisualComponent';
+export { RtfOrString } from './elements/RtfOrString';
+export { UtmLink } from './elements/UtmLink';
+export { UtmLinkOrDiv } from './elements/UtmLinkOrDiv';
+export { BuildEmbedFromCollectionConfig, BuildEmbedFromComponentConfig, } from './embeddable/BuildEmbed';
+export { isCollectionEmbeddable, isComponentEmbeddable, } from './embeddable/EmbeddableMaps';
+export { BackgroundMedia } from './framework/BackgroundMedia';
+export { calculateColourChanges } from './framework/ColourChange';
+export { ComponentErrorIndicator } from './framework/ComponentErrorIndicator';
+export { showComponentError, showInlineError } from './framework/componentErrors';
+export { useClickTracking } from './hooks/useClickTracking';
+export { RTF } from './rtf/rtf';
+export { buildPageMetadata } from './utils/buildPageMetadata';
+export { cn } from './utils/cn';
+export { createCollectionProps, createComponentProps, extractCollectionInfo, extractComponentInfo, extractPageContext, } from './utils/componentUtils';
+export { convertText } from './utils/convertText';
+export { handleCmsError } from './utils/errorHandling';
+export { getPreviewAssetIdProps, getPreviewFieldIdProps, getPreviewParentProps, getPreviewProps, } from './utils/previewUtils';
+export { UnsupportedWarning } from './utils/UnsupportedWarning';
+export { DEFAULT_ALLOWED_UNUSED, UnusedChecker } from './utils/UnusedChecker';
+export { calculateHorizontalPositionClassName } from './utils/visualPositions';
+export { calculateVisualSizes } from './utils/visualSizes';
 //# sourceMappingURL=index.js.map