@flamingo-stack/openframe-frontend-core 0.0.711 → 0.0.713

package/dist/{chunk-JPG7OHEG.js → chunk-4QFWGLZO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   UnifiedPagination
-} from "./chunk-F57ECE2I.js";
+} from "./chunk-6YPTUHM7.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";

package/dist/chunk-4R2L3DSA.js

@@ -0,0 +1,14 @@
+"use client";
+
+// src/styles/layout-steps.ts
+var LAYOUT_STEPS = {
+  sm: { viewport: 640, content: 640 },
+  md: { viewport: 800, content: 720 },
+  lg: { viewport: 1280, content: 1024 },
+  xl: { viewport: 1440, content: 1216 },
+  "2xl": { viewport: 1536, content: 1312 }
+};
+
+export {
+  LAYOUT_STEPS
+};

package/dist/{chunk-VMMHJFHG.js → chunk-6F4QOCGB.js}

@@ -1,33 +1,35 @@
 "use client";
 import {
-  HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
   HoneypotField,
+  Textarea
+} from "./chunk-STPC2AQU.js";
+import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SelectValue,
-  Textarea
-} from "./chunk-5HB7FLCV.js";
+  SelectValue
+} from "./chunk-NPAQSMRY.js";
 import {
   useContactSubmission,
   useHumanitySignals,
   useRescuedForm
-} from "./chunk-KUC673HM.js";
+} from "./chunk-6T3BTD6Q.js";
 import {
   ChatAttachmentAddButton,
   ChatAttachmentChipStrip,
+  HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
   useChatAttachments
-} from "./chunk-SMAAV3HL.js";
+} from "./chunk-ROBQ5TR7.js";
 import {
   SECTION_HEADING_CLASS,
   accentSentenceMarks
-} from "./chunk-FI6GMDO7.js";
+} from "./chunk-TTVOLEUS.js";
 import {
   Input,
   Label,
   RequiredMark
-} from "./chunk-FLKJYMVB.js";
+} from "./chunk-CMGFZHCN.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";

package/dist/{chunk-Q6B35Y7O.js → chunk-6MNAIQNR.js}

@@ -3,36 +3,42 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-62KNLDXK.js";
+} from "./chunk-P6QCJXLD.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
-  StickySectionNav
-} from "./chunk-AGDVEUVL.js";
+  StickySectionNav,
+  useScrollSpy
+} from "./chunk-H5R7U2D2.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-TKZXHVBG.js";
+} from "./chunk-RRYNHAEL.js";
 import {
   CategorySidebarSkeleton,
-  DEFAULT_FOLDER_INDEX_FILE,
   FigmaEmbed,
-  PageLayout,
-  PageShell,
+  PageShell
+} from "./chunk-STPC2AQU.js";
+import {
+  PageLayout
+} from "./chunk-NPAQSMRY.js";
+import {
+  contentFetch
+} from "./chunk-G3GRYDMS.js";
+import {
+  DEFAULT_FOLDER_INDEX_FILE,
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-5HB7FLCV.js";
-import {
-  contentFetch
-} from "./chunk-CUME3VTQ.js";
+} from "./chunk-ROBQ5TR7.js";
 import {
   HUB_HEADER_OFFSET_PX,
-  apiErrorMessage,
-  getScrollableAncestor,
   navigateSamePageHash,
   scrollElementIntoView
-} from "./chunk-CZ7Y7UG4.js";
+} from "./chunk-CMZ3QTFQ.js";
+import {
+  apiErrorMessage
+} from "./chunk-34I6XI3N.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
@@ -44,7 +50,7 @@ import {
 } from "./chunk-7RXWKTAP.js";
 
 // src/components/docs/doc-viewer.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo2 } from "react";
 
 // src/components/persistent-filter-controls.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -660,102 +666,6 @@ function useDocumentTree(config, initialPath) {
   };
 }
 
-// src/components/docs/use-scroll-spy.ts
-import { useState as useState2, useRef as useRef3, useCallback as useCallback4, useEffect as useEffect2, useMemo as useMemo2 } from "react";
-var SCROLL_OFFSET = 100;
-var ID_SEPARATOR = "\n";
-function replaceHash(sectionId) {
-  const { pathname, search, hash } = window.location;
-  const next = sectionId ? `#${sectionId}` : "";
-  if (hash === next) return;
-  window.history.replaceState(window.history.state, "", `${pathname}${search}${next}`);
-}
-function resolveScroller(firstSection) {
-  const container = firstSection ? getScrollableAncestor(firstSection) : null;
-  if (container) {
-    return {
-      target: container,
-      scrollTop: () => container.scrollTop,
-      viewportTop: () => container.getBoundingClientRect().top,
-      clientHeight: () => container.clientHeight,
-      scrollHeight: () => container.scrollHeight
-    };
-  }
-  return {
-    target: window,
-    scrollTop: () => window.scrollY,
-    viewportTop: () => 0,
-    clientHeight: () => window.innerHeight,
-    scrollHeight: () => document.documentElement.scrollHeight
-  };
-}
-function useScrollSpy(sections, options = {}) {
-  const { syncHash = false, headerOffset = SCROLL_OFFSET } = options;
-  const [activeSection, setActiveSection] = useState2("");
-  const isScrollingFromClick = useRef3(false);
-  const sectionIdsKey = useMemo2(() => sections?.map((s) => s.id).join(ID_SEPARATOR) ?? "", [sections]);
-  const handleSectionClick = useCallback4(
-    (sectionId) => {
-      const targetElement = document.getElementById(sectionId);
-      if (!targetElement) return;
-      isScrollingFromClick.current = true;
-      setActiveSection(sectionId);
-      if (syncHash) replaceHash(sectionId);
-      scrollElementIntoView(targetElement, { headerOffset });
-      setTimeout(() => {
-        isScrollingFromClick.current = false;
-      }, 800);
-    },
-    [syncHash, headerOffset]
-  );
-  useEffect2(() => {
-    const sectionIds = sectionIdsKey === "" ? [] : sectionIdsKey.split(ID_SEPARATOR);
-    if (sectionIds.length === 0) return void 0;
-    const scroller = resolveScroller(document.getElementById(sectionIds[0] ?? ""));
-    const handleScroll = (fromScroll = false) => {
-      if (isScrollingFromClick.current) return;
-      const scrollTop = scroller.scrollTop();
-      const viewportTop = scroller.viewportTop();
-      const scrollPosition = scrollTop + headerOffset;
-      const sectionTop = (element) => element.getBoundingClientRect().top - viewportTop + scrollTop;
-      let currentSection = sectionIds[0] ?? "";
-      const scrollHeight = scroller.scrollHeight();
-      const clientHeight = scroller.clientHeight();
-      const scrollable = scrollHeight > clientHeight + 2;
-      const atBottom = scrollable && clientHeight + scrollTop >= scrollHeight - 2;
-      if (atBottom) {
-        currentSection = sectionIds[sectionIds.length - 1] ?? currentSection;
-      } else {
-        for (let i = sectionIds.length - 1; i >= 0; i--) {
-          const element = document.getElementById(sectionIds[i]);
-          if (element && scrollPosition >= sectionTop(element)) {
-            currentSection = sectionIds[i];
-            break;
-          }
-        }
-      }
-      setActiveSection((prev) => prev !== currentSection ? currentSection : prev);
-      if (syncHash && fromScroll) {
-        const first = document.getElementById(sectionIds[0] ?? "");
-        const aboveFirst = !atBottom && first !== null && scrollPosition < sectionTop(first);
-        replaceHash(aboveFirst ? null : currentSection);
-      }
-    };
-    let scrollTimer;
-    const throttledScroll = () => {
-      clearTimeout(scrollTimer);
-      scrollTimer = setTimeout(() => handleScroll(true), 100);
-    };
-    scroller.target.addEventListener("scroll", throttledScroll);
-    handleScroll();
-    return () => {
-      scroller.target.removeEventListener("scroll", throttledScroll);
-      clearTimeout(scrollTimer);
-    };
-  }, [sectionIdsKey, syncHash, headerOffset]);
-  return { activeSection, handleSectionClick };
-}
-
 // src/components/docs/doc-viewer.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_DOC_VIEWER_PALETTE = {
@@ -830,7 +740,7 @@ function DocViewerContent({
     onNavigate: (path) => navigateToDoc(path, { fromInternalLink: true }),
     onInPageSwap: (path) => docNav.navigate(path)
   });
-  const renderedContent = useMemo3(() => {
+  const renderedContent = useMemo2(() => {
     if (!content) return null;
     return renderContent(content, {
       onInternalLinkClick: navigateToDoc,
@@ -1106,7 +1016,6 @@ export {
   DocNavigationProvider,
   useDocNavigation,
   useDocumentTree,
-  useScrollSpy,
   DocViewer,
   MarkdownSkeleton,
   EmbedSkeleton,