@olwiba/ui 0.0.29 → 0.0.30

package/dist/index.d.ts

@@ -139,6 +139,8 @@ interface AuthFormProps {
     error?: string;
     /** Disables the submit button and shows a loading label */
     loading?: boolean;
+    /** Render prop for links — use to inject framework-native link components (e.g. TanStack Router Link) */
+    renderLink?: AppShellRenderLink;
 }
 interface AuthSectionProps extends AuthFormProps {
     /** Visual layout of the auth screen. @default 'centered' */

package/dist/index.js

@@ -253,6 +253,7 @@ function AppShell({
   }
   return inner;
 }
+var defaultRenderLink2 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function CenteredAuth({ children }) {
   return /* @__PURE__ */ jsx("section", { className: "flex h-full min-h-[720px] w-full flex-col items-center justify-center gap-6 rounded-2xl bg-muted p-6 md:p-10", children: /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-sm flex-col gap-6", children }) });
 }
@@ -295,7 +296,8 @@ function DefaultForm({
   forgotPasswordHref = "#",
   brand,
   error,
-  loading
+  loading,
+  renderLink = defaultRenderLink2
 }) {
   const isSignUp = mode === "signup";
   return /* @__PURE__ */ jsxs(Card$1, { className: "w-full max-w-md", children: [
@@ -317,7 +319,11 @@ function DefaultForm({
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx(Label, { htmlFor: "auth-password", children: "Password" }),
-            !isSignUp && forgotPasswordHref && /* @__PURE__ */ jsx("a", { className: "text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground", href: forgotPasswordHref, children: "Forgot password?" })
+            !isSignUp && forgotPasswordHref && renderLink({
+              href: forgotPasswordHref,
+              className: "text-xs text-muted-foreground underline underline-offset-4 hover:text-foreground",
+              children: "Forgot password?"
+            })
           ] }),
           /* @__PURE__ */ jsx(
             Input$1,
@@ -339,11 +345,11 @@ function DefaultForm({
       /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: isSignUp ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ jsx("a", { className: "text-foreground underline underline-offset-4", href: signInHref, children: "Sign in" })
+        renderLink({ href: signInHref, className: "text-foreground underline underline-offset-4", children: "Sign in" })
       ] }) : signUpHref && /* @__PURE__ */ jsxs(Fragment, { children: [
         "New here?",
         " ",
-        /* @__PURE__ */ jsx("a", { className: "text-foreground underline underline-offset-4", href: signUpHref, children: "Create an account" })
+        renderLink({ href: signUpHref, className: "text-foreground underline underline-offset-4", children: "Create an account" })
       ] }) })
     ] })
   ] });
@@ -378,14 +384,14 @@ function EmptyState({ icon: Icon, title, description, action, className, ...prop
     }
   );
 }
-var defaultRenderLink2 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink3 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function ErrorPage({
   statusCode = "404",
   title = "Page not found",
   description = "The page you're looking for doesn't exist or has been moved. Check the URL or head back home.",
   action = { label: "Take me home", href: "/" },
   backAction = { label: "Go back" },
-  renderLink = defaultRenderLink2
+  renderLink = defaultRenderLink3
 }) {
   return /* @__PURE__ */ jsx("section", { className: "overflow-hidden rounded-2xl border bg-card", children: /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[560px] flex-col items-center justify-center px-6 py-16 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_center,hsl(var(--muted)/0.8),transparent_70%)]" }),
@@ -596,7 +602,7 @@ function SectionTitle({ title, description, badge, className }) {
     description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-pretty text-muted-foreground", children: description })
   ] }) });
 }
-var defaultRenderLink3 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink4 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function HeroSection({
   heading,
   badge,
@@ -606,7 +612,7 @@ function HeroSection({
   heroImage,
   avatarUrls,
   socialProofText,
-  renderLink = defaultRenderLink3
+  renderLink = defaultRenderLink4
 }) {
   return /* @__PURE__ */ jsx("section", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "px-6 py-14 sm:px-10 sm:py-20", children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto grid max-w-6xl items-center gap-10 lg:grid-cols-2 lg:gap-16", children: [
@@ -736,14 +742,14 @@ function FeaturesSection({
     )) })
   ] }) }) });
 }
-var defaultRenderLink4 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink5 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function CtaSection({
   heading,
   description,
   primaryCta,
   secondaryCta,
   footnote,
-  renderLink = defaultRenderLink4
+  renderLink = defaultRenderLink5
 }) {
   return /* @__PURE__ */ jsx("section", { className: "overflow-hidden rounded-2xl border bg-card", children: /* @__PURE__ */ jsxs("div", { className: "relative px-6 py-16 sm:px-10 sm:py-24", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[radial-gradient(ellipse_at_center,hsl(var(--primary)/0.15),transparent_70%)]" }),
@@ -821,7 +827,7 @@ function PricingCard({
     }
   );
 }
-var defaultRenderLink5 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink6 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function PricingSection({
   title = "Simple, transparent pricing",
   description = "Start for free. Scale as you grow. No hidden fees.",
@@ -829,7 +835,7 @@ function PricingSection({
   plans,
   saveBadge = "Save 34%",
   isAuthenticated,
-  renderLink = defaultRenderLink5,
+  renderLink = defaultRenderLink6,
   footnote
 }) {
   const [annual, setAnnual] = React25.useState(false);
@@ -1264,13 +1270,13 @@ function ThemeSwitchMinimal() {
   };
   return /* @__PURE__ */ jsx(Button$1, { variant: "ghost", size: "icon", onClick: toggle, className: "size-8", "aria-label": "Toggle theme", children: theme === "dark" ? /* @__PURE__ */ jsx(Sun, { className: "size-4" }) : /* @__PURE__ */ jsx(Moon, { className: "size-4" }) });
 }
-var defaultRenderLink6 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink7 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function Navbar({
   brand,
   navLinks,
   cta,
   showThemeToggle = false,
-  renderLink = defaultRenderLink6
+  renderLink = defaultRenderLink7
 }) {
   const [open, setOpen] = React25.useState(false);
   const brandHref = brand.href ?? "/";
@@ -1340,13 +1346,13 @@ function Navbar({
     ] })
   ] }) });
 }
-var defaultRenderLink7 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink8 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function Footer({
   brand,
   navLinks,
   socialLinks,
   legal,
-  renderLink = defaultRenderLink7
+  renderLink = defaultRenderLink8
 }) {
   const brandHref = brand.href ?? "/";
   const copyrightText = legal ?? `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${brand.name}. All rights reserved.`;
@@ -1864,13 +1870,13 @@ function FullPageSpinner({ message }) {
     message && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: message })
   ] });
 }
-var defaultRenderLink8 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
+var defaultRenderLink9 = ({ href, children, className }) => /* @__PURE__ */ jsx("a", { href, className, children });
 function PageHeader({
   title,
   description,
   breadcrumbs,
   backButton,
-  renderLink = defaultRenderLink8,
+  renderLink = defaultRenderLink9,
   className,
   children
 }) {