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

package/dist/{chunk-EMCQGFXD.cjs → chunk-MMOODW57.cjs}

@@ -8,7 +8,8 @@ var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
 
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
 
@@ -266,7 +267,7 @@ var disabledTagClasses = [
 ];
 function TagLabel({ label, labelClassName }) {
   const isString = typeof label === "string";
-  const { ref, isTruncated } = _chunkMDBHZBW7cjs.useIsTruncated.call(void 0, isString ? label : null);
+  const { ref, isTruncated } = _chunkRKV5B7EUcjs.useIsTruncated.call(void 0, isString ? label : null);
   if (!isString) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, "truncate", labelClassName), children: label });
   }
@@ -359,7 +360,7 @@ function CardHorizontal({ icon, title, description, className = "", borderLeft =
     "div",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "flex min-h-[80px] w-full flex-row items-center gap-3 bg-ods-card p-4 md:gap-4 md:p-6",
+        "flex min-h-[80px] w-full flex-row items-center gap-3 bg-ods-card p-4 content-md:gap-4 content-md:p-6",
         borderLeft ? "border-l border-ods-border" : "",
         className
       ),
@@ -853,7 +854,7 @@ var SquareAvatar = _react3.memo.call(void 0,
       style,
       ...props
     }, ref) => {
-      const resolvedSrc = _chunkMDBHZBW7cjs.useAuthedImageSrc.call(void 0, src);
+      const resolvedSrc = _chunkRKV5B7EUcjs.useAuthedImageSrc.call(void 0, src);
       const sizeClasses2 = {
         // xs (24px): dense card meta rows — avatar stacks on delivery/
         // roadmap cards. Part of the shared scale so no caller ever
@@ -1034,7 +1035,7 @@ var Modal = _react3.forwardRef.call(void 0, ({ isOpen, onClose, children, classN
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fixed inset-0 z-[1300] flex items-center justify-center", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ods-viewport-layer fixed inset-0 z-[1300] flex items-center justify-center", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-overlay", onClick: onClose, "aria-hidden": "true" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1046,7 +1047,7 @@ var Modal = _react3.forwardRef.call(void 0, ({ isOpen, onClose, children, classN
         ),
         role: "dialog",
         "aria-modal": "true",
-        children
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKV5B7EUcjs.ViewportBreakpoints, { children })
       }
     )
   ] });
@@ -1707,7 +1708,7 @@ function EntityPortraitCard({
       setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
     }
   };
-  const edgeColor = _chunkMDBHZBW7cjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
+  const edgeColor = _chunkRKV5B7EUcjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, "block h-full", className), "aria-label": `Open ${title}`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col gap-6 p-6"), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1920,7 +1921,7 @@ function PlatformBadge({ platform, size: size2 = "sm", showLabel = true, classNa
     return null;
   }
   const sizes = sizeClasses[size2];
-  const colors = _chunkMDBHZBW7cjs.getPlatformBrandClasses.call(void 0, platform.name);
+  const colors = _chunkRKV5B7EUcjs.getPlatformBrandClasses.call(void 0, platform.name);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -1962,7 +1963,7 @@ function AdminContentCard({
   const [loadedUrl, setLoadedUrl] = _react3.useState.call(void 0, null);
   const displayUrl = imageUrl && !imageError ? imageUrl : placeholderUrl;
   const imageLoaded = Boolean(displayUrl) && loadedUrl === displayUrl;
-  const imageBgColor = _chunkMDBHZBW7cjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
+  const imageBgColor = _chunkRKV5B7EUcjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
@@ -2228,7 +2229,7 @@ var AiPromptCardSkeleton = EmployeeEntryCardSkeleton;
 
 var PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
 var SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
-var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-body text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary";
+var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-body text-[16px] content-md:text-[18px] leading-[24px] content-md:leading-[28px] text-ods-text-secondary";
 function PageHeading({
   children,
   as: Tag2 = "h1",
@@ -2247,7 +2248,7 @@ function PageHeading({
 var SENTENCE_MARK = /([.:?!]+)(?=\s|$)/g;
 var ONLY_MARKS = /^\s*[.:?!]+\s*$/;
 function headingAccentClass(platform) {
-  return platform ? _chunkMDBHZBW7cjs.getPlatformBrandClasses.call(void 0, platform).accentText : "text-ods-accent";
+  return platform ? _chunkRKV5B7EUcjs.getPlatformBrandClasses.call(void 0, platform).accentText : "text-ods-accent";
 }
 function accentSentenceMarks(node, platform) {
   return accentMarks(node, headingAccentClass(platform));
@@ -2391,8 +2392,8 @@ function ProductReleaseCard({
       } : { value: "\u2014", label: "Released", uppercase: false }
     ];
     const effectiveAuthor = _optionalChain([author, 'optionalAccess', _45 => _45.full_name]) ? author : { full_name: "\u2014", avatar_url: null, job_title: "Unknown" };
-    const gridColsClass = "md:grid-cols-4";
-    const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
+    const gridColsClass = "content-md:grid-cols-4";
+    const dividerClass = "border-b content-md:border-b-0 content-md:border-r border-ods-border";
     const interactive = !!anchorProps || !!onClick;
     const frameClass = _chunk3ATAYP36cjs.cn.call(void 0, 
       interactive ? CONTENT_CARD_FRAME_CLASS : CONTENT_CARD_SKELETON_FRAME_CLASS,
@@ -2402,8 +2403,8 @@ function ProductReleaseCard({
       className
     );
     const innerLayout = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full flex-shrink-0 content-md:w-[256px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
           coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkMGHIV4L6cjs.next_image_default,
             {
@@ -2422,8 +2423,8 @@ function ProductReleaseCard({
             "v",
             version
           ] }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary md:text-2xl", children: title }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary md:text-base", children: _nullishCoalesce(summary, () => ( "")) }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[60px] items-start content-md:min-h-[72px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary content-md:text-2xl", children: title }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[68px] content-md:min-h-[78px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary content-md:text-base", children: _nullishCoalesce(summary, () => ( "")) }) })
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-ods-border pt-3 text-ods-text-secondary text-h6", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -2581,15 +2582,15 @@ function ProductReleaseCard({
 function ProductReleaseCardSkeleton({ className, size: size2 = "lg" }) {
   if (size2 === "lg") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", "animate-pulse", className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border content-md:w-[256px]" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 content-md:min-h-[72px]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-3/4 rounded bg-ods-border content-md:h-[30px]" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[25px] w-1/2 rounded bg-ods-border content-md:h-[30px]" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[68px] flex-col justify-start gap-2 md:min-h-[78px]", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[68px] flex-col justify-start gap-2 content-md:min-h-[78px]", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-border/70" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
@@ -2597,11 +2598,11 @@ function ProductReleaseCardSkeleton({ className, size: size2 = "lg" }) {
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
         [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: "flex flex-col gap-3 border-b border-ods-border p-4 md:border-b-0 md:border-r",
+            className: "flex flex-col gap-3 border-b border-ods-border p-4 content-md:border-b-0 content-md:border-r",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-24 rounded bg-ods-border" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 rounded bg-ods-border" })
@@ -2810,7 +2811,7 @@ function useEntityCardPlaceholder({
   siteName = "",
   aspect = "wide"
 }) {
-  const derived = _chunkMDBHZBW7cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
+  const derived = _chunkRKV5B7EUcjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
   return placeholderUrl !== void 0 ? placeholderUrl : derived;
 }
 
@@ -4416,7 +4417,7 @@ function ProgramEditorialCard({
   playable,
   className
 }) {
-  const edgeColor = _chunkMDBHZBW7cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
+  const edgeColor = _chunkRKV5B7EUcjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
   const meta = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: EDITORIAL_META_ROW, children: [
     date && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-flamingo-pink", children: date }),
     [typeMeta, feature ? null : _optionalChain([profile, 'optionalAccess', _140 => _140.name])].filter((part) => !!part).map((part) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-s)] text-ods-text-secondary", children: [

package/dist/{chunk-Q76ZTHNV.js → chunk-MP2C3LJ4.js}

@@ -2,7 +2,7 @@
 import {
   embedAuthedFetch,
   hasEmbedAuthAdapter
-} from "./chunk-2T6QWNXU.js";
+} from "./chunk-NDESEPW5.js";
 
 // src/utils/search-params.ts
 function positiveInt(raw, fallback, { min = 1, max } = {}) {