@alfadocs/ui-kit 0.42.0 → 0.44.0

package/dist/patterns/marketplace-app-shell/index.js

@@ -1,4 +1,4 @@
-import { C as l, M as o } from "../../_chunks/marketplace-app-shell-kVAVycz_.js";
+import { C as l, M as o } from "../../_chunks/marketplace-app-shell-Dc5cTIt8.js";
 export {
   l as ConnectWithAlfadocs,
   o as MarketplaceAppShell

package/dist/patterns/marketplace-app-shell/marketplace-app-shell.d.ts

@@ -23,7 +23,7 @@
  * its own i18n; the only kit-owned strings reuse existing translated `ui.*`
  * keys (sidebar label, skip link, menu button).
  */
-import { type ReactNode } from 'react';
+import { type MouseEvent, type ReactNode } from 'react';
 import { type SidebarMode } from '../../components/sidebar';
 export interface MarketplaceNavItem {
     id: string;
@@ -36,7 +36,39 @@ export interface MarketplaceNavItem {
     badgeCount?: number;
     /** Mark the item as the current page (`aria-current='page'`). */
     isActive?: boolean;
+    /**
+     * Optional click handler threaded onto the nav link's `<a>`. The lightweight
+     * alternative to `renderLink`: intercept a same-origin click (call
+     * `event.preventDefault()`) and route client-side without a full page load —
+     * no router `<Link>` needed. Applies to both the standalone sidebar item and
+     * the embedded tab. When `renderLink` is supplied it's handed through to the
+     * consumer's link element instead.
+     */
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
+/**
+ * Props the shell hands to `renderLink` for each nav item. The consumer returns
+ * their router's `<Link to={href}>` carrying the same `className` (the kit's
+ * active styling) and `aria-current` (`'page'` on the active item) so a tab /
+ * sidebar-item click is a client-side route change, not a full page reload.
+ */
+export interface MarketplaceRenderLinkProps {
+    /** The item's destination — feed it to your router's `to` / `href`. */
+    href: string;
+    /** The kit's classes — apply verbatim to the link element. */
+    className?: string;
+    /** Icon + label + badge — render as the link's children. */
+    children: ReactNode;
+    /** `'page'` on the active item, otherwise omitted — forward to the link. */
+    'aria-current'?: 'page';
 }
+/**
+ * Render a nav item through the consumer's router instead of the kit's own
+ * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's
+ * `className`, the item children, and `aria-current` so the active styling and
+ * the `aria-current="page"` marker survive a client-side route change.
+ */
+export type MarketplaceRenderLink = (props: MarketplaceRenderLinkProps) => ReactNode;
 export interface MarketplaceAppUser {
     /** Display name — drives the avatar initials + the account-menu header. */
     name: string;
@@ -64,6 +96,30 @@ export interface MarketplaceAppShellProps {
     productHref?: string;
     /** Sidebar nav items, in order. */
     nav: MarketplaceNavItem[];
+    /**
+     * Render nav items (and the brand lockup) through the consumer's router so a
+     * tab / item click is a client-side route change with **no full-page reload
+     * or session flash**. Wire it to your router's `<Link>`:
+     *
+     * ```tsx
+     * import { Link } from '@tanstack/react-router';
+     * <MarketplaceAppShell
+     *   nav={nav}
+     *   renderLink={({ href, className, children, ...rest }) => (
+     *     <Link to={href} className={className} {...rest}>{children}</Link>
+     *   )}
+     * />
+     * ```
+     *
+     * Threaded to the standalone sidebar items, the embedded top tab strip, and
+     * the brand lockup. The kit forwards the same `className` + `aria-current` so
+     * the active styling and the `aria-current="page"` marker survive in both
+     * modes. Omit it to render the plain `<a href>` exactly as before — non-routed
+     * consumers are byte-for-byte unaffected. A per-item `onClick` (a
+     * click-interceptor shim) is the lighter alternative when you don't want to
+     * thread a router `<Link>`.
+     */
+    renderLink?: MarketplaceRenderLink;
     /** The signed-in user shown in the account menu. */
     user: MarketplaceAppUser;
     /** Consumer-localised chrome labels owned by the shell. */

package/dist/patterns/patient-shell/index.js

@@ -1,4 +1,4 @@
-import { P as a } from "../../_chunks/patient-shell-lDX3wwu6.js";
+import { P as a } from "../../_chunks/patient-shell-CnT4L8gn.js";
 export {
   a as PatientShell
 };