@npm_leadtech/legal-contracts-ui 0.188.1 → 0.188.3

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -131,15 +131,10 @@ export interface ToastProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText?: string;
+    uploadPromptText: string;
     addDocumentLabel: string;
-    fileSizeText?: string;
-    disclaimer?: string;
-    title?: string;
-    description?: string;
-    trustLine?: string;
-    uploadIcon?: ReactNode;
-    variant?: 'default' | 'pdf-tools';
+    fileSizeText: string;
+    disclaimer: string;
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/ConversionSection.d.ts

@@ -11,15 +11,10 @@ export declare interface ConversionSectionProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText?: string;
+    uploadPromptText: string;
     addDocumentLabel: string;
-    fileSizeText?: string;
-    disclaimer?: string;
-    title?: string;
-    description?: string;
-    trustLine?: string;
-    uploadIcon?: ReactNode;
-    variant?: 'default' | 'pdf-tools';
+    fileSizeText: string;
+    disclaimer: string;
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -123,15 +123,10 @@ export interface ToastProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText?: string;
+    uploadPromptText: string;
     addDocumentLabel: string;
-    fileSizeText?: string;
-    disclaimer?: string;
-    title?: string;
-    description?: string;
-    trustLine?: string;
-    uploadIcon?: ReactNode;
-    variant?: 'default' | 'pdf-tools';
+    fileSizeText: string;
+    disclaimer: string;
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/Header.d.ts

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

package/dist/components/Hero2Section.d.ts

@@ -20,15 +20,10 @@ export declare interface Hero2SectionProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText?: string;
+    uploadPromptText: string;
     addDocumentLabel: string;
-    fileSizeText?: string;
-    disclaimer?: string;
-    title?: string;
-    description?: string;
-    trustLine?: string;
-    uploadIcon?: ReactNode;
-    variant?: 'default' | 'pdf-tools';
+    fileSizeText: string;
+    disclaimer: string;
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/HomeTemplate.d.ts

@@ -49,7 +49,7 @@ export interface HeroSectionProps {
 }
 
 export interface HomeStepsProps {
-    image?: ReactNode;
+    image: ReactNode;
     header: SectionHeadingProps;
     steps: {
         id: string;
@@ -57,7 +57,6 @@ export interface HomeStepsProps {
         description: string;
         image: ReactNode;
     }[];
-    variant?: 'default' | 'pdf-tools';
 }
 
 export declare const HomeTemplate: FC<HomeTemplateProps>;

package/dist/components/NavMenu.d.ts

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

package/dist/components/NavMenuItem.d.ts

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

package/dist/components/NavMenuItem.js

@@ -5,20 +5,26 @@ 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 = (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);
+var c = {
+	standard: "bg-secondary-200 h-4.5 w-5.25",
+	emphasized: "bg-[var(--tag-emphasized-bg,var(--primary-300))] h-4.5 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);
 	r(() => {
-		if (!b) return;
+		if (!x) return;
 		let e = (e) => {
-			S.current && !S.current.contains(e.target) && x(!1);
+			C.current && !C.current.contains(e.target) && S(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [b, x]);
-	let C = {
+	}, [x, S]);
+	let w = {
 		topLevel: {
 			liClass: "relative py-2",
 			triggerClass: "hover:text-neutral-600",
@@ -31,56 +37,62 @@ var c = (l) => {
 			dropdownPosition: "top-0 left-full -mt-4 pl-6",
 			Icon: t
 		}
-	}, w = d ? C.nested : C.topLevel, T = w.Icon, E = n(() => {
-		x(!1), h && h();
-	}, [h, x]), D = i(null);
+	}, T = f ? w.nested : w.topLevel, E = T.Icon, D = n(() => {
+		S(!1), g && g();
+	}, [g, S]), O = i(null);
 	r(() => {
-		let e = D.current;
-		if (e) return e.addEventListener("click", E), () => {
-			e.removeEventListener("click", E);
+		let e = O.current;
+		if (e) return e.addEventListener("click", D), () => {
+			e.removeEventListener("click", D);
 		};
-	}, [E]);
-	let O = (e) => {
-		e.stopPropagation(), x(!b);
-	}, k = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && x(!0);
+	}, [D]);
+	let k = (e) => {
+		e.stopPropagation(), S(!x);
 	}, A = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && x(!1);
+		globalThis.window.matchMedia("(hover: hover)").matches && S(!0);
+	}, j = () => {
+		globalThis.window.matchMedia("(hover: hover)").matches && S(!1);
 	};
-	if (u) {
-		let { dropdownItems: e, label: t } = l;
+	if (d) {
+		let { dropdownItems: e, label: t, tag: n, tagVariant: r = "standard" } = c;
 		return /* @__PURE__ */ s("li", {
-			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
+			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
 				})]
 			}), /* @__PURE__ */ o("div", {
-				className: `absolute z-50 min-w-48 transition-all duration-200 ${w.dropdownPosition} ${b ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
+				className: `absolute z-50 min-w-48 transition-all duration-200 ${T.dropdownPosition} ${x ? "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(c, {
+						children: e.map((e) => /* @__PURE__ */ o(u, {
 							...e,
 							isNested: !0,
-							onItemClick: E,
-							isOpen: v === e.id,
+							onItemClick: D,
+							isOpen: y === e.id,
 							onToggle: (t) => {
-								y(t ? e.id : null);
+								b(t ? e.id : null);
 							}
 						}, e.id))
 					})
@@ -88,21 +100,21 @@ var c = (l) => {
 			})]
 		});
 	}
-	let { link: j, tag: M, bold: N } = l;
+	let { link: M, tag: N, tagVariant: P = "standard", bold: F } = c;
 	return /* @__PURE__ */ o("li", {
-		ref: D,
-		className: w.liClass,
+		ref: O,
+		className: T.liClass,
 		children: /* @__PURE__ */ s("span", {
-			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass} `,
+			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass} `,
 			children: [/* @__PURE__ */ o("span", {
-				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",
+				className: `text-medium flex-1 ${F ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
 				children: M
+			}), N && /* @__PURE__ */ o(l, {
+				tag: N,
+				variant: P
 			})]
 		})
 	});
 };
 //#endregion
-export { c as NavMenuItem };
+export { u as NavMenuItem };

package/dist/components/ProcessSection.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { ReactNode } from 'react';
 
 export declare interface HomeStepsProps {
-    image?: ReactNode;
+    image: ReactNode;
     header: SectionHeadingProps;
     steps: {
         id: string;
@@ -10,7 +10,6 @@ export declare interface HomeStepsProps {
         description: string;
         image: ReactNode;
     }[];
-    variant?: 'default' | 'pdf-tools';
 }
 
 export declare const ProcessSection: FC<HomeStepsProps>;

package/dist/components/ProcessSection.js

@@ -1,43 +1,34 @@
 import { SectionHeading as e } from "./SectionHeading.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import r from "clsx";
 //#region lib/components/organisms/ProcessSection.tsx
-var i = ({ image: i, header: a, steps: o, variant: s = "default" }) => {
-	if (o.length === 0) return null;
-	let c = s === "pdf-tools";
-	return /* @__PURE__ */ n("section", {
-		className: r("relative mx-auto px-6 py-10 lg:px-8 lg:py-12 xl:px-0", c ? "bg-white" : "bg-neutral-50"),
-		children: [!c && /* @__PURE__ */ t("div", {
-			className: "pointer-events-none absolute top-0 right-0 hidden lg:block",
-			children: i
-		}), /* @__PURE__ */ n("div", {
-			className: "relative mx-auto flex flex-col gap-6 xl:max-w-250",
-			children: [/* @__PURE__ */ t(e, {
-				...a,
-				titleClass: "font-sans text-super-large font-bold",
-				align: c ? "start" : a.align
-			}), /* @__PURE__ */ t("div", {
-				className: "grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-8",
-				children: o.map((e) => /* @__PURE__ */ n("div", {
-					className: c ? "flex flex-col overflow-hidden rounded-2xl bg-white shadow-[0px_2px_6px_0px_rgba(2,55,74,0.1)]" : "flex items-center gap-6 rounded-sm bg-white p-6 shadow-lg md:flex-col md:justify-center md:gap-10 md:py-10",
-					children: [/* @__PURE__ */ t("div", {
-						className: r("overflow-hidden [&_img]:h-full [&_img]:w-full [&_img]:object-cover", c ? "bg-primary-50 h-53.5 w-full" : "h-22 w-22 shrink-0 md:h-30 md:w-30"),
-						children: e.image
-					}), /* @__PURE__ */ n("div", {
-						className: r("flex flex-col", c ? "gap-4 border-t border-neutral-200 p-6" : "gap-2 md:text-center"),
-						children: [/* @__PURE__ */ t("p", {
-							className: "text-big font-semibold text-neutral-800",
-							children: e.title
-						}), /* @__PURE__ */ t("p", {
-							className: r(c ? "text-medium text-neutral-600" : "text-small text-neutral-600"),
-							children: e.description
-						})]
+var r = ({ image: r, header: i, steps: a }) => a.length === 0 ? null : /* @__PURE__ */ n("section", {
+	className: "relative mx-auto bg-neutral-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0",
+	children: [/* @__PURE__ */ t("div", {
+		className: "pointer-events-none absolute top-0 right-0 hidden lg:block",
+		children: r
+	}), /* @__PURE__ */ n("div", {
+		className: "relative mx-auto flex flex-col gap-6 xl:max-w-250",
+		children: [/* @__PURE__ */ t(e, { ...i }), /* @__PURE__ */ t("div", {
+			className: "grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-8",
+			children: a.map((e) => /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-6 rounded-sm bg-white p-6 shadow-lg md:flex-col md:justify-center md:gap-10 md:py-10",
+				children: [/* @__PURE__ */ t("div", {
+					className: "h-22 w-22 shrink-0 overflow-hidden md:h-30 md:w-30 [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
+					children: e.image
+				}), /* @__PURE__ */ n("div", {
+					className: "flex flex-col gap-2 md:text-center",
+					children: [/* @__PURE__ */ t("p", {
+						className: "text-big font-semibold text-neutral-800",
+						children: e.title
+					}), /* @__PURE__ */ t("p", {
+						className: "text-small text-neutral-600",
+						children: e.description
 					})]
-				}, e.id))
-			})]
+				})]
+			}, e.id))
 		})]
-	});
-};
+	})]
+});
 //#endregion
-export { i as ProcessSection };
+export { r as ProcessSection };

package/dist/components/UploadZone.d.ts

@@ -10,15 +10,10 @@ export declare type Hero2Highlight = {
 export declare const UploadZone: FC<UploadZoneProps>;
 
 export declare interface UploadZoneProps {
-    uploadPromptText?: string;
+    uploadPromptText: string;
     addDocumentLabel: string;
-    fileSizeText?: string;
-    disclaimer?: string;
-    title?: string;
-    description?: string;
-    trustLine?: string;
-    uploadIcon?: ReactNode;
-    variant?: 'default' | 'pdf-tools';
+    fileSizeText: string;
+    disclaimer: string;
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/UploadZone.js

@@ -1,107 +1,57 @@
 "use client";
 "use client";
 import { AddIcon as e } from "./AddIcon.js";
-import { UploadDocIcon as t } from "./UploadDocIcon.js";
-import { LockIcon as n } from "./LockIcon.js";
-import { Button as r } from "./Button.js";
-import { Markdown as i } from "./Markdown.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "clsx";
+import { Button as t } from "./Button.js";
+import { Markdown as n } from "./Markdown.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "clsx";
 //#region lib/components/molecules/UploadZone.tsx
-var c = ({ uploadPromptText: c, addDocumentLabel: l, fileSizeText: u, disclaimer: d, title: f, description: p, trustLine: m, uploadIcon: h, variant: g = "default", containerClassName: _ = "", onAddDocument: v, onDropDocument: y, dataQa: b }) => {
-	let x = g === "pdf-tools";
-	return /* @__PURE__ */ o("div", {
-		role: "presentation",
-		onDragOver: (e) => {
-			e.preventDefault();
-		},
-		onDragEnter: (e) => {
-			e.preventDefault();
-		},
-		onDrop: (e) => {
-			e.preventDefault(), y?.(e);
-		},
-		className: s("rounded-3xl", x ? "w-full bg-white p-5 shadow-[0px_10px_30px_0px_rgba(2,55,74,0.06)]" : "group bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140", _),
-		children: [
-			/* @__PURE__ */ a("input", {
-				type: "file",
-				id: "file-upload",
-				className: "sr-only",
-				onChange: v,
-				multiple: !0
-			}),
-			x && /* @__PURE__ */ o("div", {
-				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ o("div", {
-					className: "border-primary-300 flex flex-col items-center gap-4 rounded-2xl border-[1.5px] border-dashed px-6 py-6 text-center lg:px-8",
-					children: [
-						/* @__PURE__ */ a("div", {
-							className: "bg-primary-50 text-primary-800 flex h-13.5 w-13.5 items-center justify-center rounded-2xl",
-							children: h ?? /* @__PURE__ */ a(t, { className: "h-6 w-6" })
-						}),
-						(f || p) && /* @__PURE__ */ o("div", {
-							className: "flex flex-col gap-1.5",
-							children: [f && /* @__PURE__ */ a("p", {
-								className: "text-large font-bold text-neutral-800",
-								children: f
-							}), p && /* @__PURE__ */ a("p", {
-								className: "text-medium text-neutral-600",
-								children: p
-							})]
-						}),
-						/* @__PURE__ */ o(r, {
-							dataQa: b,
-							variant: "primary-green",
-							className: "w-fit",
-							onClick: v,
-							children: [/* @__PURE__ */ a(e, {}), /* @__PURE__ */ a("span", {
-								className: "text-medium font-bold",
-								children: l
-							})]
-						}),
-						u && /* @__PURE__ */ a("p", {
-							className: "text-small text-neutral-600",
-							children: u
-						})
-					]
-				}), m && /* @__PURE__ */ o("div", {
-					className: "flex items-center justify-center gap-1",
-					children: [/* @__PURE__ */ a(n, { className: "h-4 w-4 text-neutral-600" }), /* @__PURE__ */ a("p", {
-						className: "text-small text-neutral-600",
-						children: m
-					})]
+var o = ({ uploadPromptText: o, addDocumentLabel: s, fileSizeText: c, disclaimer: l, onAddDocument: u, onDropDocument: d, containerClassName: f = "", dataQa: p }) => /* @__PURE__ */ i("div", {
+	role: "presentation",
+	onDragOver: (e) => {
+		e.preventDefault();
+	},
+	onDragEnter: (e) => {
+		e.preventDefault();
+	},
+	onDrop: (e) => {
+		e.preventDefault(), d?.(e);
+	},
+	className: a("group rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140", f),
+	children: [/* @__PURE__ */ r("input", {
+		type: "file",
+		id: "file-upload",
+		className: "sr-only",
+		onChange: u,
+		multiple: !0
+	}), /* @__PURE__ */ i("div", {
+		className: "bg-neutral-25 flex flex-col gap-14 rounded-2xl px-6 pt-14 pb-2 text-center",
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex flex-col items-center gap-10",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900",
+				children: o
+			}), /* @__PURE__ */ i(t, {
+				dataQa: p,
+				variant: "primary-green",
+				className: "w-fit",
+				onClick: u,
+				children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r("span", {
+					className: "text-medium font-bold",
+					children: s
 				})]
-			}),
-			!x && /* @__PURE__ */ o("div", {
-				className: "bg-neutral-25 flex flex-col gap-14 rounded-2xl px-6 pt-14 pb-2 text-center",
-				children: [/* @__PURE__ */ o("div", {
-					className: "flex flex-col items-center gap-10",
-					children: [c && /* @__PURE__ */ a("p", {
-						className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900",
-						children: c
-					}), /* @__PURE__ */ o(r, {
-						dataQa: b,
-						variant: "primary-green",
-						className: "w-fit",
-						onClick: v,
-						children: [/* @__PURE__ */ a(e, {}), /* @__PURE__ */ a("span", {
-							className: "text-medium font-bold",
-							children: l
-						})]
-					})]
-				}), /* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-2",
-					children: [u && /* @__PURE__ */ a("p", {
-						className: "text-extra-small text-neutral-400",
-						children: u
-					}), d && /* @__PURE__ */ a(i, {
-						className: "text-tiny text-neutral-400 [&_a]:text-neutral-400",
-						content: d
-					})]
-				})]
-			})
-		]
-	});
-};
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-extra-small text-neutral-400",
+				children: c
+			}), /* @__PURE__ */ r(n, {
+				className: "text-tiny text-neutral-400 [&_a]:text-neutral-400",
+				content: l
+			})]
+		})]
+	})]
+});
 //#endregion
-export { c as UploadZone };
+export { o as UploadZone };