@flamingo-stack/openframe-frontend-core 0.0.710 → 0.0.712

package/dist/{chunk-4UM2ETLM.js → chunk-RBYVFPER.js}

@@ -1,36 +1,41 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-4IBPRIQH.js";
+} from "./chunk-YBQQNDC7.js";
 import {
-  PageLayout,
   PageShell
-} from "./chunk-4L6XCMOU.js";
+} from "./chunk-FCAVAEHF.js";
 import {
-  useScrollToHash
-} from "./chunk-KUC673HM.js";
+  PageLayout
+} from "./chunk-NPAQSMRY.js";
 import {
-  buildSuggestionUrl
-} from "./chunk-UT4YHQZW.js";
+  useScrollToHash
+} from "./chunk-6T3BTD6Q.js";
 import {
   faqItemAnchor,
   faqSectionSlug,
   parseFaqHash
-} from "./chunk-PO33GZVY.js";
+} from "./chunk-ROBQ5TR7.js";
 import {
   STICKY_HEADER_OFFSET_PX,
-  navigateSamePageHash,
+  navigateSamePageHash
+} from "./chunk-CMZ3QTFQ.js";
+import {
   serializeJsonLd
-} from "./chunk-CZ7Y7UG4.js";
+} from "./chunk-34I6XI3N.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
 import {
-  SECTION_HEADING_CLASS
-} from "./chunk-FI6GMDO7.js";
+  SECTION_HEADING_CLASS,
+  buildSuggestionUrl
+} from "./chunk-TTVOLEUS.js";
 import {
   Chevron02DownIcon
 } from "./chunk-NCPTID44.js";
+import {
+  next_link_default
+} from "./chunk-DAAVMYUT.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";
@@ -162,7 +167,9 @@ var UNCATEGORIZED_KEY = "__uncategorized__";
 var groupKey = (g) => g.slug ?? UNCATEGORIZED_KEY;
 function GroupedFaqList({
   groups,
-  categoryHeadingAs
+  categoryHeadingAs,
+  heading,
+  aside
 }) {
   const CategoryHeading = categoryHeadingAs;
   const navGroups = useMemo(() => groups.filter((g) => g.slug), [groups]);
@@ -232,38 +239,50 @@ function GroupedFaqList({
       history: "replace"
     });
   }, []);
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-8", children: [
-    navGroups.length > 1 && /* @__PURE__ */ jsx2("nav", { "aria-label": "FAQ categories", className: "flex flex-wrap gap-2", children: navGroups.map((group) => {
-      const isActive = group.slug === activeSlug;
-      return /* @__PURE__ */ jsx2(
-        "a",
+  const categoryNav = navGroups.length > 1 && /* @__PURE__ */ jsx2("nav", { "aria-label": "FAQ categories", className: "flex flex-wrap gap-2", children: navGroups.map((group) => {
+    const isActive = group.slug === activeSlug;
+    return /* @__PURE__ */ jsx2(
+      next_link_default,
+      {
+        href: `#${group.slug}`,
+        "aria-current": isActive ? "true" : void 0,
+        onClick: (e) => handleJump(e, group.slug),
+        className: cn(
+          "rounded-full border px-4 py-2 transition-colors text-h6",
+          isActive ? "border-ods-text-primary bg-ods-card text-ods-text-primary" : "border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary"
+        ),
+        children: group.section
+      },
+      group.slug
+    );
+  }) });
+  const questions = /* @__PURE__ */ jsx2("div", { className: "space-y-10", children: groups.map((group) => {
+    const key = groupKey(group);
+    return /* @__PURE__ */ jsxs2("section", { id: group.slug ?? void 0, className: "scroll-mt-24 space-y-4", children: [
+      group.section && /* @__PURE__ */ jsx2(CategoryHeading, { className: SECTION_HEADING_CLASS, children: group.section }),
+      /* @__PURE__ */ jsx2(
+        FaqAccordion,
         {
-          href: `#${group.slug}`,
-          "aria-current": isActive ? "true" : void 0,
-          onClick: (e) => handleJump(e, group.slug),
-          className: cn(
-            "rounded-full border px-4 py-2 transition-colors text-h6",
-            isActive ? "border-ods-text-primary bg-ods-card text-ods-text-primary" : "border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary"
-          ),
-          children: group.section
+          items: group.items,
+          defaultOpenIds: defaultOpenByGroupKey?.get(key)
         },
-        group.slug
-      );
-    }) }),
-    /* @__PURE__ */ jsx2("div", { className: "space-y-10", children: groups.map((group) => {
-      const key = groupKey(group);
-      return /* @__PURE__ */ jsxs2("section", { id: group.slug ?? void 0, className: "scroll-mt-24 space-y-4", children: [
-        group.section && /* @__PURE__ */ jsx2(CategoryHeading, { className: SECTION_HEADING_CLASS, children: group.section }),
-        /* @__PURE__ */ jsx2(
-          FaqAccordion,
-          {
-            items: group.items,
-            defaultOpenIds: defaultOpenByGroupKey?.get(key)
-          },
-          `${key}:${accordionKeySuffix}`
-        )
-      ] }, key);
-    }) })
+        `${key}:${accordionKeySuffix}`
+      )
+    ] }, key);
+  }) });
+  if (!aside) {
+    return /* @__PURE__ */ jsxs2("div", { className: "space-y-8", children: [
+      categoryNav,
+      questions
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "grid gap-10 content-lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] content-lg:grid-rows-[auto_1fr] content-lg:gap-x-16", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "space-y-8", children: [
+      heading,
+      categoryNav
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "content-lg:col-start-2 content-lg:row-span-2 content-lg:row-start-1", children: questions }),
+    /* @__PURE__ */ jsx2("div", { className: "content-lg:col-start-1 content-lg:row-start-2", children: aside })
   ] });
 }
 function FaqSkeleton() {
@@ -284,7 +303,8 @@ function FaqSection({
   jsonLd,
   className,
   minResults,
-  apiBaseUrl = ""
+  apiBaseUrl = "",
+  aside
 }) {
   const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl);
   const initialData = useMemo(
@@ -303,8 +323,16 @@ function FaqSection({
   const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null;
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsxs2("section", { className: className ?? "space-y-10", children: [
-      headingNode,
-      /* @__PURE__ */ jsx2(GroupedFaqList, { groups, categoryHeadingAs: heading === null ? "h2" : "h3" })
+      !aside && headingNode,
+      /* @__PURE__ */ jsx2(
+        GroupedFaqList,
+        {
+          groups,
+          categoryHeadingAs: heading === null ? "h2" : "h3",
+          heading: aside ? headingNode : void 0,
+          aside
+        }
+      )
     ] }),
     schema && /* @__PURE__ */ jsx2(
       "script",