@contractspec/lib.design-system 1.44.0

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

@@ -0,0 +1,37 @@
+import { CtaAction, HeaderNavItem, UserMenuItem } from "../../types/navigation.js";
+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";
+
+//#region src/components/organisms/MarketingHeader.d.ts
+interface MarketingHeaderProps {
+  logo: React.ReactNode;
+  nav?: HeaderNavItem[];
+  userMenu?: {
+    name?: string;
+    email?: string;
+    imageUrl?: string;
+    items: UserMenuItem[];
+  };
+  cta?: CtaAction;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+  right?: React.ReactNode;
+  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];
+  langSwitchProps: LangSwitchProps;
+}
+declare function MarketingHeader({
+  logo,
+  nav,
+  userMenu,
+  cta,
+  className,
+  density,
+  right,
+  commandPaletteGroups,
+  langSwitchProps
+}: MarketingHeaderProps): react_jsx_runtime27.JSX.Element;
+//#endregion
+export { MarketingHeader, MarketingHeaderProps };
+//# sourceMappingURL=MarketingHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingHeader.d.ts","names":[],"sources":["../../../src/components/organisms/MarketingHeader.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAsCiB,oBAAA;QACT,KAAA,CAAM;QACN;EAFS,QAAA,CAAA,EAAA;IACH,IAAA,CAAA,EAAA,MAAA;IACN,KAAA,CAAA,EAAA,MAAA;IAKG,QAAA,CAAA,EAAA,MAAA;IAEH,KAAA,EAFG,YAEH,EAAA;EAGE,CAAA;EAC0C,GAAA,CAAA,EAJ5C,SAI4C;EAA5B,SAAM,CAAA,EAAA,MAAA;EACX,OAAA,CAAA,EAAA,SAAA,GAAA,aAAA;EAAe,KAAA,CAAA,EAFxB,KAAA,CAAM,SAEkB;EAalB,oBAAe,EAdP,KAAA,CAAM,cAcC,CAAA,OAdqB,cAcrB,CAAA,CAAA,QAAA,CAAA;EAC7B,eAAA,EAdiB,eAcjB;;AAEA,iBAHc,eAAA,CAGd;EAAA,IAAA;EAAA,GAAA;EAAA,QAAA;EAAA,GAAA;EAAA,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA,oBAAA;EAAA;AAAA,CAAA,EAOC,oBAPD,CAAA,EAOqB,mBAAA,CAAA,GAAA,CAAA,OAPrB"}

package/dist/components/organisms/MarketingHeader.js

@@ -0,0 +1,124 @@
+'use client';
+
+import { Button } from "../atoms/Button.js";
+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";
+import { Menu } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@contractspec/lib.ui-kit-web/ui/navigation-menu";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Sheet, SheetContent, SheetHeader, SheetTrigger } from "@contractspec/lib.ui-kit-web/ui/sheet";
+import { Separator } from "@contractspec/lib.ui-kit-web/ui/separator";
+
+//#region src/components/organisms/MarketingHeader.tsx
+const headerVariants = cva("flex items-center justify-between gap-4", {
+	variants: { density: {
+		compact: "px-3 py-2",
+		comfortable: "px-4 py-3"
+	} },
+	defaultVariants: { density: "comfortable" }
+});
+function MarketingHeader({ logo, nav = [], userMenu, cta, className, density, right, commandPaletteGroups, langSwitchProps }) {
+	const [open, setOpen] = React.useState(false);
+	return /* @__PURE__ */ jsx(HStack, {
+		as: "header",
+		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs", className),
+		children: /* @__PURE__ */ jsxs(HStack, {
+			className: cn("mx-auto w-full max-w-7xl items-center justify-center", headerVariants({ density })),
+			children: [
+				/* @__PURE__ */ jsx(VStack, {
+					className: "flex items-center gap-2 md:hidden",
+					children: /* @__PURE__ */ jsxs(Sheet, {
+						open,
+						onOpenChange: setOpen,
+						children: [/* @__PURE__ */ jsx(SheetTrigger, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								size: "icon",
+								"aria-label": "Open menu",
+								children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+							})
+						}), /* @__PURE__ */ jsxs(SheetContent, {
+							side: "left",
+							className: "w-[320px] p-4",
+							children: [
+								!!commandPaletteGroups?.length && /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(CommandSearchTrigger, { groups: commandPaletteGroups }) }),
+								cta && /* @__PURE__ */ jsx(VStack, {
+									className: "mb-3",
+									children: /* @__PURE__ */ jsx(ButtonLink, {
+										variant: cta.variant,
+										size: cta.size,
+										href: cta.href,
+										onClick: cta.onClick,
+										children: /* @__PURE__ */ jsx(Text, { children: cta.label })
+									})
+								}),
+								/* @__PURE__ */ jsx(MobileNavMenu, { items: nav })
+							]
+						})]
+					})
+				}),
+				logo,
+				/* @__PURE__ */ jsx(HStack, {
+					className: "hidden items-center gap-4 md:flex",
+					children: nav.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+						orientation: "vertical",
+						className: "h-6"
+					}), /* @__PURE__ */ jsx(NavigationMenu, {
+						className: "hidden md:flex",
+						children: /* @__PURE__ */ jsx(NavigationMenuList, { children: nav.map((item) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.items && item.items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, { children: item.label }), /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", {
+							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, {
+							href: item.href || "#",
+							children: item.label
+						}) }, String(item.key ?? item.href ?? item.label))) })
+					})] })
+				}),
+				/* @__PURE__ */ jsxs(HStack, {
+					className: "flex items-center gap-2",
+					children: [
+						!!commandPaletteGroups?.length && /* @__PURE__ */ jsx(Box, {
+							className: "hidden items-center gap-2 md:flex",
+							children: /* @__PURE__ */ jsx(CommandSearchTrigger, { groups: commandPaletteGroups })
+						}),
+						!!(langSwitchProps?.options?.length > 1) && /* @__PURE__ */ jsx(LangSwitchDropdown, {
+							value: langSwitchProps.value,
+							onChange: langSwitchProps.onChange,
+							options: langSwitchProps.options
+						}),
+						right && /* @__PURE__ */ jsx(Box, {
+							className: "hidden md:flex",
+							children: right
+						}),
+						cta && /* @__PURE__ */ jsx(Box, {
+							className: "hidden md:flex",
+							children: /* @__PURE__ */ jsx(ButtonLink, {
+								variant: cta.variant,
+								size: cta.size,
+								href: cta.href,
+								onClick: cta.onClick,
+								children: /* @__PURE__ */ jsx(Text, { children: cta.label })
+							})
+						}),
+						userMenu && /* @__PURE__ */ jsx(NavUser, { ...userMenu })
+					]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { MarketingHeader };
+//# sourceMappingURL=MarketingHeader.js.map

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

@@ -0,0 +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  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  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>{item.label}</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":";;;;;;;;;;;;;;;;;;;;;;AAuDA,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,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,mCAAY,KAAK,QAAmB,EACrC,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,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingHeaderDesktop.d.ts","names":[],"sources":["../../../src/components/organisms/MarketingHeaderDesktop.tsx"],"sourcesContent":[],"mappings":";;;;iBAgCgB,sBAAA;;;;;;;;GAQb,uBAAoB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/MarketingHeaderDesktop.js

@@ -0,0 +1,58 @@
+'use client';
+
+import { ButtonLink } from "../atoms/ButtonLink.js";
+import { NavUser } from "../molecules/NavUser.js";
+import { NavItemCard } from "../molecules/NavItemCard.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@contractspec/lib.ui-kit-web/ui/navigation-menu";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Separator } from "@contractspec/lib.ui-kit-web/ui/separator";
+
+//#region src/components/organisms/MarketingHeaderDesktop.tsx
+const headerVariants = cva("hidden items-center justify-between gap-4 md:flex", {
+	variants: { density: {
+		compact: "px-3 py-2",
+		comfortable: "px-4 py-3"
+	} },
+	defaultVariants: { density: "comfortable" }
+});
+function MarketingHeaderDesktop({ logo, nav = [], userMenu, cta, className, density, right }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("mx-auto w-full max-w-7xl", headerVariants({ density })),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-4",
+				children: [logo, nav.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "h-6"
+				}), /* @__PURE__ */ jsx(NavigationMenu, { children: /* @__PURE__ */ jsx(NavigationMenuList, { children: nav.map((item) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.items && item.items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, { children: item.label }), /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", {
+					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, {
+					href: item.href || "#",
+					children: item.label
+				}) }, String(item.key ?? item.href ?? item.label))) }) })] })]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [
+					right,
+					cta && /* @__PURE__ */ jsx(ButtonLink, {
+						variant: cta.variant,
+						size: cta.size,
+						href: cta.href,
+						onClick: cta.onClick,
+						children: cta.label
+					}),
+					userMenu && /* @__PURE__ */ jsx(NavUser, { ...userMenu })
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { MarketingHeaderDesktop };
+//# sourceMappingURL=MarketingHeaderDesktop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingHeaderDesktop.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeaderDesktop.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\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 type { MarketingHeaderProps } from './MarketingHeader';\nimport { cva } from 'class-variance-authority';\nimport { NavUser } from '../molecules/NavUser';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { ButtonLink } from '../atoms/ButtonLink';\n\nconst headerVariants = cva(\n  'hidden items-center justify-between gap-4 md:flex',\n  {\n    variants: {\n      density: {\n        compact: 'px-3 py-2',\n        comfortable: 'px-4 py-3',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nexport function MarketingHeaderDesktop({\n  logo,\n  nav = [],\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n}: MarketingHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <div\n        className={cn('mx-auto w-full max-w-7xl', headerVariants({ density }))}\n      >\n        <div className=\"flex items-center gap-4\">\n          {logo}\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav>\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>{item.label}</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        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {right}\n          {cta && (\n            <ButtonLink\n              variant={cta.variant}\n              size={cta.size}\n              href={cta.href}\n              onClick={cta.onClick}\n            >\n              {cta.label}\n            </ButtonLink>\n          )}\n          {userMenu && <NavUser {...userMenu} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,iBAAiB,IACrB,qDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,SAAgB,uBAAuB,EACrC,MACA,MAAM,EAAE,EACR,UACA,KACA,WACA,SACA,SACuB;AACvB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GACC,WAAW,GAAG,4BAA4B,eAAe,EAAE,SAAS,CAAC,CAAC;cAEtE,qBAAC;IAAI,WAAU;eACZ,MACA,IAAI,SAAS,KACZ,4CACE,oBAAC;KAAU,aAAY;KAAW,WAAU;MAAQ,EACpD,oBAACA,4BACC,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC,mCAAY,KAAK,QAAmB,EACrC,oBAACC,mCACC,oBAAC;KAAI,WAAU;eACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;MACE,GACK,IACZ,GAEH,oBAACC;KAAQ,MAAM,KAAK,QAAQ;eAAM,KAAK;MAAgB,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/C,CACV,GACM,GACN,IACL;KAED,EAEN,qBAAC;IAAI,WAAU;;KACZ;KACA,OACC,oBAAC;MACC,SAAS,IAAI;MACb,MAAM,IAAI;MACV,MAAM,IAAI;MACV,SAAS,IAAI;gBAEZ,IAAI;OACM;KAEd,YAAY,oBAAC,WAAQ,GAAI,WAAY;;KAClC;IACF;GACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingHeaderMobile.d.ts","names":[],"sources":["../../../src/components/organisms/MarketingHeaderMobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAqBgB,qBAAA;;;;;GAKb,uBAAoB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/MarketingHeaderMobile.js

@@ -0,0 +1,70 @@
+'use client';
+
+import { Button } from "../atoms/Button.js";
+import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
+import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
+import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
+import * as React from "react";
+import { Menu } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "@contractspec/lib.ui-kit-web/ui/sheet";
+
+//#region src/components/organisms/MarketingHeaderMobile.tsx
+function MarketingHeaderMobile({ logo, nav = [], className, right }) {
+	const [open, setOpen] = React.useState(false);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs md:hidden", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto flex w-full max-w-7xl items-center justify-between px-3 py-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs(Sheet, {
+					open,
+					onOpenChange: setOpen,
+					children: [/* @__PURE__ */ jsx(SheetTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "icon",
+							"aria-label": "Open menu",
+							children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+						})
+					}), /* @__PURE__ */ jsxs(SheetContent, {
+						side: "left",
+						className: "w-[320px] p-4",
+						children: [
+							/* @__PURE__ */ jsxs(SheetHeader, { children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Menu" }), /* @__PURE__ */ jsxs(SheetDescription, { children: [/* @__PURE__ */ jsx("div", {
+								className: "mb-3",
+								children: /* @__PURE__ */ jsx(CommandSearchTrigger, {
+									groups: [],
+									compact: true
+								})
+							}), /* @__PURE__ */ jsx(MobileNavMenu, { items: nav })] })] }),
+							/* @__PURE__ */ jsx(VStack, { children: /* @__PURE__ */ jsx(MobileNavMenu, { items: nav }) }),
+							/* @__PURE__ */ jsx(SheetFooter, { children: right })
+						]
+					})]
+				}), logo]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2",
+				children: /* @__PURE__ */ jsx(LangSwitchDropdown, {
+					value: "en",
+					options: [{
+						code: "fr",
+						label: "FR"
+					}, {
+						code: "en",
+						label: "EN"
+					}],
+					onChange: () => {}
+				})
+			})]
+		})
+	});
+}
+
+//#endregion
+export { MarketingHeaderMobile };
+//# sourceMappingURL=MarketingHeaderMobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingHeaderMobile.js","names":[],"sources":["../../../src/components/organisms/MarketingHeaderMobile.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 {\n  Sheet,\n  SheetContent,\n  SheetTrigger,\n  SheetTitle,\n  SheetHeader,\n  SheetFooter,\n  SheetDescription,\n} from '@contractspec/lib.ui-kit-web/ui/sheet';\nimport { Menu } from 'lucide-react';\nimport type { MarketingHeaderProps } from './MarketingHeader';\nimport { MobileNavMenu } from '../molecules/MobileNavMenu';\nimport { CommandSearchTrigger } from '../molecules/CommandSearchTrigger';\nimport { LangSwitchDropdown } from '../molecules/LangSwitchDropdown';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\n\nexport function MarketingHeaderMobile({\n  logo,\n  nav = [],\n  className,\n  right,\n}: MarketingHeaderProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <div\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs md:hidden',\n        className\n      )}\n    >\n      <div className=\"mx-auto flex w-full max-w-7xl items-center justify-between px-3 py-2\">\n        <div className=\"flex items-center gap-2\">\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            <SheetContent side=\"left\" className=\"w-[320px] p-4\">\n              <SheetHeader>\n                <SheetTitle>Menu</SheetTitle>\n                <SheetDescription>\n                  <div className=\"mb-3\">\n                    <CommandSearchTrigger groups={[]} compact />\n                  </div>\n                  <MobileNavMenu items={nav} />\n                </SheetDescription>\n              </SheetHeader>\n              <VStack>\n                <MobileNavMenu items={nav} />\n              </VStack>\n              <SheetFooter>\n                {right}\n                {/* todo */}\n              </SheetFooter>\n            </SheetContent>\n          </Sheet>\n          {logo}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <LangSwitchDropdown\n            value={'en'}\n            options={[\n              { code: 'fr', label: 'FR' },\n              { code: 'en', label: 'EN' },\n            ]}\n            onChange={() => {\n              /* noop */\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,SAAgB,sBAAsB,EACpC,MACA,MAAM,EAAE,EACR,WACA,SACuB;CACvB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAC7C,QACE,oBAAC;EACC,WAAW,GACT,yGACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAY;KAAM,cAAc;gBAC/B,oBAAC;MAAa;gBACZ,oBAAC;OAAO,SAAQ;OAAQ,MAAK;OAAO,cAAW;iBAC7C,oBAAC,QAAK,WAAU,YAAY;QACrB;OACI,EACf,qBAAC;MAAa,MAAK;MAAO,WAAU;;OAClC,qBAAC,0BACC,oBAAC,wBAAW,SAAiB,EAC7B,qBAAC,+BACC,oBAAC;QAAI,WAAU;kBACb,oBAAC;SAAqB,QAAQ,EAAE;SAAE;UAAU;SACxC,EACN,oBAAC,iBAAc,OAAO,MAAO,IACZ,IACP;OACd,oBAAC,oBACC,oBAAC,iBAAc,OAAO,MAAO,GACtB;OACT,oBAAC,yBACE,QAEW;;OACD;MACT,EACP;KACG,EACN,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC,OAAO;KACP,SAAS,CACP;MAAE,MAAM;MAAM,OAAO;MAAM,EAC3B;MAAE,MAAM;MAAM,OAAO;MAAM,CAC5B;KACD,gBAAgB;MAGhB;KACE;IACF;GACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingLayout.d.ts","names":[],"sources":["../../../src/components/organisms/MarketingLayout.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,oBAAA;UACP,KAAA,CAAM;YACJ,KAAA,CAAM;EAFD,MAAA,CAAA,EAGN,KAAA,CAAM,SAHoB;EAC3B,SAAM,CAAA,EAAA,MAAA;;AAEC,iBAID,eAAA,CAJC;EAAA,MAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EASd,oBATc,CAAA,EASM,mBAAA,CAAA,GAAA,CAAA,OATN"}

package/dist/components/organisms/MarketingLayout.js

@@ -0,0 +1,27 @@
+'use client';
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+
+//#region src/components/organisms/MarketingLayout.tsx
+function MarketingLayout({ header, children, footer, className }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "none",
+		className: cn("bg-background min-h-svh", className),
+		children: [
+			header,
+			/* @__PURE__ */ jsx("main", {
+				id: "main",
+				className: "flex-1",
+				children
+			}),
+			footer
+		]
+	});
+}
+
+//#endregion
+export { MarketingLayout };
+//# sourceMappingURL=MarketingLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingLayout.js","names":[],"sources":["../../../src/components/organisms/MarketingLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\n\nexport interface MarketingLayoutProps {\n  header: React.ReactNode;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function MarketingLayout({\n  header,\n  children,\n  footer,\n  className,\n}: MarketingLayoutProps) {\n  return (\n    <VStack gap=\"none\" className={cn('bg-background min-h-svh', className)}>\n      {header}\n\n      {/* <main id=\"main\" className=\"mx-auto w-full max-w-7xl px-4 py-8\"> */}\n      <main id=\"main\" className=\"flex-1\">\n        {children}\n      </main>\n\n      {footer}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,gBAAgB,EAC9B,QACA,UACA,QACA,aACuB;AACvB,QACE,qBAAC;EAAO,KAAI;EAAO,WAAW,GAAG,2BAA2B,UAAU;;GACnE;GAGD,oBAAC;IAAK,IAAG;IAAO,WAAU;IACvB;KACI;GAEN;;GACM"}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime61 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;
+//#endregion
+export { PageHeaderResponsive };
+//# sourceMappingURL=PageHeaderResponsive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderResponsive.d.ts","names":[],"sources":["../../../src/components/organisms/PageHeaderResponsive.tsx"],"sourcesContent":[],"mappings":";;;;KASY,yBAAA,GAA4B;iBAExB,oBAAA,QAA4B,4BAAyB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/PageHeaderResponsive.js

@@ -0,0 +1,20 @@
+'use client';
+
+import { useResponsive } from "../../platform/useResponsive.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { PageHeader } from "@contractspec/lib.ui-kit-web/ui/page-header";
+
+//#region src/components/organisms/PageHeaderResponsive.tsx
+function PageHeaderResponsive(props) {
+	const { screen } = useResponsive();
+	const spacing = screen === "desktop" ? "lg" : screen === "tablet" ? "md" : "sm";
+	return /* @__PURE__ */ jsx(PageHeader, {
+		...props,
+		spacing: props.spacing ?? spacing
+	});
+}
+
+//#endregion
+export { PageHeaderResponsive };
+//# sourceMappingURL=PageHeaderResponsive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderResponsive.js","names":["WebPageHeader"],"sources":["../../../src/components/organisms/PageHeaderResponsive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  PageHeader as WebPageHeader,\n  type PageHeaderProps,\n} from '@contractspec/lib.ui-kit-web/ui/page-header';\nimport { useResponsive } from '../../platform/useResponsive';\n\nexport type PageHeaderResponsiveProps = PageHeaderProps;\n\nexport function PageHeaderResponsive(props: PageHeaderResponsiveProps) {\n  const { screen } = useResponsive();\n  const spacing =\n    screen === 'desktop' ? 'lg' : screen === 'tablet' ? 'md' : 'sm';\n  return (\n    <WebPageHeader\n      {...props}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      spacing={props.spacing ?? (spacing as any)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,qBAAqB,OAAkC;CACrE,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,UACJ,WAAW,YAAY,OAAO,WAAW,WAAW,OAAO;AAC7D,QACE,oBAACA;EACC,GAAI;EAEJ,SAAS,MAAM,WAAY;GAC3B"}

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime56 from "react/jsx-runtime";
+
+//#region src/components/organisms/PricingCarousel.d.ts
+interface PricingSlide {
+  name: string;
+  price: string;
+  tagline?: string;
+  features: string[];
+  cta?: {
+    label: string;
+    href?: string;
+    onPress?: () => void;
+  };
+  highlighted?: boolean;
+}
+declare function PricingCarousel({
+  tiers,
+  className
+}: {
+  tiers: PricingSlide[];
+  className?: string;
+}): react_jsx_runtime56.JSX.Element;
+//#endregion
+export { PricingCarousel };
+//# sourceMappingURL=PricingCarousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingCarousel.d.ts","names":[],"sources":["../../../src/components/organisms/PricingCarousel.tsx"],"sourcesContent":[],"mappings":";;;UAYiB,YAAA;;;EAAA,OAAA,CAAA,EAAA,MAAY;EASb,QAAA,EAAA,MAAA,EAAe;EAC7B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,eAAA;;;;SAIP;;IAER,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/PricingCarousel.js

@@ -0,0 +1,60 @@
+import { Button } from "../atoms/Button.js";
+import { ButtonLink } from "../atoms/ButtonLink.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@contractspec/lib.ui-kit-web/ui/carousel";
+
+//#region src/components/organisms/PricingCarousel.tsx
+function PricingCarousel({ tiers, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsxs(Carousel, { children: [
+			/* @__PURE__ */ jsx(CarouselContent, { children: tiers.map((t, i) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsx(Card, {
+				className: t.highlighted ? "border-primary shadow-lg" : void 0,
+				children: /* @__PURE__ */ jsxs(CardContent, {
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "text-muted-foreground mb-2 text-base font-medium",
+							children: t.name
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "text-3xl font-semibold",
+							children: t.price
+						}),
+						t.tagline && /* @__PURE__ */ jsx("div", {
+							className: "text-muted-foreground mt-1 text-base",
+							children: t.tagline
+						}),
+						/* @__PURE__ */ jsx("ul", {
+							className: "mt-4 space-y-2 text-base",
+							children: t.features.map((f, j) => /* @__PURE__ */ jsxs("li", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ jsx("span", { className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", { children: f })]
+							}, j))
+						}),
+						t.cta && /* @__PURE__ */ jsx("div", {
+							className: "mt-6",
+							children: t.cta.href ? /* @__PURE__ */ jsx(ButtonLink, {
+								className: "w-full",
+								href: t.cta.href,
+								children: t.cta.label
+							}) : /* @__PURE__ */ jsx(Button, {
+								className: "w-full",
+								onPress: t.cta.onPress,
+								children: t.cta.label
+							})
+						})
+					]
+				})
+			}) }, i)) }),
+			/* @__PURE__ */ jsx(CarouselPrevious, {}),
+			/* @__PURE__ */ jsx(CarouselNext, {})
+		] })
+	});
+}
+
+//#endregion
+export { PricingCarousel };
+//# sourceMappingURL=PricingCarousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingCarousel.js","names":[],"sources":["../../../src/components/organisms/PricingCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from '@contractspec/lib.ui-kit-web/ui/carousel';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\n\nexport interface PricingSlide {\n  name: string;\n  price: string;\n  tagline?: string;\n  features: string[];\n  cta?: { label: string; href?: string; onPress?: () => void };\n  highlighted?: boolean;\n}\n\nexport function PricingCarousel({\n  tiers,\n  className,\n}: {\n  tiers: PricingSlide[];\n  className?: string;\n}) {\n  return (\n    <div className={className}>\n      <Carousel>\n        <CarouselContent>\n          {tiers.map((t, i) => (\n            <CarouselItem key={i}>\n              <Card\n                className={\n                  t.highlighted ? 'border-primary shadow-lg' : undefined\n                }\n              >\n                <CardContent className=\"p-6\">\n                  <div className=\"text-muted-foreground mb-2 text-base font-medium\">\n                    {t.name}\n                  </div>\n                  <div className=\"text-3xl font-semibold\">{t.price}</div>\n                  {t.tagline && (\n                    <div className=\"text-muted-foreground mt-1 text-base\">\n                      {t.tagline}\n                    </div>\n                  )}\n                  <ul className=\"mt-4 space-y-2 text-base\">\n                    {t.features.map((f, j) => (\n                      <li key={j} className=\"flex items-start gap-2\">\n                        <span className=\"bg-primary mt-1 h-1.5 w-1.5 rounded-full\" />\n                        <span>{f}</span>\n                      </li>\n                    ))}\n                  </ul>\n                  {t.cta && (\n                    <div className=\"mt-6\">\n                      {t.cta.href ? (\n                        <ButtonLink className=\"w-full\" href={t.cta.href}>\n                          {t.cta.label}\n                        </ButtonLink>\n                      ) : (\n                        <Button className=\"w-full\" onPress={t.cta.onPress}>\n                          {t.cta.label}\n                        </Button>\n                      )}\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </Carousel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,gBAAgB,EAC9B,OACA,aAIC;AACD,QACE,oBAAC;EAAe;YACd,qBAAC;GACC,oBAAC,6BACE,MAAM,KAAK,GAAG,MACb,oBAAC,0BACC,oBAAC;IACC,WACE,EAAE,cAAc,6BAA6B;cAG/C,qBAAC;KAAY,WAAU;;MACrB,oBAAC;OAAI,WAAU;iBACZ,EAAE;QACC;MACN,oBAAC;OAAI,WAAU;iBAA0B,EAAE;QAAY;MACtD,EAAE,WACD,oBAAC;OAAI,WAAU;iBACZ,EAAE;QACC;MAER,oBAAC;OAAG,WAAU;iBACX,EAAE,SAAS,KAAK,GAAG,MAClB,qBAAC;QAAW,WAAU;mBACpB,oBAAC,UAAK,WAAU,6CAA6C,EAC7D,oBAAC,oBAAM,IAAS;UAFT,EAGJ,CACL;QACC;MACJ,EAAE,OACD,oBAAC;OAAI,WAAU;iBACZ,EAAE,IAAI,OACL,oBAAC;QAAW,WAAU;QAAS,MAAM,EAAE,IAAI;kBACxC,EAAE,IAAI;SACI,GAEb,oBAAC;QAAO,WAAU;QAAS,SAAS,EAAE,IAAI;kBACvC,EAAE,IAAI;SACA;QAEP;;MAEI;KACT,IAtCU,EAuCJ,CACf,GACc;GAClB,oBAAC,qBAAmB;GACpB,oBAAC,iBAAe;MACP;GACP"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingSection.d.ts","names":[],"sources":["../../../src/components/organisms/PricingSection.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMgB,cAAA;;;;;;SAMP;UACC,KAAA,CAAM;EAPA,QAAA,CAAA,EAQH,KAAA,CAAM,SARW;EAC5B,SAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAQD,mBAAA,CAAA,GAAA,CAAA,OARC"}

package/dist/components/organisms/PricingSection.js

@@ -0,0 +1,27 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PricingTable } from "@contractspec/lib.ui-kit-web/ui/marketing/PricingTable";
+
+//#region src/components/organisms/PricingSection.tsx
+function PricingSection({ tiers, title, subtitle, className }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: `py-12 sm:py-16 lg:py-24 ${className || ""}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "container mx-auto px-4 sm:px-6 lg:px-8",
+			children: [title ? /* @__PURE__ */ jsxs("div", {
+				className: "mb-8 text-center",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-3xl font-bold md:text-4xl",
+					children: title
+				}), subtitle ? /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mx-auto mt-2 max-w-2xl text-base",
+					children: subtitle
+				}) : null]
+			}) : null, /* @__PURE__ */ jsx(PricingTable, { tiers })]
+		})
+	});
+}
+
+//#endregion
+export { PricingSection };
+//# sourceMappingURL=PricingSection.js.map