@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006133653

package/dist/{chunk-HHFPQNP3.js → chunk-NJDHFC55.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   EmptyState
-} from "./chunk-OGLCD3UL.js";
+} from "./chunk-MFFCUVWG.js";
 import {
   OPENFRAME_DEV_SECTIONS,
   PageLayout,
@@ -10,7 +10,7 @@ import {
   StatusFilterComponent,
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   usePathname,
   useRouter,
@@ -20,7 +20,7 @@ import {
   AvatarStack,
   StatusBadge,
   getStatusColorScheme
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   next_link_default
 } from "./chunk-DAAVMYUT.js";
@@ -107,7 +107,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         hero.title ?? section.hero.title
       ] }),
       /* @__PURE__ */ jsx2("p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ jsx2("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] lg:tracking-[-0.96px]", children: [
+    ] }) : /* @__PURE__ */ jsx2("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary content-md:text-[40px] content-md:leading-[48px] content-md:tracking-[-0.8px] content-lg:text-[48px] content-lg:leading-[56px] content-lg:tracking-[-0.96px]", children: [
       section.hero.title,
       /* @__PURE__ */ jsx2("span", { className: "text-ods-accent", children: ":" })
     ] }) })),
@@ -184,9 +184,9 @@ function DevCardRowContent({
   emptyDescription = "No description provided",
   rightBadges
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: title }) }),
+  return /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx4("p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsx4("p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: description || emptyDescription }) })
     ] }),
@@ -194,8 +194,8 @@ function DevCardRowContent({
   ] });
 }
 function DevCardRowSkeleton() {
-  return /* @__PURE__ */ jsx4("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ jsx4("div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx4("div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ jsx4("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-1", children: [
@@ -235,14 +235,14 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
   const statusBadgeScheme = getStatusColorScheme(item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
-  const inner = /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  const inner = /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       caption && /* @__PURE__ */ jsx5("p", { className: "text-ods-text-secondary text-h5", children: caption }),
-      /* @__PURE__ */ jsx5("div", { className: "flex min-h-[24px] items-center md:min-h-[24px]", children: /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: item.title }) }),
+      /* @__PURE__ */ jsx5("div", { className: "flex min-h-[24px] items-center content-md:min-h-[24px]", children: /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: item.title }) }),
       /* @__PURE__ */ jsx5("div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ jsx5("p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", suppressHydrationWarning: true, children: subtitle }) }),
       /* @__PURE__ */ jsx5("div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ jsx5("p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: item.description || "No description provided" }) })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start", children: [
       /* @__PURE__ */ jsx5(
         StatusBadge,
         {
@@ -264,7 +264,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         AvatarStack,
         {
           size: "xs",
-          className: "ml-auto md:ml-0",
+          className: "ml-auto content-md:ml-0",
           people: item.assignees.map((a) => ({
             key: a.id,
             name: a.name ?? "Unknown",
@@ -275,7 +275,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] })
   ] });
   const baseClass = cn(
-    "block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]",
+    "block p-[12px] text-inherit no-underline transition-colors duration-150 content-md:p-[16px]",
     // `scroll-mt-24` is paid for whether `id` is set or not (it's a
     // single Tailwind utility, no runtime cost). Keeping it
     // unconditional means a future caller adding `id` doesn't also

package/dist/{chunk-HUOLB7ZN.cjs → chunk-OHFS7VOU.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkBRXOGCH3cjs = require('./chunk-BRXOGCH3.cjs');
+var _chunkBIZNSF3Ucjs = require('./chunk-BIZNSF3U.cjs');
 
 
-var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
+var _chunkABU3TGXAcjs = require('./chunk-ABU3TGXA.cjs');
 
 
 
@@ -126,10 +126,10 @@ function EmptyState({
   const displayDescription = description || defaultContent.description;
   const smartCTA = ctaHref ? null : getSmartCTA();
   const ctaButtonVariant = ctaVariant === "primary" ? "accent" : "outline";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center px-6 py-6 text-center md:py-16", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center justify-center md:mb-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-full border border-ods-border bg-ods-card p-3 md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 items-center justify-center text-ods-text-secondary md:h-16 md:w-16", children: defaultContent.icon }) }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3 md:mb-3", children: displayTitle }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 max-w-md text-ods-text-secondary text-h6 md:mb-8", children: displayDescription }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center px-6 py-6 text-center content-md:py-16", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center justify-center content-md:mb-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-full border border-ods-border bg-ods-card p-3 content-md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 items-center justify-center text-ods-text-secondary content-md:h-16 content-md:w-16", children: defaultContent.icon }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h3 content-md:mb-3", children: displayTitle }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 max-w-md text-ods-text-secondary text-h6 content-md:mb-8", children: displayDescription }),
     showCTA && ctaHref && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { href: ctaHref, variant: ctaButtonVariant, className: "w-full", children: ctaText || "Contact us" }) }),
     showCTA && !ctaHref && smartCTA && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { onClick: smartCTA.action, variant: ctaButtonVariant, className: "w-full", children: smartCTA.text }) }),
     showBackButton && onGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -164,7 +164,7 @@ function UnifiedPagination({
     if (syncUrl) {
       const params = new URLSearchParams(searchParams.toString());
       params.set("page", page.toString());
-      window.history.replaceState(null, "", _chunk4OGAXAEGcjs.withQuery.call(void 0, pathname, params.toString()));
+      window.history.replaceState(null, "", _chunkABU3TGXAcjs.withQuery.call(void 0, pathname, params.toString()));
     }
     setTimeout(() => {
       window.scrollTo({
@@ -175,10 +175,10 @@ function UnifiedPagination({
     }, 0);
   };
   if (totalPages <= 1) {
-    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRXOGCH3cjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
+    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBIZNSF3Ucjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
     } }) }) }) : null;
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRXOGCH3cjs.Pagination, { currentPage, totalPages, onPageChange: handlePageChange }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBIZNSF3Ucjs.Pagination, { currentPage, totalPages, onPageChange: handlePageChange }) });
 }
 
 

package/dist/{chunk-7632TNE7.js → chunk-OSNIZNVH.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   EmbedViewerFrame
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   AdobePdfIcon,
   GoogleSheetsIcon
 } from "./chunk-Z2VNQQ74.js";
 import {
   formatFileSize
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";
@@ -59,7 +59,7 @@ function GoogleSheetsViewer({ externalUrl, fileName, height }) {
           openInNewTab: true,
           leftIcon: /* @__PURE__ */ jsx2(GoogleSheetsIcon, { className: "h-4 w-4" }),
           rightIcon: /* @__PURE__ */ jsx2(ExternalLink, { className: "h-4 w-4" }),
-          className: "w-full sm:w-auto",
+          className: "w-full content-sm:w-auto",
           children: "Open in Google Sheets"
         }
       ),
@@ -85,7 +85,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
     {
       icon: /* @__PURE__ */ jsx3(AdobePdfIcon, { className: "h-5 w-5 shrink-0" }),
       title: displayName,
-      actions: /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: [
+      actions: /* @__PURE__ */ jsxs3("div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: [
         /* @__PURE__ */ jsx3(
           Button,
           {
@@ -95,7 +95,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
             openInNewTab: !onPreview,
             onClick: onPreview,
             leftIcon: /* @__PURE__ */ jsx3(Eye, { className: "h-4 w-4" }),
-            className: "flex-1 sm:flex-initial",
+            className: "flex-1 content-sm:flex-initial",
             children: "Preview"
           }
         ),
@@ -108,7 +108,7 @@ function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
             openInNewTab: !onDownload,
             onClick: onDownload,
             leftIcon: /* @__PURE__ */ jsx3(Download2, { className: "h-4 w-4" }),
-            className: "flex-1 sm:flex-initial",
+            className: "flex-1 content-sm:flex-initial",
             children: "Download"
           }
         )

package/dist/{chunk-UTW4SQDI.js → chunk-OUHMD6EU.js}

@@ -1,27 +1,27 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-5FFNNJM7.js";
+} from "./chunk-VR2ZLFCP.js";
 import {
   PageLayout,
   PageShell
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   useScrollToHash
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   buildSuggestionUrl
-} from "./chunk-HUMWQMCU.js";
+} from "./chunk-UT4YHQZW.js";
 import {
   faqItemAnchor,
   faqSectionSlug,
   parseFaqHash
-} from "./chunk-QGTDWFT6.js";
+} from "./chunk-IZHZMBIX.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   navigateSamePageHash,
   serializeJsonLd
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk-Z2VNQQ74.js";
 import {
   SECTION_HEADING_CLASS
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";
@@ -72,7 +72,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
                 }
               },
               "aria-expanded": isOpen,
-              className: "flex w-full cursor-pointer items-center gap-6 px-6 py-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus md:gap-10",
+              className: "flex w-full cursor-pointer items-center gap-6 px-6 py-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus content-md:gap-10",
               children: [
                 /* @__PURE__ */ jsx("h3", { className: "min-w-0 flex-1 break-words", children: item.question }),
                 /* @__PURE__ */ jsx(
@@ -268,8 +268,8 @@ function GroupedFaqList({
 }
 function FaqSkeleton() {
   return /* @__PURE__ */ jsxs2("div", { className: "animate-pulse space-y-8", children: [
-    /* @__PURE__ */ jsx2("div", { className: "h-12 w-2/3 rounded bg-ods-border md:h-14" }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent", children: Array.from({ length: 8 }).map((_, idx) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-6 px-6 py-4 md:gap-10", children: [
+    /* @__PURE__ */ jsx2("div", { className: "h-12 w-2/3 rounded bg-ods-border content-md:h-14" }),
+    /* @__PURE__ */ jsx2("div", { className: "w-full divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent", children: Array.from({ length: 8 }).map((_, idx) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-6 px-6 py-4 content-md:gap-10", children: [
       /* @__PURE__ */ jsx2("div", { className: "h-6 w-5/6 rounded bg-ods-border" }),
       /* @__PURE__ */ jsx2("div", { className: "size-6 rounded bg-ods-border" })
     ] }, idx)) })