@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{chunk-UW6AOF42.cjs → chunk-PID7LUDP.cjs}

@@ -1,16 +1,16 @@
 "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 _chunk5PK22JP7cjs = require('./chunk-5PK22JP7.cjs');
+var _chunkZV6RQNXEcjs = require('./chunk-ZV6RQNXE.cjs');
 
 
 
-var _chunkS3YDUX2Icjs = require('./chunk-S3YDUX2I.cjs');
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
 
 
-var _chunkTZP7PSPGcjs = require('./chunk-TZP7PSPG.cjs');
+var _chunkFWJ5YECNcjs = require('./chunk-FWJ5YECN.cjs');
 
 
 
@@ -25,40 +25,42 @@ var _chunkEWPR7662cjs = require('./chunk-EWPR7662.cjs');
 
 
 
-var _chunkLGNJTSKBcjs = require('./chunk-LGNJTSKB.cjs');
+var _chunkJHDPEYZHcjs = require('./chunk-JHDPEYZH.cjs');
 
 
-var _chunkCGQ7CL62cjs = require('./chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
 var _chunk7PNRXJX2cjs = require('./chunk-7PNRXJX2.cjs');
 
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
+var _chunk63OCO2G5cjs = require('./chunk-63OCO2G5.cjs');
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/faq-accordion.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var ACCORDION_FRAME_CLASS = "divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent";
+var ROW_FRAME_CLASS = "scroll-mt-24 transition-colors";
 var ROW_HEADER_CLASS = "flex w-full items-center gap-6 px-6 py-4 text-left content-md:gap-10";
 var QUESTION_CLASS = "min-w-0 flex-1 break-words";
 var CHEVRON_CLASS = "shrink-0 text-ods-text-primary";
 var FAQ_ACCORDION_SKELETON_ROWS = 12;
 var wrapsOnPhone = (index) => index % 2 === 0;
-function FaqAccordion({ items, defaultOpenIds = [] }) {
+function FaqAccordion({ items, defaultOpenIds = [], loading: loadingProp, skeletonCount }) {
   const [openSet, setOpenSet] = _react.useState.call(void 0, new Set(defaultOpenIds));
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FaqAccordionSkeleton, { count: items.length || void 0 });
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
+  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FaqAccordionSkeleton, { count: _nullishCoalesce(skeletonCount, () => ( (items.length || void 0))) });
   const toggle = (id) => {
     setOpenSet((prev) => {
       const next = new Set(prev);
@@ -72,8 +74,8 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        id: _chunkTZP7PSPGcjs.faqItemAnchor.call(void 0, item.id),
-        className: "scroll-mt-24 transition-colors hover:bg-ods-bg-hover",
+        id: _chunkFWJ5YECNcjs.faqItemAnchor.call(void 0, item.id),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, ROW_FRAME_CLASS, "hover:bg-ods-bg-hover"),
         "data-loading-item": true,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -89,7 +91,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
                 }
               },
               "aria-expanded": isOpen,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 ROW_HEADER_CLASS,
                 "cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus"
               ),
@@ -100,7 +102,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
                   {
                     "aria-hidden": "true",
                     size: 24,
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, CHEVRON_CLASS, "transition-transform duration-300", isOpen && "rotate-180")
+                    className: _chunkN6YCOBLKcjs.cn.call(void 0, CHEVRON_CLASS, "transition-transform duration-300", isOpen && "rotate-180")
                   }
                 )
               ]
@@ -124,16 +126,13 @@ function FaqAccordionSkeleton({
   count = FAQ_ACCORDION_SKELETON_ROWS,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ACCORDION_FRAME_CLASS, className), "aria-hidden": true, children: Array.from({ length: count }, (_, i) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_HEADER_CLASS, "data-loading-item": true, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: QUESTION_CLASS, children: wrapsOnPhone(i) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-5/6 content-md:hidden" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "hidden w-5/6 content-md:block" })
-      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-5/6" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { "aria-hidden": "true", size: 24, className: CHEVRON_CLASS })
-    ] }, i)
-  )) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, ACCORDION_FRAME_CLASS, className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count, children: (i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_FRAME_CLASS, "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_HEADER_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: QUESTION_CLASS, children: wrapsOnPhone(i) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-5/6 content-md:hidden" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "hidden w-5/6 content-md:block" })
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-5/6" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { "aria-hidden": "true", size: 24, className: CHEVRON_CLASS })
+  ] }) }) }) });
 }
 
 // src/components/faq/faq-ask-card.tsx
@@ -141,14 +140,14 @@ function FaqAccordionSkeleton({
 
 var PICK_ROOT_MARGIN = "600px";
 function faqAskCardShown(assistant) {
-  return _chunkS3YDUX2Icjs.assistantAvailable.call(void 0, assistant) && !!assistant.name;
+  return _chunkHLZUBJPLcjs.assistantAvailable.call(void 0, assistant) && !!assistant.name;
 }
 function FaqAskCard({ topic, exclude, count, title, description, onOpen }) {
   const { ref, inView } = _chunkOJZBZH56cjs.useInView.call(void 0, { rootMargin: PICK_ROOT_MARGIN });
   const [reached, setReached] = _react.useState.call(void 0, false);
   if (inView && !reached) setReached(true);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkS3YDUX2Icjs.AssistantAskPrompts,
+    _chunkHLZUBJPLcjs.AssistantAskPrompts,
     {
       variant: "card",
       topic,
@@ -208,7 +207,7 @@ var CATEGORY_NAV_SKELETON_LINE_CLASS = "flex min-w-0 flex-nowrap gap-2 overflow-
 var FAQ_NAV_SKELETON_PILLS = 8;
 var CATEGORY_PILL_CLASS = "rounded-full border px-4 py-2 transition-colors text-h6";
 var CATEGORY_SECTION_CLASS = "scroll-mt-24";
-var CATEGORY_HEADING_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, _chunkCGQ7CL62cjs.SECTION_HEADING_CLASS, "pb-4");
+var CATEGORY_HEADING_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0, _chunkOHXB6HUXcjs.SECTION_HEADING_CLASS, "pb-4");
 var FAQ_SECTION_SKELETON_QUESTIONS = FAQ_ACCORDION_SKELETON_ROWS;
 function FaqLayout({
   heading,
@@ -234,7 +233,7 @@ function FaqLayout({
   ] });
 }
 function faqHeadingNode(heading, showTopic, topic) {
-  const titleNode = heading === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkCGQ7CL62cjs.SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
+  const titleNode = heading === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkOHXB6HUXcjs.SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
   if (!(showTopic && topic)) return titleNode;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TOPIC_STACK_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: titleNode }),
@@ -248,7 +247,7 @@ function pageFaqProps(faq) {
 }
 function buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl = "", topic) {
   const entityScoped = !!entityType && entityId !== void 0 && entityId !== null && entityId !== "";
-  return _chunkLGNJTSKBcjs.buildSuggestionUrl.call(void 0, "/api/faqs", {
+  return _chunkJHDPEYZHcjs.buildSuggestionUrl.call(void 0, "/api/faqs", {
     apiBaseUrl,
     entityType,
     entityId,
@@ -261,7 +260,7 @@ function groupFaqsBySection(faqs) {
   let uncategorized = null;
   for (const faq of faqs) {
     const item = { id: faq.id, question: faq.question, answer: faq.answer };
-    const name = _optionalChain([faq, 'access', _2 => _2.section, 'optionalAccess', _3 => _3.trim, 'call', _4 => _4()]);
+    const name = _optionalChain([faq, 'access', _ => _.section, 'optionalAccess', _2 => _2.trim, 'call', _3 => _3()]);
     if (!name) {
       if (!uncategorized) uncategorized = { section: null, slug: null, items: [] };
       uncategorized.items.push(item);
@@ -269,7 +268,7 @@ function groupFaqsBySection(faqs) {
     }
     let group = byName.get(name);
     if (!group) {
-      group = { section: name, slug: _chunkTZP7PSPGcjs.faqSectionSlug.call(void 0, name), items: [] };
+      group = { section: name, slug: _chunkFWJ5YECNcjs.faqSectionSlug.call(void 0, name), items: [] };
       byName.set(name, group);
     }
     group.items.push(item);
@@ -289,7 +288,7 @@ function GroupedFaqList({
 }) {
   const CategoryHeading = categoryHeadingAs;
   const navGroups = _react.useMemo.call(void 0, () => groups.filter((g) => g.slug), [groups]);
-  const [activeSlug, setActiveSlug] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([navGroups, 'access', _5 => _5[0], 'optionalAccess', _6 => _6.slug]), () => ( null)));
+  const [activeSlug, setActiveSlug] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([navGroups, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.slug]), () => ( null)));
   const slugKey = navGroups.map((g) => g.slug).join("|");
   const navGroupsRef = _react.useRef.call(void 0, navGroups);
   _react.useEffect.call(void 0, () => {
@@ -325,13 +324,13 @@ function GroupedFaqList({
   }, [slugKey]);
   const [hashTarget, setHashTarget] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    const refresh = () => setHashTarget(_chunkTZP7PSPGcjs.parseFaqHash.call(void 0, window.location.hash));
+    const refresh = () => setHashTarget(_chunkFWJ5YECNcjs.parseFaqHash.call(void 0, window.location.hash));
     refresh();
     window.addEventListener("hashchange", refresh);
     return () => window.removeEventListener("hashchange", refresh);
   }, []);
   const defaultOpenByGroupKey = _react.useMemo.call(void 0, () => {
-    if (_optionalChain([hashTarget, 'optionalAccess', _7 => _7.kind]) !== "item") return null;
+    if (_optionalChain([hashTarget, 'optionalAccess', _6 => _6.kind]) !== "item") return null;
     const targetId = hashTarget.rawId;
     const result = /* @__PURE__ */ new Map();
     for (const group of groups) {
@@ -340,13 +339,13 @@ function GroupedFaqList({
     }
     return result.size > 0 ? result : null;
   }, [groups, hashTarget]);
-  const accordionKeySuffix = _optionalChain([hashTarget, 'optionalAccess', _8 => _8.kind]) === "item" ? `item:${hashTarget.rawId}` : "default";
-  const scrollDep = `${groups.length}|` + (_optionalChain([hashTarget, 'optionalAccess', _9 => _9.kind]) === "item" ? `item:${hashTarget.rawId}` : _optionalChain([hashTarget, 'optionalAccess', _10 => _10.kind]) === "section" ? `section:${hashTarget.slug}` : "none");
-  _chunk5PK22JP7cjs.useScrollToHash.call(void 0, scrollDep, { headerOffset: _chunkOJZBZH56cjs.STICKY_HEADER_OFFSET_PX });
+  const accordionKeySuffix = _optionalChain([hashTarget, 'optionalAccess', _7 => _7.kind]) === "item" ? `item:${hashTarget.rawId}` : "default";
+  const scrollDep = `${groups.length}|` + (_optionalChain([hashTarget, 'optionalAccess', _8 => _8.kind]) === "item" ? `item:${hashTarget.rawId}` : _optionalChain([hashTarget, 'optionalAccess', _9 => _9.kind]) === "section" ? `section:${hashTarget.slug}` : "none");
+  _chunkZV6RQNXEcjs.useScrollToHash.call(void 0, scrollDep, { headerOffset: _chunkOJZBZH56cjs.STICKY_HEADER_OFFSET_PX });
   const [pillSyncedHash, setPillSyncedHash] = _react.useState.call(void 0, hashTarget);
   if (pillSyncedHash !== hashTarget) {
     setPillSyncedHash(hashTarget);
-    if (_optionalChain([hashTarget, 'optionalAccess', _11 => _11.kind]) === "section") setActiveSlug(hashTarget.slug);
+    if (_optionalChain([hashTarget, 'optionalAccess', _10 => _10.kind]) === "section") setActiveSlug(hashTarget.slug);
   }
   const handleJump = _react.useCallback.call(void 0, (e, slug) => {
     e.preventDefault();
@@ -360,10 +359,11 @@ function GroupedFaqList({
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkV45KLJQPcjs.next_link_default,
       {
+        "data-loading-item": true,
         href: `#${group.slug}`,
         "aria-current": isActive ? "true" : void 0,
         onClick: (e) => handleJump(e, group.slug),
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           CATEGORY_PILL_CLASS,
           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"
         ),
@@ -389,7 +389,7 @@ function GroupedFaqList({
           FaqAccordion,
           {
             items: group.items,
-            defaultOpenIds: _optionalChain([defaultOpenByGroupKey, 'optionalAccess', _12 => _12.get, 'call', _13 => _13(key)])
+            defaultOpenIds: _optionalChain([defaultOpenByGroupKey, 'optionalAccess', _11 => _11.get, 'call', _12 => _12(key)])
           },
           `${key}:${accordionKeySuffix}`
         )
@@ -417,16 +417,16 @@ function FaqSection({
   skeletonNav = false
 }) {
   const assistant = _chunkEWPR7662cjs.useAssistantRuntime.call(void 0, );
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  const askTopic = ask === false ? void 0 : _optionalChain([ask, 'optionalAccess', _14 => _14.topic]) || topic || entityType;
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  const askTopic = ask === false ? void 0 : _optionalChain([ask, 'optionalAccess', _13 => _13.topic]) || topic || entityType;
   const aside = _nullishCoalesce(asideProp, () => ( (ask !== false && askTopic && faqAskCardShown(assistant) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FaqAskCard, { ...ask, topic: askTopic }) : void 0)));
   const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl, topic);
   const initialData = _react.useMemo.call(void 0, 
     () => initialFaqs ? { faqs: initialFaqs } : void 0,
     [initialFaqs]
   );
-  const { data, dataUrl, isLoading, error } = _chunkLGNJTSKBcjs.useSelfFetch.call(void 0, inScope ? null : url, { initialData });
-  const held = dataUrl === url ? _optionalChain([data, 'optionalAccess', _15 => _15.faqs]) : void 0;
+  const { data, dataUrl, isLoading, error } = _chunkJHDPEYZHcjs.useSelfFetch.call(void 0, inScope ? null : url, { initialData });
+  const held = dataUrl === url ? _optionalChain([data, 'optionalAccess', _14 => _14.faqs]) : void 0;
   const faqs = _react.useMemo.call(void 0, () => _nullishCoalesce(held, () => ( [])), [held]);
   const groups = _react.useMemo.call(void 0, () => faqs.length > 0 ? groupFaqsBySection(faqs) : [], [faqs]);
   const headingNode = faqHeadingNode(heading, showTopic, topic);
@@ -486,21 +486,25 @@ function FaqSectionSkeleton({
   const CategoryHeading = heading === null ? "h2" : "h3";
   const groups = shape.length > 0 ? shape : DEFAULT_SKELETON_SHAPE;
   const named = groups.filter((group) => group.heading).length;
-  const pill = (i) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: skeleton pills never reorder
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, CATEGORY_PILL_CLASS, "shrink-0 border-ods-border bg-ods-card"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }, i)
-  );
-  const nav = navRow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATEGORY_NAV_SKELETON_LINE_CLASS, "aria-hidden": true, children: Array.from({ length: FAQ_NAV_SKELETON_PILLS }, (_, i) => pill(i)) }) : named > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATEGORY_NAV_CLASS, "aria-hidden": true, children: Array.from({ length: named }, (_, i) => pill(i)) }) : void 0;
+  const pills = (count) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CATEGORY_PILL_CLASS, "shrink-0 border-ods-border bg-ods-card"), "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }) });
+  const nav = navRow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATEGORY_NAV_SKELETON_LINE_CLASS, "aria-hidden": true, children: pills(FAQ_NAV_SKELETON_PILLS) }) : named > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATEGORY_NAV_CLASS, "aria-hidden": true, children: pills(named) }) : void 0;
   const questions = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: QUESTIONS_STACK_CLASS, children: groups.map((group, index) => {
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: skeleton groups never reorder
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: CATEGORY_SECTION_CLASS, "data-loading-item": true, children: [
-        group.heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryHeading, { className: CATEGORY_HEADING_CLASS, "data-loading-optional": navRow ? void 0 : true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/3" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FaqAccordionSkeleton, { count: Math.max(1, _nullishCoalesce(group.rows, () => ( FAQ_SECTION_SKELETON_QUESTIONS))) })
+        group.heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryHeading, { className: CATEGORY_HEADING_CLASS, "data-loading-optional": navRow ? void 0 : true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/3" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          FaqAccordion,
+          {
+            loading: true,
+            items: [],
+            skeletonCount: Math.max(1, _nullishCoalesce(group.rows, () => ( FAQ_SECTION_SKELETON_QUESTIONS)))
+          }
+        )
       ] }, index)
     );
   }) });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading questions", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { id, "data-faq-topic": topic, className: _nullishCoalesce(className, () => ( SECTION_DEFAULT_CLASS)), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: "Loading questions", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { id, "data-faq-topic": topic, className: _nullishCoalesce(className, () => ( SECTION_DEFAULT_CLASS)), children: [
     !aside && headingNode,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       FaqLayout,
@@ -523,6 +527,4 @@ function FaqSectionSkeleton({
 
 
 
-
-
-exports.FAQ_ACCORDION_SKELETON_ROWS = FAQ_ACCORDION_SKELETON_ROWS; exports.FaqAccordion = FaqAccordion; exports.FaqAccordionSkeleton = FaqAccordionSkeleton; exports.FaqAskCard = FaqAskCard; exports.FAQ_SECTION_SKELETON_QUESTIONS = FAQ_SECTION_SKELETON_QUESTIONS; exports.PAGE_FAQ_SECTION_ID = PAGE_FAQ_SECTION_ID; exports.pageFaqProps = pageFaqProps; exports.FaqSection = FaqSection; exports.FaqSectionSkeleton = FaqSectionSkeleton;
+exports.FAQ_ACCORDION_SKELETON_ROWS = FAQ_ACCORDION_SKELETON_ROWS; exports.FaqAccordion = FaqAccordion; exports.FaqAskCard = FaqAskCard; exports.FAQ_SECTION_SKELETON_QUESTIONS = FAQ_SECTION_SKELETON_QUESTIONS; exports.PAGE_FAQ_SECTION_ID = PAGE_FAQ_SECTION_ID; exports.pageFaqProps = pageFaqProps; exports.FaqSection = FaqSection;

package/dist/{chunk-3ZLPYEL5.cjs → chunk-Q7HXTF2C.cjs}

@@ -8,7 +8,7 @@ var _chunk7PNRXJX2cjs = require('./chunk-7PNRXJX2.cjs');
 
 
 
-var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
 
 // src/utils/color-analysis.ts
 var DESIGN_PALETTE = [
@@ -243,13 +243,13 @@ function getSemanticColor(semanticName, platform) {
 }
 function getPlatformConfig(platform) {
   const currentPlatform = platform || getCurrentPlatform();
-  const isDarkTheme = _chunkTUAATMUEcjs.PLATFORM_THEME === "dark";
+  const isDarkTheme = _chunkIYU2ZH2Jcjs.PLATFORM_THEME === "dark";
   return {
     platform: currentPlatform,
-    accentColor: _chunkTUAATMUEcjs.getPlatformAccentColor.call(void 0, currentPlatform),
+    accentColor: _chunkIYU2ZH2Jcjs.getPlatformAccentColor.call(void 0, currentPlatform),
     isDarkTheme,
     isLightTheme: !isDarkTheme,
-    brandName: _chunkTUAATMUEcjs.getPlatformDisplayName.call(void 0, currentPlatform)
+    brandName: _chunkIYU2ZH2Jcjs.getPlatformDisplayName.call(void 0, currentPlatform)
   };
 }
 function usePlatformColors(platform) {

package/dist/{chunk-KKAY6GPU.cjs → chunk-QD7SKYCQ.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+var _chunkHTSRCFXPcjs = require('./chunk-HTSRCFXP.cjs');
 
 
 var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
@@ -22,8 +22,8 @@ function useVideoOriginPreconnect({ supabaseStorageOrigin } = {}) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const resolvedOrigin = _nullishCoalesce(supabaseStorageOrigin, () => ( _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.supabaseStorageOrigin])));
   try {
-    _reactdom2.default.preconnect(_chunkSETFUCZAcjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
-    _reactdom2.default.preconnect(_chunkSETFUCZAcjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunkHTSRCFXPcjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunkHTSRCFXPcjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
     if (resolvedOrigin) {
       _reactdom2.default.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
     }

package/dist/{chunk-SDZG7VV7.cjs → chunk-RJX33Y4Q.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkCGQ7CL62cjs = require('./chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/shared/article-author-byline.tsx
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
-var BYLINE_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var BYLINE_FRAME_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0, 
   "rounded-lg border border-ods-border bg-ods-card p-6",
   "flex flex-col items-start gap-4 content-md:flex-row"
 );
@@ -38,7 +38,7 @@ var NAME_CLASS = "text-ods-text-primary text-h5";
 var JOB_TITLE_CLASS = "text-body-sm mt-0.5 font-body text-ods-text-secondary";
 var BIO_CLASS = "text-body-md mt-2 font-body leading-relaxed text-ods-text-secondary";
 function formatDate(value) {
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -52,26 +52,26 @@ function ArticleAuthorByline({
   proxyImageUrl,
   className
 }) {
-  const proxiedAvatar = _chunkCGQ7CL62cjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const proxiedAvatar = _chunkOHXB6HUXcjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   if (loading && !author) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArticleAuthorBylineSkeleton, { size, className });
   if (!author) return null;
-  const avatarSizeClass = _chunkXFRBEXQNcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]];
+  const avatarSizeClass = _chunkYNDH72VUcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]];
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
-  const avatarDim = _chunkXFRBEXQNcjs.AVATAR_SIZE_PX[BYLINE_AVATAR_SIZE[size]];
-  const formattedBio = _chunkBNUZKBNVcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const avatarDim = _chunkYNDH72VUcjs.AVATAR_SIZE_PX[BYLINE_AVATAR_SIZE[size]];
+  const formattedBio = _chunkAFJEUBDScjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: proxiedAvatar || avatar,
         alt: author,
         width: avatarDim,
         height: avatarDim,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, AVATAR_BORDER_CLASS, "object-cover", avatarSizeClass)
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, AVATAR_BORDER_CLASS, "object-cover", avatarSizeClass)
       }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center justify-center bg-ods-bg", AVATAR_BORDER_CLASS, avatarSizeClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-text-secondary", avatarIconClass) }) }) }),
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center justify-center bg-ods-bg", AVATAR_BORDER_CLASS, avatarSizeClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-ods-text-secondary", avatarIconClass) }) }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BODY_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAME_ROW_CLASS, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, className: "transition-colors hover:text-ods-accent", children: author }) : author }),
@@ -86,17 +86,16 @@ function ArticleAuthorByline({
   ] });
 }
 function ArticleAuthorBylineSkeleton({ size = "md", className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), "aria-hidden": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "circular", className: _chunkXFRBEXQNcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BODY_CLASS, "w-full"), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAME_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: JOB_TITLE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-32" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BIO_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { variant: "circular", className: _chunkYNDH72VUcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, BODY_CLASS, "w-full"), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAME_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: JOB_TITLE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-32" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BIO_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) })
     ] })
   ] });
 }
 
 
 
-
-exports.ArticleAuthorByline = ArticleAuthorByline; exports.ArticleAuthorBylineSkeleton = ArticleAuthorBylineSkeleton;
+exports.ArticleAuthorByline = ArticleAuthorByline;

package/dist/{chunk-BEMGJDXI.cjs → chunk-RYIWADIB.cjs}

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 // src/components/ui/avatar-stack.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -23,8 +24,9 @@ var OVERFLOW_CIRCLE_SIZE = {
 var STACK_ROW_CLASS = "flex items-center";
 var overlapClass = (size) => size === "xs" ? "-ml-2" : "-ml-3";
 var slotsWidthStyle = (size, slots) => slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0;
+var AVATAR_STACK_MAX_FACES = 3;
 function AvatarStackSkeleton({
-  count = 3,
+  count = AVATAR_STACK_MAX_FACES,
   size = "md",
   slots,
   className
@@ -33,32 +35,33 @@ function AvatarStackSkeleton({
     "div",
     {
       "aria-hidden": true,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
       style: slotsWidthStyle(size, slots),
-      children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXFRBEXQNcjs.UnifiedSkeleton,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count, children: (i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkYNDH72VUcjs.UnifiedSkeleton,
         {
+          "data-loading-item": true,
           variant: "circular",
-          className: _chunk65VVJSQZcjs.cn.call(void 0, "relative shrink-0 ring-2 ring-ods-card", i > 0 && overlapClass(size)),
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative shrink-0 ring-2 ring-ods-card", i > 0 && overlapClass(size)),
           width: SIZE_PX[size],
           height: SIZE_PX[size]
-        },
-        i
-      ))
+        }
+      ) })
     }
   );
 }
 function AvatarStack({
   people,
-  max = 3,
+  max = AVATAR_STACK_MAX_FACES,
   slots,
   total,
   size = "md",
   ringClassName = "ring-ods-card",
   label = "Assignees",
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
   if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarStackSkeleton, { count: _nullishCoalesce(slots, () => ( max)), size, slots, className });
   if (people.length === 0) return null;
   const groupSize = Math.max(_nullishCoalesce(total, () => ( people.length)), people.length);
@@ -72,21 +75,22 @@ function AvatarStack({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
       style: slotsWidthStyle(size, slots),
       role: "group",
       "aria-label": `${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ""}`,
       children: [
         visible.map((person, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBNUZKBNVcjs.SquareAvatar,
+          _chunkAFJEUBDScjs.SquareAvatar,
           {
+            "data-loading-item": true,
             variant: "round",
             size,
             src: _nullishCoalesce(person.avatarUrl, () => ( void 0)),
             alt: person.name,
             fallback: person.name,
             title: person.name,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative ring-2", ringClassName, i > 0 && overlapClass(size)),
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative ring-2", ringClassName, i > 0 && overlapClass(size)),
             style: { zIndex: visible.length - i }
           },
           _nullishCoalesce(person.key, () => ( `${person.name}-${i}`))
@@ -95,7 +99,7 @@ function AvatarStack({
           "span",
           {
             title: overflow.length > 0 ? overflow.map((p) => p.name).join(", ") : `${overflowCount} more`,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2",
               ringClassName,
               // The circle tucks under the last face like every other avatar, so
@@ -118,5 +122,4 @@ function AvatarStack({
 
 
 
-
-exports.AvatarStackSkeleton = AvatarStackSkeleton; exports.AvatarStack = AvatarStack;
+exports.AvatarStack = AvatarStack;