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

package/dist/chunk-3K5ZLZE7.js

@@ -0,0 +1,292 @@
+"use client";
+import {
+  breakpoints,
+  createLocalStorageAdapter,
+  useMediaQuery
+} from "./chunk-ADBE7QF3.js";
+
+// src/hooks/ui/use-drag-and-drop-enabled.ts
+var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${breakpoints.md}`;
+function useDragAndDropEnabled() {
+  return useMediaQuery(DRAG_AND_DROP_MEDIA_QUERY) ?? false;
+}
+
+// src/hooks/ui/use-horizontal-scrollbar.ts
+import { useRef, useState, useCallback } from "react";
+function useHorizontalScrollbar() {
+  const scrollElRef = useRef(null);
+  const trackRef = useRef(null);
+  const thumbRef = useRef(null);
+  const roRef = useRef(null);
+  const moRef = useRef(null);
+  const [thumbRatio, setThumbRatio] = useState(0);
+  const [canScrollLeft, setCanScrollLeft] = useState(false);
+  const [canScrollRight, setCanScrollRight] = useState(false);
+  const prevCanScrollLeftRef = useRef(false);
+  const prevCanScrollRightRef = useRef(false);
+  const isDraggingRef = useRef(false);
+  const dragStartRef = useRef({ mouseX: 0, scrollLeft: 0 });
+  const rafIdRef = useRef(0);
+  const syncThumbToDOM = useCallback(() => {
+    const el = scrollElRef.current;
+    const thumb = thumbRef.current;
+    if (!el || !thumb) return;
+    const maxScroll = el.scrollWidth - el.clientWidth;
+    if (maxScroll <= 0) {
+      thumb.style.left = "0%";
+      return;
+    }
+    const ratio = el.clientWidth / el.scrollWidth;
+    const fraction = Math.min(Math.max(el.scrollLeft, 0), maxScroll) / maxScroll;
+    thumb.style.left = `${fraction * (1 - ratio) * 100}%`;
+  }, []);
+  const syncEdgeFades = useCallback(() => {
+    const el = scrollElRef.current;
+    if (!el) return;
+    const maxScroll = el.scrollWidth - el.clientWidth;
+    const ratio = el.clientWidth / el.scrollWidth;
+    if (ratio >= 1 || maxScroll <= 0) {
+      if (prevCanScrollLeftRef.current) {
+        prevCanScrollLeftRef.current = false;
+        setCanScrollLeft(false);
+      }
+      if (prevCanScrollRightRef.current) {
+        prevCanScrollRightRef.current = false;
+        setCanScrollRight(false);
+      }
+      return;
+    }
+    const fraction = Math.min(Math.max(el.scrollLeft, 0), maxScroll) / maxScroll;
+    const left = fraction > 1e-3;
+    const right = fraction < 0.999;
+    if (left !== prevCanScrollLeftRef.current) {
+      prevCanScrollLeftRef.current = left;
+      setCanScrollLeft(left);
+    }
+    if (right !== prevCanScrollRightRef.current) {
+      prevCanScrollRightRef.current = right;
+      setCanScrollRight(right);
+    }
+  }, []);
+  const measure = useCallback(() => {
+    const el = scrollElRef.current;
+    if (!el) return;
+    const ratio = el.clientWidth / el.scrollWidth;
+    setThumbRatio(ratio >= 1 ? 0 : ratio);
+    syncThumbToDOM();
+    syncEdgeFades();
+  }, [syncThumbToDOM, syncEdgeFades]);
+  const scrollRef = useCallback(
+    (node) => {
+      if (roRef.current) {
+        roRef.current.disconnect();
+        roRef.current = null;
+      }
+      if (moRef.current) {
+        moRef.current.disconnect();
+        moRef.current = null;
+      }
+      if (rafIdRef.current) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = 0;
+      }
+      scrollElRef.current = node;
+      if (node) {
+        const ratio = node.clientWidth / node.scrollWidth;
+        setThumbRatio(ratio >= 1 ? 0 : ratio);
+        const ro = new ResizeObserver(measure);
+        roRef.current = ro;
+        const observeAll = () => {
+          ro.disconnect();
+          ro.observe(node);
+          for (const child of Array.from(node.children)) ro.observe(child);
+        };
+        observeAll();
+        moRef.current = new MutationObserver(() => {
+          observeAll();
+          measure();
+        });
+        moRef.current.observe(node, { childList: true });
+        requestAnimationFrame(() => {
+          syncThumbToDOM();
+          syncEdgeFades();
+        });
+      } else {
+        setThumbRatio(0);
+        prevCanScrollLeftRef.current = false;
+        prevCanScrollRightRef.current = false;
+        setCanScrollLeft(false);
+        setCanScrollRight(false);
+      }
+    },
+    [measure, syncThumbToDOM, syncEdgeFades]
+  );
+  const onScroll = useCallback(() => {
+    if (isDraggingRef.current) return;
+    if (rafIdRef.current) cancelAnimationFrame(rafIdRef.current);
+    rafIdRef.current = requestAnimationFrame(() => {
+      syncThumbToDOM();
+      syncEdgeFades();
+    });
+  }, [syncThumbToDOM, syncEdgeFades]);
+  const onTrackClick = useCallback((e) => {
+    if (e.target.closest("[data-scrollbar-thumb]")) return;
+    const track = trackRef.current;
+    const el = scrollElRef.current;
+    if (!track || !el) return;
+    const ratio = el.clientWidth / el.scrollWidth;
+    if (ratio >= 1) return;
+    const rect = track.getBoundingClientRect();
+    const thumbWidth = rect.width * ratio;
+    const maxThumbOffset = rect.width - thumbWidth;
+    if (maxThumbOffset <= 0) return;
+    const targetFraction = Math.max(0, Math.min(1, (e.clientX - rect.left - thumbWidth / 2) / maxThumbOffset));
+    const targetScrollLeft = targetFraction * (el.scrollWidth - el.clientWidth);
+    el.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
+  }, []);
+  const onTrackWheel = useCallback((e) => {
+    const el = scrollElRef.current;
+    if (!el) return;
+    e.preventDefault();
+    el.scrollLeft += e.deltaX || e.deltaY;
+  }, []);
+  const onThumbPointerDown = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const el = scrollElRef.current;
+    if (!el) return;
+    isDraggingRef.current = true;
+    dragStartRef.current = { mouseX: e.clientX, scrollLeft: el.scrollLeft };
+    const target = e.currentTarget;
+    target.setPointerCapture(e.pointerId);
+    target.style.cursor = "grabbing";
+  }, []);
+  const onThumbPointerMove = useCallback(
+    (e) => {
+      if (!isDraggingRef.current) return;
+      const el = scrollElRef.current;
+      const track = trackRef.current;
+      if (!el || !track) return;
+      const currentThumbRatio = el.clientWidth / el.scrollWidth;
+      if (currentThumbRatio >= 1) return;
+      const trackWidth = track.clientWidth;
+      const thumbWidth = trackWidth * currentThumbRatio;
+      const maxThumbTravel = trackWidth - thumbWidth;
+      if (maxThumbTravel <= 0) return;
+      const mouseDelta = e.clientX - dragStartRef.current.mouseX;
+      const scrollRange = el.scrollWidth - el.clientWidth;
+      el.scrollLeft = Math.min(
+        Math.max(dragStartRef.current.scrollLeft + mouseDelta / maxThumbTravel * scrollRange, 0),
+        scrollRange
+      );
+      syncThumbToDOM();
+      syncEdgeFades();
+    },
+    [syncThumbToDOM, syncEdgeFades]
+  );
+  const onThumbPointerUp = useCallback((e) => {
+    isDraggingRef.current = false;
+    const target = e.currentTarget;
+    target.releasePointerCapture(e.pointerId);
+    target.style.cursor = "grab";
+  }, []);
+  const onThumbPointerCancel = useCallback((e) => {
+    isDraggingRef.current = false;
+    const target = e.currentTarget;
+    target.style.cursor = "grab";
+  }, []);
+  return {
+    scrollRef,
+    trackRef,
+    thumbRef,
+    thumbRatio,
+    canScrollLeft,
+    canScrollRight,
+    onScroll,
+    onTrackClick,
+    onTrackWheel,
+    onThumbPointerDown,
+    onThumbPointerMove,
+    onThumbPointerUp,
+    onThumbPointerCancel
+  };
+}
+
+// src/hooks/ui/use-local-storage.ts
+import { useEffect, useMemo, useRef as useRef2, useState as useState2 } from "react";
+
+// src/utils/storage-event.ts
+function readLocalStorageUpdateDetail(event) {
+  if (!("detail" in event)) return null;
+  const detail = event.detail;
+  if (typeof detail !== "object" || detail === null) return null;
+  if (!("key" in detail) || typeof detail.key !== "string") return null;
+  const newValue = "newValue" in detail ? detail.newValue : null;
+  if (newValue !== null && newValue !== void 0 && typeof newValue !== "string") return null;
+  return { key: detail.key, newValue: newValue ?? null };
+}
+
+// src/hooks/ui/use-local-storage.ts
+function useLocalStorage(key, initialValue, options) {
+  const initialValueRef = useRef2(initialValue);
+  useEffect(() => {
+    initialValueRef.current = initialValue;
+  });
+  const validate = options?.validate;
+  const storage = useMemo(
+    () => createLocalStorageAdapter({ key, validate, logTag: `[useLocalStorage:${key}]` }),
+    [key, validate]
+  );
+  const [storedValue, setStoredValue] = useState2(() => storage.load() ?? initialValue);
+  const isInitialized = useRef2(true);
+  const isFromStorageEvent = useRef2(false);
+  useEffect(() => {
+    if (!isInitialized.current) return void 0;
+    const syncFromStorage = (source) => {
+      const next = storage.load();
+      isFromStorageEvent.current = true;
+      setStoredValue(next ?? initialValueRef.current);
+      console.log(`\u{1F504} ${next === null ? "Cleared" : "Updated"} localStorage key "${key}" from ${source}`);
+    };
+    const handleStorageChange = (e) => {
+      if (e.key !== key) return;
+      syncFromStorage("storage event");
+    };
+    const handleCustomStorageUpdate = (event) => {
+      const detail = readLocalStorageUpdateDetail(event);
+      if (detail?.key !== key) return;
+      syncFromStorage("custom storage event");
+    };
+    window.addEventListener("storage", handleStorageChange);
+    window.addEventListener("localStorageUpdate", handleCustomStorageUpdate);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+      window.removeEventListener("localStorageUpdate", handleCustomStorageUpdate);
+    };
+  }, [key, storage]);
+  useEffect(() => {
+    if (!isInitialized.current) return;
+    if (isFromStorageEvent.current) {
+      isFromStorageEvent.current = false;
+      return;
+    }
+    storage.save(storedValue);
+  }, [storage, storedValue]);
+  const setValue = (value) => {
+    try {
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
+    } catch (error) {
+      console.error(`Error setting value for localStorage key "${key}":`, error);
+    }
+  };
+  return [storedValue, setValue];
+}
+
+export {
+  DRAG_AND_DROP_MEDIA_QUERY,
+  useDragAndDropEnabled,
+  useHorizontalScrollbar,
+  readLocalStorageUpdateDetail,
+  useLocalStorage
+};

package/dist/chunk-3LU4UFPS.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"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 }
+};
+
+
+
+exports.LAYOUT_STEPS = LAYOUT_STEPS;

package/dist/{chunk-G47AP6LX.cjs → chunk-3QGUDPIH.cjs}

@@ -2,28 +2,30 @@
 
 
 
-var _chunk3UNL26CDcjs = require('./chunk-3UNL26CD.cjs');
+var _chunk3RKBJT6Kcjs = require('./chunk-3RKBJT6K.cjs');
 
 
 
-var _chunkEX6GGCACcjs = require('./chunk-EX6GGCAC.cjs');
+var _chunkJ7YIQJPScjs = require('./chunk-J7YIQJPS.cjs');
 
 
-var _chunkUDFRUKLCcjs = require('./chunk-UDFRUKLC.cjs');
+var _chunkGEDY7HQIcjs = require('./chunk-GEDY7HQI.cjs');
 
 
 
 
 
 
+var _chunkOQKRXLTZcjs = require('./chunk-OQKRXLTZ.cjs');
 
 
-var _chunkFYOKS5RIcjs = require('./chunk-FYOKS5RI.cjs');
+var _chunkPPXR22YCcjs = require('./chunk-PPXR22YC.cjs');
 
 
 
 
-var _chunk7AM6C6XHcjs = require('./chunk-7AM6C6XH.cjs');
+
+var _chunkHETQETPVcjs = require('./chunk-HETQETPV.cjs');
 
 
 
@@ -34,10 +36,10 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunk6NTPY5QAcjs = require('./chunk-6NTPY5QA.cjs');
+var _chunkETYLOZOBcjs = require('./chunk-ETYLOZOB.cjs');
 
 
-var _chunkLM7TXMLUcjs = require('./chunk-LM7TXMLU.cjs');
+var _chunkAECTRMGQcjs = require('./chunk-AECTRMGQ.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -62,7 +64,7 @@ function OnboardingGuidesCatalogSkeleton() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-40 rounded bg-ods-border/70" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-8 rounded-full bg-ods-text-secondary/20" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NTPY5QAcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETYLOZOBcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
     ] }, sectionIdx)) })
   ] });
 }
@@ -86,10 +88,10 @@ function OnboardingGuidesCatalogView({
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkUDFRUKLCcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkUDFRUKLCcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
   const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
   const sections = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
@@ -132,25 +134,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkEX6GGCACcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkJ7YIQJPScjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkFYOKS5RIcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkHETQETPVcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
       type: "onboarding_guide",
       slug: guide.slug,
       basePath,
       platforms: guide.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NTPY5QAcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETYLOZOBcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
   };
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEX6GGCACcjs.DocSearchBar,
+      _chunkJ7YIQJPScjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -162,7 +164,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFYOKS5RIcjs.FilterPillRow,
+      _chunkOQKRXLTZcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -172,7 +174,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFYOKS5RIcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQKRXLTZcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -204,7 +206,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkFYOKS5RIcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkOQKRXLTZcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -214,51 +216,51 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunk7AM6C6XHcjs.useCaptions.call(void 0, );
+  const captions = _chunkHETQETPVcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFYOKS5RIcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQKRXLTZcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkUDFRUKLCcjs.useSelfFetch.call(void 0, url, { initialData });
-  const { ref: videoWarmupRef } = _chunk6NTPY5QAcjs.useVideoWarmup.call(void 0, {
+  const { data: guide, isLoading, error, reload } = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { ref: videoWarmupRef } = _chunkETYLOZOBcjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
   });
   if (error || !guide && !isLoading) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFYOKS5RIcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQKRXLTZcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   if (!guide) {
     return renderShell(
       // Match the loaded page's top offset (TitleBlock's
       // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UNL26CDcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3RKBJT6Kcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
     );
   }
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
   const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
-  _chunkLM7TXMLUcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
+  _chunkAECTRMGQcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), guide.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkFYOKS5RIcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkHETQETPVcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
       type: "onboarding_guide",
       slug: g.slug,
       basePath,
       platforms: g.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NTPY5QAcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETYLOZOBcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   return renderShell(
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkFYOKS5RIcjs.PageLayout,
+      _chunkPPXR22YCcjs.PageLayout,
       {
         title: guide.title,
         titleSize: "h1",
         titleWrap: true,
         backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFYOKS5RIcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQKRXLTZcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk6NTPY5QAcjs.EntityAuthorCard,
+            _chunkETYLOZOBcjs.EntityAuthorCard,
             {
               author: guide.author,
               authorHref,
@@ -273,7 +275,7 @@ function OnboardingGuideDetailView({
             }
           ),
           (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk7AM6C6XHcjs.EntityVideoSection,
+            _chunkHETQETPVcjs.EntityVideoSection,
             {
               mainVideoUrl: guide.main_video_url,
               youtubeUrl: guide.youtube_url || void 0,
@@ -291,17 +293,17 @@ function OnboardingGuideDetailView({
           ) }),
           guide.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: guide.content }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk7AM6C6XHcjs.VideoBitesStrip,
+            _chunkHETQETPVcjs.VideoBitesStrip,
             {
               bites: _nullishCoalesce(guide.video_bites, () => ( [])),
               filterPublished: true,
               showTitle: false,
-              profile: _chunk6NTPY5QAcjs.toStripProfile.call(void 0, guide.author),
+              profile: _chunkETYLOZOBcjs.toStripProfile.call(void 0, guide.author),
               href: `/onboarding-guides/${guide.slug}`
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3UNL26CDcjs.ArticleAuthorByline,
+            _chunk3RKBJT6Kcjs.ArticleAuthorByline,
             {
               author: _nullishCoalesce(_optionalChain([guide, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
               avatar: _optionalChain([guide, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),

package/dist/{chunk-3UNL26CD.cjs → chunk-3RKBJT6K.cjs}

@@ -1,12 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkFYOKS5RIcjs = require('./chunk-FYOKS5RI.cjs');
+var _chunkPPXR22YCcjs = require('./chunk-PPXR22YC.cjs');
 
 
+var _chunkETYLOZOBcjs = require('./chunk-ETYLOZOB.cjs');
 
 
-var _chunk6NTPY5QAcjs = require('./chunk-6NTPY5QA.cjs');
+
+var _chunkF5BPGWGTcjs = require('./chunk-F5BPGWGT.cjs');
 
 
 var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
@@ -64,7 +66,7 @@ function DetailPageSkeleton({
   ] });
   if (bare) return content;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFYOKS5RIcjs.PageLayout,
+    _chunkPPXR22YCcjs.PageLayout,
     {
       showHeader: false,
       className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
@@ -77,7 +79,7 @@ function DetailPageSkeleton({
 var _lucidereact = require('lucide-react');
 
 function formatDate(value) {
-  return _chunk6NTPY5QAcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkF5BPGWGTcjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -93,7 +95,7 @@ function ArticleAuthorByline({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!author) return null;
-  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunk6NTPY5QAcjs.getProxiedImageUrl.call(void 0, avatar, {
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkETYLOZOBcjs.getProxiedImageUrl.call(void 0, avatar, {
     proxyPrefix: _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.imageProxyUrlPrefix]),
     skipDomains: _optionalChain([runtime, 'optionalAccess', _4 => _4.endpoints, 'access', _5 => _5.imageProxySkipDomains]),
     directHttps: true
@@ -101,7 +103,7 @@ function ArticleAuthorByline({
   const avatarSizeClass = size === "lg" ? "w-16 h-16" : "w-14 h-14";
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
   const avatarDim = size === "lg" ? 64 : 56;
-  const formattedBio = _chunk6NTPY5QAcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const formattedBio = _chunkF5BPGWGTcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",