@npm_leadtech/legal-contracts-ui 0.44.16 → 0.44.17

package/dist/components/AboutUsTemplate.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -19,13 +20,17 @@ export declare interface AboutUsTemplateProps {
     contactUs: ContactUsSectionProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/AlternativeSubtypeDocument.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -16,13 +17,17 @@ export interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/BlogSection.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -15,13 +16,17 @@ export declare interface BlogSectionProps {
     cta: ButtonProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/Button.d.ts

@@ -1,16 +1,21 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: <C extends ElementType = "button">({ as, children, size, variant, iconPosition, disabled, className, ...props }: ButtonProps<C>) => JSX.Element;
 
-export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export declare type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 export declare type ButtonSize = 'small' | 'default' | 'large';
 
 export declare 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';

package/dist/components/Button.js

@@ -1,6 +1,6 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import "react";
-const p = {
+const g = {
   "primary-green": {
     base: "bg-primary-700 text-white border border-transparent font-semibold",
     hover: "hover:bg-primary-500",
@@ -76,44 +76,54 @@ const p = {
     hover: "hover:bg-neutral-50",
     disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
   }
-}, m = {
+}, p = {
   small: "px-3 py-1.5 text-small",
   default: "px-4 py-2.5 text-medium",
   large: "px-6 py-3 text-big"
-}, x = ({
-  children: a,
-  type: d = "button",
-  size: o = "default",
-  variant: l = "primary-green",
-  iconPosition: t = "left",
-  className: b,
-  disabled: e = !1,
-  ref: s,
-  ...n
-}) => {
-  const r = p[l], i = () => t === "top" ? "flex-col" : t === "right" ? "flex-row-reverse" : "flex-row", u = [
+};
+function c({
+  variant: a = "primary-green",
+  size: d = "default",
+  iconPosition: r = "left",
+  disabled: o = !1,
+  className: l
+}) {
+  const e = g[a], t = r === "top" ? "flex-col" : r === "right" ? "flex-row-reverse" : "flex-row";
+  return [
     "inline-flex items-center justify-center gap-2 rounded-sm font-medium transition-all duration-200",
     "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
-    e ? "" : "cursor-pointer",
-    r.base,
-    r.hover,
-    r.disabled,
-    m[o],
-    i()
-  ].join(" ");
-  return /* @__PURE__ */ g(
-    "button",
+    o ? "" : "cursor-pointer",
+    e.base,
+    e.hover,
+    e.disabled,
+    p[d],
+    t,
+    l ?? ""
+  ].join(" ").trim();
+}
+const y = ({
+  as: a,
+  children: d,
+  size: r = "default",
+  variant: o = "primary-green",
+  iconPosition: l = "left",
+  disabled: e = !1,
+  className: b,
+  ...t
+}) => {
+  const s = a ?? "button", n = s === "button", i = c({ variant: o, size: r, iconPosition: l, disabled: e, className: b });
+  return /* @__PURE__ */ u(
+    s,
     {
-      ref: s,
-      type: d,
-      disabled: e,
+      ...t,
+      ...n ? { type: t.type ?? "button" } : {},
+      ...n ? { disabled: e } : { "aria-disabled": e },
       "aria-disabled": e,
-      className: `${u} ${b ?? ""}`,
-      ...n,
-      children: a
+      className: i,
+      children: d
     }
   );
 };
 export {
-  x as Button
+  y as Button
 };

package/dist/components/CategoriesSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/CategoryProductTemplate.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -21,13 +22,17 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/ContentItem.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -14,13 +15,17 @@ export interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/CtaSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/DefaultSubtypeDocument.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -14,13 +15,17 @@ export declare interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/DocsModules.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/FaqTeaserSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/GuidelinesSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/HeroSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/HomeTemplate.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -13,13 +14,17 @@ export interface BlogSectionProps {
     cta: ButtonProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/IntroSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/NotFoundTemplate.d.ts

@@ -1,15 +1,20 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/Preform.d.ts

@@ -1,6 +1,25 @@
+import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+}
+
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
+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 declare const Preform: FC<PreformProps>;
 
 export interface PreformOptionProps {
@@ -13,7 +32,7 @@ export declare interface PreformProps {
     trustedBadge: TrustedBadgeProps;
     title?: string;
     options: PreformOptionProps[];
-    ctaLabel: string;
+    cta: ButtonProps<ElementType>;
 }
 
 export interface TrustedBadgeProps {

package/dist/components/Preform.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { TrustedBadge as x } from "./TrustedBadge.js";
-import { PreformOption as c } from "./PreformOption.js";
-import { Button as p } from "./Button.js";
-const f = ({ trustedBadge: a, title: t, options: m, ctaLabel: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ s("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
-  /* @__PURE__ */ e(x, { ...a }),
-  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: t }),
-  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: m.map((l) => /* @__PURE__ */ e(
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { TrustedBadge as s } from "./TrustedBadge.js";
+import { PreformOption as p } from "./PreformOption.js";
+import { Button as c } from "./Button.js";
+const f = ({ trustedBadge: a, title: m, options: r, cta: t }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ x("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
+  /* @__PURE__ */ e(s, { ...a }),
+  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m }),
+  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: r.map((l) => /* @__PURE__ */ e(
     "div",
     {
       className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-      children: /* @__PURE__ */ e(c, { ...l })
+      children: /* @__PURE__ */ e(p, { ...l })
     },
     l.label
   )) }),
-  /* @__PURE__ */ e(p, { className: "font-bold", size: "default", children: r })
+  /* @__PURE__ */ e(c, { ...t })
 ] }) });
 export {
   f as Preform

package/dist/components/PreviewDownload.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/PreviewSection.d.ts

@@ -1,14 +1,19 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';

package/dist/components/ProductTemplate.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
+import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -29,13 +30,17 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+export interface ButtonOwnProps<C extends ElementType = 'button'> {
+    as?: C;
     children: ReactNode;
     size?: ButtonSize;
     variant?: ButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
 }
 
+export type ButtonProps<C extends ElementType = 'button'> = ButtonOwnProps<C> & Omit<ComponentPropsWithRef<C>, keyof ButtonOwnProps<C>>;
+
 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';
@@ -102,7 +107,7 @@ export interface PreformProps {
     trustedBadge: TrustedBadgeProps;
     title?: string;
     options: PreformOptionProps[];
-    ctaLabel: string;
+    cta: ButtonProps<ElementType>;
 }
 
 export interface PreviewDownloadProps {