@npm_leadtech/legal-contracts-ui 0.124.7 → 0.124.9

package/dist/components/AboutUsTemplate.d.ts

@@ -31,7 +31,6 @@ export interface ContactUsSectionProps {
         icon: ReactNode;
         helper?: string;
         url?: string;
-        dataQa?: string;
     }>;
 }
 

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -32,7 +32,6 @@ export interface ConversionSectionProps {
     icon: ReactNode;
     title: string;
     uploadZone: UploadZoneProps;
-    dataQa?: string;
 }
 
 export interface FaqItemProps {
@@ -137,6 +136,5 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
-    dataQa?: string;
 }
 

package/dist/components/AllDocumentsTemplate.d.ts

@@ -96,6 +96,7 @@ export interface FaqSectionProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
+    onZoomClick?: () => void;
 }
 
 export interface JumboCardProps {

package/dist/components/Button.d.ts

@@ -2,14 +2,13 @@ import { ComponentPropsWithRef } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, dataQa, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, ...props }: ButtonProps) => JSX.Element;
 
 export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
-    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/Button.js

@@ -1,33 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
-import { getButtonClasses as c } from "./Button.utils.js";
+import { jsx as l } from "react/jsx-runtime";
+import { getButtonClasses as p } from "./Button.utils.js";
 import "react";
-const B = ({
+const x = ({
   children: o,
   type: r = "button",
-  size: a = "default",
-  variant: s = "primary-green",
-  iconPosition: e = "left",
+  size: s = "default",
+  variant: e = "primary-green",
+  iconPosition: a = "left",
   className: n,
   disabled: t = !1,
   ref: m,
-  dataQa: u,
-  ...f
+  ...u
 }) => {
-  const l = c(a, s, e, t, n);
-  return /* @__PURE__ */ p(
-    "button",
-    {
-      "data-qa": u,
-      ref: m,
-      type: r,
-      disabled: t,
-      "aria-disabled": t,
-      className: l,
-      ...f,
-      children: o
-    }
-  );
+  const f = p(s, e, a, t, n);
+  return /* @__PURE__ */ l("button", { ref: m, type: r, disabled: t, "aria-disabled": t, className: f, ...u, children: o });
 };
 export {
-  B as Button
+  x as Button
 };

package/dist/components/Checkbox.d.ts

@@ -4,7 +4,6 @@ import { ReactNode } from 'react';
 export declare const Checkbox: FC<CheckboxProps>;
 
 export declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    dataQa?: string;
     id: string;
     name: string;
     required?: boolean;

package/dist/components/Checkbox.js

@@ -1,43 +1,31 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import c from "clsx";
-import { CheckIcon as p } from "./CheckIcon.js";
-const d = ({
-  dataQa: s,
-  id: t,
-  name: i,
-  required: a = !1,
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import m from "clsx";
+import { CheckIcon as c } from "./CheckIcon.js";
+const u = ({
+  id: o,
+  name: s,
+  required: i = !1,
   children: l,
   checked: e,
-  error: o = !1,
+  error: t = !1,
   ...n
-}) => /* @__PURE__ */ m("label", { htmlFor: t, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
-  /* @__PURE__ */ r(
-    "input",
-    {
-      "data-qa": s,
-      id: t,
-      name: i,
-      type: "checkbox",
-      required: a,
-      className: "peer sr-only",
-      ...n
-    }
-  ),
+}) => /* @__PURE__ */ a("label", { htmlFor: o, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
+  /* @__PURE__ */ r("input", { id: o, name: s, type: "checkbox", required: i, className: "peer sr-only", ...n }),
   /* @__PURE__ */ r(
     "div",
     {
-      className: c(
+      className: m(
         "flex h-5.5 w-5.5 items-center justify-center rounded transition-colors",
         "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
-        !o && !e && "hover:bg-primary-200 border border-neutral-800 bg-white",
+        !t && !e && "hover:bg-primary-200 border border-neutral-800 bg-white",
         e && "border-primary-500 bg-primary-200 border-2",
-        o && "border-error-500 bg-error-20 border"
+        t && "border-error-500 bg-error-20 border"
       ),
-      children: e && /* @__PURE__ */ r(p, {})
+      children: e && /* @__PURE__ */ r(c, {})
     }
   ),
   /* @__PURE__ */ r("span", { className: "leading-tight text-neutral-800", children: l })
 ] });
 export {
-  d as Checkbox
+  u as Checkbox
 };

package/dist/components/ContactFormSection.d.ts

@@ -9,7 +9,6 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
-    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -28,7 +27,6 @@ export interface ContactFormFeedbackProps {
 }
 
 export declare interface ContactFormFieldProps {
-    dataQa: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContactUsSection.d.ts

@@ -11,7 +11,6 @@ export declare interface ContactUsSectionProps {
         icon: ReactNode;
         helper?: string;
         url?: string;
-        dataQa?: string;
     }>;
 }
 

package/dist/components/ContactUsSection.js

@@ -1,17 +1,17 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import t from "clsx";
+import a from "clsx";
 import { SectionHeading as c } from "./SectionHeading.js";
-const d = ({ header: s, contactOptions: a }) => a.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
-  /* @__PURE__ */ l(c, { ...s, className: "px-6" }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: a.map((e) => /* @__PURE__ */ r(
+const d = ({ header: t, contactOptions: s }) => s.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
+  /* @__PURE__ */ l(c, { ...t, className: "px-6" }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: s.map((e) => /* @__PURE__ */ r(
     "article",
     {
-      className: t(
+      className: a(
         "relative flex h-36 w-52 flex-col items-center justify-center gap-4 rounded bg-white text-center shadow-sm",
         e.url && 'cursor-pointer [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'
       ),
       children: [
-        e.url && /* @__PURE__ */ l("a", { "data-qa": e.dataQa, href: e.url, children: /* @__PURE__ */ l("span", { className: "sr-only", children: e.title }) }),
+        e.url && /* @__PURE__ */ l("a", { href: e.url, children: /* @__PURE__ */ l("span", { className: "sr-only", children: e.title }) }),
         /* @__PURE__ */ l("div", { className: "bg-primary-50 rounded-full p-3", children: e.icon }),
         /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ l("p", { className: "text-neutral-800", children: e.title }),

package/dist/components/ContactUsTemplate.d.ts

@@ -9,7 +9,6 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
-    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -28,7 +27,6 @@ export interface ContactFormFeedbackProps {
 }
 
 export interface ContactFormFieldProps {
-    dataQa: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContentItem.d.ts

@@ -38,6 +38,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
+    onZoomClick?: () => void;
 }
 
 export interface LinkedProductProps {

package/dist/components/ConversionSection.d.ts

@@ -7,7 +7,6 @@ export declare interface ConversionSectionProps {
     icon: ReactNode;
     title: string;
     uploadZone: UploadZoneProps;
-    dataQa?: string;
 }
 
 export interface UploadZoneProps {
@@ -18,6 +17,5 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
-    dataQa?: string;
 }
 

package/dist/components/ConversionSection.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { UploadZone as m } from "./UploadZone.js";
-const x = ({ icon: a, title: t, uploadZone: r, dataQa: s }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 xl:px-0", children: /* @__PURE__ */ l("div", { className: "bg-ratafia mx-auto flex w-full max-w-300 shrink flex-col gap-6 rounded-2xl p-6 md:flex-row md:items-center md:gap-10 md:p-8 lg:pe-10 lg:pl-16 xl:items-start xl:gap-20", children: [
+import { UploadZone as s } from "./UploadZone.js";
+const n = ({ icon: a, title: t, uploadZone: r }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 xl:px-0", children: /* @__PURE__ */ l("div", { className: "bg-ratafia mx-auto flex w-full max-w-300 shrink flex-col gap-6 rounded-2xl p-6 md:flex-row md:items-center md:gap-10 md:p-8 lg:pe-10 lg:pl-16 xl:items-start xl:gap-20", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ e("span", { className: "xl:pt-12", children: a }),
     /* @__PURE__ */ e("h4", { className: "text-super-large md:text-extra-large font-bold text-white", children: t })
   ] }),
-  /* @__PURE__ */ e(m, { dataQa: s, ...r, containerClassName: "md:min-w-77 lg:min-w-115" })
+  /* @__PURE__ */ e(s, { ...r, containerClassName: "md:min-w-77 lg:min-w-115" })
 ] }) });
 export {
-  x as ConversionSection
+  n as ConversionSection
 };

package/dist/components/CookiesBar.d.ts

@@ -7,7 +7,6 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
-    dataQa?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -129,6 +129,5 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
-    dataQa?: string;
 }
 

package/dist/components/Footer.d.ts

@@ -20,7 +20,6 @@ export declare interface FooterProps {
         phoneNumber: string;
         contactHoursText: string;
         contactHours: string;
-        dataQa?: string;
     };
     logoGray?: ReactNode;
     socialLinks?: ReactNode[];

package/dist/components/Footer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
 import { PhoneButton as o } from "./PhoneButton.js";
-import { FooterNav as h } from "./FooterNav.js";
+import { FooterNav as f } from "./FooterNav.js";
 const g = ({
   nav: r,
   contactInfo: t,
@@ -14,13 +14,13 @@ const g = ({
   languageSelector: s
 }) => /* @__PURE__ */ l("footer", { className: "text-neutral-25 max-w-full overflow-x-hidden", children: [
   /* @__PURE__ */ e("div", { className: "bg-primary-900", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-300 flex-col items-start gap-8 px-6 py-10 md:grid md:grid-cols-3 lg:flex lg:flex-row lg:justify-between", children: [
-    r.map((a) => /* @__PURE__ */ e(h, { ...a }, a.title)),
+    r.map((a) => /* @__PURE__ */ e(f, { ...a }, a.title)),
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 max-sm:w-full md:contents lg:flex", children: [
       /* @__PURE__ */ l("div", { className: "", children: [
         /* @__PURE__ */ e("div", { className: "mb-8 xl:hidden", children: !!s && /* @__PURE__ */ e("div", { className: "language-selector-mobile-container", children: s }) }),
         /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ e("p", { className: "text-small hidden font-bold text-white sm:block", children: t.phoneNumber }),
-          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center sm:hidden", children: /* @__PURE__ */ e(o, { dataQa: t.dataQa, phoneNumber: t.phoneNumber }) }),
+          /* @__PURE__ */ e("div", { className: "mb-2 w-full text-center sm:hidden", children: /* @__PURE__ */ e(o, { phoneNumber: t.phoneNumber }) }),
           /* @__PURE__ */ l("p", { className: "text-neutral-25 text-medium md:text-small text-center md:text-left", children: [
             t.contactHoursText,
             " ",

package/dist/components/Header.d.ts

@@ -34,7 +34,6 @@ export interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
-    dataQa?: string;
 }
 
 export interface MobileMenuProps {

package/dist/components/Hero2Section.d.ts

@@ -27,6 +27,5 @@ export interface UploadZoneProps {
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
-    dataQa?: string;
 }
 

package/dist/components/ImageWithPreview.d.ts

@@ -6,5 +6,6 @@ export declare const ImageWithPreview: FC<ImageWithPreviewProps>;
 export declare interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
+    onZoomClick?: () => void;
 }
 

package/dist/components/ImageWithPreview.js

@@ -1,15 +1,17 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { ZoomIcon as a } from "./ZoomIcon.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { ZoomIcon as c } from "./ZoomIcon.js";
 import { Modal as m } from "./Modal.js";
-const u = ({ small: r, large: i }) => {
-  const [o, t] = s(!1);
-  return /* @__PURE__ */ l("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
-    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: r }),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(a, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: o, setIsOpen: t, children: i }) })
+const b = ({ small: l, large: s, onZoomClick: r }) => {
+  const [t, o] = n(!1);
+  return /* @__PURE__ */ a("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
+    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(c, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: t, setIsOpen: (i) => {
+      o(i), i && r && r();
+    }, children: s }) })
   ] });
 };
 export {
-  u as ImageWithPreview
+  b as ImageWithPreview
 };

package/dist/components/Input.d.ts

@@ -4,7 +4,6 @@ import { HTMLInputTypeAttribute } from 'react';
 export declare const Input: FC<InputProps>;
 
 export declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    dataQa?: string;
     label: string;
     id: string;
     name: string;

package/dist/components/Input.js

@@ -1,29 +1,28 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
 import u from "clsx";
-import { QuestionOutlineIcon as y } from "./QuestionOutlineIcon.js";
-import { CloseIcon as I } from "./CloseIcon.js";
-import { InfoIcon as C } from "./InfoIcon.js";
-const z = ({
-  dataQa: m,
-  label: d,
+import { QuestionOutlineIcon as N } from "./QuestionOutlineIcon.js";
+import { CloseIcon as y } from "./CloseIcon.js";
+import { InfoIcon as I } from "./InfoIcon.js";
+const $ = ({
+  label: m,
   id: l,
-  name: f,
-  type: h = "text",
-  placeholder: x,
+  name: d,
+  type: f = "text",
+  placeholder: h,
   required: o = !1,
   tooltip: i,
-  onInputChange: b,
-  containerClassName: g = "",
+  onInputChange: x,
+  containerClassName: b = "",
   error: s = !1,
-  errorMessage: v,
-  ...w
+  errorMessage: g,
+  ...v
 }) => {
-  const [n, c] = p(!1), [N, a] = p(!1);
-  return /* @__PURE__ */ t("div", { className: `flex flex-col gap-2 ${g}`, children: [
+  const [n, c] = p(!1), [w, r] = p(!1);
+  return /* @__PURE__ */ t("div", { className: `flex flex-col gap-2 ${b}`, children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t("label", { htmlFor: l, className: "font-bold text-neutral-800", children: [
-        d,
+        m,
         " ",
         o && /* @__PURE__ */ e("span", { className: "text-neutral-800", children: "*" })
       ] }),
@@ -32,7 +31,7 @@ const z = ({
         {
           className: "group relative inline-flex",
           onMouseLeave: () => {
-            a(!1);
+            r(!1);
           },
           children: [
             /* @__PURE__ */ e(
@@ -42,9 +41,9 @@ const z = ({
                 type: "button",
                 "aria-expanded": n,
                 onClick: () => {
-                  a(!1), c((r) => !r);
+                  r(!1), c((a) => !a);
                 },
-                children: /* @__PURE__ */ e(y, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ e(N, { "aria-hidden": "true" })
               }
             ),
             /* @__PURE__ */ t(
@@ -53,7 +52,7 @@ const z = ({
                 className: u(
                   "invisible absolute top-6 -left-21 z-10 w-max max-w-60 rounded bg-neutral-800 p-2 transition-opacity lg:max-w-80 xl:-left-15 xl:max-w-112",
                   "opacity-0",
-                  !N && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
+                  !w && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
                   n && "visible opacity-100"
                 ),
                 role: "tooltip",
@@ -73,9 +72,9 @@ const z = ({
                         type: "button",
                         className: "cursor-pointer p-0",
                         onClick: () => {
-                          a(!0), c(!1);
+                          r(!0), c(!1);
                         },
-                        children: /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "white" })
+                        children: /* @__PURE__ */ e(y, { width: 20, height: 20, fill: "white" })
                       }
                     )
                   ] })
@@ -89,29 +88,28 @@ const z = ({
     /* @__PURE__ */ e(
       "input",
       {
-        "data-qa": m,
         id: l,
-        name: f,
-        type: h,
-        placeholder: x,
+        name: d,
+        type: f,
+        placeholder: h,
         required: o,
         className: u(
           "text-small focus-visible:outline-primary-500 w-full rounded border p-3 text-neutral-800 placeholder:text-neutral-600 focus-visible:outline-2",
           s ? "border-error-500 bg-error-25" : "bg-neutral-25 border-neutral-400"
         ),
-        onChange: (r) => {
-          b?.(r.target.value);
+        onChange: (a) => {
+          x?.(a.target.value);
         },
-        ...w
+        ...v
       }
     ),
     s && /* @__PURE__ */ t("p", { id: `${l}-error-message`, className: "text-small text-error-500 flex items-center gap-1", children: [
-      /* @__PURE__ */ e(C, { width: 20, height: 20, fill: "var(--color-error-500)", "aria-hidden": "true" }),
+      /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "var(--color-error-500)", "aria-hidden": "true" }),
       " ",
-      v
+      g
     ] })
   ] });
 };
 export {
-  z as Input
+  $ as Input
 };

package/dist/components/MobileMenu.d.ts

@@ -6,7 +6,6 @@ export declare interface MobileContactInfo {
     phoneNumber: string;
     contactHoursLabel?: string;
     contactHours?: string;
-    dataQa?: string;
 }
 
 export declare const MobileMenu: FC<MobileMenuProps>;

package/dist/components/MobileMenu.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SearchBar as x } from "./SearchBar.js";
+import { SearchBar as u } from "./SearchBar.js";
 import { CloseIcon as f } from "./CloseIcon.js";
 import { LinkWrapper as h } from "./LinkWrapper.js";
 import { PhoneTalkIcon as b } from "./PhoneTalkIcon.js";
@@ -12,7 +12,7 @@ const k = ({
   searchBarProps: o,
   sections: p = [],
   contactInfo: t,
-  closeText: u
+  closeText: x
 }) => s ? /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden", children: [
   /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-4", children: [
     c,
@@ -23,7 +23,7 @@ const k = ({
         onClick: m,
         "aria-label": "Close menu",
         children: [
-          u,
+          x,
           /* @__PURE__ */ r(f, { fill: "var(--color-primary-500)" })
         ]
       }
@@ -32,7 +32,7 @@ const k = ({
   /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
       /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: d }),
-      /* @__PURE__ */ r(x, { ...o })
+      /* @__PURE__ */ r(u, { ...o })
     ] }),
     /* @__PURE__ */ r("nav", { className: "flex flex-col gap-0", children: p.map((e, n) => {
       const i = e.icon != null;
@@ -62,7 +62,6 @@ const k = ({
       /* @__PURE__ */ l(
         "a",
         {
-          "data-qa": "mobile_menu_contact_phone",
           href: `tel:${t.phoneNumber.replaceAll(" ", "")}`,
           className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
           children: [

package/dist/components/PhoneButton.d.ts

@@ -1,10 +1,9 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const PhoneButton: ({ phoneNumber, className, dataQa }: PhoneButtonProps) => JSX.Element;
+export declare const PhoneButton: ({ phoneNumber, className }: PhoneButtonProps) => JSX.Element;
 
 export interface PhoneButtonProps {
     phoneNumber: string;
     className?: string;
-    dataQa?: string;
 }
 

package/dist/components/PhoneButton.js

@@ -1,13 +1,12 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { PhoneIcon as o } from "./PhoneIcon.js";
-const h = ({ phoneNumber: t, className: i = "", dataQa: n }) => /* @__PURE__ */ r(
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { PhoneIcon as r } from "./PhoneIcon.js";
+const h = ({ phoneNumber: t, className: i = "" }) => /* @__PURE__ */ n(
   "a",
   {
-    "data-qa": n,
     href: `tel:${t}`,
     className: `bg-primary-700 inline-flex w-full items-center justify-center gap-2 rounded py-2.75 text-[16px] font-bold text-white ${i}`,
     children: [
-      /* @__PURE__ */ e(o, { fill: "white", width: 20, height: 20 }),
+      /* @__PURE__ */ e(r, { fill: "white", width: 20, height: 20 }),
       /* @__PURE__ */ e("span", { children: t })
     ]
   }

package/dist/components/Preform.d.ts

@@ -9,7 +9,6 @@ export declare type InputFieldData = {
     placeholder: string;
     value: string;
     onChange: (str: string) => void;
-    dataQa: string;
 };
 
 export declare const Preform: FC<PreformProps>;
@@ -18,7 +17,6 @@ export interface PreformOptionProps {
     label: string;
     value: string;
     alternativeUrl: string | null;
-    dataQa?: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;