@npm_leadtech/legal-contracts-ui 0.44.17 → 0.44.18

package/dist/components/AboutUsTemplate.d.ts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -20,17 +19,13 @@ export declare interface AboutUsTemplateProps {
     contactUs: ContactUsSectionProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -17,17 +16,13 @@ export interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -16,17 +15,13 @@ export declare interface BlogSectionProps {
     cta: ButtonProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,21 +1,16 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Button: <C extends ElementType = "button">({ as, children, size, variant, iconPosition, disabled, className, ...props }: ButtonProps<C>) => JSX.Element;
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, ...props }: ButtonProps) => JSX.Element;
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,129 +1,20 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "react";
-const g = {
-  "primary-green": {
-    base: "bg-primary-700 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-500",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-darkgreen": {
-    base: "bg-primary-900 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-yellow": {
-    base: "bg-secondary-500 text-neutral-900 border border-transparent font-semibold",
-    hover: "hover:bg-secondary-400",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-white": {
-    base: "bg-white text-neutral-900 font-semibold border border-transparent",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "secondary-green": {
-    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
-    hover: "hover:bg-primary-100 hover:text-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-yellow": {
-    base: "bg-transparent text-neutral-900 border-2 border-secondary-500 font-semibold",
-    hover: "hover:bg-secondary-100 hover:border-secondary-600",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-red": {
-    base: "bg-transparent text-error-500 border-2 border-error-500 font-semibold",
-    hover: "hover:bg-error-25",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-black": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "tertiary-bold": {
-    base: "bg-transparent text-primary-700 font-semibold border border-transparent font-semibold p-1.5!",
-    hover: "hover:text-primary-500 hover:bg-primary-200",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-thin": {
-    base: "bg-transparent text-neutral-800 font-normal border border-transparent p-1.5!",
-    hover: " hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-icon": {
-    base: "bg-transparent text-neutral-800 font-medium border border-transparent p-1.5!",
-    hover: "hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-link": {
-    base: "bg-transparent text-primary-700 underline underline-offset-2 border border-transparent",
-    hover: "",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "icon-black": {
-    base: "bg-black text-white border border-transparent font-semibold",
-    hover: "hover:bg-neutral-800",
-    disabled: "disabled:bg-neutral-400 disabled:cursor-not-allowed"
-  },
-  "icon-grey": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  },
-  "icon-mobile": {
-    base: "bg-transparent text-primary-700 border border-neutral-200 border-2 px-8 rounded-sm",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  }
-}, p = {
-  small: "px-3 py-1.5 text-small",
-  default: "px-4 py-2.5 text-medium",
-  large: "px-6 py-3 text-big"
-};
-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",
-    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
+import { getButtonStyles as p } from "./atoms/Button.utils.js";
+const x = ({
+  children: o,
+  type: r = "button",
+  size: e = "default",
+  variant: s = "primary-green",
+  iconPosition: n = "left",
+  className: a,
+  disabled: t = !1,
+  ref: m,
+  ...u
 }) => {
-  const s = a ?? "button", n = s === "button", i = c({ variant: o, size: r, iconPosition: l, disabled: e, className: b });
-  return /* @__PURE__ */ u(
-    s,
-    {
-      ...t,
-      ...n ? { type: t.type ?? "button" } : {},
-      ...n ? { disabled: e } : { "aria-disabled": e },
-      "aria-disabled": e,
-      className: i,
-      children: d
-    }
-  );
+  const f = p({ variant: s, size: e, iconPosition: n, disabled: t, className: a });
+  return /* @__PURE__ */ l("button", { ref: m, type: r, disabled: t, "aria-disabled": t, className: f, ...u, children: o });
 };
 export {
-  y as Button
+  x as Button
 };

package/dist/components/CategoriesSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -22,17 +21,13 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -15,17 +14,13 @@ export interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,5 +1,4 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
@@ -15,17 +14,13 @@ export declare interface BaseSubtypeDocumentProps {
     wordDownload: ButtonProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,19 +1,8 @@
-import { ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithoutRef } 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';
@@ -26,12 +15,21 @@ export declare interface FaqTeaserSectionProps {
         id: string;
         content: ReactNode;
     }[];
-    cta: ButtonProps;
+    cta: LinkProps;
     bgImage: ReactNode;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
+    children: ReactNode;
+    href: string;
+    asCustom?: ElementType;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconPosition?: IconPosition;
+}
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/FaqTeaserSection.js

@@ -1,14 +1,14 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as n } from "./SectionHeading.js";
+import { Link as n } from "./Link.js";
+import { SectionHeading as c } from "./SectionHeading.js";
 import { ChevronRightIcon as d } from "./ChevronRightIcon.js";
-import { Button as s } from "./Button.js";
-const g = ({ header: o, questions: r, cta: t, bgImage: a }) => r.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 relative overflow-hidden px-6 py-10 lg:px-8 lg:py-12 xl:px-55", children: [
+const g = ({ header: o, questions: l, cta: t, bgImage: a }) => l.length === 0 ? null : /* @__PURE__ */ r("section", { className: "bg-neutral-25 relative overflow-hidden px-6 py-10 lg:px-8 lg:py-12 xl:px-55", children: [
   /* @__PURE__ */ e("div", { className: "pointer-events-none absolute -bottom-17 -left-16 hidden xl:block", children: a }),
-  /* @__PURE__ */ l("div", { className: "relative z-2 flex flex-col justify-center gap-6 md:flex-row md:items-center xl:gap-10", children: [
-    /* @__PURE__ */ e(n, { className: "xl:max-w-120", align: "start", ...o }),
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-lg bg-white p-8 shadow md:min-w-87 lg:min-w-117 xl:max-w-120 xl:min-w-120", children: [
-      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children: r.map((i) => /* @__PURE__ */ l(
+  /* @__PURE__ */ r("div", { className: "relative z-2 flex flex-col justify-center gap-6 md:flex-row md:items-center xl:gap-10", children: [
+    /* @__PURE__ */ e(c, { className: "xl:max-w-120", align: "start", ...o }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-10 rounded-lg bg-white p-8 shadow md:min-w-87 lg:min-w-117 xl:max-w-120 xl:min-w-120", children: [
+      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children: l.map((i) => /* @__PURE__ */ r(
         "li",
         {
           className: "text-medium group hover:bg-primary-100 flex w-fit cursor-pointer items-center rounded-sm p-2 font-bold text-neutral-800 transition duration-300",
@@ -19,7 +19,7 @@ const g = ({ header: o, questions: r, cta: t, bgImage: a }) => r.length === 0 ?
         },
         i.id
       )) }),
-      /* @__PURE__ */ e(s, { className: "w-fit", size: "default", variant: "primary-yellow", ...t })
+      /* @__PURE__ */ e(n, { className: "w-fit", variant: "primary-yellow", ...t })
     ] })
   ] })
 ] });

package/dist/components/GuidelinesSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,3 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { ElementType } from 'react';
 import { FC } from 'react';
@@ -14,17 +15,13 @@ export interface BlogSectionProps {
     cta: ButtonProps;
 }
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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';
@@ -46,7 +43,7 @@ export interface FaqTeaserSectionProps {
         id: string;
         content: ReactNode;
     }[];
-    cta: ButtonProps;
+    cta: LinkProps;
     bgImage: ReactNode;
 }
 
@@ -109,6 +106,15 @@ export interface LawGeniusSectionProps {
     image: ReactNode;
 }
 
+export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
+    children: ReactNode;
+    href: string;
+    asCustom?: ElementType;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconPosition?: IconPosition;
+}
+
 export interface PopularDocumentsProps {
     header: SectionHeadingProps;
     moreDocuments?: ItemProps[];

package/dist/components/IntroSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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/Link.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ElementType } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+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 Link: ({ children, href, asCustom, size, variant, iconPosition, className, ...props }: LinkProps) => JSX.Element;
+
+export declare interface LinkProps extends ComponentPropsWithoutRef<'a'> {
+    children: ReactNode;
+    href: string;
+    asCustom?: ElementType;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconPosition?: IconPosition;
+}
+

package/dist/components/Link.js

@@ -0,0 +1,19 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { getButtonStyles as i } from "./atoms/Button.utils.js";
+const x = ({
+  children: t,
+  href: o,
+  asCustom: e,
+  size: n = "default",
+  variant: r = "primary-green",
+  iconPosition: s = "left",
+  className: m,
+  ...p
+}) => {
+  const a = i({ variant: r, size: n, iconPosition: s, className: m });
+  return /* @__PURE__ */ c(e ?? "a", { href: o, className: a, ...p, children: t });
+};
+export {
+  x as Link
+};

package/dist/components/NotFoundTemplate.d.ts

@@ -1,20 +1,15 @@
 import { ComponentPropsWithRef } from 'react';
-import { ElementType } from 'react';
 import { FC } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonOwnProps<C extends ElementType = 'button'> {
-    as?: C;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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';
@@ -32,7 +27,7 @@ export declare interface PreformProps {
     trustedBadge: TrustedBadgeProps;
     title?: string;
     options: PreformOptionProps[];
-    cta: ButtonProps<ElementType>;
+    cta: ButtonProps;
 }
 
 export interface TrustedBadgeProps {

package/dist/components/PreviewDownload.d.ts

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

package/dist/components/RatafiaSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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/TrustSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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/TryNowSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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/WeHelpSection.d.ts

@@ -1,19 +1,14 @@
 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;
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     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/atoms/Button.utils.js

@@ -0,0 +1,105 @@
+import "react/jsx-runtime";
+import "react";
+const b = {
+  "primary-green": {
+    base: "bg-primary-700 text-white border border-transparent font-semibold",
+    hover: "hover:bg-primary-500",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-darkgreen": {
+    base: "bg-primary-900 text-white border border-transparent font-semibold",
+    hover: "hover:bg-primary-800",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-yellow": {
+    base: "bg-secondary-500 text-neutral-900 border border-transparent font-semibold",
+    hover: "hover:bg-secondary-400",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-white": {
+    base: "bg-white text-neutral-900 font-semibold border border-transparent",
+    hover: "hover:bg-neutral-50",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "secondary-green": {
+    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
+    hover: "hover:bg-primary-100 hover:text-primary-800",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-yellow": {
+    base: "bg-transparent text-neutral-900 border-2 border-secondary-500 font-semibold",
+    hover: "hover:bg-secondary-100 hover:border-secondary-600",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-red": {
+    base: "bg-transparent text-error-500 border-2 border-error-500 font-semibold",
+    hover: "hover:bg-error-25",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-black": {
+    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
+    hover: "hover:bg-neutral-200",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "tertiary-bold": {
+    base: "bg-transparent text-primary-700 font-semibold border border-transparent font-semibold p-1.5!",
+    hover: "hover:text-primary-500 hover:bg-primary-200",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-thin": {
+    base: "bg-transparent text-neutral-800 font-normal border border-transparent p-1.5!",
+    hover: " hover:bg-primary-100",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-icon": {
+    base: "bg-transparent text-neutral-800 font-medium border border-transparent p-1.5!",
+    hover: "hover:bg-primary-100",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-link": {
+    base: "bg-transparent text-primary-700 underline underline-offset-2 border border-transparent",
+    hover: "",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "icon-black": {
+    base: "bg-black text-white border border-transparent font-semibold",
+    hover: "hover:bg-neutral-800",
+    disabled: "disabled:bg-neutral-400 disabled:cursor-not-allowed"
+  },
+  "icon-grey": {
+    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
+    hover: "hover:bg-neutral-200",
+    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
+  },
+  "icon-mobile": {
+    base: "bg-transparent text-primary-700 border border-neutral-200 border-2 px-8 rounded-sm",
+    hover: "hover:bg-neutral-50",
+    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
+  }
+}, s = {
+  small: "px-3 py-1.5 text-small",
+  default: "px-4 py-2.5 text-medium",
+  large: "px-6 py-3 text-big"
+}, u = ({
+  variant: t,
+  size: a,
+  iconPosition: r,
+  disabled: d = !1,
+  className: o = ""
+}) => {
+  const e = b[t], l = () => 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",
+    d ? "" : "cursor-pointer",
+    e.base,
+    e.hover,
+    e.disabled,
+    s[a],
+    l(),
+    o
+  ].filter(Boolean).join(" ");
+};
+export {
+  u as getButtonStyles
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.44.17",
+  "version": "0.44.18",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,6 +22,10 @@
       "import": "./dist/components/Button.js",
       "types": "./dist/components/Button.d.ts"
     },
+    "./components/Button.utils.ts": {
+      "import": "./dist/components/Button.utils.ts.js",
+      "types": "./dist/components/Button.utils.ts.d.ts"
+    },
     "./components/Card": {
       "import": "./dist/components/Card.js",
       "types": "./dist/components/Card.d.ts"
@@ -42,6 +46,10 @@
       "import": "./dist/components/Item.js",
       "types": "./dist/components/Item.d.ts"
     },
+    "./components/Link": {
+      "import": "./dist/components/Link.js",
+      "types": "./dist/components/Link.d.ts"
+    },
     "./components/Markdown": {
       "import": "./dist/components/Markdown.js",
       "types": "./dist/components/Markdown.d.ts"