@devalok/shilp-sutra 0.53.0 → 0.55.0

package/dist/shell/sidebar.d.ts

@@ -1,113 +0,0 @@
-"use client";
-import { IconInput } from '../ui/lib/icon-input';
-/**
- * AppSidebar -- Application-layer sidebar built on the Sidebar primitive.
- *
- * Design-system token migration (2026-02-28):
- *   All V1 colour tokens have been replaced with semantic design-system tokens.
- *   Typography classes replaced with Tailwind equivalents.
- *
- * Props-driven: accepts user info, currentPath, and navItems instead of
- * reading from Remix hooks or Zustand stores.
- */
-import * as React from 'react';
-export interface NavSubItem {
-    title: string;
-    href: string;
-    /** Optional icon. Accepts any `IconInput`. */
-    icon?: IconInput;
-    exact?: boolean;
-}
-export interface NavItem {
-    title: string;
-    href: string;
-    /** Icon for this nav item. Accepts any `IconInput`. */
-    icon: IconInput;
-    /** When true, the route matches only when the path is exactly equal */
-    exact?: boolean;
-    /** Badge rendered on the right side of the nav item */
-    badge?: string | number;
-    /** Optional child items — renders as collapsible sub-list with chevron */
-    children?: NavSubItem[];
-    /** Whether the collapsible is open by default. Auto-opens when a child is active. */
-    defaultOpen?: boolean;
-}
-export interface NavGroup {
-    label: string;
-    items: NavItem[];
-    /** Action rendered next to the group label (e.g., a "+" button) */
-    action?: React.ReactNode;
-}
-export interface SidebarUser {
-    name: string;
-    email?: string;
-    image?: string | null;
-    designation?: string;
-    role?: string;
-}
-export interface SidebarPromo {
-    /** Promo message text */
-    text: string;
-    /** Optional icon rendered before the text. Accepts any `IconInput`. */
-    icon?: IconInput;
-    /** Action button rendered in the promo banner */
-    action?: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-    };
-    /** When provided, renders a dismiss (X) button that calls this handler */
-    onDismiss?: () => void;
-}
-export interface SidebarFooterConfig {
-    /** Legal/utility links rendered as a row separated by dividers */
-    links?: Array<{
-        label: string;
-        href: string;
-    }>;
-    /** Version or build info text (or link) rendered inline after links */
-    version?: string | {
-        label: string;
-        href: string;
-    };
-    /** Custom content rendered above the links row */
-    slot?: React.ReactNode;
-    /** Promo/upsell banner rendered above the links row */
-    promo?: SidebarPromo;
-}
-export interface AppSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Currently active pathname -- used to highlight the active nav item */
-    currentPath?: string;
-    /** User information displayed in the sidebar header */
-    user?: SidebarUser | null;
-    /** Primary navigation groups rendered in the main content area */
-    navGroups?: NavGroup[];
-    /** Optional logo element. Falls back to a text placeholder. */
-    logo?: React.ReactNode;
-    /** Footer links rendered at the bottom of the sidebar */
-    footerLinks?: Array<{
-        label: string;
-        href: string;
-    }>;
-    /** Structured footer config (takes precedence over footerLinks) */
-    footer?: SidebarFooterConfig;
-    /** Content rendered between user header and navigation */
-    headerSlot?: React.ReactNode;
-    /** Content rendered between navigation and footer */
-    preFooterSlot?: React.ReactNode;
-    /** className applied to the wrapper div around preFooterSlot */
-    preFooterClassName?: string;
-    /** Override rendering for specific nav items. Return null to use default rendering. */
-    renderItem?: (item: NavItem, defaultRender: () => React.ReactNode) => React.ReactNode | null;
-    /** Additional className for the root sidebar element */
-    className?: string;
-    /**
-     * Corner radius of nav items (composable). @default 'md' (control radius, ~6px).
-     * `'lg'` restores the previous rounder look; `'sm'` is tighter; `'pill'` is fully rounded.
-     * Sets the `--ds-sidebar-item-radius` CSS var, so you can also override it via `className`/`style`.
-     */
-    navItemRadius?: 'sm' | 'md' | 'lg' | 'pill';
-}
-declare const AppSidebar: React.ForwardRefExoticComponent<AppSidebarProps & React.RefAttributes<HTMLDivElement>>;
-export { AppSidebar };
-//# sourceMappingURL=sidebar.d.ts.map

package/dist/shell/sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/shell/sidebar.js

@@ -1,293 +0,0 @@
-"use client";
-import { IconProvider as e } from "../ui/icon-context.js";
-import { cn as t } from "../ui/lib/utils.js";
-import { Avatar as n, AvatarFallback as r, AvatarImage as i } from "../ui/avatar.js";
-import { normalizeIcon as a } from "../_chunks/normalize-icon.js";
-import { Button as o } from "../ui/button.js";
-import { Collapsible as s, CollapsibleContent as c, CollapsibleTrigger as l } from "../ui/collapsible.js";
-import { TruncatedText as u } from "../ui/truncated-text.js";
-import { useLink as d } from "../_chunks/link-context.js";
-import { Sidebar as f, SidebarContent as p, SidebarFooter as m, SidebarGroup as h, SidebarGroupAction as g, SidebarGroupContent as _, SidebarGroupLabel as v, SidebarHeader as y, SidebarMenu as b, SidebarMenuBadge as x, SidebarMenuButton as S, SidebarMenuItem as C, SidebarMenuSub as w, SidebarMenuSubButton as T, SidebarMenuSubItem as E, SidebarSeparator as D } from "../ui/sidebar.js";
-import "./link-context.js";
-import * as O from "react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-//#region src/shell/sidebar.tsx
-function M({ className: e }) {
-	return /* @__PURE__ */ A("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "16",
-		height: "16",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e,
-		children: /* @__PURE__ */ A("path", { d: "m9 18 6-6-6-6" })
-	});
-}
-function N({ className: e }) {
-	return /* @__PURE__ */ j("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "16",
-		height: "16",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className: e,
-		children: [/* @__PURE__ */ A("path", { d: "M18 6 6 18" }), /* @__PURE__ */ A("path", { d: "m6 6 12 12" })]
-	});
-}
-var P = "relative gap-ds-04 rounded-[var(--ds-sidebar-item-radius,var(--radius-control))] px-ds-04 py-ds-03 transition-colors duration-fast-02", F = {
-	sm: "var(--radius-control-inner)",
-	md: "var(--radius-control)",
-	lg: "var(--radius-surface)",
-	pill: "var(--radius-pill)"
-}, I = "bg-accent-2 text-accent-11 font-medium", L = "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg";
-function R({ item: n, isActive: r, isPathActive: i }) {
-	let o = d(), u = n.badge == null ? null : typeof n.badge == "number" && n.badge > 99 ? "99+" : String(n.badge);
-	if (n.children && n.children.length > 0) {
-		let d = n.children.some((e) => i(e.href, e.exact));
-		return /* @__PURE__ */ A(s, {
-			defaultOpen: d || r || (n.defaultOpen ?? !1),
-			className: "group/collapsible",
-			children: /* @__PURE__ */ j(C, { children: [/* @__PURE__ */ j("div", {
-				className: "relative",
-				children: [
-					/* @__PURE__ */ A(S, {
-						asChild: !0,
-						isActive: r || d,
-						tooltip: n.title,
-						className: t(P, r || d ? I : L),
-						children: /* @__PURE__ */ j(o, {
-							href: n.href,
-							"aria-label": n.title,
-							"aria-current": r ? "page" : void 0,
-							className: "min-w-0",
-							children: [/* @__PURE__ */ A("span", {
-								className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0",
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ A(e, {
-									size: "md",
-									children: a(n.icon)
-								})
-							}), /* @__PURE__ */ A("span", {
-								className: "text-body-lg truncate",
-								children: n.title
-							})]
-						})
-					}),
-					u && /* @__PURE__ */ A(x, { children: u }),
-					/* @__PURE__ */ A(l, {
-						asChild: !0,
-						children: /* @__PURE__ */ A("button", {
-							className: "absolute right-ds-02 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-control text-surface-fg-subtle transition-colors hover:bg-surface-raised-hover hover:text-surface-fg group-data-[collapsible=icon]:hidden",
-							"aria-label": `Toggle ${n.title}`,
-							children: /* @__PURE__ */ A(M, { className: "h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90" })
-						})
-					})
-				]
-			}), /* @__PURE__ */ A(c, { children: /* @__PURE__ */ A(w, { children: n.children.map((t) => {
-				let n = i(t.href, t.exact);
-				return /* @__PURE__ */ A(E, { children: /* @__PURE__ */ A(T, {
-					asChild: !0,
-					isActive: n,
-					children: /* @__PURE__ */ j(o, {
-						href: t.href,
-						"aria-current": n ? "page" : void 0,
-						className: "min-w-0",
-						children: [t.icon && /* @__PURE__ */ A("span", {
-							className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0",
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ A(e, {
-								size: "sm",
-								children: a(t.icon)
-							})
-						}), /* @__PURE__ */ A("span", {
-							className: "truncate",
-							children: t.title
-						})]
-					})
-				}) }, t.href);
-			}) }) })] })
-		});
-	}
-	return /* @__PURE__ */ j(C, { children: [/* @__PURE__ */ A(S, {
-		asChild: !0,
-		isActive: r,
-		tooltip: n.title,
-		className: t(P, r ? I : L),
-		children: /* @__PURE__ */ j(o, {
-			href: n.href,
-			"aria-label": n.title,
-			"aria-current": r ? "page" : void 0,
-			className: "min-w-0",
-			children: [/* @__PURE__ */ A("span", {
-				className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ A(e, {
-					size: "md",
-					children: a(n.icon)
-				})
-			}), /* @__PURE__ */ A("span", {
-				className: "text-body-lg truncate",
-				children: n.title
-			})]
-		})
-	}), u && /* @__PURE__ */ A(x, { children: u })] });
-}
-var z = O.forwardRef(({ currentPath: s = "/", user: c, navGroups: l = [], logo: x, headerSlot: S, preFooterSlot: C, preFooterClassName: w, footerLinks: T = [], footer: E, renderItem: M, className: P, navItemRadius: I, style: L, ...z }, B) => {
-	let V = d(), H = (e, t = !1) => t || e === "/" ? s === e : s.startsWith(e);
-	return /* @__PURE__ */ j(f, {
-		...z,
-		ref: B,
-		"aria-label": "Main navigation",
-		style: I ? {
-			"--ds-sidebar-item-radius": F[I],
-			...L
-		} : L,
-		className: t("z-raised hidden h-full flex-col border-r border-surface-border-strong bg-surface-raised md:flex", P),
-		children: [
-			/* @__PURE__ */ A(y, {
-				className: "px-ds-06 py-ds-06",
-				children: x ?? /* @__PURE__ */ A("span", {
-					className: "text-heading-xs font-semibold text-surface-fg",
-					children: "Logo"
-				})
-			}),
-			c && /* @__PURE__ */ j("div", {
-				className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05",
-				children: [/* @__PURE__ */ j(n, {
-					className: "h-ds-sm-plus w-ds-sm-plus",
-					children: [c.image ? /* @__PURE__ */ A(i, {
-						src: c.image,
-						alt: c.name
-					}) : null, /* @__PURE__ */ A(r, {
-						className: "bg-surface-raised-hover text-surface-fg",
-						children: c.name?.charAt(0).toUpperCase()
-					})]
-				}), /* @__PURE__ */ j("div", {
-					className: "flex min-w-0 flex-col",
-					children: [/* @__PURE__ */ A(u, {
-						className: "text-body-md text-surface-fg",
-						children: c.name ?? ""
-					}), /* @__PURE__ */ A(u, {
-						className: "text-body-sm text-surface-fg-subtle",
-						children: c.designation || c.role || ""
-					})]
-				})]
-			}),
-			/* @__PURE__ */ A(D, {}),
-			S && /* @__PURE__ */ j(k, { children: [S, /* @__PURE__ */ A(D, {})] }),
-			/* @__PURE__ */ A(p, {
-				className: "no-scrollbar px-ds-04",
-				children: l.map((e, t) => /* @__PURE__ */ j("div", { children: [t > 0 && /* @__PURE__ */ A(D, {}), /* @__PURE__ */ j(h, { children: [
-					/* @__PURE__ */ A(v, {
-						className: "px-ds-04 text-body-sm text-surface-fg-subtle",
-						children: e.label
-					}),
-					e.action && /* @__PURE__ */ A(g, {
-						asChild: !0,
-						children: e.action
-					}),
-					/* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(b, { children: e.items.map((e) => {
-						let t = () => /* @__PURE__ */ A(R, {
-							item: e,
-							isActive: H(e.href, e.exact),
-							isPathActive: H
-						});
-						if (M) {
-							let n = M(e, t);
-							if (n !== null) return /* @__PURE__ */ A(O.Fragment, { children: n }, e.href);
-						}
-						return /* @__PURE__ */ A(O.Fragment, { children: t() }, e.href);
-					}) }) })
-				] })] }, e.label))
-			}),
-			C && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(D, {}), /* @__PURE__ */ A("div", {
-				className: w,
-				children: C
-			})] }),
-			E ? /* @__PURE__ */ j(m, {
-				className: "gap-ds-03 px-ds-06 py-ds-05",
-				children: [
-					E.slot && /* @__PURE__ */ A("div", { children: E.slot }),
-					E.promo && /* @__PURE__ */ j("div", {
-						className: "relative rounded-surface bg-surface-raised p-ds-04 shadow-raised",
-						children: [E.promo.onDismiss && /* @__PURE__ */ A("button", {
-							onClick: E.promo.onDismiss,
-							"aria-label": "Dismiss",
-							className: "absolute right-ds-02 top-ds-02 flex h-5 w-5 items-center justify-center rounded-control text-surface-fg-subtle transition-colors hover:bg-surface-raised-hover hover:text-surface-fg",
-							children: /* @__PURE__ */ A(N, { className: "h-3.5 w-3.5" })
-						}), /* @__PURE__ */ j("div", {
-							className: "flex flex-col gap-ds-03",
-							children: [E.promo.icon && /* @__PURE__ */ A("span", {
-								className: "text-accent-11 [&>svg]:h-ico-md [&>svg]:w-ico-md",
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ A(e, {
-									size: "md",
-									children: a(E.promo.icon)
-								})
-							}), /* @__PURE__ */ j("div", {
-								className: "flex min-w-0 flex-col gap-ds-03",
-								children: [/* @__PURE__ */ A("p", {
-									className: "text-body-sm text-surface-fg line-clamp-2",
-									children: E.promo.text
-								}), E.promo.action && (E.promo.action.href ? /* @__PURE__ */ A(o, {
-									asChild: !0,
-									variant: "solid",
-									size: "sm",
-									className: "self-start",
-									children: /* @__PURE__ */ A(V, {
-										href: E.promo.action.href,
-										onClick: E.promo.action.onClick,
-										children: E.promo.action.label
-									})
-								}) : /* @__PURE__ */ A(o, {
-									variant: "solid",
-									size: "sm",
-									className: "self-start",
-									onClick: E.promo.action.onClick,
-									children: E.promo.action.label
-								}))]
-							})]
-						})]
-					}),
-					(E.links?.length || E.version) && /* @__PURE__ */ j("div", {
-						className: "flex items-center gap-ds-03 text-body-sm text-surface-fg-subtle",
-						children: [
-							E.links?.map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A("span", { children: "·" }), /* @__PURE__ */ A(V, {
-								className: "transition-colors hover:text-accent-11",
-								href: e.href,
-								children: e.label
-							})] }, e.href)),
-							E.links?.length && E.version && /* @__PURE__ */ A("span", { children: "·" }),
-							E.version && (typeof E.version == "string" ? /* @__PURE__ */ A("span", { children: E.version }) : /* @__PURE__ */ A(V, {
-								className: "transition-colors hover:text-accent-11",
-								href: E.version.href,
-								children: E.version.label
-							}))
-						]
-					})
-				]
-			}) : T.length > 0 ? /* @__PURE__ */ A(m, {
-				className: "px-ds-06 py-ds-05",
-				children: /* @__PURE__ */ A("div", {
-					className: "flex items-center gap-ds-03 text-body-sm text-surface-fg-subtle",
-					children: T.map((e, t) => /* @__PURE__ */ j(O.Fragment, { children: [t > 0 && /* @__PURE__ */ A("span", { children: "·" }), /* @__PURE__ */ A(V, {
-						className: "transition-colors hover:text-accent-11",
-						href: e.href,
-						children: e.label
-					})] }, e.href))
-				})
-			}) : null
-		]
-	});
-});
-z.displayName = "AppSidebar";
-//#endregion
-export { z as AppSidebar };

package/dist/shell/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/shell/sidebar.tsx"],"sourcesContent":["'use client'\n\n/**\n * AppSidebar -- Application-layer sidebar built on the Sidebar primitive.\n *\n * Design-system token migration (2026-02-28):\n *   All V1 colour tokens have been replaced with semantic design-system tokens.\n *   Typography classes replaced with Tailwind equivalents.\n *\n * Props-driven: accepts user info, currentPath, and navItems instead of\n * reading from Remix hooks or Zustand stores.\n */\nimport * as React from 'react'\n\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport { Button } from '../ui/button'\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../ui/collapsible'\nimport { IconProvider } from '../ui/icon-context'\nimport type { IconInput } from '../ui/lib/icon-input'\nimport { normalizeIcon } from '../ui/lib/normalize-icon'\nimport { cn } from '../ui/lib/utils'\nimport {\n  Sidebar as ShadcnSidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarSeparator,\n} from '../ui/sidebar'\nimport { TruncatedText } from '../ui/truncated-text'\nimport { useLink } from './link-context'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface NavSubItem {\n  title: string\n  href: string\n  /** Optional icon. Accepts any `IconInput`. */\n  icon?: IconInput\n  exact?: boolean\n}\n\nexport interface NavItem {\n  title: string\n  href: string\n  /** Icon for this nav item. Accepts any `IconInput`. */\n  icon: IconInput\n  /** When true, the route matches only when the path is exactly equal */\n  exact?: boolean\n  /** Badge rendered on the right side of the nav item */\n  badge?: string | number\n  /** Optional child items — renders as collapsible sub-list with chevron */\n  children?: NavSubItem[]\n  /** Whether the collapsible is open by default. Auto-opens when a child is active. */\n  defaultOpen?: boolean\n}\n\nexport interface NavGroup {\n  label: string\n  items: NavItem[]\n  /** Action rendered next to the group label (e.g., a \"+\" button) */\n  action?: React.ReactNode\n}\n\nexport interface SidebarUser {\n  name: string\n  email?: string\n  image?: string | null\n  designation?: string\n  role?: string\n}\n\nexport interface SidebarPromo {\n  /** Promo message text */\n  text: string\n  /** Optional icon rendered before the text. Accepts any `IconInput`. */\n  icon?: IconInput\n  /** Action button rendered in the promo banner */\n  action?: { label: string; href?: string; onClick?: () => void }\n  /** When provided, renders a dismiss (X) button that calls this handler */\n  onDismiss?: () => void\n}\n\nexport interface SidebarFooterConfig {\n  /** Legal/utility links rendered as a row separated by dividers */\n  links?: Array<{ label: string; href: string }>\n  /** Version or build info text (or link) rendered inline after links */\n  version?: string | { label: string; href: string }\n  /** Custom content rendered above the links row */\n  slot?: React.ReactNode\n  /** Promo/upsell banner rendered above the links row */\n  promo?: SidebarPromo\n}\n\nexport interface AppSidebarProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /** Currently active pathname -- used to highlight the active nav item */\n  currentPath?: string\n  /** User information displayed in the sidebar header */\n  user?: SidebarUser | null\n  /** Primary navigation groups rendered in the main content area */\n  navGroups?: NavGroup[]\n  /** Optional logo element. Falls back to a text placeholder. */\n  logo?: React.ReactNode\n  /** Footer links rendered at the bottom of the sidebar */\n  footerLinks?: Array<{ label: string; href: string }>\n  /** Structured footer config (takes precedence over footerLinks) */\n  footer?: SidebarFooterConfig\n  /** Content rendered between user header and navigation */\n  headerSlot?: React.ReactNode\n  /** Content rendered between navigation and footer */\n  preFooterSlot?: React.ReactNode\n  /** className applied to the wrapper div around preFooterSlot */\n  preFooterClassName?: string\n  /** Override rendering for specific nav items. Return null to use default rendering. */\n  renderItem?: (item: NavItem, defaultRender: () => React.ReactNode) => React.ReactNode | null\n  /** Additional className for the root sidebar element */\n  className?: string\n  /**\n   * Corner radius of nav items (composable). @default 'md' (control radius, ~6px).\n   * `'lg'` restores the previous rounder look; `'sm'` is tighter; `'pill'` is fully rounded.\n   * Sets the `--ds-sidebar-item-radius` CSS var, so you can also override it via `className`/`style`.\n   */\n  navItemRadius?: 'sm' | 'md' | 'lg' | 'pill'\n}\n\n// -----------------------------------------------------------------------\n// ChevronRight (inline SVG icon for collapsible toggle)\n// -----------------------------------------------------------------------\n\nfunction ChevronRight({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  )\n}\n\nfunction CloseIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  )\n}\n\n// -----------------------------------------------------------------------\n// Shared styles\n// -----------------------------------------------------------------------\n\n// Radius is composable via the `navItemRadius` prop (sets --ds-sidebar-item-radius).\n// Default is the control radius (~6px) — surface (10px) read as over-rounded blobs.\nconst navItemBase =\n  'relative gap-ds-04 rounded-[var(--ds-sidebar-item-radius,var(--radius-control))] px-ds-04 py-ds-03 transition-colors duration-fast-02'\nconst NAV_ITEM_RADIUS = {\n  sm: 'var(--radius-control-inner)',\n  md: 'var(--radius-control)',\n  lg: 'var(--radius-surface)',\n  pill: 'var(--radius-pill)',\n} as const\n// Active = tinted surface + accent text + weight. No accent rail — the tint and\n// colour already signal \"you are here\"; a stripe on top is doubled accent (AI tell).\nconst navItemActive = 'bg-accent-2 text-accent-11 font-medium'\nconst navItemInactive = 'text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg'\n\n// -----------------------------------------------------------------------\n// NavLink (internal)\n// -----------------------------------------------------------------------\n\nfunction NavLink({\n  item,\n  isActive,\n  isPathActive,\n}: {\n  item: NavItem\n  isActive: boolean\n  isPathActive: (path: string, exact?: boolean) => boolean\n}) {\n  const Link = useLink()\n  const badgeContent =\n    item.badge != null\n      ? typeof item.badge === 'number' && item.badge > 99\n        ? '99+'\n        : String(item.badge)\n      : null\n\n  // S9: Collapsible children\n  if (item.children && item.children.length > 0) {\n    const hasActiveChild = item.children.some((child) =>\n      isPathActive(child.href, child.exact),\n    )\n    const shouldOpen = hasActiveChild || isActive || (item.defaultOpen ?? false)\n\n    return (\n      <Collapsible defaultOpen={shouldOpen} className=\"group/collapsible\">\n        <SidebarMenuItem>\n          {/* Button row — chevron is anchored here, not on the full <li> */}\n          <div className=\"relative\">\n            <SidebarMenuButton\n              asChild\n              isActive={isActive || hasActiveChild}\n              tooltip={item.title}\n              className={cn(\n                navItemBase,\n                isActive || hasActiveChild ? navItemActive : navItemInactive,\n              )}\n            >\n              <Link\n                href={item.href}\n                aria-label={item.title}\n                aria-current={isActive ? 'page' : undefined}\n                className=\"min-w-0\"\n              >\n                <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0\" aria-hidden=\"true\">\n                  <IconProvider size=\"md\">{normalizeIcon(item.icon)}</IconProvider>\n                </span>\n                <span className=\"text-body-lg truncate\">{item.title}</span>\n              </Link>\n            </SidebarMenuButton>\n            {badgeContent && <SidebarMenuBadge>{badgeContent}</SidebarMenuBadge>}\n            <CollapsibleTrigger asChild>\n              <button\n                className=\"absolute right-ds-02 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-control text-surface-fg-subtle transition-colors hover:bg-surface-raised-hover hover:text-surface-fg group-data-[collapsible=icon]:hidden\"\n                aria-label={`Toggle ${item.title}`}\n              >\n                <ChevronRight className=\"h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90\" />\n              </button>\n            </CollapsibleTrigger>\n          </div>\n          <CollapsibleContent>\n            <SidebarMenuSub>\n              {item.children.map((child) => {\n                const childActive = isPathActive(child.href, child.exact)\n                return (\n                  <SidebarMenuSubItem key={child.href}>\n                    <SidebarMenuSubButton\n                      asChild\n                      isActive={childActive}\n                    >\n                      <Link\n                        href={child.href}\n                        aria-current={childActive ? 'page' : undefined}\n                        className=\"min-w-0\"\n                      >\n                        {child.icon && (\n                          <span className=\"[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0\" aria-hidden=\"true\">\n                            <IconProvider size=\"sm\">{normalizeIcon(child.icon)}</IconProvider>\n                          </span>\n                        )}\n                        <span className=\"truncate\">{child.title}</span>\n                      </Link>\n                    </SidebarMenuSubButton>\n                  </SidebarMenuSubItem>\n                )\n              })}\n            </SidebarMenuSub>\n          </CollapsibleContent>\n        </SidebarMenuItem>\n      </Collapsible>\n    )\n  }\n\n  // Default: flat nav item\n  return (\n    <SidebarMenuItem>\n      <SidebarMenuButton\n        asChild\n        isActive={isActive}\n        tooltip={item.title}\n        className={cn(\n          navItemBase,\n          isActive ? navItemActive : navItemInactive,\n        )}\n      >\n        <Link\n          href={item.href}\n          aria-label={item.title}\n          aria-current={isActive ? 'page' : undefined}\n          className=\"min-w-0\"\n        >\n          <span className=\"[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0\" aria-hidden=\"true\"><IconProvider size=\"md\">{normalizeIcon(item.icon)}</IconProvider></span>\n          <span className=\"text-body-lg truncate\">{item.title}</span>\n        </Link>\n      </SidebarMenuButton>\n      {badgeContent && <SidebarMenuBadge>{badgeContent}</SidebarMenuBadge>}\n    </SidebarMenuItem>\n  )\n}\n\n// -----------------------------------------------------------------------\n// AppSidebar\n// -----------------------------------------------------------------------\n\nconst AppSidebar = React.forwardRef<HTMLDivElement, AppSidebarProps>(\n  (\n    {\n      currentPath = '/',\n      user,\n      navGroups = [],\n      logo,\n      headerSlot,\n      preFooterSlot,\n      preFooterClassName,\n      footerLinks = [],\n      footer,\n      renderItem,\n      className,\n      navItemRadius,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const Link = useLink()\n    const isActive = (path: string, exact = false) => {\n      if (exact || path === '/') {\n        return currentPath === path\n      }\n      return currentPath.startsWith(path)\n    }\n\n    return (\n      <ShadcnSidebar\n        {...props}\n        ref={ref}\n        aria-label=\"Main navigation\"\n        style={\n          navItemRadius\n            ? ({ '--ds-sidebar-item-radius': NAV_ITEM_RADIUS[navItemRadius], ...style } as React.CSSProperties)\n            : style\n        }\n        className={cn(\n          'z-raised hidden h-full flex-col border-r border-surface-border-strong bg-surface-raised md:flex',\n          className,\n        )}\n      >\n        {/* Logo Header */}\n        <SidebarHeader className=\"px-ds-06 py-ds-06\">\n          {logo ?? (\n            <span className=\"text-heading-xs font-semibold text-surface-fg\">\n              Logo\n            </span>\n          )}\n        </SidebarHeader>\n\n        {/* User Info */}\n        {user && (\n          <div className=\"flex items-center gap-ds-04 px-ds-06 pb-ds-05\">\n            <Avatar className=\"h-ds-sm-plus w-ds-sm-plus\">\n              {user.image ? (\n                <AvatarImage src={user.image} alt={user.name} />\n              ) : null}\n              <AvatarFallback className=\"bg-surface-raised-hover text-surface-fg\">\n                {user.name?.charAt(0).toUpperCase()}\n              </AvatarFallback>\n            </Avatar>\n            <div className=\"flex min-w-0 flex-col\">\n              <TruncatedText className=\"text-body-md text-surface-fg\">\n                {user.name ?? ''}\n              </TruncatedText>\n              <TruncatedText className=\"text-body-sm text-surface-fg-subtle\">\n                {user.designation || user.role || ''}\n              </TruncatedText>\n            </div>\n          </div>\n        )}\n\n        <SidebarSeparator />\n\n        {/* Header Slot (S13) */}\n        {headerSlot && (\n          <>\n            {headerSlot}\n            <SidebarSeparator />\n          </>\n        )}\n\n        {/* Navigation Groups */}\n        <SidebarContent className=\"no-scrollbar px-ds-04\">\n          {navGroups.map((group, idx) => (\n            <div key={group.label}>\n              {idx > 0 && <SidebarSeparator />}\n              <SidebarGroup>\n                <SidebarGroupLabel className=\"px-ds-04 text-body-sm text-surface-fg-subtle\">\n                  {group.label}\n                </SidebarGroupLabel>\n                {group.action && (\n                  <SidebarGroupAction asChild>{group.action}</SidebarGroupAction>\n                )}\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {group.items.map((item) => {\n                      const defaultRender = () => (\n                        <NavLink\n                          item={item}\n                          isActive={isActive(item.href, item.exact)}\n                          isPathActive={isActive}\n                        />\n                      )\n\n                      if (renderItem) {\n                        const custom = renderItem(item, defaultRender)\n                        if (custom !== null) {\n                          return <React.Fragment key={item.href}>{custom}</React.Fragment>\n                        }\n                      }\n\n                      return <React.Fragment key={item.href}>{defaultRender()}</React.Fragment>\n                    })}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </SidebarGroup>\n            </div>\n          ))}\n        </SidebarContent>\n\n        {/* Pre-Footer Slot (S13) */}\n        {preFooterSlot && (\n          <>\n            <SidebarSeparator />\n            <div className={preFooterClassName}>\n              {preFooterSlot}\n            </div>\n          </>\n        )}\n\n        {/* Footer */}\n        {footer ? (\n          <SidebarFooter className=\"gap-ds-03 px-ds-06 py-ds-05\">\n            {footer.slot && <div>{footer.slot}</div>}\n\n            {/* Promo banner */}\n            {footer.promo && (\n              <div className=\"relative rounded-surface bg-surface-raised p-ds-04 shadow-raised\">\n                {footer.promo.onDismiss && (\n                  <button\n                    onClick={footer.promo.onDismiss}\n                    aria-label=\"Dismiss\"\n                    className=\"absolute right-ds-02 top-ds-02 flex h-5 w-5 items-center justify-center rounded-control text-surface-fg-subtle transition-colors hover:bg-surface-raised-hover hover:text-surface-fg\"\n                  >\n                    <CloseIcon className=\"h-3.5 w-3.5\" />\n                  </button>\n                )}\n                <div className=\"flex flex-col gap-ds-03\">\n                  {footer.promo.icon && (\n                    <span className=\"text-accent-11 [&>svg]:h-ico-md [&>svg]:w-ico-md\" aria-hidden=\"true\">\n                      <IconProvider size=\"md\">{normalizeIcon(footer.promo.icon)}</IconProvider>\n                    </span>\n                  )}\n                  <div className=\"flex min-w-0 flex-col gap-ds-03\">\n                    <p className=\"text-body-sm text-surface-fg line-clamp-2\">{footer.promo.text}</p>\n                    {footer.promo.action && (\n                      footer.promo.action.href ? (\n                        <Button asChild variant=\"solid\" size=\"sm\" className=\"self-start\">\n                          <Link\n                            href={footer.promo.action.href}\n                            onClick={footer.promo.action.onClick}\n                          >\n                            {footer.promo.action.label}\n                          </Link>\n                        </Button>\n                      ) : (\n                        <Button\n                          variant=\"solid\"\n                          size=\"sm\"\n                          className=\"self-start\"\n                          onClick={footer.promo.action.onClick}\n                        >\n                          {footer.promo.action.label}\n                        </Button>\n                      )\n                    )}\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {/* Links + version on same line */}\n            {(footer.links?.length || footer.version) && (\n              <div className=\"flex items-center gap-ds-03 text-body-sm text-surface-fg-subtle\">\n                {footer.links?.map((link, i) => (\n                  <React.Fragment key={link.href}>\n                    {i > 0 && <span>·</span>}\n                    <Link\n                      className=\"transition-colors hover:text-accent-11\"\n                      href={link.href}\n                    >\n                      {link.label}\n                    </Link>\n                  </React.Fragment>\n                ))}\n                {footer.links?.length && footer.version && <span>·</span>}\n                {footer.version && (\n                  typeof footer.version === 'string'\n                    ? <span>{footer.version}</span>\n                    : <Link className=\"transition-colors hover:text-accent-11\" href={footer.version.href}>{footer.version.label}</Link>\n                )}\n              </div>\n            )}\n          </SidebarFooter>\n        ) : footerLinks.length > 0 ? (\n          <SidebarFooter className=\"px-ds-06 py-ds-05\">\n            <div className=\"flex items-center gap-ds-03 text-body-sm text-surface-fg-subtle\">\n              {footerLinks.map((link, i) => (\n                <React.Fragment key={link.href}>\n                  {i > 0 && <span>·</span>}\n                  <Link\n                    className=\"transition-colors hover:text-accent-11\"\n                    href={link.href}\n                  >\n                    {link.label}\n                  </Link>\n                </React.Fragment>\n              ))}\n            </div>\n          </SidebarFooter>\n        ) : null}\n      </ShadcnSidebar>\n    )\n  },\n)\nAppSidebar.displayName = 'AppSidebar'\n\nexport { AppSidebar }\n"],"mappings":"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"}

package/docs/components/shell/sidebar.md

@@ -1,103 +0,0 @@
-# AppSidebar
-
-- Import: @devalok/shilp-sutra/shell/sidebar
-- Server-safe: No
-- Category: shell
-
-## Props
-    currentPath?: string (highlights active nav item)
-    user?: SidebarUser | null — { name, email?, image?, designation?, role? }
-    navGroups?: NavGroup[] — { label: string, items: NavItem[], action?: ReactNode }
-    logo?: ReactNode
-    footerLinks?: Array<{ label: string, href: string }> (DEPRECATED — use footer.links)
-    footer?: SidebarFooterConfig — structured footer (takes precedence over footerLinks)
-    headerSlot?: ReactNode — content between user info and navigation
-    preFooterSlot?: ReactNode — content between navigation and footer
-    preFooterClassName?: string — className on preFooterSlot wrapper div
-    renderItem?: (item: NavItem, defaultRender: () => ReactNode) => ReactNode | null — custom item rendering
-    className?: string
-
-NavItem: { title: string, href: string, icon: ReactNode, exact?: boolean, badge?: string | number, children?: NavSubItem[], defaultOpen?: boolean }
-NavSubItem: { title: string, href: string, icon?: ReactNode, exact?: boolean }
-NavGroup: { label: string, items: NavItem[], action?: ReactNode }
-SidebarUser: { name: string, email?: string, image?: string | null, designation?: string, role?: string }
-SidebarFooterConfig: { links?: Array<{ label: string, href: string }>, version?: string | { label: string, href: string }, slot?: ReactNode, promo?: SidebarPromo }
-SidebarPromo: { text: string, icon?: ReactNode, action?: { label: string, href?: string, onClick?: () => void }, onDismiss?: () => void }
-
-## Defaults
-    None
-
-## Example
-```jsx
-<AppSidebar
-  currentPath="/dashboard"
-  user={{ name: 'Jane', email: 'jane@example.com' }}
-  navGroups={[{
-    label: 'Main',
-    items: [
-      { title: 'Dashboard', href: '/dashboard', icon: <IconHome /> },
-      { title: 'Projects', href: '/projects', icon: <IconFolder />, children: [
-        { title: 'Karm V2', href: '/projects/abc/board' },
-      ]},
-    ],
-  }]}
-  footer={{
-    links: [{ label: 'Terms', href: '/terms' }],
-    version: { label: 'v2.4.1', href: '/changelog' },
-  }}
-/>
-```
-
-## Composability
-- **Opinionated app sidebar** — data-driven via `navGroups`, with user profile header, navigation groups (with optional labels + group actions), and a configurable footer (links + version + optional promo banner).
-- **Required setup (three providers):**
-  - `SidebarProvider` (from ui/sidebar) — owns expanded/collapsed state + cookie persistence
-  - `LinkProvider` — framework router integration for nav item links
-  - `CommandRegistryProvider` (if pairing with AppCommandPalette) — registers the same navGroups so keyboard search finds them
-- **renderItem escape hatch:** Custom per-item rendering (e.g. custom icons per item type, status decorations, hover previews). Return `null` to fall back to default.
-- **Nested navigation:** NavItem's `children: NavSubItem[]` renders a collapsible subsection. Auto-opens if a child matches the current path.
-- **Footer as slot:** `footer` can include links, version info, a ReactNode slot (e.g. theme toggle), and a dismissable promo banner — structure it once, compose.
-- **Pairs with TopBar + BottomNavbar:** Desktop layout = AppSidebar + TopBar. Mobile layout = hide AppSidebar, show BottomNavbar.
-
-## Gotchas
-- Must be wrapped in SidebarProvider (from ui/sidebar)
-- Requires LinkProvider for framework-specific link components
-- `footerLinks` is deprecated — use `footer.links` instead
-- `renderItem` returning `null` falls back to default rendering
-- Collapsible nav items auto-open when a child is active (matching `currentPath`)
-- Badge numbers > 99 display as "99+"
-
-## Changes
-### v0.19.0
-- **Changed** Background elevated from `bg-surface-1` to `bg-surface-2` for visual hierarchy above app background
-- **Changed** Interactive hover states bumped from `surface-2` to `surface-3`
-
-### v0.18.0
-- **Fixed** `bg-interactive-subtle` changed to `bg-accent-2` (OKLCH migration)
-
-### v0.16.0
-- **Added** `preFooterClassName?: string` — custom className on preFooterSlot wrapper
-
-### v0.14.0
-- **Changed** `footer.version` now accepts `string | { label: string; href: string }` — version can link to changelog
-
-### v0.13.0
-- **Added** `SidebarPromo` type and `footer.promo` prop — dismissable promo/upsell banner
-- **Changed** Footer links and version now render on a single line separated by dividers
-- **Fixed** Collapsible chevron wrapped in fixed-height container to prevent drift
-- **Fixed** Collapsible chevron no longer drifts into child elements when sub-list expands
-
-### v0.10.0
-- **Added** Collapsible nav items with `children` array and `NavSubItem` type
-- **Added** Nav item `badge` prop for counts/labels, caps at 99+
-- **Added** Nav group `action` prop for buttons next to group labels
-- **Added** Structured `footer` prop with `SidebarFooterConfig` — links, version, slot
-- **Added** `headerSlot` and `preFooterSlot` content slots
-- **Added** `renderItem` escape hatch for custom item rendering
-- **Deprecated** `footerLinks` prop — use `footer.links` instead
-
-### v0.1.1
-- **Changed** Decoupled from Next.js via LinkProvider
-
-### v0.1.0
-- **Added** Initial release