@flamingo-stack/openframe-frontend-core 0.0.702 → 0.0.703-snapshot.20261006080901

package/dist/{chunk-FHM7GD5B.cjs → chunk-UK62YTH6.cjs}

@@ -1,12 +1,12 @@
 "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 _chunkFD4DBTFOcjs = require('./chunk-FD4DBTFO.cjs');
+var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
 
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
@@ -27,8 +27,8 @@ function DetailPageSkeleton({
   showImageGallery = true,
   bare = false
 } = {}) {
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "animate-pulse space-y-6 md:space-y-10", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card md:h-20" }) }),
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "animate-pulse space-y-6 content-md:space-y-10", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card content-md:h-20" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-wrap gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-32 rounded bg-ods-card" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-28 rounded bg-ods-card" }),
@@ -37,11 +37,18 @@ function DetailPageSkeleton({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: `grid grid-cols-1 md:grid-cols-${metadataColumns} w-full overflow-hidden rounded-md border border-ods-border`,
-        children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 md:border-b-0 md:border-r", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-border" })
-        ] }, i))
+        className: `grid grid-cols-1 content-md:grid-cols-${metadataColumns} w-full overflow-hidden rounded-md border border-ods-border`,
+        children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 content-md:border-b-0 content-md:border-r",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-border" })
+            ]
+          },
+          i
+        ))
       }
     ),
     showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border bg-ods-card" }, i)) }),
@@ -56,14 +63,21 @@ function DetailPageSkeleton({
     ] }, section))
   ] });
   if (bare) return content;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.PageLayout, { showHeader: false, className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 md:px-20 md:py-10", children: content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkLTSTC3N5cjs.PageLayout,
+    {
+      showHeader: false,
+      className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
+      children: content
+    }
+  );
 }
 
 // src/components/shared/article-author-byline.tsx
 var _lucidereact = require('lucide-react');
 
 function formatDate(value) {
-  return _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -79,7 +93,7 @@ function ArticleAuthorByline({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!author) return null;
-  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkEMCQGFXDcjs.getProxiedImageUrl.call(void 0, avatar, {
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkMMOODW57cjs.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
@@ -87,14 +101,14 @@ 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 = _chunkEMCQGFXDcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const formattedBio = _chunkMMOODW57cjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "rounded-lg border border-ods-border bg-ods-card p-6",
-        "flex flex-col items-start gap-4 md:flex-row",
+        "flex flex-col items-start gap-4 content-md:flex-row",
         className
       ),
       children: [

package/dist/{chunk-HUMWQMCU.js → chunk-UT4YHQZW.js}

@@ -96,7 +96,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage === 1,
         "aria-label": "Go to previous page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
       }
     ) }),
@@ -113,7 +113,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
           variant: currentPage === page ? "accent" : "outline",
           size: "icon",
           onClick: () => onPageChange(page),
-          className: "!h-9 !w-9 md:!h-9 md:!w-9",
+          className: "!h-9 !w-9 content-md:!h-9 content-md:!w-9",
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
           children: page
@@ -128,7 +128,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage === totalPages,
         "aria-label": "Go to next page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: [
           /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next page" })

package/dist/{chunk-NGJCWEYX.cjs → chunk-VHCACDKP.cjs}

@@ -1,17 +1,17 @@
 "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 _chunkXCIFHW4Ecjs = require('./chunk-XCIFHW4E.cjs');
+var _chunkXOYH2YQEcjs = require('./chunk-XOYH2YQE.cjs');
 
 
 
 
 
 
-var _chunkBRXOGCH3cjs = require('./chunk-BRXOGCH3.cjs');
+var _chunkBIZNSF3Ucjs = require('./chunk-BIZNSF3U.cjs');
 
 
-var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
+var _chunkABU3TGXAcjs = require('./chunk-ABU3TGXA.cjs');
 
 
 
@@ -42,7 +42,7 @@ var _chunk4OGAXAEGcjs = require('./chunk-4OGAXAEG.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 // src/components/related-content/related-content-section.tsx
 var _react = require('react');
@@ -440,13 +440,13 @@ function cardEntry(definition) {
 }
 function programEntry(configKey) {
   return cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.ProgramCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.ProgramCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeProgramRow,
     render: (item, ctx) => {
       const config = _optionalChain([ctx, 'access', _2 => _2.extras, 'optionalAccess', _3 => _3.programConfigs, 'optionalAccess', _4 => _4[configKey]]);
       if (!config) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.ProgramCard,
+        _chunkMMOODW57cjs.ProgramCard,
         {
           config,
           item,
@@ -463,10 +463,10 @@ function programEntry(configKey) {
 }
 function roadmapEntry(cardType) {
   return cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeRoadmapRow,
     render: (item, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.RoadmapCard,
+      _chunkMMOODW57cjs.RoadmapCard,
       {
         item,
         href: ctx.href,
@@ -483,10 +483,10 @@ function roadmapEntry(cardType) {
 }
 var RELATED_CARD_REGISTRY = {
   blog_post_existing: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeBlogRow,
     render: (post, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.BlogCard,
+      _chunkMMOODW57cjs.BlogCard,
       {
         post,
         size: ctx.legacySize,
@@ -498,10 +498,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   case_study: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCaseStudyRow,
     render: (study, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.CaseStudyCard,
+      _chunkMMOODW57cjs.CaseStudyCard,
       {
         study,
         size: ctx.legacySize,
@@ -513,10 +513,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   customer_interview: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCustomerInterviewRow,
     render: (interview, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.CustomerInterviewCard,
+      _chunkMMOODW57cjs.CustomerInterviewCard,
       {
         interview,
         size: ctx.legacySize,
@@ -534,13 +534,13 @@ var RELATED_CARD_REGISTRY = {
    * record, and the three props the rail sets itself are read off it.
    */
   product_release: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
     decode: asRecord,
     render: (release, ctx) => {
-      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _5 => _5.extras, 'optionalAccess', _6 => _6.buildProductReleaseCardProps]), () => ( _chunkEMCQGFXDcjs.buildProductReleaseCardProps));
+      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _5 => _5.extras, 'optionalAccess', _6 => _6.buildProductReleaseCardProps]), () => ( _chunkMMOODW57cjs.buildProductReleaseCardProps));
       const releaseProps = buildReleaseProps(release);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.ProductReleaseCard,
+        _chunkMMOODW57cjs.ProductReleaseCard,
         {
           size: ctx.size === "sm" ? "sm" : "lg",
           title: str(release, "title"),
@@ -556,10 +556,10 @@ var RELATED_CARD_REGISTRY = {
   webinar: programEntry("webinar"),
   event: programEntry("event"),
   investor_update: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeInvestorUpdateRow,
     render: (update, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.InvestorUpdateCard,
+      _chunkMMOODW57cjs.InvestorUpdateCard,
       {
         update,
         size: ctx.legacySize,
@@ -574,10 +574,10 @@ var RELATED_CARD_REGISTRY = {
    *  step-numbered 'default' variant is for the guide detail page's "More in
    *  section" rail, not this full-width row. */
   onboarding_guide: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog" }),
     decode: decodeOnboardingGuideRow,
     render: (guide, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.OnboardingGuideCard,
+      _chunkMMOODW57cjs.OnboardingGuideCard,
       {
         guide,
         size: ctx.size === "sm" ? "sm" : "catalog",
@@ -594,10 +594,10 @@ var RELATED_CARD_REGISTRY = {
    *  href: an object with `href: undefined` is still truthy and would wrap the
    *  card in a dead <a>. */
   what_i_shipped: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.WhatIShippedCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.WhatIShippedCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.WhatIShippedCard,
+      _chunkMMOODW57cjs.WhatIShippedCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -607,10 +607,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   how_i_work: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.HowIWorkCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.HowIWorkCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.HowIWorkCard,
+      _chunkMMOODW57cjs.HowIWorkCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -620,10 +620,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   ai_prompt: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.AiPromptCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.AiPromptCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEMCQGFXDcjs.AiPromptCard,
+      _chunkMMOODW57cjs.AiPromptCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -644,7 +644,7 @@ function DefaultLinkPropsProvider({
   children
 }) {
   if (!href) return children(null);
-  const newTab = _chunkEMCQGFXDcjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
+  const newTab = _chunkMMOODW57cjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
   return children(newTab ? { href, target: "_blank", rel: "noopener noreferrer" } : { href });
 }
 function defaultResolveHref(ref) {
@@ -700,15 +700,15 @@ function CardForType({
 function useGroupItems(type, refs, buildUrl) {
   const ids = refs.map((r) => r.id);
   const url = ids.length > 0 ? buildUrl(type, ids) : null;
-  const { data, isLoading } = _chunkXCIFHW4Ecjs.useSelfFetch.call(void 0, url);
-  const items = data != null ? _chunkEMCQGFXDcjs.extractItems.call(void 0, data) : null;
+  const { data, isLoading } = _chunkXOYH2YQEcjs.useSelfFetch.call(void 0, url);
+  const items = data != null ? _chunkMMOODW57cjs.extractItems.call(void 0, data) : null;
   return { items, isLoading };
 }
 function gridClassFor(columns) {
   return columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" : "grid grid-cols-1 sm:grid-cols-2 gap-6";
 }
 function resolveGroupConfig(type) {
-  return _nullishCoalesce(_chunkBRXOGCH3cjs.CONTENT_REF_GROUPS[type], () => ( {
+  return _nullishCoalesce(_chunkBIZNSF3Ucjs.CONTENT_REF_GROUPS[type], () => ( {
     label: type,
     order: 999,
     layout: "grid",
@@ -740,10 +740,10 @@ function ContentGroup({
       setPage(1);
     }
   }, [refsKey]);
-  const totalGroupPages = _chunk4OGAXAEGcjs.pageCount.call(void 0, refs.length, GROUP_PAGE_SIZE);
+  const totalGroupPages = _chunkABU3TGXAcjs.pageCount.call(void 0, refs.length, GROUP_PAGE_SIZE);
   const safePage = Math.min(page, totalGroupPages);
   const visibleGroupRefs = refs.length > GROUP_PAGE_SIZE ? refs.slice((safePage - 1) * GROUP_PAGE_SIZE, safePage * GROUP_PAGE_SIZE) : refs;
-  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRXOGCH3cjs.Pagination, { currentPage: safePage, totalPages: totalGroupPages, onPageChange: setPage }) : null;
+  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBIZNSF3Ucjs.Pagination, { currentPage: safePage, totalPages: totalGroupPages, onPageChange: setPage }) : null;
   if (isLoading && !items) {
     const skeletons = visibleGroupRefs.map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
@@ -753,7 +753,7 @@ function ContentGroup({
   }
   if (!items || items.length === 0) return null;
   const rowKey = (it) => {
-    const extracted = _chunkEMCQGFXDcjs.extractItemId.call(void 0, type, it);
+    const extracted = _chunkMMOODW57cjs.extractItemId.call(void 0, type, it);
     if (extracted !== null) return extracted;
     return String(typeof it === "object" && it !== null ? it.id : void 0);
   };
@@ -821,11 +821,11 @@ function RelatedContentSection({
     types: includeTypes !== void 0 ? includeTypes.join(",") : void 0,
     excludeTypes: excludeTypes && excludeTypes.length > 0 ? excludeTypes.join(",") : void 0
   };
-  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkBRXOGCH3cjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkBIZNSF3Ucjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     extraParams: { authorId, ...typeFilterParams }
   }) : null;
-  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkBRXOGCH3cjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkBIZNSF3Ucjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     entityType,
     entityId,
@@ -842,9 +842,9 @@ function RelatedContentSection({
     () => !suggestionsDisabled && initialItems ? { refs: initialItems } : void 0,
     [initialItems, suggestionsDisabled]
   );
-  const { data, isLoading } = _chunkXCIFHW4Ecjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
+  const { data, isLoading } = _chunkXOYH2YQEcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
   const effectiveBuildListUrl = _react.useMemo.call(void 0, 
-    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunkEMCQGFXDcjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
+    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunkMMOODW57cjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
     [buildListUrl2, apiBaseUrl]
   );
   const refs = _nullishCoalesce(_nullishCoalesce(contentRefs, () => ( _optionalChain([data, 'optionalAccess', _10 => _10.refs]))), () => ( []));
@@ -855,12 +855,12 @@ function RelatedContentSection({
     if (isLoading) {
       const skeletonType = _nullishCoalesce(_nullishCoalesce(_optionalChain([includeTypes, 'optionalAccess', _11 => _11[0]]), () => ( entityType)), () => ( "blog_post_existing"));
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-8", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h2", children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h2", children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: renderSkeletonForType(skeletonType, "default", adminCampaignCard) }, i)) })
       ] });
     }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-8", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
       _nullishCoalesce(emptyState, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: emptyStateText })))
     ] });
   }
@@ -869,16 +869,16 @@ function RelatedContentSection({
     if (!grouped[ref.type]) grouped[ref.type] = [];
     grouped[ref.type].push(ref);
   }
-  let orderedTypes = _chunkBRXOGCH3cjs.orderContentRefTypes.call(void 0, Object.keys(grouped));
+  let orderedTypes = _chunkBIZNSF3Ucjs.orderContentRefTypes.call(void 0, Object.keys(grouped));
   if (entityType) {
-    const canonicalEntityType = _chunkEMCQGFXDcjs.canonicalContentRefType.call(void 0, entityType);
-    const sameType = orderedTypes.filter((t) => _chunkEMCQGFXDcjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
+    const canonicalEntityType = _chunkMMOODW57cjs.canonicalContentRefType.call(void 0, entityType);
+    const sameType = orderedTypes.filter((t) => _chunkMMOODW57cjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
     if (sameType.length > 0) {
-      orderedTypes = [...sameType, ...orderedTypes.filter((t) => _chunkEMCQGFXDcjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
+      orderedTypes = [...sameType, ...orderedTypes.filter((t) => _chunkMMOODW57cjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
     }
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-8", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h2", children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h2", children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
     orderedTypes.map((type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ContentGroup,
       {
@@ -890,7 +890,7 @@ function RelatedContentSection({
         LinkProvider,
         extras,
         adminCampaignCard,
-        heading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: _chunkBRXOGCH3cjs.getContentRefLabelOrTitleCase.call(void 0, type) })
+        heading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: _chunkBIZNSF3Ucjs.getContentRefLabelOrTitleCase.call(void 0, type) })
       },
       type
     ))

package/dist/{chunk-5FFNNJM7.js → chunk-VR2ZLFCP.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   contentFetch
-} from "./chunk-Q76ZTHNV.js";
+} from "./chunk-MP2C3LJ4.js";
 
 // src/hooks/use-self-fetch.ts
 import { useEffect, useRef, useState } from "react";

package/dist/{chunk-IZKOQVXO.js → chunk-VTASHWER.js}

@@ -8,26 +8,26 @@ import {
   SelectTrigger,
   SelectValue,
   Textarea
-} from "./chunk-CZ34HXDW.js";
+} from "./chunk-4KGXLVCF.js";
 import {
   useContactSubmission,
   useHumanitySignals,
   useRescuedForm
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-IHU5ANUY.js";
 import {
   ChatAttachmentAddButton,
   ChatAttachmentChipStrip,
   useChatAttachments
-} from "./chunk-6JPQDYYY.js";
+} from "./chunk-2JDVL7UV.js";
 import {
   SECTION_HEADING_CLASS,
   accentSentenceMarks
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   Input,
   Label,
   RequiredMark
-} from "./chunk-5V6O73EH.js";
+} from "./chunk-FLKJYMVB.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";
@@ -181,10 +181,10 @@ function ContactForm({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border md:rounded-3xl" : ""} ${!noPadding ? "p-6 md:p-8 lg:p-10" : ""}`,
+      className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
-        (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
-          title && /* @__PURE__ */ jsx("h2", { className: `${SECTION_HEADING_CLASS} mb-3 md:mb-4`, children: accentSentenceMarks(title) }),
+        (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 content-md:mb-8", children: [
+          title && /* @__PURE__ */ jsx("h2", { className: `${SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: accentSentenceMarks(title) }),
           subtitle && /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
@@ -196,7 +196,7 @@ function ContactForm({
                 Object.fromEntries(Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v]))
               );
             }),
-            className: "flex flex-grow flex-col space-y-4 md:space-y-6",
+            className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
             ...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ jsx("input", { type: "hidden", ...register("name") }),
@@ -205,7 +205,7 @@ function ContactForm({
               !showMessage && /* @__PURE__ */ jsx("input", { type: "hidden", ...register("message") }),
               /* @__PURE__ */ jsx(HoneypotField, { ...honeypotInputProps }),
               extraTopField,
-              showNameEmailRow && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              showNameEmailRow && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                   /* @__PURE__ */ jsxs(Label, { htmlFor: "name", children: [
                     "Your Name",
@@ -247,7 +247,7 @@ function ContactForm({
                   errors.email && /* @__PURE__ */ jsx("span", { id: "email-error", className: "mt-1 text-ods-error text-h6", children: errors.email.message })
                 ] })
               ] }),
-              (showCompanySize || showReferralSource) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6", children: [
+              (showCompanySize || showReferralSource) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showCompanySize && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                   /* @__PURE__ */ jsx(Label, { htmlFor: "companySize", children: "Company Size" }),
                   /* @__PURE__ */ jsx(
@@ -363,8 +363,8 @@ function ContactForm({
                   /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: "Attach files (optional)" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6", children: [
-                footerText && /* @__PURE__ */ jsx("p", { className: "text-center text-ods-text-secondary text-h6 md:text-left", children: footerText }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 content-md:flex-row content-md:gap-6", children: [
+                footerText && /* @__PURE__ */ jsx("p", { className: "text-center text-ods-text-secondary text-h6 content-md:text-left", children: footerText }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -372,7 +372,7 @@ function ContactForm({
                     loading: isSubmitting,
                     disabled: isSubmitting || isSuccess || attachmentsEnabled && attachments.hasInflightUploads,
                     variant: buttonVariant,
-                    className: `w-full md:w-auto ${buttonClassName}`,
+                    className: `w-full content-md:w-auto ${buttonClassName}`,
                     children: isSuccess ? submitSuccessLabel : submitLabel
                   }
                 )

package/dist/{chunk-64O4L7WN.js → chunk-WUJNYGO2.js}

@@ -9,8 +9,8 @@ import {
   OsqueryLogoGreyIcon
 } from "./chunk-Z2VNQQ74.js";
 import {
-  useIsomorphicLayoutEffect
-} from "./chunk-2T6QWNXU.js";
+  useMediaQuery
+} from "./chunk-NDESEPW5.js";
 
 // src/hooks/ui/use-debounce.ts
 import { useState, useEffect } from "react";
@@ -27,46 +27,11 @@ function useDebounce(value, delay2 = 500) {
   return debouncedValue;
 }
 
-// src/hooks/ui/use-media-query.ts
-import { useState as useState2 } from "react";
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState2(void 0);
-  useIsomorphicLayoutEffect(() => {
-    const matchMedia = window.matchMedia(query);
-    const handleChange = () => {
-      setMatches(matchMedia.matches);
-    };
-    handleChange();
-    matchMedia.addEventListener("change", handleChange);
-    return () => {
-      matchMedia.removeEventListener("change", handleChange);
-    };
-  }, [query]);
-  return matches;
-}
-var breakpoints = {
-  md: "(min-width: 800px)",
-  // Tablet: 50rem
-  lg: "(min-width: 1280px)"
-  // Desktop: 80rem
-};
-function useSmUp() {
-  return useMdUp();
-}
-function useMdUp() {
-  const matches = useMediaQuery(breakpoints.md);
-  return matches === void 0 ? void 0 : matches;
-}
-function useLgUp() {
-  const matches = useMediaQuery(breakpoints.lg);
-  return matches === void 0 ? void 0 : matches;
-}
-
 // src/hooks/ui/use-header-height.ts
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 function useHeaderHeight(defaultHeight = 72, options = {}) {
   const { enabled = true } = options;
-  const [height, setHeight] = useState3(defaultHeight);
+  const [height, setHeight] = useState2(defaultHeight);
   useEffect2(() => {
     if (!enabled) return void 0;
     const measure = () => {
@@ -226,14 +191,14 @@ function usePrefersReducedMotionState() {
 }
 
 // src/hooks/ui/use-in-view.ts
-import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef3, useState as useState3 } from "react";
 var STEPS = Array.from({ length: 21 }, (_, i) => i / 20);
 function useInView({
   threshold = 0,
   rootMargin = "0px",
   initial = false
 } = {}) {
-  const [inView, setInView] = useState4(initial);
+  const [inView, setInView] = useState3(initial);
   const observerRef = useRef3(null);
   const disconnect = useCallback2(() => {
     observerRef.current?.disconnect();
@@ -271,11 +236,11 @@ function useInView({
 }
 
 // src/hooks/ui/use-autoplay.ts
-import { useEffect as useEffect7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState4 } from "react";
 function useAutoplay(onScreen) {
   const reducedState = usePrefersReducedMotionState();
-  const [paused, setPaused] = useState5(false);
-  const [tabHidden, setTabHidden] = useState5(false);
+  const [paused, setPaused] = useState4(false);
+  const [tabHidden, setTabHidden] = useState4(false);
   useEffect7(() => {
     const sync = () => setTabHidden(document.visibilityState === "hidden");
     sync();
@@ -407,7 +372,7 @@ function pick(source, keys) {
 var NO_CLIENT_CACHE = { staleTime: 0 };
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState6, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect8, useRef as useRef4, useState as useState5, useCallback as useCallback3 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 var THRESHOLD_EPSILON = 0.01;
@@ -438,7 +403,7 @@ function getObserverFor(rootMargin, threshold) {
 }
 var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
 function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
-  const [isNear, setIsNear] = useState6(false);
+  const [isNear, setIsNear] = useState5(false);
   const elRef = useRef4(null);
   const key = observerKey(rootMargin, threshold);
   const ref = useCallback3(
@@ -793,11 +758,6 @@ function navigateSamePageHash(target, options = {}) {
 
 export {
   useDebounce,
-  useMediaQuery,
-  breakpoints,
-  useSmUp,
-  useMdUp,
-  useLgUp,
   useHeaderHeight,
   useMarqueeEngine,
   useResetOnPageHidden,