npm - @better-auth-ui/react - Versions diffs - 1.6.8 → 1.6.9 - Mend

@better-auth-ui/react 1.6.8 → 1.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (334) hide show

package/dist/components/icons/twitch.js CHANGED Viewed

@@ -1,44 +1,13 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/icons/twitch.tsx
-function n(n) {
-	return /* @__PURE__ */ t("svg", {
-		version: "1.1",
-		viewBox: "0 0 2400 2800",
-		x: "0px",
-		xmlSpace: "preserve",
-		xmlns: "http://www.w3.org/2000/svg",
-		xmlnsXlink: "http://www.w3.org/1999/xlink",
-		y: "0px",
-		role: "img",
-		"aria-label": "Twitch",
-		...n,
-		children: [/* @__PURE__ */ e("style", {
-			type: "text/css",
-			children: "\n                .st0{fill:#FFFFFF}\n                .st1{fill:#9146FF}\n            "
-		}), /* @__PURE__ */ t("g", { children: [/* @__PURE__ */ e("polygon", {
-			className: "st0",
-			points: "2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200"
-		}), /* @__PURE__ */ e("g", { children: /* @__PURE__ */ t("g", { children: [
-			/* @__PURE__ */ e("path", {
-				className: "st1",
-				d: "M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600V1300z"
-			}),
-			/* @__PURE__ */ e("rect", {
-				className: "st1",
-				height: "600",
-				width: "200",
-				x: "1700",
-				y: "550"
-			}),
-			/* @__PURE__ */ e("rect", {
-				className: "st1",
-				height: "600",
-				width: "200",
-				x: "1150",
-				y: "550"
-			})
-		] }) })] })]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders the Twitch logo as an inline SVG element.
+ *
+ * @param props - Props spread onto the root `<svg>` element for customization (e.g., className, style, width, height, aria attributes).
+ * @returns The SVG element representing the Twitch logo.
+ */
+export function Twitch(props) {
+    return (_jsxs("svg", { version: "1.1", viewBox: "0 0 2400 2800", x: "0px", xmlSpace: "preserve", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", y: "0px", role: "img", "aria-label": "Twitch", ...props, children: [_jsx("style", { type: "text/css", children: `
+                .st0{fill:#FFFFFF}
+                .st1{fill:#9146FF}
+            ` }), _jsxs("g", { children: [_jsx("polygon", { className: "st0", points: "2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200" }), _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { className: "st1", d: "M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600V1300z" }), _jsx("rect", { className: "st1", height: "600", width: "200", x: "1700", y: "550" }), _jsx("rect", { className: "st1", height: "600", width: "200", x: "1150", y: "550" })] }) })] })] }));
 }
-//#endregion
-export { n as Twitch };

package/dist/components/icons/vercel.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the Vercel logo as an SVG icon.
  *

package/dist/components/icons/vercel.js CHANGED Viewed

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/vercel.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		role: "img",
-		"aria-label": "Vercel",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M23 21.648H1L12 2.352z"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the Vercel logo as an SVG icon.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (e.g., className, style, width, height, aria-*).
+ * @returns An SVG element representing the Vercel logo.
+ */
+export function Vercel(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "Vercel", ...props, children: _jsx("path", { fill: "currentColor", d: "M23 21.648H1L12 2.352z" }) }));
 }
-//#endregion
-export { t as Vercel };

package/dist/components/icons/vk.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Render the VK social icon as an SVG element.
  *

package/dist/components/icons/vk.js CHANGED Viewed

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/vk.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 576 512",
-		role: "img",
-		"aria-label": "VK",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "#0076FF",
-			d: "M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7c0 0-30 73.1-72.4 120.5c-13.7 13.7-20 18.1-27.5 18.1c-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5c0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5c-20 0-68.6-73.4-97.4-157.4c-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7c0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9c0-66.8-3.4-73.1 15.4-73.1c8.7 0 23.7 4.4 58.7 38.1c40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25c-11.2-34.9-86.9-106.7-90.3-111.5c-8.7-11.2-6.2-16.2 0-26.2c.1-.1 72-101.3 79.4-135.6"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Render the VK social icon as an SVG element.
+ *
+ * @param props - SVG attributes and ref forwarded to the root `<svg>` element
+ * @returns An `<svg>` element containing the VK icon path
+ */
+export function VK(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", role: "img", "aria-label": "VK", ...props, children: _jsx("path", { fill: "#0076FF", d: "M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7c0 0-30 73.1-72.4 120.5c-13.7 13.7-20 18.1-27.5 18.1c-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5c0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5c-20 0-68.6-73.4-97.4-157.4c-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7c0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9c0-66.8-3.4-73.1 15.4-73.1c8.7 0 23.7 4.4 58.7 38.1c40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25c-11.2-34.9-86.9-106.7-90.3-111.5c-8.7-11.2-6.2-16.2 0-26.2c.1-.1 72-101.3 79.4-135.6" }) }));
 }
-//#endregion
-export { t as VK };

package/dist/components/icons/wechat.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders an "X" icon as an SVG React component.
  *

package/dist/components/icons/wechat.js CHANGED Viewed

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/wechat.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		role: "img",
-		"aria-label": "WeChat",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 17l2.5-1.5c.89.31 1.87.5 2.91.5A5.2 5.2 0 0 1 9 14c0-3.31 3.13-6 7-6c.19 0 .38 0 .56.03C15.54 5.69 12.78 4 9.5 4m-3 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M16 9c-3.31 0-6 2.24-6 5s2.69 5 6 5c.67 0 1.31-.08 1.91-.25L20 20l-.62-1.87C20.95 17.22 22 15.71 22 14c0-2.76-2.69-5-6-5m-2 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export function WeChat(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "WeChat", ...props, children: _jsx("path", { fill: "currentColor", d: "M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 17l2.5-1.5c.89.31 1.87.5 2.91.5A5.2 5.2 0 0 1 9 14c0-3.31 3.13-6 7-6c.19 0 .38 0 .56.03C15.54 5.69 12.78 4 9.5 4m-3 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M16 9c-3.31 0-6 2.24-6 5s2.69 5 6 5c.67 0 1.31-.08 1.91-.25L20 20l-.62-1.87C20.95 17.22 22 15.71 22 14c0-2.76-2.69-5-6-5m-2 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1" }) }));
 }
-//#endregion
-export { t as WeChat };

package/dist/components/icons/x.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders an "X" icon as an SVG React component.
  *

package/dist/components/icons/x.js CHANGED Viewed

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/x.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		viewBox: "0 0 512 512",
-		xmlns: "http://www.w3.org/2000/svg",
-		role: "img",
-		"aria-label": "X",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			d: "M389.2 48h70.6L305.6 224.2L487 464H345L233.7 318.6L106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9zm-24.8 373.8h39.1L151.1 88h-42z",
-			fill: "currentColor"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export function X(props) {
+    return (_jsx("svg", { viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "X", ...props, children: _jsx("path", { d: "M389.2 48h70.6L305.6 224.2L487 464H345L233.7 318.6L106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9zm-24.8 373.8h39.1L151.1 88h-42z", fill: "currentColor" }) }));
 }
-//#endregion
-export { t as X };

package/dist/components/icons/zoom.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef } from "react";
 /**
  * Renders a stylized "Zoom" SVG icon featuring a blue multi-stop gradient and a white interior highlight.
  *

package/dist/components/icons/zoom.js CHANGED Viewed

@@ -1,70 +1,12 @@
-import { useId as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/icons/zoom.tsx
-function r(r) {
-	let i = e();
-	return /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 256 256",
-		role: "img",
-		"aria-label": "Zoom",
-		...r,
-		children: [
-			/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
-				id: i,
-				x1: "23.666%",
-				x2: "76.334%",
-				y1: "95.612%",
-				y2: "4.388%",
-				children: [
-					/* @__PURE__ */ t("stop", {
-						offset: "0%",
-						stopColor: "#0845bf"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "19.11%",
-						stopColor: "#0950de"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "38.23%",
-						stopColor: "#0b59f6"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "50%",
-						stopColor: "#0b5cff"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "67.32%",
-						stopColor: "#0e5efe"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "77.74%",
-						stopColor: "#1665fc"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "86.33%",
-						stopColor: "#246ff9"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "93.88%",
-						stopColor: "#387ff4"
-					}),
-					/* @__PURE__ */ t("stop", {
-						offset: "100%",
-						stopColor: "#4f90ee"
-					})
-				]
-			}) }),
-			/* @__PURE__ */ t("path", {
-				fill: `url(#${i})`,
-				d: "M256 128c0 13.568-1.024 27.136-3.328 40.192c-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256s-27.136-1.024-40.192-3.328c-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128s1.024-27.136 3.328-40.192c6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0s27.136 1.024 40.192 3.328c43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128"
-			}),
-			/* @__PURE__ */ t("path", {
-				fill: "#fff",
-				d: "M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032c-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032c4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744"
-			})
-		]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+/**
+ * Renders a stylized "Zoom" SVG icon featuring a blue multi-stop gradient and a white interior highlight.
+ *
+ * @param props - Props are forwarded to the root `<svg>` element (e.g., className, style, width, height, aria-*).
+ * @returns The SVG element for the Zoom icon.
+ */
+export function Zoom(props) {
+    const gradientId = useId();
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", role: "img", "aria-label": "Zoom", ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "23.666%", x2: "76.334%", y1: "95.612%", y2: "4.388%", children: [_jsx("stop", { offset: "0%", stopColor: "#0845bf" }), _jsx("stop", { offset: "19.11%", stopColor: "#0950de" }), _jsx("stop", { offset: "38.23%", stopColor: "#0b59f6" }), _jsx("stop", { offset: "50%", stopColor: "#0b5cff" }), _jsx("stop", { offset: "67.32%", stopColor: "#0e5efe" }), _jsx("stop", { offset: "77.74%", stopColor: "#1665fc" }), _jsx("stop", { offset: "86.33%", stopColor: "#246ff9" }), _jsx("stop", { offset: "93.88%", stopColor: "#387ff4" }), _jsx("stop", { offset: "100%", stopColor: "#4f90ee" })] }) }), _jsx("path", { fill: `url(#${gradientId})`, d: "M256 128c0 13.568-1.024 27.136-3.328 40.192c-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256s-27.136-1.024-40.192-3.328c-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128s1.024-27.136 3.328-40.192c6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0s27.136 1.024 40.192 3.328c43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128" }), _jsx("path", { fill: "#fff", d: "M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032c-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032c4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744" })] }));
 }
-//#endregion
-export { r as Zoom };

package/dist/components/mutation-invalidator.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function MutationInvalidator(): null;

package/dist/components/mutation-invalidator.js ADDED Viewed

@@ -0,0 +1,31 @@
+import { authMutationKeys } from "@better-auth-ui/core";
+import { matchMutation, matchQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
+export function MutationInvalidator() {
+    const queryClient = useQueryClient();
+    useEffect(() => {
+        const mutationCache = queryClient.getMutationCache();
+        const previousOnSuccess = mutationCache.config.onSuccess;
+        mutationCache.config.onSuccess = async (data, variables, onMutateResult, mutation, context) => {
+            await previousOnSuccess?.(data, variables, onMutateResult, mutation, context);
+            if (!matchMutation({ mutationKey: authMutationKeys.all }, mutation)) {
+                return;
+            }
+            const { invalidates, awaits } = (mutation.meta ?? {});
+            if (invalidates?.length) {
+                queryClient.invalidateQueries({
+                    predicate: (query) => invalidates.some((queryKey) => matchQuery({ queryKey }, query))
+                });
+            }
+            if (awaits?.length) {
+                return queryClient.invalidateQueries({
+                    predicate: (query) => awaits.some((queryKey) => matchQuery({ queryKey }, query))
+                }, { cancelRefetch: false });
+            }
+        };
+        return () => {
+            mutationCache.config.onSuccess = previousOnSuccess;
+        };
+    }, [queryClient]);
+    return null;
+}