doom-design-system 0.4.4 → 0.4.5

package/dist/components/Link/Link.js

@@ -13,11 +13,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import styles from "./Link.module.css";
-import React from "react";
+import { useState, useEffect } from "react";
 import { ExternalLink } from "lucide-react";
 export function Link(_a) {
     var { children, variant = "default", prefetch, isExternal, disabled, className, onClick, onMouseEnter } = _a, props = __rest(_a, ["children", "variant", "prefetch", "isExternal", "disabled", "className", "onClick", "onMouseEnter"]);
-    const [shouldPrefetch, setShouldPrefetch] = React.useState(false);
+    const [shouldPrefetch, setShouldPrefetch] = useState(false);
     const handleMouseEnter = (e) => {
         if (disabled)
             return;
@@ -33,8 +33,20 @@ export function Link(_a) {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
+    useEffect(() => {
+        if (shouldPrefetch && props.href && typeof document !== "undefined") {
+            const link = document.createElement("link");
+            link.rel = "prefetch";
+            link.href = props.href;
+            link.as = "document";
+            document.head.appendChild(link);
+            return () => {
+                document.head.removeChild(link);
+            };
+        }
+    }, [shouldPrefetch, props.href]);
     const externalProps = isExternal
         ? { target: "_blank", rel: "noopener noreferrer" }
         : {};
-    return (_jsxs("a", Object.assign({ className: clsx(styles.link, styles[variant], disabled && styles.disabled, className), onMouseEnter: handleMouseEnter, onClick: handleClick, "aria-disabled": disabled }, externalProps, props, { children: [children, isExternal && _jsx(ExternalLink, { size: 14, className: "ml-1" }), shouldPrefetch && props.href && (_jsx("link", { rel: "prefetch", href: props.href, as: "document" }))] })));
+    return (_jsxs("a", Object.assign({ className: clsx(styles.link, styles[variant], disabled && styles.disabled, className), onMouseEnter: handleMouseEnter, onClick: handleClick, "aria-disabled": disabled }, externalProps, props, { children: [children, isExternal && _jsx(ExternalLink, { size: 14, className: "ml-1" })] })));
 }