@npm_leadtech/legal-contracts-ui 0.61.0 → 0.61.2

package/dist/components/AllDocumentsTemplate.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -21,8 +20,8 @@ export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
     sampleImage: ReactNode;
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
 }
 
 export interface BreadcrumbProps {
@@ -33,39 +32,26 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export interface ContentItemProps {
     id: string;
     title: string | null;
     content: string | null;
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
-    cta: string | null;
-    docsModules: DocsModuleProps | null;
+    cta: ReactNode | null;
+    docsModules: {
+        pdfDownload: ReactNode;
+        wordDownload: ReactNode;
+    } | null;
     subtypeDocs: SubtypeDocumentProps[];
 }
 
 export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
-    createDocButton: ButtonProps;
+    createDocButton: ReactNode;
     description: string;
 }
 
-export interface DocsModuleProps {
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
-}
-
 export interface DocumentCategoriesProps {
     title: string;
     categories: Array<{
@@ -106,8 +92,6 @@ export interface FaqSectionProps {
     className?: string;
 }
 
-export type IconPosition = 'left' | 'right' | 'top';
-
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
@@ -125,13 +109,5 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
 

package/dist/components/AlternativeSubtypeDocument.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -12,28 +11,7 @@ export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
     sampleImage: ReactNode;
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
 }
-
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
-export type IconPosition = 'left' | 'right' | 'top';
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
 

package/dist/components/AlternativeSubtypeDocument.js

@@ -1,17 +1,17 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Button as a } from "./Button.js";
+import { LinkWrapper as a } from "./LinkWrapper.js";
 const m = ({
-  link: t,
-  sampleImage: s,
-  pdfDownload: r,
+  link: r,
+  sampleImage: t,
+  pdfDownload: s,
   wordDownload: c
 }) => /* @__PURE__ */ l("div", { className: "bg-neutral-25 flex w-full max-w-100 items-center justify-center gap-4 rounded-xl p-4 lg:max-w-55.75 lg:flex-col", children: [
-  /* @__PURE__ */ e("div", { className: "max-w-29 shadow", children: s }),
+  /* @__PURE__ */ e("div", { className: "max-w-29 shadow", children: t }),
   /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-4 lg:items-center lg:justify-center", children: [
-    /* @__PURE__ */ e("div", { className: "text-medium font-bold text-neutral-900 underline lg:text-center", children: t }),
+    /* @__PURE__ */ e("div", { className: "text-medium font-bold text-neutral-900 underline lg:text-center", children: r }),
     /* @__PURE__ */ l("div", { className: "flex w-full flex-col justify-between gap-3 lg:flex-row lg:gap-0.75", children: [
-      /* @__PURE__ */ e(a, { ...r, size: "small", className: "w-full", variant: "secondary-black" }),
-      /* @__PURE__ */ e(a, { ...c, size: "small", className: "w-full", variant: "secondary-black" })
+      /* @__PURE__ */ e(a, { size: "small", className: "w-full", variant: "secondary-black", children: s }),
+      /* @__PURE__ */ e(a, { size: "small", className: "w-full", variant: "secondary-black", children: c })
     ] })
   ] })
 ] });

package/dist/components/BlogSection.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -12,30 +11,9 @@ export declare interface BlogSectionProps {
         description: string;
         cta: ReactNode;
     }[];
-    cta: ButtonProps;
+    cta: ReactNode;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
-export type IconPosition = 'left' | 'right' | 'top';
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/BlogSection.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
 import { SectionHeading as o } from "./SectionHeading.js";
-import { Button as a } from "./Button.js";
-const x = ({ header: r, articles: t, cta: m }) => t.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  /* @__PURE__ */ e(o, { ...r }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: t.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
+import { LinkWrapper as r } from "./LinkWrapper.js";
+const x = ({ header: t, articles: a, cta: m }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: a.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
     /* @__PURE__ */ e("div", { className: "relative h-42 shrink-0 overflow-hidden rounded-l-sm md:h-50 lg:h-auto lg:max-w-51 [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l.image }),
     /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
       /* @__PURE__ */ e("h3", { className: "text-big font-semibold", children: l.title }),
       /* @__PURE__ */ e("p", { className: "text-medium", children: l.description }),
-      /* @__PURE__ */ e("p", { className: "text-primary-700 hover:text-primary-500 font-semibold hover:underline", children: l.cta })
+      /* @__PURE__ */ e(r, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
     ] })
   ] }, l.title)) }),
-  /* @__PURE__ */ e(a, { className: "w-full md:w-fit", variant: "secondary-green", ...m })
+  /* @__PURE__ */ e(r, { className: "w-full md:w-fit", variant: "secondary-green", children: m })
 ] }) });
 export {
   x as BlogSection

package/dist/components/Button.utils.js

@@ -1,46 +1,134 @@
-const r = "inline-flex items-center justify-center gap-2 rounded-sm transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2", d = {
-  "primary-green": `${r} bg-primary-700 hover:bg-primary-500 border border-transparent font-semibold text-white disabled:cursor-not-allowed disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "primary-darkgreen": `${r} bg-primary-900 hover:bg-primary-800 border border-transparent font-semibold text-white disabled:cursor-not-allowed disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "primary-yellow": `${r} bg-secondary-500 hover:bg-secondary-400 border border-transparent font-semibold text-neutral-900 disabled:cursor-not-allowed disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "primary-white": `${r} border border-transparent bg-white font-semibold text-neutral-900 hover:bg-neutral-50 disabled:cursor-not-allowed disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "secondary-green": `${r} border-2 border-primary-700 bg-white font-semibold text-primary-700 hover:bg-primary-100 hover:text-primary-800 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "secondary-yellow": `${r} border-2 border-secondary-500 bg-transparent font-semibold text-neutral-900 hover:border-secondary-600 hover:bg-secondary-100 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "secondary-red": `${r} border-2 border-error-500 bg-transparent font-semibold text-error-500 hover:bg-error-25 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "secondary-black": `${r} border-2 border-neutral-600 bg-transparent font-semibold text-neutral-800 hover:bg-neutral-200 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-200 disabled:text-neutral-400`,
-  "tertiary-bold": `${r} border border-transparent bg-transparent p-1.5! font-semibold text-primary-700 hover:bg-primary-200 hover:text-primary-500 disabled:cursor-not-allowed disabled:bg-white disabled:text-neutral-400`,
-  "tertiary-thin": `${r} border border-transparent bg-transparent p-1.5! font-normal text-neutral-800 hover:bg-primary-100 disabled:cursor-not-allowed disabled:bg-white disabled:text-neutral-400`,
-  "tertiary-icon": `${r} border border-transparent bg-transparent p-1.5! font-medium text-neutral-800 hover:bg-primary-100 disabled:cursor-not-allowed disabled:bg-white disabled:text-neutral-400`,
-  "tertiary-link": `${r} border border-transparent bg-transparent text-primary-700 underline underline-offset-2 disabled:cursor-not-allowed disabled:bg-white disabled:text-neutral-400`,
-  "icon-black": `${r} border border-transparent bg-black font-semibold text-white hover:bg-neutral-800 disabled:cursor-not-allowed disabled:bg-neutral-400`,
-  "icon-grey": `${r} border-2 border-neutral-600 bg-transparent font-semibold text-neutral-800 hover:bg-neutral-200 disabled:cursor-not-allowed disabled:border-neutral-400 disabled:bg-white disabled:text-neutral-400`,
-  "icon-mobile": `${r} border-2 border-neutral-200 bg-transparent px-8! text-primary-700 !rounded-sm hover:bg-neutral-50 disabled:cursor-not-allowed disabled:border-neutral-400 disabled:bg-white disabled:text-neutral-400`
-}, o = (t, e) => e.split(" ").map((l) => `${t}:${l}`).join(" "), i = Object.fromEntries(
-  Object.entries(d).map(([t, e]) => [t, o("sm", e)])
-), u = Object.fromEntries(
-  Object.entries(d).map(([t, e]) => [t, o("md", e)])
-), p = Object.fromEntries(
-  Object.entries(d).map(([t, e]) => [t, o("lg", e)])
-), g = Object.fromEntries(
-  Object.entries(d).map(([t, e]) => [t, o("xl", e)])
-), c = {
+import { clsx as l } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+const n = {
+  "primary-green": {
+    initial: "btn-primary-green",
+    sm: "sm:btn-primary-green",
+    md: "md:btn-primary-green",
+    lg: "lg:btn-primary-green",
+    xl: "xl:btn-primary-green"
+  },
+  "primary-darkgreen": {
+    initial: "btn-primary-darkgreen",
+    sm: "sm:btn-primary-darkgreen",
+    md: "md:btn-primary-darkgreen",
+    lg: "lg:btn-primary-darkgreen",
+    xl: "xl:btn-primary-darkgreen"
+  },
+  "primary-yellow": {
+    initial: "btn-primary-yellow",
+    sm: "sm:btn-primary-yellow",
+    md: "md:btn-primary-yellow",
+    lg: "lg:btn-primary-yellow",
+    xl: "xl:btn-primary-yellow"
+  },
+  "primary-white": {
+    initial: "btn-primary-white",
+    sm: "sm:btn-primary-white",
+    md: "md:btn-primary-white",
+    lg: "lg:btn-primary-white",
+    xl: "xl:btn-primary-white"
+  },
+  "secondary-green": {
+    initial: "btn-secondary-green",
+    sm: "sm:btn-secondary-green",
+    md: "md:btn-secondary-green",
+    lg: "lg:btn-secondary-green",
+    xl: "xl:btn-secondary-green"
+  },
+  "secondary-yellow": {
+    initial: "btn-secondary-yellow",
+    sm: "sm:btn-secondary-yellow",
+    md: "md:btn-secondary-yellow",
+    lg: "lg:btn-secondary-yellow",
+    xl: "xl:btn-secondary-yellow"
+  },
+  "secondary-red": {
+    initial: "btn-secondary-red",
+    sm: "sm:btn-secondary-red",
+    md: "md:btn-secondary-red",
+    lg: "lg:btn-secondary-red",
+    xl: "xl:btn-secondary-red"
+  },
+  "secondary-black": {
+    initial: "btn-secondary-black",
+    sm: "sm:btn-secondary-black",
+    md: "md:btn-secondary-black",
+    lg: "lg:btn-secondary-black",
+    xl: "xl:btn-secondary-black"
+  },
+  "tertiary-bold": {
+    initial: "btn-tertiary-bold",
+    sm: "sm:btn-tertiary-bold",
+    md: "md:btn-tertiary-bold",
+    lg: "lg:btn-tertiary-bold",
+    xl: "xl:btn-tertiary-bold"
+  },
+  "tertiary-thin": {
+    initial: "btn-tertiary-thin",
+    sm: "sm:btn-tertiary-thin",
+    md: "md:btn-tertiary-thin",
+    lg: "lg:btn-tertiary-thin",
+    xl: "xl:btn-tertiary-thin"
+  },
+  "tertiary-icon": {
+    initial: "btn-tertiary-icon",
+    sm: "sm:btn-tertiary-icon",
+    md: "md:btn-tertiary-icon",
+    lg: "lg:btn-tertiary-icon",
+    xl: "xl:btn-tertiary-icon"
+  },
+  "tertiary-link": {
+    initial: "btn-tertiary-link",
+    sm: "sm:btn-tertiary-link",
+    md: "md:btn-tertiary-link",
+    lg: "lg:btn-tertiary-link",
+    xl: "xl:btn-tertiary-link"
+  },
+  "icon-black": {
+    initial: "btn-icon-black",
+    sm: "sm:btn-icon-black",
+    md: "md:btn-icon-black",
+    lg: "lg:btn-icon-black",
+    xl: "xl:btn-icon-black"
+  },
+  "icon-grey": {
+    initial: "btn-icon-grey",
+    sm: "sm:btn-icon-grey",
+    md: "md:btn-icon-grey",
+    lg: "lg:btn-icon-grey",
+    xl: "xl:btn-icon-grey"
+  },
+  "icon-mobile": {
+    initial: "btn-icon-mobile",
+    sm: "sm:btn-icon-mobile",
+    md: "md:btn-icon-mobile",
+    lg: "lg:btn-icon-mobile",
+    xl: "xl:btn-icon-mobile"
+  }
+}, a = {
   small: "px-3 py-1.5 text-small",
   default: "px-4 py-2.5 text-medium",
   large: "px-6 py-3 text-big"
-}, f = (t = "default", e = "primary-green", l = "left", n = !1, s) => {
-  const b = () => l === "top" ? "flex-col" : l === "right" ? "flex-row-reverse" : "flex-row";
-  return [
-    n ? "" : "cursor-pointer",
-    (() => {
-      if (typeof e == "string")
-        return d[e];
-      const a = [];
-      return e.initial && a.push(d[e.initial]), e.sm && a.push(i[e.sm]), e.md && a.push(u[e.md]), e.lg && a.push(p[e.lg]), e.xl && a.push(g[e.xl]), a.join(" ");
-    })(),
-    c[t],
+}, o = (e = "default", t = "primary-green", r = "left", i = !1, m) => {
+  const b = () => typeof t == "string" ? n[t].initial : l(
+    t.initial && n[t.initial].initial,
+    t.sm && n[t.sm].sm,
+    t.md && n[t.md].md,
+    t.lg && n[t.lg].lg,
+    t.xl && n[t.xl].xl
+  );
+  return l(
+    !i && "cursor-pointer",
+    a[e],
     b(),
-    s
-  ].join(" ");
+    {
+      "flex-col": r === "top",
+      "flex-row-reverse": r === "right",
+      "flex-row": r === "left" || !r
+    },
+    m
+  );
 };
 export {
-  f as getButtonClasses
+  o as getButtonClasses
 };

package/dist/components/CategoriesSection.d.ts

@@ -1,18 +1,6 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export declare const CategoriesSection: FC<CategoriesSectionProps>;
 
 export declare interface CategoriesSectionProps {
@@ -21,21 +9,11 @@ export declare interface CategoriesSectionProps {
         title: string;
         description: string;
         icon: ReactNode;
-        cta: ButtonProps;
+        cta: ReactNode;
     }[];
-    cta: ButtonProps;
+    cta: ReactNode;
 }
 
-export type IconPosition = 'left' | 'right' | 'top';
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/CategoriesSection.js

@@ -1,21 +1,21 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as s } from "./SectionHeading.js";
-import { Button as n } from "./Button.js";
-const p = ({ header: r, categories: a, cta: t }) => a.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto flex flex-col items-center gap-8 px-6 py-10 text-neutral-900 lg:px-8 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ l(s, { ...r }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-2", children: a.map((e) => /* @__PURE__ */ i("div", { className: "bg-neutral-25 flex flex-col gap-6 rounded-lg p-6", children: [
+import { SectionHeading as c } from "./SectionHeading.js";
+import { LinkWrapper as a } from "./LinkWrapper.js";
+const x = ({ header: n, categories: r, cta: t }) => r.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto flex flex-col items-center gap-8 px-6 py-10 text-neutral-900 lg:px-8 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ e(c, { ...n }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-6 lg:grid lg:grid-cols-2", children: r.map((l) => /* @__PURE__ */ i("div", { className: "bg-neutral-25 flex flex-col gap-6 rounded-lg p-6", children: [
     /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ l("span", { children: e.icon }),
-        /* @__PURE__ */ l("p", { className: "text-big font-bold", children: e.title })
+        /* @__PURE__ */ e("span", { children: l.icon }),
+        /* @__PURE__ */ e("p", { className: "text-big font-bold", children: l.title })
       ] }),
-      /* @__PURE__ */ l("p", { children: e.description })
+      /* @__PURE__ */ e("p", { children: l.description })
     ] }),
-    /* @__PURE__ */ l(n, { variant: "secondary-green", className: "w-fit", ...e.cta })
-  ] }, e.title)) }),
-  /* @__PURE__ */ l(n, { className: "w-full md:w-fit", variant: "primary-darkgreen", ...t })
+    /* @__PURE__ */ e(a, { variant: "secondary-green", className: "w-fit", children: l.cta })
+  ] }, l.title)) }),
+  /* @__PURE__ */ e(a, { className: "w-full md:w-fit", variant: "primary-darkgreen", children: t })
 ] });
 export {
-  p as CategoriesSection
+  x as CategoriesSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -10,8 +9,8 @@ export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
     sampleImage: ReactNode;
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
 }
 
 export interface BlogSectionProps {
@@ -22,7 +21,7 @@ export interface BlogSectionProps {
         description: string;
         cta: ReactNode;
     }[];
-    cta: ButtonProps;
+    cta: ReactNode;
 }
 
 export interface BreadcrumbProps {
@@ -33,17 +32,6 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export declare const CategoryProductTemplate: FC<CategoryProductTemplateProps>;
 
 export declare interface CategoryProductTemplateProps {
@@ -62,22 +50,20 @@ export interface ContentItemProps {
     content: string | null;
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
-    cta: string | null;
-    docsModules: DocsModuleProps | null;
+    cta: ReactNode | null;
+    docsModules: {
+        pdfDownload: ReactNode;
+        wordDownload: ReactNode;
+    } | null;
     subtypeDocs: SubtypeDocumentProps[];
 }
 
 export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
-    createDocButton: ButtonProps;
+    createDocButton: ReactNode;
     description: string;
 }
 
-export interface DocsModuleProps {
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
-}
-
 export interface DocumentCategoriesProps {
     title: string;
     categories: Array<{
@@ -118,8 +104,6 @@ export interface FaqSectionProps {
     className?: string;
 }
 
-export type IconPosition = 'left' | 'right' | 'top';
-
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
@@ -137,14 +121,6 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/ContentItem.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -10,21 +9,10 @@ export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
     sampleImage: ReactNode;
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
 export declare const ContentItem: FC<ContentItemProps>;
 
 export declare interface ContentItemProps {
@@ -33,24 +21,20 @@ export declare interface ContentItemProps {
     content: string | null;
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
-    cta: string | null;
-    docsModules: DocsModuleProps | null;
+    cta: ReactNode | null;
+    docsModules: {
+        pdfDownload: ReactNode;
+        wordDownload: ReactNode;
+    } | null;
     subtypeDocs: SubtypeDocumentProps[];
 }
 
 export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
-    createDocButton: ButtonProps;
+    createDocButton: ReactNode;
     description: string;
 }
 
-export interface DocsModuleProps {
-    pdfDownload: ButtonProps;
-    wordDownload: ButtonProps;
-}
-
-export type IconPosition = 'left' | 'right' | 'top';
-
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
@@ -61,13 +45,5 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;