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

package/dist/{chunk-2T6QWNXU.js → chunk-NDESEPW5.js}

@@ -3,14 +3,64 @@ import {
   useChatRuntime
 } from "./chunk-E4ABZWTJ.js";
 
+// src/hooks/ui/use-isomorphic-layout-effect.ts
+import { useEffect, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+// src/hooks/ui/use-media-query.ts
+import { useState } from "react";
+
+// src/styles/layout-steps.ts
+var LAYOUT_STEPS = {
+  sm: { viewport: 640, content: 640 },
+  md: { viewport: 800, content: 720 },
+  lg: { viewport: 1280, content: 1024 },
+  xl: { viewport: 1440, content: 1216 },
+  "2xl": { viewport: 1536, content: 1312 }
+};
+
+// src/hooks/ui/use-media-query.ts
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(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: ${LAYOUT_STEPS.md.viewport}px)`,
+  // Tablet
+  lg: `(min-width: ${LAYOUT_STEPS.lg.viewport}px)`
+  // Desktop
+};
+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-is-truncated.ts
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
 function useIsTruncated(value, options) {
   const multiline = options?.multiline ?? false;
-  const [element, setElement] = useState(null);
-  const [isTruncated, setIsTruncated] = useState(false);
+  const [element, setElement] = useState2(null);
+  const [isTruncated, setIsTruncated] = useState2(false);
   const ref = useCallback((node) => setElement(node), []);
-  useEffect(() => {
+  useEffect2(() => {
     if (!element) return void 0;
     const check = () => {
       setIsTruncated(
@@ -25,12 +75,38 @@ function useIsTruncated(value, options) {
   return { ref, isTruncated: element ? isTruncated : false };
 }
 
-// src/hooks/ui/use-isomorphic-layout-effect.ts
-import { useEffect as useEffect2, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
+// src/hooks/ui/use-content-breakpoint.ts
+import { createContext, createElement, useContext } from "react";
+var CONTENT_BREAKPOINTS = { md: LAYOUT_STEPS.md.content, lg: LAYOUT_STEPS.lg.content };
+var ContentAreaWidthContext = createContext(null);
+function ViewportBreakpoints({ children }) {
+  return createElement(ContentAreaWidthContext.Provider, { value: null }, children);
+}
+function contentBreakpointFor(width) {
+  if (width >= CONTENT_BREAKPOINTS.lg) return "desktop";
+  if (width >= CONTENT_BREAKPOINTS.md) return "tablet";
+  return "mobile";
+}
+function useContentBreakpoint() {
+  const width = useContext(ContentAreaWidthContext);
+  const mdUp = useMdUp();
+  const lgUp = useLgUp();
+  if (width !== null) return contentBreakpointFor(width);
+  if (mdUp === void 0) return void 0;
+  if (lgUp) return "desktop";
+  return mdUp ? "tablet" : "mobile";
+}
+function useContentMdUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint !== "mobile";
+}
+function useContentLgUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
+}
 
 // src/hooks/ui/use-image-edge-color.ts
-import { useState as useState2, useEffect as useEffect3 } from "react";
+import { useState as useState3, useEffect as useEffect3 } from "react";
 function extractEdgeColor(img) {
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
@@ -86,8 +162,8 @@ function extractEdgeColor(img) {
   return `rgb(${r}, ${g}, ${b})`;
 }
 function useImageEdgeColor(imageUrl, fallback = "#000000") {
-  const [color, setColor] = useState2(fallback);
-  const [resetFor, setResetFor] = useState2({ imageUrl, fallback });
+  const [color, setColor] = useState3(fallback);
+  const [resetFor, setResetFor] = useState3({ imageUrl, fallback });
   if (resetFor.imageUrl !== imageUrl || resetFor.fallback !== fallback) {
     setResetFor({ imageUrl, fallback });
     if (!imageUrl) setColor(fallback);
@@ -732,8 +808,20 @@ function useOgPlaceholderUrl({
 }
 
 export {
-  useIsTruncated,
   useIsomorphicLayoutEffect,
+  useMediaQuery,
+  breakpoints,
+  useSmUp,
+  useMdUp,
+  useLgUp,
+  useIsTruncated,
+  CONTENT_BREAKPOINTS,
+  ContentAreaWidthContext,
+  ViewportBreakpoints,
+  contentBreakpointFor,
+  useContentBreakpoint,
+  useContentMdUp,
+  useContentLgUp,
   useImageEdgeColor,
   createLocalStorageAdapter,
   platformDisplayNames,

package/dist/{chunk-ETFFEA3J.js → chunk-NRLJUBCS.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   EmbedViewerFrame
-} from "./chunk-CZ34HXDW.js";
+} from "./chunk-4KGXLVCF.js";
 import {
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-IHU5ANUY.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-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-MWUBBBWZ.js → chunk-QVSFBSWV.js}

@@ -1,27 +1,27 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-5FFNNJM7.js";
+} from "./chunk-VR2ZLFCP.js";
 import {
   PageLayout,
   PageShell
-} from "./chunk-CZ34HXDW.js";
+} from "./chunk-4KGXLVCF.js";
 import {
   useScrollToHash
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-IHU5ANUY.js";
 import {
   buildSuggestionUrl
-} from "./chunk-HUMWQMCU.js";
+} from "./chunk-UT4YHQZW.js";
 import {
   faqItemAnchor,
   faqSectionSlug,
   parseFaqHash
-} from "./chunk-6JPQDYYY.js";
+} from "./chunk-2JDVL7UV.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   navigateSamePageHash,
   serializeJsonLd
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-WUJNYGO2.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)) })

package/dist/{chunk-MDBHZBW7.cjs → chunk-RKV5B7EU.cjs}

@@ -3,8 +3,58 @@
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
-// src/hooks/ui/use-is-truncated.ts
+// src/hooks/ui/use-isomorphic-layout-effect.ts
 var _react = require('react');
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+
+// src/hooks/ui/use-media-query.ts
+
+
+// src/styles/layout-steps.ts
+var LAYOUT_STEPS = {
+  sm: { viewport: 640, content: 640 },
+  md: { viewport: 800, content: 720 },
+  lg: { viewport: 1280, content: 1024 },
+  xl: { viewport: 1440, content: 1216 },
+  "2xl": { viewport: 1536, content: 1312 }
+};
+
+// src/hooks/ui/use-media-query.ts
+function useMediaQuery(query) {
+  const [matches, setMatches] = _react.useState.call(void 0, 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: ${LAYOUT_STEPS.md.viewport}px)`,
+  // Tablet
+  lg: `(min-width: ${LAYOUT_STEPS.lg.viewport}px)`
+  // Desktop
+};
+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-is-truncated.ts
+
 function useIsTruncated(value, options) {
   const multiline = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.multiline]), () => ( false));
   const [element, setElement] = _react.useState.call(void 0, null);
@@ -25,9 +75,35 @@ function useIsTruncated(value, options) {
   return { ref, isTruncated: element ? isTruncated : false };
 }
 
-// src/hooks/ui/use-isomorphic-layout-effect.ts
+// src/hooks/ui/use-content-breakpoint.ts
 
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+var CONTENT_BREAKPOINTS = { md: LAYOUT_STEPS.md.content, lg: LAYOUT_STEPS.lg.content };
+var ContentAreaWidthContext = _react.createContext.call(void 0, null);
+function ViewportBreakpoints({ children }) {
+  return _react.createElement.call(void 0, ContentAreaWidthContext.Provider, { value: null }, children);
+}
+function contentBreakpointFor(width) {
+  if (width >= CONTENT_BREAKPOINTS.lg) return "desktop";
+  if (width >= CONTENT_BREAKPOINTS.md) return "tablet";
+  return "mobile";
+}
+function useContentBreakpoint() {
+  const width = _react.useContext.call(void 0, ContentAreaWidthContext);
+  const mdUp = useMdUp();
+  const lgUp = useLgUp();
+  if (width !== null) return contentBreakpointFor(width);
+  if (mdUp === void 0) return void 0;
+  if (lgUp) return "desktop";
+  return mdUp ? "tablet" : "mobile";
+}
+function useContentMdUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint !== "mobile";
+}
+function useContentLgUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
+}
 
 // src/hooks/ui/use-image-edge-color.ts
 
@@ -782,4 +858,16 @@ function useOgPlaceholderUrl({
 
 
 
-exports.useIsTruncated = useIsTruncated; exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.useImageEdgeColor = useImageEdgeColor; exports.createLocalStorageAdapter = createLocalStorageAdapter; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.platformIconNames = platformIconNames; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.getDefaultIconForPlatform = getDefaultIconForPlatform; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.getAppType = getAppType; exports.EMBED_PROXY_OPTIONAL_HEADERS = EMBED_PROXY_OPTIONAL_HEADERS; exports.getEmbedProxyAuth = getEmbedProxyAuth; exports.getPersistedProxyEmail = getPersistedProxyEmail; exports.setEmbedProxyAuth = setEmbedProxyAuth; exports.clearEmbedProxyAuth = clearEmbedProxyAuth; exports.applyProxyAuth = applyProxyAuth; exports.setEmbedAuthAdapter = setEmbedAuthAdapter; exports.hasEmbedAuthAdapter = hasEmbedAuthAdapter; exports.subscribeEmbedCredentialChange = subscribeEmbedCredentialChange; exports.embedAuthedFetch = embedAuthedFetch; exports.clearAuthedAssetCache = clearAuthedAssetCache; exports.useAuthedAssetSrc = useAuthedAssetSrc; exports.useAuthedImageSrc = useAuthedImageSrc; exports.clearAuthedImageCache = clearAuthedImageCache; exports.buildOgPlaceholderUrl = buildOgPlaceholderUrl; exports.useOgPlaceholderUrl = useOgPlaceholderUrl;
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.useMediaQuery = useMediaQuery; exports.breakpoints = breakpoints; exports.useSmUp = useSmUp; exports.useMdUp = useMdUp; exports.useLgUp = useLgUp; exports.useIsTruncated = useIsTruncated; exports.CONTENT_BREAKPOINTS = CONTENT_BREAKPOINTS; exports.ContentAreaWidthContext = ContentAreaWidthContext; exports.ViewportBreakpoints = ViewportBreakpoints; exports.contentBreakpointFor = contentBreakpointFor; exports.useContentBreakpoint = useContentBreakpoint; exports.useContentMdUp = useContentMdUp; exports.useContentLgUp = useContentLgUp; exports.useImageEdgeColor = useImageEdgeColor; exports.createLocalStorageAdapter = createLocalStorageAdapter; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.platformIconNames = platformIconNames; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.getDefaultIconForPlatform = getDefaultIconForPlatform; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.getAppType = getAppType; exports.EMBED_PROXY_OPTIONAL_HEADERS = EMBED_PROXY_OPTIONAL_HEADERS; exports.getEmbedProxyAuth = getEmbedProxyAuth; exports.getPersistedProxyEmail = getPersistedProxyEmail; exports.setEmbedProxyAuth = setEmbedProxyAuth; exports.clearEmbedProxyAuth = clearEmbedProxyAuth; exports.applyProxyAuth = applyProxyAuth; exports.setEmbedAuthAdapter = setEmbedAuthAdapter; exports.hasEmbedAuthAdapter = hasEmbedAuthAdapter; exports.subscribeEmbedCredentialChange = subscribeEmbedCredentialChange; exports.embedAuthedFetch = embedAuthedFetch; exports.clearAuthedAssetCache = clearAuthedAssetCache; exports.useAuthedAssetSrc = useAuthedAssetSrc; exports.useAuthedImageSrc = useAuthedImageSrc; exports.clearAuthedImageCache = clearAuthedImageCache; exports.buildOgPlaceholderUrl = buildOgPlaceholderUrl; exports.useOgPlaceholderUrl = useOgPlaceholderUrl;

package/dist/{chunk-3G76LRGL.cjs → chunk-SYXQLETR.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkHUOLB7ZNcjs = require('./chunk-HUOLB7ZN.cjs');
+var _chunkOHFS7VOUcjs = require('./chunk-OHFS7VOU.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkHUOLB7ZNcjs = require('./chunk-HUOLB7ZN.cjs');
 
 
 
-var _chunkFD4DBTFOcjs = require('./chunk-FD4DBTFO.cjs');
+var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
@@ -33,7 +33,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUOLB7ZNcjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -46,7 +46,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHUOLB7ZNcjs.EmptyState,
+    _chunkOHFS7VOUcjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -63,7 +63,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkFD4DBTFOcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkLTSTC3N5cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -107,14 +107,14 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         _nullishCoalesce(hero.title, () => ( section.hero.title))
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ":" })
     ] }) })),
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFD4DBTFOcjs.SearchInput,
+        _chunkLTSTC3N5cjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFD4DBTFOcjs.StatusFilterComponent,
+        _chunkLTSTC3N5cjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkFD4DBTFOcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkLTSTC3N5cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -161,7 +161,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFD4DBTFOcjs.PageLayout,
+      _chunkLTSTC3N5cjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -172,7 +172,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFD4DBTFOcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -184,9 +184,9 @@ function DevCardRowContent({
   emptyDescription = "No description provided",
   rightBadges
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: title }) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-1", children: [
@@ -230,21 +230,21 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkFD4DBTFOcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkFD4DBTFOcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkEMCQGFXDcjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkLTSTC3N5cjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkLTSTC3N5cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunkMMOODW57cjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
-  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: caption }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center md:min-h-[24px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: item.title }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center content-md:min-h-[24px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", suppressHydrationWarning: true, children: subtitle }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: item.description || "No description provided" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.StatusBadge,
+        _chunkMMOODW57cjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -253,7 +253,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.StatusBadge,
+        _chunkMMOODW57cjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -261,10 +261,10 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.AvatarStack,
+        _chunkMMOODW57cjs.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: _nullishCoalesce(a.name, () => ( "Unknown")),
@@ -275,7 +275,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] })
   ] });
   const baseClass = _chunk3ATAYP36cjs.cn.call(void 0, 
-    "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