@tribe-nest/forge 3.48.0 → 3.52.0

package/src/ui/index.ts

@@ -197,7 +197,17 @@ export {
 export { ConfirmSubscription, type ConfirmSubscriptionProps } from "./styled/ConfirmSubscription";
 export { LeadMagnet, type LeadMagnetProps } from "./styled/LeadMagnet";
 export { CohortPage, type CohortPageProps } from "./styled/CohortPage";
+export { CohortCheckout, type CohortCheckoutProps } from "./styled/CohortCheckout";
+export { CohortConfirmation, type CohortConfirmationProps } from "./styled/CohortConfirmation";
+export {
+  useCohortCheckout,
+  type UseCohortCheckoutOptions,
+  type CohortCheckoutStep,
+} from "./headless/cohort/useCohortCheckout";
 export { CourseAccess, type CourseAccessProps } from "./styled/CourseAccess";
+// A student's live calls, scoped to the course or cohort the page is standing
+// on. A thin wrapper over `MemberCallsCalendar`, not a second calendar.
+export { CourseCallsSection, type CourseCallsSectionProps } from "./styled/CourseCallsSection";
 
 // Films and series (Tier 2). `FilmWatch` owns the entitlement gate, the viewer
 // overlay, the episode switcher and the clock; it takes a `renderPlayer` prop

package/src/ui/styled/BlogPost.tsx

@@ -157,7 +157,7 @@ export function BlogPost({ slug, blogHref = "/i/blog", initialPost }: BlogPostPr
 
       {/* `rich-text` = shared baseline content styles (WYSIWYG with the editor),
           bundled with Forge via the ./rich-text.css import above. */}
-      <div className="rich-text" dangerouslySetInnerHTML={{ __html: post.content || "" }} />
+      <div className="fg:rich-text" dangerouslySetInnerHTML={{ __html: post.content || "" }} />
     </article>
   );
 }

package/src/ui/styled/ChatRoom.tsx

@@ -124,7 +124,7 @@ export function ChatRoom(_props: ChatRoomProps) {
     >
       {/* Channel list: full-width on mobile, fixed rail on desktop */}
       <aside
-        className={`${showSidebar ? "flex" : "hidden"} md:flex w-full md:w-[260px] flex-col`}
+        className={`${showSidebar ? "fg:flex" : "fg:hidden"} fg:md:flex fg:w-full fg:md:w-[260px] fg:flex-col`}
         style={{ borderRight: border, overflowY: "auto" }}
       >
         <div
@@ -174,7 +174,7 @@ export function ChatRoom(_props: ChatRoomProps) {
       </aside>
 
       {/* Message panel */}
-      <section className={`${showSidebar ? "hidden" : "flex"} md:flex flex-1 flex-col min-w-0`}>
+      <section className={`${showSidebar ? "fg:hidden" : "fg:flex"} fg:md:flex fg:flex-1 fg:flex-col fg:min-w-0`}>
         {room.selectedChannel ? (
           <MessagePanel room={room} onBack={() => setShowSidebar(true)} border={border} />
         ) : (