@contractspec/lib.design-system 1.46.2 → 1.48.0

package/dist/components/molecules/StatusChip.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types6 from "class-variance-authority/types";
 
@@ -21,7 +21,7 @@ declare function StatusChip({
   className,
   hoverContent,
   ...props
-}: StatusChipProps): react_jsx_runtime45.JSX.Element;
+}: StatusChipProps): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { StatusChip };
 //# sourceMappingURL=StatusChip.d.ts.map

package/dist/components/molecules/hover-previews/Doc.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Doc.d.ts
 interface HoverPreviewDocProps {
@@ -22,7 +22,7 @@ declare function HoverPreviewDoc({
   status,
   amount,
   className
-}: HoverPreviewDocProps): react_jsx_runtime53.JSX.Element;
+}: HoverPreviewDocProps): react_jsx_runtime54.JSX.Element;
 //#endregion
 export { HoverPreviewDoc };
 //# sourceMappingURL=Doc.d.ts.map

package/dist/components/molecules/hover-previews/Media.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Media.d.ts
 interface HoverPreviewMediaProps {
@@ -15,7 +15,7 @@ declare function HoverPreviewMedia({
   media,
   caption,
   className
-}: HoverPreviewMediaProps): react_jsx_runtime52.JSX.Element;
+}: HoverPreviewMediaProps): react_jsx_runtime53.JSX.Element;
 //#endregion
 export { HoverPreviewMedia };
 //# sourceMappingURL=Media.d.ts.map

package/dist/components/molecules/hover-previews/Simple.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Simple.d.ts
 interface HoverPreviewLine {
@@ -20,7 +20,7 @@ declare function HoverPreviewSimple({
   lines,
   footer,
   className
-}: HoverPreviewSimpleProps): react_jsx_runtime51.JSX.Element;
+}: HoverPreviewSimpleProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { HoverPreviewSimple };
 //# sourceMappingURL=Simple.d.ts.map

package/dist/components/molecules/hover-previews/Stats.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Stats.d.ts
 interface HoverPreviewStat {
@@ -17,7 +17,7 @@ declare function HoverPreviewStats({
   stats: HoverPreviewStat[];
   footer?: React.ReactNode;
   className?: string;
-}): react_jsx_runtime55.JSX.Element;
+}): react_jsx_runtime56.JSX.Element;
 //#endregion
 export { HoverPreviewStats };
 //# sourceMappingURL=Stats.d.ts.map

package/dist/components/molecules/hover-previews/User.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/User.d.ts
 interface HoverPreviewUserProps {
@@ -20,7 +20,7 @@ declare function HoverPreviewUser({
   meta,
   actions,
   className
-}: HoverPreviewUserProps): react_jsx_runtime54.JSX.Element;
+}: HoverPreviewUserProps): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { HoverPreviewUser };
 //# sourceMappingURL=User.d.ts.map

package/dist/components/organisms/AcademyLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/organisms/AcademyLayout.d.ts
 interface AcademyLayoutProps {
@@ -24,7 +24,7 @@ declare function AcademyLayout({
   rightPanel,
   footer,
   className
-}: AcademyLayoutProps): react_jsx_runtime38.JSX.Element;
+}: AcademyLayoutProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { AcademyLayout };
 //# sourceMappingURL=AcademyLayout.d.ts.map

package/dist/components/organisms/AppHeader.d.ts

@@ -1,6 +1,6 @@
 import { HeaderProps } from "./Header.js";
 import * as React from "react";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppHeader.d.ts
 interface AppHeaderProps extends HeaderProps {
@@ -13,7 +13,7 @@ declare function AppHeader({
   toolbarRight,
   className,
   ...props
-}: AppHeaderProps): react_jsx_runtime39.JSX.Element;
+}: AppHeaderProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { AppHeader };
 //# sourceMappingURL=AppHeader.d.ts.map

package/dist/components/organisms/AppLayout.d.ts

@@ -1,6 +1,6 @@
 import { AppSidebar } from "./AppSidebar.js";
 import * as React from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppLayout.d.ts
 interface AppLayoutProps {
@@ -23,7 +23,7 @@ declare function AppLayout({
   children,
   footer,
   className
-}: AppLayoutProps): react_jsx_runtime37.JSX.Element;
+}: AppLayoutProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { AppLayout };
 //# sourceMappingURL=AppLayout.d.ts.map

package/dist/components/organisms/AppSidebar.d.ts

@@ -1,6 +1,6 @@
 import { NavSection } from "../../types/navigation.js";
 import * as React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppSidebar.d.ts
 interface AppSidebarProps {
@@ -18,7 +18,7 @@ declare function AppSidebar({
   searchPlaceholder,
   className,
   density
-}: AppSidebarProps): react_jsx_runtime21.JSX.Element;
+}: AppSidebarProps): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { AppSidebar };
 //# sourceMappingURL=AppSidebar.d.ts.map

package/dist/components/organisms/EmptyDataList.d.ts

@@ -1,5 +1,5 @@
 import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/organisms/EmptyDataList.d.ts
 declare function EmptyDataList({
@@ -15,7 +15,7 @@ declare function EmptyDataList({
   onLearnMore,
   handleLearnMore,
   className
-}: EmptyDataListProps): react_jsx_runtime70.JSX.Element;
+}: EmptyDataListProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { EmptyDataList };
 //# sourceMappingURL=EmptyDataList.d.ts.map

package/dist/components/organisms/EmptySearchResult.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/organisms/EmptySearchResult.d.ts
 interface EmptySearchResultProps {
@@ -19,7 +19,7 @@ declare function EmptySearchResult({
   onSearchChange,
   handleSearchChange,
   className
-}: EmptySearchResultProps): react_jsx_runtime71.JSX.Element;
+}: EmptySearchResultProps): react_jsx_runtime72.JSX.Element;
 //#endregion
 export { EmptySearchResult };
 //# sourceMappingURL=EmptySearchResult.d.ts.map

package/dist/components/organisms/FAQSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 
 //#region src/components/organisms/FAQSection.d.ts
 interface FAQItem {
@@ -26,7 +26,7 @@ declare function FAQSection({
   collapsible?: boolean;
   defaultOpenIndex?: number;
   accordionClassName?: string;
-}): react_jsx_runtime63.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { FAQSection };
 //# sourceMappingURL=FAQSection.d.ts.map

package/dist/components/organisms/FeatureCarousel.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/organisms/FeatureCarousel.d.ts
 interface FeatureSlide {
@@ -13,7 +13,7 @@ declare function FeatureCarousel({
 }: {
   slides: FeatureSlide[];
   className?: string;
-}): react_jsx_runtime26.JSX.Element;
+}): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { FeatureCarousel };
 //# sourceMappingURL=FeatureCarousel.d.ts.map

package/dist/components/organisms/FeaturesSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/components/organisms/FeaturesSection.d.ts
 declare function FeaturesSection({
@@ -14,7 +14,7 @@ declare function FeaturesSection({
   children: React.ReactNode;
   className?: string;
   density?: 'compact' | 'comfortable';
-}): react_jsx_runtime60.JSX.Element;
+}): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { FeaturesSection };
 //# sourceMappingURL=FeaturesSection.d.ts.map

package/dist/components/organisms/Footer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/organisms/Footer.d.ts
 interface FooterProps {
@@ -20,7 +20,7 @@ declare function Footer({
   links,
   className,
   variant
-}: FooterProps): react_jsx_runtime25.JSX.Element;
+}: FooterProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Footer };
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/organisms/Header.d.ts

@@ -1,7 +1,7 @@
 import { CtaAction, HeaderNavItem, NavSection } from "../../types/navigation.js";
 import { NavUser } from "../molecules/NavUser.js";
 import * as React from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/organisms/Header.d.ts
 interface HeaderProps {
@@ -24,15 +24,15 @@ declare function DesktopHeader({
   cta,
   className,
   density
-}: HeaderProps): react_jsx_runtime22.JSX.Element;
+}: HeaderProps): react_jsx_runtime23.JSX.Element;
 declare function MobileHeader({
   logo,
   userMenu,
   mobileSidebar,
   className,
   density
-}: HeaderProps): react_jsx_runtime22.JSX.Element;
-declare function Header(props: HeaderProps): react_jsx_runtime22.JSX.Element;
+}: HeaderProps): react_jsx_runtime23.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { DesktopHeader, Header, HeaderProps, MobileHeader };
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/organisms/HeroResponsive.d.ts

@@ -1,6 +1,6 @@
 import { HeroSection } from "./HeroSection.js";
 import * as React from "react";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 
 //#region src/components/organisms/HeroResponsive.d.ts
 declare function HeroResponsive({
@@ -9,7 +9,7 @@ declare function HeroResponsive({
   primaryCta,
   secondaryCta,
   className
-}: React.ComponentProps<typeof HeroSection>): react_jsx_runtime59.JSX.Element;
+}: React.ComponentProps<typeof HeroSection>): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { HeroResponsive };
 //# sourceMappingURL=HeroResponsive.d.ts.map

package/dist/components/organisms/HeroSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/components/organisms/HeroSection.d.ts
 declare function HeroSection({
@@ -24,7 +24,7 @@ declare function HeroSection({
   };
   className?: string;
   density?: 'compact' | 'comfortable';
-}): react_jsx_runtime58.JSX.Element;
+}): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { HeroSection };
 //# sourceMappingURL=HeroSection.d.ts.map

package/dist/components/organisms/ListCardPage.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types11 from "class-variance-authority/types";
 
@@ -31,7 +31,7 @@ declare function ListCardPage<T>({
   columns,
   density,
   size
-}: ListCardPageProps<T>): react_jsx_runtime66.JSX.Element;
+}: ListCardPageProps<T>): react_jsx_runtime67.JSX.Element;
 //#endregion
 export { ListCardPage };
 //# sourceMappingURL=ListCardPage.d.ts.map

package/dist/components/organisms/ListGridPage.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types9 from "class-variance-authority/types";
 
@@ -31,7 +31,7 @@ declare function ListGridPage<T>({
   columns,
   density,
   size
-}: ListGridPageProps<T>): react_jsx_runtime65.JSX.Element;
+}: ListGridPageProps<T>): react_jsx_runtime66.JSX.Element;
 //#endregion
 export { ListGridPage };
 //# sourceMappingURL=ListGridPage.d.ts.map

package/dist/components/organisms/ListPageResponsive.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 import { ListPageProps } from "@contractspec/lib.ui-kit-web/ui/organisms/ListPage/types";
 
 //#region src/components/organisms/ListPageResponsive.d.ts
-declare function ListPageResponsive<T>(props: ListPageProps<T>): react_jsx_runtime64.JSX.Element;
+declare function ListPageResponsive<T>(props: ListPageProps<T>): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { ListPageResponsive };
 //# sourceMappingURL=ListPageResponsive.d.ts.map

package/dist/components/organisms/ListTablePage.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types13 from "class-variance-authority/types";
 
@@ -28,7 +28,7 @@ declare function ListTablePage<T>({
   className,
   density,
   renderActions
-}: ListTablePageProps<T>): react_jsx_runtime67.JSX.Element;
+}: ListTablePageProps<T>): react_jsx_runtime68.JSX.Element;
 //#endregion
 export { ListTablePage };
 //# sourceMappingURL=ListTablePage.d.ts.map

package/dist/components/organisms/MarketingHeader.d.ts

@@ -2,7 +2,7 @@ import { CtaAction, HeaderNavItem, UserMenuItem } from "../../types/navigation.j
 import { CommandPalette } from "../molecules/CommandPalette.js";
 import { LangSwitchProps } from "../molecules/LangSwitch.js";
 import * as React from "react";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeader.d.ts
 interface MarketingHeaderProps {
@@ -33,7 +33,7 @@ declare function MarketingHeader({
   right,
   commandPaletteGroups,
   langSwitchProps
-}: MarketingHeaderProps): react_jsx_runtime27.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { MarketingHeader, MarketingHeaderProps };
 //# sourceMappingURL=MarketingHeader.d.ts.map

package/dist/components/organisms/MarketingHeader.js

@@ -5,7 +5,6 @@ import { ButtonLink } from "../atoms/ButtonLink.js";
 import { NavUser } from "../molecules/NavUser.js";
 import { NavItemCard } from "../molecules/NavItemCard.js";
 import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
-import "../molecules/CommandPalette.js";
 import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
 import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
 import * as React from "react";
@@ -83,6 +82,7 @@ function MarketingHeader({ logo, nav = [], navLinkClassName, userMenu, cta, clas
 							className: "grid w-[760px] grid-cols-3 gap-3 p-3",
 							children: item.items.map((link) => /* @__PURE__ */ jsx(NavItemCard, { item: link }, link.href))
 						}) })] }) : /* @__PURE__ */ jsx(NavigationMenuLink, {
+							className: navLinkClassName,
 							href: item.href || "#",
 							children: item.label
 						}) }, String(item.key ?? item.href ?? item.label))) })

package/dist/components/organisms/MarketingHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingHeader.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\nimport {\n  NavigationMenu as Nav,\n  NavigationMenuContent as NavContent,\n  NavigationMenuItem as NavItem,\n  NavigationMenuLink as NavLink,\n  NavigationMenuList as NavList,\n  NavigationMenuTrigger as NavTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/navigation-menu';\nimport { Separator } from '@contractspec/lib.ui-kit-web/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/sheet';\nimport { Menu } from 'lucide-react';\nimport { MobileNavMenu } from '../molecules/MobileNavMenu';\nimport { CommandSearchTrigger } from '../molecules/CommandSearchTrigger';\nimport { LangSwitchDropdown } from '../molecules/LangSwitchDropdown';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  UserMenuItem,\n} from '../../types/navigation';\nimport { NavUser } from '../molecules/NavUser';\nimport { cva } from 'class-variance-authority';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { Box, HStack, VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { CommandPalette } from '../molecules/CommandPalette';\nimport type { LangSwitchProps } from '../molecules/LangSwitch';\nimport { Text } from '@contractspec/lib.ui-kit-web/ui/text';\n\nexport interface MarketingHeaderProps {\n  logo: React.ReactNode;\n  nav?: HeaderNavItem[];\n  navLinkClassName?: string;\n  userMenu?: {\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n    items: UserMenuItem[];\n  };\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  right?: React.ReactNode; // e.g. AI link button, extra actions\n  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];\n  langSwitchProps: LangSwitchProps;\n}\n\nconst headerVariants = cva('flex items-center justify-between gap-4', {\n  variants: {\n    density: {\n      compact: 'px-3 py-2',\n      comfortable: 'px-4 py-3',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nexport function MarketingHeader({\n  logo,\n  nav = [],\n  navLinkClassName,\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n  commandPaletteGroups,\n  langSwitchProps,\n}: MarketingHeaderProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <HStack\n      as=\"header\"\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <HStack\n        className={cn(\n          'mx-auto w-full max-w-7xl items-center justify-center',\n          headerVariants({ density })\n        )}\n      >\n        {/* Mobile: compact left cluster */}\n        <VStack className=\"flex items-center gap-2 md:hidden\">\n          {/* Menu trigger (sheet) */}\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n                <Menu className=\"h-5 w-5\" />\n              </Button>\n            </SheetTrigger>\n\n            <SheetContent side=\"left\" className=\"w-[320px] p-4\">\n              {!!commandPaletteGroups?.length && (\n                <SheetHeader>\n                  <CommandSearchTrigger groups={commandPaletteGroups} />\n                  {/*<SheetTitle>Menu</SheetTitle>*/}\n                </SheetHeader>\n              )}\n\n              {cta && (\n                <VStack className=\"mb-3\">\n                  <ButtonLink\n                    variant={cta.variant}\n                    size={cta.size}\n                    href={cta.href}\n                    onClick={cta.onClick}\n                  >\n                    <Text>{cta.label}</Text>\n                  </ButtonLink>\n                </VStack>\n              )}\n\n              <MobileNavMenu items={nav} />\n            </SheetContent>\n          </Sheet>\n        </VStack>\n\n        {logo}\n\n        {/* Desktop navigation */}\n        <HStack className=\"hidden items-center gap-4 md:flex\">\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav className=\"hidden md:flex\">\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger className={navLinkClassName}>\n                            {item.label}\n                          </NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink href={item.href || '#'}>{item.label}</NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </HStack>\n\n        <HStack className=\"flex items-center gap-2\">\n          {/* Desktop: show search trigger and custom right slot */}\n          {!!commandPaletteGroups?.length && (\n            <Box className=\"hidden items-center gap-2 md:flex\">\n              <CommandSearchTrigger groups={commandPaletteGroups} />\n            </Box>\n          )}\n\n          {!!(langSwitchProps?.options?.length > 1) && (\n            <LangSwitchDropdown\n              value={langSwitchProps.value}\n              onChange={langSwitchProps.onChange}\n              options={langSwitchProps.options}\n            />\n          )}\n\n          {right && <Box className=\"hidden md:flex\">{right}</Box>}\n\n          {cta && (\n            <Box className=\"hidden md:flex\">\n              <ButtonLink\n                variant={cta.variant}\n                size={cta.size}\n                href={cta.href}\n                onClick={cta.onClick}\n              >\n                <Text>{cta.label}</Text>\n              </ButtonLink>\n            </Box>\n          )}\n\n          {userMenu && <NavUser {...userMenu} />}\n        </HStack>\n      </HStack>\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,iBAAiB,IAAI,2CAA2C;CACpE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CAAC;AAEF,SAAgB,gBAAgB,EAC9B,MACA,MAAM,EAAE,EACR,kBACA,UACA,KACA,WACA,SACA,OACA,sBACA,mBACuB;CACvB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAC7C,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iHACA,UACD;YAED,qBAAC;GACC,WAAW,GACT,wDACA,eAAe,EAAE,SAAS,CAAC,CAC5B;;IAGD,oBAAC;KAAO,WAAU;eAEhB,qBAAC;MAAY;MAAM,cAAc;iBAC/B,oBAAC;OAAa;iBACZ,oBAAC;QAAO,SAAQ;QAAQ,MAAK;QAAO,cAAW;kBAC7C,oBAAC,QAAK,WAAU,YAAY;SACrB;QACI,EAEf,qBAAC;OAAa,MAAK;OAAO,WAAU;;QACjC,CAAC,CAAC,sBAAsB,UACvB,oBAAC,yBACC,oBAAC,wBAAqB,QAAQ,uBAAwB,GAE1C;QAGf,OACC,oBAAC;SAAO,WAAU;mBAChB,oBAAC;UACC,SAAS,IAAI;UACb,MAAM,IAAI;UACV,MAAM,IAAI;UACV,SAAS,IAAI;oBAEb,oBAAC,kBAAM,IAAI,QAAa;WACb;UACN;QAGX,oBAAC,iBAAc,OAAO,MAAO;;QAChB;OACT;MACD;IAER;IAGD,oBAAC;KAAO,WAAU;eACf,IAAI,SAAS,KACZ,4CACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAQ,EACpD,oBAACA;MAAI,WAAU;gBACb,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC;OAAW,WAAW;iBACpB,KAAK;QACK,EACb,oBAACC,mCACC,oBAAC;OAAI,WAAU;iBACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;QACE,GACK,IACZ,GAEH,oBAACC;OAAQ,MAAM,KAAK,QAAQ;iBAAM,KAAK;QAAgB,IAf7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAiB/C,CACV,GACM;OACN,IACL;MAEE;IAET,qBAAC;KAAO,WAAU;;MAEf,CAAC,CAAC,sBAAsB,UACvB,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBAAqB,QAAQ,uBAAwB;QAClD;MAGP,CAAC,EAAE,iBAAiB,SAAS,SAAS,MACrC,oBAAC;OACC,OAAO,gBAAgB;OACvB,UAAU,gBAAgB;OAC1B,SAAS,gBAAgB;QACzB;MAGH,SAAS,oBAAC;OAAI,WAAU;iBAAkB;QAAY;MAEtD,OACC,oBAAC;OAAI,WAAU;iBACb,oBAAC;QACC,SAAS,IAAI;QACb,MAAM,IAAI;QACV,MAAM,IAAI;QACV,SAAS,IAAI;kBAEb,oBAAC,kBAAM,IAAI,QAAa;SACb;QACT;MAGP,YAAY,oBAAC,WAAQ,GAAI,WAAY;;MAC/B;;IACF;GACF"}
+{"version":3,"file":"MarketingHeader.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\nimport {\n  NavigationMenu as Nav,\n  NavigationMenuContent as NavContent,\n  NavigationMenuItem as NavItem,\n  NavigationMenuLink as NavLink,\n  NavigationMenuList as NavList,\n  NavigationMenuTrigger as NavTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/navigation-menu';\nimport { Separator } from '@contractspec/lib.ui-kit-web/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/sheet';\nimport { Menu } from 'lucide-react';\nimport { MobileNavMenu } from '../molecules/MobileNavMenu';\nimport { CommandSearchTrigger } from '../molecules/CommandSearchTrigger';\nimport { LangSwitchDropdown } from '../molecules/LangSwitchDropdown';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  UserMenuItem,\n} from '../../types/navigation';\nimport { NavUser } from '../molecules/NavUser';\nimport { cva } from 'class-variance-authority';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { Box, HStack, VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { CommandPalette } from '../molecules/CommandPalette';\nimport type { LangSwitchProps } from '../molecules/LangSwitch';\nimport { Text } from '@contractspec/lib.ui-kit-web/ui/text';\n\nexport interface MarketingHeaderProps {\n  logo: React.ReactNode;\n  nav?: HeaderNavItem[];\n  navLinkClassName?: string;\n  userMenu?: {\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n    items: UserMenuItem[];\n  };\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  right?: React.ReactNode; // e.g. AI link button, extra actions\n  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];\n  langSwitchProps: LangSwitchProps;\n}\n\nconst headerVariants = cva('flex items-center justify-between gap-4', {\n  variants: {\n    density: {\n      compact: 'px-3 py-2',\n      comfortable: 'px-4 py-3',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nexport function MarketingHeader({\n  logo,\n  nav = [],\n  navLinkClassName,\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n  commandPaletteGroups,\n  langSwitchProps,\n}: MarketingHeaderProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <HStack\n      as=\"header\"\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <HStack\n        className={cn(\n          'mx-auto w-full max-w-7xl items-center justify-center',\n          headerVariants({ density })\n        )}\n      >\n        {/* Mobile: compact left cluster */}\n        <VStack className=\"flex items-center gap-2 md:hidden\">\n          {/* Menu trigger (sheet) */}\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n                <Menu className=\"h-5 w-5\" />\n              </Button>\n            </SheetTrigger>\n\n            <SheetContent side=\"left\" className=\"w-[320px] p-4\">\n              {!!commandPaletteGroups?.length && (\n                <SheetHeader>\n                  <CommandSearchTrigger groups={commandPaletteGroups} />\n                  {/*<SheetTitle>Menu</SheetTitle>*/}\n                </SheetHeader>\n              )}\n\n              {cta && (\n                <VStack className=\"mb-3\">\n                  <ButtonLink\n                    variant={cta.variant}\n                    size={cta.size}\n                    href={cta.href}\n                    onClick={cta.onClick}\n                  >\n                    <Text>{cta.label}</Text>\n                  </ButtonLink>\n                </VStack>\n              )}\n\n              <MobileNavMenu items={nav} />\n            </SheetContent>\n          </Sheet>\n        </VStack>\n\n        {logo}\n\n        {/* Desktop navigation */}\n        <HStack className=\"hidden items-center gap-4 md:flex\">\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav className=\"hidden md:flex\">\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger className={navLinkClassName}>\n                            {item.label}\n                          </NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink\n                          className={navLinkClassName}\n                          href={item.href || '#'}\n                        >\n                          {item.label}\n                        </NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </HStack>\n\n        <HStack className=\"flex items-center gap-2\">\n          {/* Desktop: show search trigger and custom right slot */}\n          {!!commandPaletteGroups?.length && (\n            <Box className=\"hidden items-center gap-2 md:flex\">\n              <CommandSearchTrigger groups={commandPaletteGroups} />\n            </Box>\n          )}\n\n          {!!(langSwitchProps?.options?.length > 1) && (\n            <LangSwitchDropdown\n              value={langSwitchProps.value}\n              onChange={langSwitchProps.onChange}\n              options={langSwitchProps.options}\n            />\n          )}\n\n          {right && <Box className=\"hidden md:flex\">{right}</Box>}\n\n          {cta && (\n            <Box className=\"hidden md:flex\">\n              <ButtonLink\n                variant={cta.variant}\n                size={cta.size}\n                href={cta.href}\n                onClick={cta.onClick}\n              >\n                <Text>{cta.label}</Text>\n              </ButtonLink>\n            </Box>\n          )}\n\n          {userMenu && <NavUser {...userMenu} />}\n        </HStack>\n      </HStack>\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,MAAM,iBAAiB,IAAI,2CAA2C;CACpE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CAAC;AAEF,SAAgB,gBAAgB,EAC9B,MACA,MAAM,EAAE,EACR,kBACA,UACA,KACA,WACA,SACA,OACA,sBACA,mBACuB;CACvB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAC7C,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iHACA,UACD;YAED,qBAAC;GACC,WAAW,GACT,wDACA,eAAe,EAAE,SAAS,CAAC,CAC5B;;IAGD,oBAAC;KAAO,WAAU;eAEhB,qBAAC;MAAY;MAAM,cAAc;iBAC/B,oBAAC;OAAa;iBACZ,oBAAC;QAAO,SAAQ;QAAQ,MAAK;QAAO,cAAW;kBAC7C,oBAAC,QAAK,WAAU,YAAY;SACrB;QACI,EAEf,qBAAC;OAAa,MAAK;OAAO,WAAU;;QACjC,CAAC,CAAC,sBAAsB,UACvB,oBAAC,yBACC,oBAAC,wBAAqB,QAAQ,uBAAwB,GAE1C;QAGf,OACC,oBAAC;SAAO,WAAU;mBAChB,oBAAC;UACC,SAAS,IAAI;UACb,MAAM,IAAI;UACV,MAAM,IAAI;UACV,SAAS,IAAI;oBAEb,oBAAC,kBAAM,IAAI,QAAa;WACb;UACN;QAGX,oBAAC,iBAAc,OAAO,MAAO;;QAChB;OACT;MACD;IAER;IAGD,oBAAC;KAAO,WAAU;eACf,IAAI,SAAS,KACZ,4CACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAQ,EACpD,oBAACA;MAAI,WAAU;gBACb,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC;OAAW,WAAW;iBACpB,KAAK;QACK,EACb,oBAACC,mCACC,oBAAC;OAAI,WAAU;iBACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;QACE,GACK,IACZ,GAEH,oBAACC;OACC,WAAW;OACX,MAAM,KAAK,QAAQ;iBAElB,KAAK;QACE,IApBA,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAsB/C,CACV,GACM;OACN,IACL;MAEE;IAET,qBAAC;KAAO,WAAU;;MAEf,CAAC,CAAC,sBAAsB,UACvB,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBAAqB,QAAQ,uBAAwB;QAClD;MAGP,CAAC,EAAE,iBAAiB,SAAS,SAAS,MACrC,oBAAC;OACC,OAAO,gBAAgB;OACvB,UAAU,gBAAgB;OAC1B,SAAS,gBAAgB;QACzB;MAGH,SAAS,oBAAC;OAAI,WAAU;iBAAkB;QAAY;MAEtD,OACC,oBAAC;OAAI,WAAU;iBACb,oBAAC;QACC,SAAS,IAAI;QACb,MAAM,IAAI;QACV,MAAM,IAAI;QACV,SAAS,IAAI;kBAEb,oBAAC,kBAAM,IAAI,QAAa;SACb;QACT;MAGP,YAAY,oBAAC,WAAQ,GAAI,WAAY;;MAC/B;;IACF;GACF"}

package/dist/components/organisms/MarketingHeaderDesktop.d.ts

@@ -1,5 +1,5 @@
 import { MarketingHeaderProps } from "./MarketingHeader.js";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeaderDesktop.d.ts
 declare function MarketingHeaderDesktop({
@@ -10,7 +10,7 @@ declare function MarketingHeaderDesktop({
   className,
   density,
   right
-}: MarketingHeaderProps): react_jsx_runtime28.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { MarketingHeaderDesktop };
 //# sourceMappingURL=MarketingHeaderDesktop.d.ts.map

package/dist/components/organisms/MarketingHeaderMobile.d.ts

@@ -1,5 +1,5 @@
 import { MarketingHeaderProps } from "./MarketingHeader.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeaderMobile.d.ts
 declare function MarketingHeaderMobile({
@@ -7,7 +7,7 @@ declare function MarketingHeaderMobile({
   nav,
   className,
   right
-}: MarketingHeaderProps): react_jsx_runtime29.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { MarketingHeaderMobile };
 //# sourceMappingURL=MarketingHeaderMobile.d.ts.map

package/dist/components/organisms/MarketingLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingLayout.d.ts
 interface MarketingLayoutProps {
@@ -13,7 +13,7 @@ declare function MarketingLayout({
   children,
   footer,
   className
-}: MarketingLayoutProps): react_jsx_runtime30.JSX.Element;
+}: MarketingLayoutProps): react_jsx_runtime31.JSX.Element;
 //#endregion
 export { MarketingLayout };
 //# sourceMappingURL=MarketingLayout.d.ts.map

package/dist/components/organisms/PageHeaderResponsive.d.ts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 import { PageHeaderProps } from "@contractspec/lib.ui-kit-web/ui/page-header";
 
 //#region src/components/organisms/PageHeaderResponsive.d.ts
 type PageHeaderResponsiveProps = PageHeaderProps;
-declare function PageHeaderResponsive(props: PageHeaderResponsiveProps): react_jsx_runtime61.JSX.Element;
+declare function PageHeaderResponsive(props: PageHeaderResponsiveProps): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { PageHeaderResponsive };
 //# sourceMappingURL=PageHeaderResponsive.d.ts.map

package/dist/components/organisms/PricingCarousel.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 
 //#region src/components/organisms/PricingCarousel.d.ts
 interface PricingSlide {
@@ -19,7 +19,7 @@ declare function PricingCarousel({
 }: {
   tiers: PricingSlide[];
   className?: string;
-}): react_jsx_runtime56.JSX.Element;
+}): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { PricingCarousel };
 //# sourceMappingURL=PricingCarousel.d.ts.map

package/dist/components/organisms/PricingSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
 import { PricingTier } from "@contractspec/lib.ui-kit-web/ui/marketing/PricingTable";
 
 //#region src/components/organisms/PricingSection.d.ts
@@ -13,7 +13,7 @@ declare function PricingSection({
   title?: React.ReactNode;
   subtitle?: React.ReactNode;
   className?: string;
-}): react_jsx_runtime62.JSX.Element;
+}): react_jsx_runtime63.JSX.Element;
 //#endregion
 export { PricingSection };
 //# sourceMappingURL=PricingSection.d.ts.map

package/dist/components/organisms/TestimonialCarousel.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 
 //#region src/components/organisms/TestimonialCarousel.d.ts
 interface Testimonial {
@@ -14,7 +14,7 @@ declare function TestimonialCarousel({
 }: {
   testimonials: Testimonial[];
   className?: string;
-}): react_jsx_runtime57.JSX.Element;
+}): react_jsx_runtime58.JSX.Element;
 //#endregion
 export { TestimonialCarousel };
 //# sourceMappingURL=TestimonialCarousel.d.ts.map

package/dist/components/providers/PackageManagerProvider.d.ts

@@ -0,0 +1,26 @@
+import { PackageManager, PackageManagerContextValue } from "../molecules/CommandTabs/types.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/providers/PackageManagerProvider.d.ts
+interface PackageManagerProviderProps {
+  children: ReactNode;
+  /** Default package manager preference */
+  defaultPreference?: PackageManager;
+}
+/**
+ * Provider for sharing package manager preference across CommandTabs components.
+ * Wrap your documentation layout with this provider to sync preference across all instances.
+ */
+declare function PackageManagerProvider({
+  children,
+  defaultPreference
+}: PackageManagerProviderProps): react_jsx_runtime21.JSX.Element;
+/**
+ * Hook to access the package manager preference.
+ * Returns null if not wrapped in a PackageManagerProvider (components will use local state).
+ */
+declare function usePackageManager(): PackageManagerContextValue | null;
+//#endregion
+export { PackageManagerProvider, PackageManagerProviderProps, usePackageManager };
+//# sourceMappingURL=PackageManagerProvider.d.ts.map

package/dist/components/providers/PackageManagerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerProvider.d.ts","names":[],"sources":["../../../src/components/providers/PackageManagerProvider.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,2BAAA;YACL;;EADK,iBAAA,CAAA,EAGK,cAHsB;AAU5C;;;;;AAG8B,iBAHd,sBAAA,CAGc;EAAA,QAAA;EAAA;AAAA,CAAA,EAA3B,2BAA2B,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAoC9B;;;;iBAAgB,iBAAA,CAAA,GAAqB"}