@npm_leadtech/legal-contracts-ui 0.188.4 → 0.188.21

package/dist/components/AboutUsTemplate.d.ts

@@ -95,6 +95,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export interface MissionSectionProps {

package/dist/components/AllDocumentsTemplate.d.ts

@@ -51,6 +51,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
     createDocButton: ReactNode;
     description: string;
+    ctaDataQa?: string;
 }
 
 export interface DocumentCategoriesProps {

package/dist/components/ContentItem.d.ts

@@ -34,6 +34,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
     createDocButton: ReactNode;
     description: string;
+    ctaDataQa?: string;
 }
 
 export interface ImageWithPreviewProps {

package/dist/components/ContentItem.js

@@ -22,6 +22,7 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
 		f && /* @__PURE__ */ o(n, { ...f }),
 		!!p && /* @__PURE__ */ o(t, {
 			className: "w-75 self-center text-center",
+			"data-qa": `createDocument-seo-content-cta-${c}`,
 			children: p
 		}),
 		!!m && /* @__PURE__ */ o(t, {
@@ -44,7 +45,10 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
 		}),
 		g.length > 0 && /* @__PURE__ */ o("div", {
 			className: "flex flex-wrap gap-2",
-			children: g.map((e) => e.format === "Alternative" ? /* @__PURE__ */ o(i, { ...e }, e.id) : /* @__PURE__ */ o(a, { ...e }, e.id))
+			children: g.map((e) => e.format === "Alternative" ? /* @__PURE__ */ o(i, { ...e }, e.id) : /* @__PURE__ */ o(a, {
+				...e,
+				ctaDataQa: `createDocument-seo-content-${c}-subtype-${e.id}`
+			}, e.id))
 		})
 	]
 });

package/dist/components/CtaSection.d.ts

@@ -43,6 +43,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/DefaultSubtypeDocument.d.ts

@@ -19,6 +19,7 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
     format: 'Default';
     createDocButton: ReactNode;
     description: string;
+    ctaDataQa?: string;
 }
 
 export declare type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;

package/dist/components/DefaultSubtypeDocument.js

@@ -1,40 +1,41 @@
 import { LinkWrapper as e } from "./LinkWrapper.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/components/molecules/DefaultSubtypeDocument.tsx
-var r = ({ link: r, sampleImage: i, pdfDownload: a, wordDownload: o, createDocButton: s, description: c }) => /* @__PURE__ */ n("div", {
+var r = ({ id: r, link: i, sampleImage: a, pdfDownload: o, wordDownload: s, createDocButton: c, description: l, ctaDataQa: u = `createDocument-seo-subtype-${r}` }) => /* @__PURE__ */ n("div", {
 	className: "bg-secondary-50 mb-6 flex max-w-100 flex-col items-center justify-center gap-6 rounded-xs px-6 py-8 shadow-md last:mb-0 lg:max-w-136 lg:flex-row lg:items-start xl:max-w-179",
 	children: [/* @__PURE__ */ t("div", {
 		className: "max-w-35 shadow",
-		children: i
+		children: a
 	}), /* @__PURE__ */ n("div", {
 		className: "flex w-full flex-col gap-4",
 		children: [
 			/* @__PURE__ */ t("div", {
 				className: "text-medium font-bold text-neutral-900 underline",
-				children: r
+				children: i
 			}),
 			/* @__PURE__ */ t("p", {
 				className: "text-medium text-neutral-900",
-				children: c
+				children: l
 			}),
 			/* @__PURE__ */ n("div", {
 				className: "flex flex-col gap-4 xl:flex-row",
 				children: [/* @__PURE__ */ t(e, {
 					size: "small",
 					className: "w-full",
-					children: s
+					"data-qa": u,
+					children: c
 				}), /* @__PURE__ */ n("div", {
 					className: "flex w-full justify-between gap-4",
-					children: [!!a && /* @__PURE__ */ t(e, {
+					children: [!!o && /* @__PURE__ */ t(e, {
 						size: "small",
 						className: "w-full",
 						variant: "secondary-black",
-						children: a
-					}), !!o && /* @__PURE__ */ t(e, {
+						children: o
+					}), !!s && /* @__PURE__ */ t(e, {
 						size: "small",
 						className: "w-full",
 						variant: "secondary-black",
-						children: o
+						children: s
 					})]
 				})]
 			})

package/dist/components/GuidelinesSection.d.ts

@@ -31,6 +31,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/Header.d.ts

@@ -70,8 +70,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -81,7 +79,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -96,8 +93,6 @@ export interface NavMenuProps {
     className?: string;
 }
 
-export type NavMenuTagVariant = 'standard' | 'emphasized';
-
 export interface SearchBarProps {
     items: SearchItem[];
     placeholder?: string;

package/dist/components/IntroSection.d.ts

@@ -26,6 +26,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/LinkWrapper.d.ts

@@ -7,7 +7,7 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
+export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children, "data-qa": dataQa }: LinkWrapperProps) => JSX.Element;
 
 export declare interface LinkWrapperProps {
     children: ReactNode;
@@ -16,6 +16,7 @@ export declare interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/LinkWrapper.js

@@ -1,10 +1,15 @@
 import { getButtonClasses as e } from "./Button.utils.js";
-import { jsx as t } from "react/jsx-runtime";
-import { clsx as n } from "clsx";
+import { Children as t, Fragment as n, cloneElement as r, isValidElement as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { clsx as o } from "clsx";
 //#region lib/components/atoms/LinkWrapper.tsx
-var r = ({ size: r, variant: i, iconPosition: a, disabled: o = !1, className: s, children: c }) => /* @__PURE__ */ t("span", {
-	className: n(e(r, i, a, o, s), "relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[\"\"]"),
-	children: c
-});
+var s = ({ size: s, variant: c, iconPosition: l, disabled: u = !1, className: d, children: f, "data-qa": p }) => {
+	let m = e(s, c, l, u, d), h = p === void 0 ? [] : t.toArray(f), g = h.length === 1 ? h[0] : f, _ = i(g) && g.type !== n;
+	return /* @__PURE__ */ a("span", {
+		className: o(m, "relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[\"\"]"),
+		"data-qa": _ ? void 0 : p,
+		children: p !== void 0 && _ ? r(g, { "data-qa": p }) : f
+	});
+};
 //#endregion
-export { r as LinkWrapper };
+export { s as LinkWrapper };

package/dist/components/NavMenu.d.ts

@@ -10,8 +10,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -35,6 +32,4 @@ export declare interface NavMenuProps {
     navItems: (NavMenuItemProps | NavMenuLink)[];
     className?: string;
 }
-
-export type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.d.ts

@@ -10,8 +10,6 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export declare type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -30,6 +27,4 @@ export declare type NavMenuLink = {
     onToggle?: (open: boolean) => void;
     dataQa?: string;
 };
-
-export declare type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.js

@@ -5,26 +5,20 @@ import { ChevronRightIcon as t } from "./ChevronRightIcon.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/atoms/NavMenuItem.tsx
-var c = {
-	standard: "bg-secondary-200 h-4.5 min-w-5.25 px-1",
-	emphasized: "bg-[var(--tag-emphasized-bg,var(--primary-300))] h-4.5 min-w-5.25 px-1"
-}, l = ({ tag: e, variant: t }) => /* @__PURE__ */ o("span", {
-	className: `text-extra-small flex h-4.5 items-center justify-center rounded align-middle font-bold ${c[t]}`,
-	children: e
-}), u = (c) => {
-	let { hasDropdown: d, isNested: f, isOpen: p, onToggle: m, dataQa: h, onItemClick: g } = c, [_, v] = a(!1), [y, b] = a(null), x = p ?? _, S = n((e) => {
-		e || b(null), m ? m(e) : v(e);
-	}, [m]), C = i(null);
+var c = (l) => {
+	let { hasDropdown: u, isNested: d, isOpen: f, onToggle: p, dataQa: m, onItemClick: h } = l, [g, _] = a(!1), [v, y] = a(null), b = f ?? g, x = n((e) => {
+		e || y(null), p ? p(e) : _(e);
+	}, [p]), S = i(null);
 	r(() => {
-		if (!x) return;
+		if (!b) return;
 		let e = (e) => {
-			C.current && !C.current.contains(e.target) && S(!1);
+			S.current && !S.current.contains(e.target) && x(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [x, S]);
-	let w = {
+	}, [b, x]);
+	let C = {
 		topLevel: {
 			liClass: "relative py-2",
 			triggerClass: "hover:text-neutral-600",
@@ -33,66 +27,60 @@ var c = {
 		},
 		nested: {
 			liClass: "relative",
-			triggerClass: "p-1 hover:bg-primary-100 w-full rounded",
+			triggerClass: "p-1 hover:bg-primary-100 w-full rounded min-w-48.5",
 			dropdownPosition: "top-0 left-full -mt-4 pl-6",
 			Icon: t
 		}
-	}, T = f ? w.nested : w.topLevel, E = T.Icon, D = n(() => {
-		S(!1), g && g();
-	}, [g, S]), O = i(null);
+	}, w = d ? C.nested : C.topLevel, T = w.Icon, E = n(() => {
+		x(!1), h && h();
+	}, [h, x]), D = i(null);
 	r(() => {
-		let e = O.current;
-		if (e) return e.addEventListener("click", D), () => {
-			e.removeEventListener("click", D);
+		let e = D.current;
+		if (e) return e.addEventListener("click", E), () => {
+			e.removeEventListener("click", E);
 		};
-	}, [D]);
-	let k = (e) => {
-		e.stopPropagation(), S(!x);
+	}, [E]);
+	let O = (e) => {
+		e.stopPropagation(), x(!b);
+	}, k = () => {
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!0);
 	}, A = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!0);
-	}, j = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!1);
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!1);
 	};
-	if (d) {
-		let { dropdownItems: e, label: t, tag: n, tagVariant: r = "standard" } = c;
+	if (u) {
+		let { dropdownItems: e, label: t } = l;
 		return /* @__PURE__ */ s("li", {
-			ref: C,
-			className: T.liClass,
-			onMouseEnter: A,
-			onMouseLeave: j,
-			children: [/* @__PURE__ */ s("div", {
-				className: "inline-flex w-full items-center gap-1",
-				children: [/* @__PURE__ */ s("button", {
-					"data-qa": h,
-					className: `text-small flex flex-1 cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass}`,
-					"aria-haspopup": "menu",
-					"aria-expanded": x,
-					onClick: k,
-					children: [/* @__PURE__ */ o("span", {
-						className: "text-medium",
-						children: t
-					}), /* @__PURE__ */ o(E, {
-						fill: "#000",
-						width: 20,
-						height: 20
-					})]
-				}), n && /* @__PURE__ */ o(l, {
-					tag: n,
-					variant: r
+			ref: S,
+			className: w.liClass,
+			onMouseEnter: k,
+			onMouseLeave: A,
+			children: [/* @__PURE__ */ s("button", {
+				"data-qa": m,
+				className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass}`,
+				"aria-haspopup": "menu",
+				"aria-expanded": b,
+				onClick: O,
+				children: [/* @__PURE__ */ o("span", {
+					className: "text-medium",
+					children: t
+				}), /* @__PURE__ */ o(T, {
+					fill: "#000",
+					width: 20,
+					height: 20
 				})]
 			}), /* @__PURE__ */ o("div", {
-				className: `absolute z-50 w-max min-w-40 transition-all duration-200 ${T.dropdownPosition} ${x ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
+				className: `absolute z-50 min-w-48 transition-all duration-200 ${w.dropdownPosition} ${b ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
 				children: /* @__PURE__ */ o("div", {
 					className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg",
 					children: /* @__PURE__ */ o("ul", {
 						className: "flex flex-col gap-2",
-						children: e.map((e) => /* @__PURE__ */ o(u, {
+						children: e.map((e) => /* @__PURE__ */ o(c, {
 							...e,
 							isNested: !0,
-							onItemClick: D,
-							isOpen: y === e.id,
+							onItemClick: E,
+							isOpen: v === e.id,
 							onToggle: (t) => {
-								b(t ? e.id : null);
+								y(t ? e.id : null);
 							}
 						}, e.id))
 					})
@@ -100,21 +88,21 @@ var c = {
 			})]
 		});
 	}
-	let { link: M, tag: N, tagVariant: P = "standard", bold: F } = c;
+	let { link: j, tag: M, bold: N } = l;
 	return /* @__PURE__ */ o("li", {
-		ref: O,
-		className: T.liClass,
+		ref: D,
+		className: w.liClass,
 		children: /* @__PURE__ */ s("span", {
-			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass} `,
+			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass} `,
 			children: [/* @__PURE__ */ o("span", {
-				className: `text-medium flex-1 ${F ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				className: `text-medium flex-1 ${N ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				children: j
+			}), M && /* @__PURE__ */ o("span", {
+				className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold",
 				children: M
-			}), N && /* @__PURE__ */ o(l, {
-				tag: N,
-				variant: P
 			})]
 		})
 	});
 };
 //#endregion
-export { u as NavMenuItem };
+export { c as NavMenuItem };

package/dist/components/Preform.js

@@ -41,6 +41,7 @@ var c = ({ trustedBadge: c, cta: l, inputFieldData: u, radioFieldData: d, toolti
 			})] }),
 			/* @__PURE__ */ o(t, {
 				variant: "primary-green",
+				"data-qa": "createDocument-desktop-hero",
 				children: l
 			}),
 			f.length > 0 && /* @__PURE__ */ o("div", {

package/dist/components/PreformMobile.js

@@ -70,6 +70,7 @@ var u = ({ radioFieldData: u, inputFieldData: d, cta: f, trustedBadge: p, hasMob
 					/* @__PURE__ */ c(n, {
 						variant: "primary-green",
 						className: `text-small ${t ? "w-fit text-nowrap" : "w-full"}`,
+						"data-qa": t ? "createDocument-mobile-sticky" : "createDocument-mobile-hero",
 						children: f
 					})
 				]

package/dist/components/PreviewDownload.js

@@ -38,6 +38,7 @@ var s = ({ title: s, footerText: c, preview: l, cta: u, pdfDownload: d, wordDown
 			!!u && /* @__PURE__ */ a(n, {
 				className: "w-full",
 				variant: "primary-green",
+				"data-qa": "createDocument-desktop-sidebar",
 				children: u
 			}),
 			/* @__PURE__ */ a("div", { className: "h-px w-full bg-neutral-200" }),

package/dist/components/PreviewSection.js

@@ -30,6 +30,7 @@ var o = ({ title: o, documentPreview: s, cta: c, comingSoonCta: l, onPreviewScro
 				}),
 				!!c && /* @__PURE__ */ i(t, {
 					className: "w-full md:w-auto",
+					"data-qa": "createDocument-preview-section",
 					children: c
 				}),
 				!!l && /* @__PURE__ */ i(t, {

package/dist/components/PricingTemplate.d.ts

@@ -55,6 +55,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export interface PricingOfferingItem {

package/dist/components/ProductTemplate.d.ts

@@ -47,6 +47,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
     createDocButton: ReactNode;
     description: string;
+    ctaDataQa?: string;
 }
 
 export interface FaqItemProps {

package/dist/components/TryNowSection.js

@@ -15,7 +15,10 @@ var r = ({ title: r, benefits: i, cta: a }) => /* @__PURE__ */ t("section", {
 				className: "text-medium flex flex-col gap-8 md:grid md:grid-cols-3 md:gap-20",
 				children: i.map((e) => /* @__PURE__ */ t("p", { children: e }, e))
 			}),
-			/* @__PURE__ */ t(e, { children: a })
+			/* @__PURE__ */ t(e, {
+				"data-qa": "createDocument-try-now",
+				children: a
+			})
 		]
 	})
 });

package/dist/components/WeHelpSection.d.ts

@@ -14,6 +14,7 @@ export interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/index.d.ts

@@ -322,6 +322,7 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
     format: 'Default';
     createDocButton: ReactNode;
     description: string;
+    ctaDataQa?: string;
 }
 
 export declare const DeFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -901,7 +902,7 @@ export declare interface LinkedProductsProps {
     linkedProducts: LinkedProductProps[];
 }
 
-export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
+export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children, "data-qa": dataQa }: LinkWrapperProps) => JSX.Element;
 
 export declare interface LinkWrapperProps {
     children: ReactNode;
@@ -910,6 +911,7 @@ export declare interface LinkWrapperProps {
     iconPosition?: IconPosition;
     disabled?: boolean;
     className?: string;
+    'data-qa'?: string;
 }
 
 export declare const LocationIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -1000,8 +1002,6 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -1011,7 +1011,6 @@ export declare type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -1026,8 +1025,6 @@ export declare interface NavMenuProps {
     className?: string;
 }
 
-export declare type NavMenuTagVariant = 'standard' | 'emphasized';
-
 export declare const PartnersSection: FC<PartnersSectionProps>;
 
 export declare interface PartnersSectionProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.188.4",
+  "version": "0.188.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -741,6 +741,29 @@
   "bugs": {
     "url": "https://bitbucket.org/grupoblidoo/legal-contracts-ui/issues"
   },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
+    "sonar:scan": "bash scripts/sonar.sh",
+    "sonar": "pnpm test && pnpm sonar:scan",
+    "chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
+    "yalc-push": "pnpm build && yalc push",
+    "format": "prettier --write .",
+    "prettier": "prettier --check .",
+    "eslint": "eslint . --quiet",
+    "test": "vitest run --coverage --project unit",
+    "test:storybook": "vitest run --project storybook --reporter=default",
+    "test:all": "pnpm test && pnpm test:storybook",
+    "test:watch": "vitest --coverage --project unit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "reinstall-force": "rm -Rf node_modules && pnpm install",
+    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
+    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
+    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
+    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
+    "prepare": "husky"
+  },
   "dependencies": {
     "clsx": "^2.1.1",
     "react-markdown": "^10.1.0",
@@ -818,26 +841,5 @@
       "prettier --write --ignore-unknown"
     ]
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
-    "sonar:scan": "bash scripts/sonar.sh",
-    "sonar": "pnpm test && pnpm sonar:scan",
-    "chromatic": "npx chromatic --project-token=chpt_be90ce8462f803c",
-    "yalc-push": "pnpm build && yalc push",
-    "format": "prettier --write .",
-    "prettier": "prettier --check .",
-    "eslint": "eslint . --quiet",
-    "test": "vitest run --coverage --project unit",
-    "test:storybook": "vitest run --project storybook --reporter=default",
-    "test:all": "pnpm test && pnpm test:storybook",
-    "test:watch": "vitest --coverage --project unit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "reinstall-force": "rm -Rf node_modules && pnpm install",
-    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
-    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
-    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
-    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags"
-  }
-}
+  "packageManager": "pnpm@10.28.0+sha512.05df71d1421f21399e053fde567cea34d446fa02c76571441bfc1c7956e98e363088982d940465fd34480d4d90a0668bc12362f8aa88000a64e83d0b0e47be48"
+}