@atom-learning/components 6.16.0-beta.0 → 6.16.0-beta.2

package/dist/index.cjs.js

@@ -488,11 +488,15 @@ var getExternalAnchorProps = (url) => isExternalUrl(url) ? {
 //#endregion
 //#region src/components/router-provider/RouterProvider.tsx
 var RouterContext = react.createContext({});
-var RouterProvider = ({ link, children }) => /* @__PURE__ */ react.createElement(RouterContext.Provider, { value: { link } }, children);
+var RouterProvider = ({ link, children }) => {
+	const value = react.useMemo(() => ({ link }), [link]);
+	return /* @__PURE__ */ react.createElement(RouterContext.Provider, { value }, children);
+};
 var isAbsoluteUrl = (url) => /^https?:\/\//.test(url || "");
+var EMPTY = {};
 var useRouterLinkProps = (href, { reloadDocument } = {}) => {
 	const { link } = react.useContext(RouterContext);
-	if (!link || !href || isAbsoluteUrl(href) || reloadDocument) return {};
+	if (!link || !href || isAbsoluteUrl(href) || reloadDocument) return EMPTY;
 	return { as: link };
 };
 RouterProvider.displayName = "RouterProvider";
@@ -8926,9 +8930,10 @@ var StyledTileInteractive = styled(Tile, { base: [
 	"not-disabled:transition-transform",
 	"not-disabled:translate-y-0"
 ] });
-var TileInteractive = react.default.forwardRef(({ onClick, href, type = "button", as, ...rest }, ref) => {
+var TileInteractive = react.default.forwardRef(({ onClick, href, type = "button", as, reloadDocument, ...rest }, ref) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
 	const elementSpecificProps = !!href ? {
-		as: as || "a",
+		as: as || routerLinkProps.as || "a",
 		href,
 		onClick: void 0
 	} : {