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

package/dist/{chunk-RLDAYA2A.cjs → chunk-BH6PJP66.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 _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkP23CRLU4cjs = require('./chunk-P23CRLU4.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 = _chunkMXHJROXJcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkP23CRLU4cjs.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, 
-        _chunkMXHJROXJcjs.SearchInput,
+        _chunkP23CRLU4cjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMXHJROXJcjs.StatusFilterComponent,
+        _chunkP23CRLU4cjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkMXHJROXJcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkP23CRLU4cjs.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, 
-      _chunkMXHJROXJcjs.PageLayout,
+      _chunkP23CRLU4cjs.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, _chunkMXHJROXJcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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 = _chunkMXHJROXJcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkMXHJROXJcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkEMCQGFXDcjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkP23CRLU4cjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkP23CRLU4cjs.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

package/dist/{chunk-BRXOGCH3.cjs → chunk-BIZNSF3U.cjs}

@@ -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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next page" })

package/dist/{chunk-2A4XES7R.cjs → chunk-BM5MVGH3.cjs}

@@ -411,9 +411,9 @@ var SkeletonGrid = _react.forwardRef.call(void 0,
         ref,
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           `grid grid-cols-1 gap-6`,
-          columns === 2 && "md:grid-cols-2",
-          columns === 3 && "md:grid-cols-3",
-          columns === 4 && "md:grid-cols-4",
+          columns === 2 && "content-md:grid-cols-2",
+          columns === 3 && "content-md:grid-cols-3",
+          columns === 4 && "content-md:grid-cols-4",
           className
         ),
         ...props,

package/dist/{chunk-6YCXA7CN.js → chunk-CH5232HV.js}

@@ -3,12 +3,13 @@ import {
   next_image_default
 } from "./chunk-FBZMAPWO.js";
 import {
+  ViewportBreakpoints,
   getPlatformBrandClasses,
   useAuthedImageSrc,
   useImageEdgeColor,
   useIsTruncated,
   useOgPlaceholderUrl
-} from "./chunk-2T6QWNXU.js";
+} from "./chunk-NDESEPW5.js";
 import {
   FigmaIcon,
   ImageIcon,
@@ -359,7 +360,7 @@ function CardHorizontal({ icon, title, description, className = "", borderLeft =
     "div",
     {
       className: cn(
-        "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
       ),
@@ -1034,7 +1035,7 @@ var Modal = forwardRef3(({ isOpen, onClose, children, className }, ref) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs5("div", { className: "fixed inset-0 z-[1300] flex items-center justify-center", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "ods-viewport-layer fixed inset-0 z-[1300] flex items-center justify-center", children: [
     /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 bg-ods-overlay", onClick: onClose, "aria-hidden": "true" }),
     /* @__PURE__ */ jsx6(
       "div",
@@ -1046,7 +1047,7 @@ var Modal = forwardRef3(({ isOpen, onClose, children, className }, ref) => {
         ),
         role: "dialog",
         "aria-modal": "true",
-        children
+        children: /* @__PURE__ */ jsx6(ViewportBreakpoints, { children })
       }
     )
   ] });
@@ -2228,7 +2229,7 @@ import { Children, Fragment as Fragment6, cloneElement, isValidElement } from "r
 import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 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",
@@ -2391,8 +2392,8 @@ function ProductReleaseCard({
       } : { value: "\u2014", label: "Released", uppercase: false }
     ];
     const effectiveAuthor = author?.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 = cn(
       interactive ? CONTENT_CARD_FRAME_CLASS : CONTENT_CARD_SKELETON_FRAME_CLASS,
@@ -2402,8 +2403,8 @@ function ProductReleaseCard({
       className
     );
     const innerLayout = /* @__PURE__ */ jsxs17(Fragment8, { children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx27("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs17("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
+        /* @__PURE__ */ jsx27("div", { className: "w-full flex-shrink-0 content-md:w-[256px]", children: /* @__PURE__ */ jsxs17("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
           coverImage ? /* @__PURE__ */ jsx27(
             next_image_default,
             {
@@ -2422,8 +2423,8 @@ function ProductReleaseCard({
             "v",
             version
           ] }) }),
-          /* @__PURE__ */ jsx27("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx27("h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary md:text-2xl", children: title }) }),
-          /* @__PURE__ */ jsx27("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx27("p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary md:text-base", children: summary ?? "" }) })
+          /* @__PURE__ */ jsx27("div", { className: "mb-3 flex min-h-[60px] items-start content-md:min-h-[72px]", children: /* @__PURE__ */ jsx27("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__ */ jsx27("div", { className: "min-h-[68px] content-md:min-h-[78px]", children: /* @__PURE__ */ jsx27("p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary content-md:text-base", children: summary ?? "" }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx27("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__ */ jsxs17(Fragment8, { children: [
@@ -2581,15 +2582,15 @@ import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 function ProductReleaseCardSkeleton({ className, size: size2 = "lg" }) {
   if (size2 === "lg") {
     return /* @__PURE__ */ jsxs18("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", "animate-pulse", className), children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx28("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
+        /* @__PURE__ */ jsx28("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border content-md:w-[256px]" }),
         /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsx28("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsx28("div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
-          /* @__PURE__ */ jsxs18("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ jsx28("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-            /* @__PURE__ */ jsx28("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+          /* @__PURE__ */ jsxs18("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 content-md:min-h-[72px]", children: [
+            /* @__PURE__ */ jsx28("div", { className: "h-[25px] w-3/4 rounded bg-ods-border content-md:h-[30px]" }),
+            /* @__PURE__ */ jsx28("div", { className: "h-[25px] w-1/2 rounded bg-ods-border content-md:h-[30px]" })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "flex min-h-[68px] flex-col justify-start gap-2 md:min-h-[78px]", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex min-h-[68px] flex-col justify-start gap-2 content-md:min-h-[78px]", children: [
             /* @__PURE__ */ jsx28("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
             /* @__PURE__ */ jsx28("div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
             /* @__PURE__ */ jsx28("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
@@ -2597,11 +2598,11 @@ function ProductReleaseCardSkeleton({ className, size: size2 = "lg" }) {
         ] })
       ] }),
       /* @__PURE__ */ jsx28("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx28("div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
-      /* @__PURE__ */ jsxs18("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs18("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__ */ jsx28(
           "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__ */ jsxs18("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsx28("div", { className: "h-7 w-24 rounded bg-ods-border" }),
               /* @__PURE__ */ jsx28("div", { className: "h-4 w-16 rounded bg-ods-border" })

package/dist/{chunk-UIBSSVON.cjs → chunk-D7BTSVMS.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkHUOLB7ZNcjs = require('./chunk-HUOLB7ZN.cjs');
+var _chunkOHFS7VOUcjs = require('./chunk-OHFS7VOU.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -116,7 +116,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkHUOLB7ZNcjs.UnifiedPagination,
+              _chunkOHFS7VOUcjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,

package/dist/{chunk-YBGEPKC2.cjs → chunk-F7Y2ZS5U.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkP23CRLU4cjs = require('./chunk-P23CRLU4.cjs');
 
 
-var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
+var _chunkXBWE423Rcjs = require('./chunk-XBWE423R.cjs');
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -44,7 +44,7 @@ function isSummaryData(value) {
 }
 function TicketLiveProvider({ children, enabled = true }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const identity = _chunkHY5YL3U5cjs.useChatIdentity.call(void 0, enabled);
+  const identity = _chunkXBWE423Rcjs.useChatIdentity.call(void 0, enabled);
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const streamUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _ => _.endpoints, 'access', _2 => _2.ticketStreamUrl]), () => ( TICKET_STREAM_ENDPOINT));
   const readUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _3 => _3.endpoints, 'access', _4 => _4.ticketReadUrl]), () => ( TICKET_READ_ENDPOINT));
@@ -160,7 +160,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   _react2.default.useEffect(() => {
     if (!streamEnabled) return void 0;
     if (typeof window === "undefined") return void 0;
-    subscriptionRef.current = _chunkMXHJROXJcjs.createSseSubscription.call(void 0, {
+    subscriptionRef.current = _chunkP23CRLU4cjs.createSseSubscription.call(void 0, {
       url: streamUrl,
       onEvent: (name, data) => handlersRef.current.onEvent(name, data),
       onStatusChange: (status) => handlersRef.current.onStatus(status),
@@ -191,7 +191,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   const markRead = _react2.default.useCallback(
     async (ticketExternalId) => {
       try {
-        const response = await _chunkMDBHZBW7cjs.embedAuthedFetch.call(void 0, readUrl, {
+        const response = await _chunkRKV5B7EUcjs.embedAuthedFetch.call(void 0, readUrl, {
           method: "POST",
           body: JSON.stringify({ ticket_id: ticketExternalId })
         });

package/dist/{chunk-5V6O73EH.js → chunk-FLKJYMVB.js}

@@ -411,9 +411,9 @@ var SkeletonGrid = forwardRef5(
         ref,
         className: cn(
           `grid grid-cols-1 gap-6`,
-          columns === 2 && "md:grid-cols-2",
-          columns === 3 && "md:grid-cols-3",
-          columns === 4 && "md:grid-cols-4",
+          columns === 2 && "content-md:grid-cols-2",
+          columns === 3 && "content-md:grid-cols-3",
+          columns === 4 && "content-md:grid-cols-4",
           className
         ),
         ...props,

package/dist/{chunk-NMGX2ZTU.js → chunk-IFUQVZF4.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   ContactForm
-} from "./chunk-NCTYD7HL.js";
+} from "./chunk-VYWMEL5F.js";
 import {
   DeliveryRow,
   DevCardRowContent,
   DevCardRowSkeletonList,
   DevSectionPage,
   ListEmptyState
-} from "./chunk-HHFPQNP3.js";
+} from "./chunk-NJDHFC55.js";
 import {
   EmptyState,
   UnifiedPagination
-} from "./chunk-OGLCD3UL.js";
+} from "./chunk-MFFCUVWG.js";
 import {
   TICKET_MARK_READ_DEBOUNCE_MS,
   TICKET_TEXT_MAX_CHARS,
   TOAST_COPY,
   isOptimistic,
   useOptionalTicketLive
-} from "./chunk-GZYLZ4MB.js";
+} from "./chunk-4S7TJYRQ.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -35,16 +35,16 @@ import {
   Textarea,
   TicketAttachmentsList,
   devSectionAnchorId
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   toast,
   useScrollToHash
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   PAGE_PARAM_LIMITS,
   pageCount,
   positiveInt
-} from "./chunk-Q76ZTHNV.js";
+} from "./chunk-MP2C3LJ4.js";
 import {
   ChatAttachmentAddButton,
   ChatAttachmentChipStrip,
@@ -55,11 +55,11 @@ import {
   formatRelativeTime,
   useChatAttachments,
   useChatIdentity
-} from "./chunk-QGTDWFT6.js";
+} from "./chunk-IZHZMBIX.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   scrollElementIntoView
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   usePathname,
   useRouter,
@@ -71,10 +71,10 @@ import {
   SquareAvatar,
   StatusBadge,
   getStatusColorScheme
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   embedAuthedFetch
-} from "./chunk-2T6QWNXU.js";
+} from "./chunk-NDESEPW5.js";
 import {
   useRequiredChatRuntime
 } from "./chunk-E4ABZWTJ.js";
@@ -83,7 +83,7 @@ import {
   Label,
   RequiredMark,
   Skeleton
-} from "./chunk-5V6O73EH.js";
+} from "./chunk-FLKJYMVB.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";
@@ -1463,7 +1463,7 @@ function HelpCenterCard({
             disabled: !isExpandable,
             "aria-expanded": isExpandable ? isExpanded : void 0,
             "aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
-            className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default md:p-[16px]",
+            className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default content-md:p-[16px]",
             children: /* @__PURE__ */ jsx7(
               DevCardRowContent,
               {
@@ -1505,9 +1505,9 @@ import { useState as useState5 } from "react";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var SUBJECT_MAX_CHARS = 200;
 function HelpCenterCreateFormSkeleton() {
-  return /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col rounded-2xl border border-ods-border p-6 md:rounded-3xl md:p-8 lg:p-10", children: [
-    /* @__PURE__ */ jsx8("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx8("div", { className: "mb-3 h-10 w-72 animate-pulse rounded bg-ods-border md:mb-4" }) }),
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-grow flex-col space-y-4 md:space-y-6", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "flex h-full flex-col rounded-2xl border border-ods-border p-6 content-md:rounded-3xl content-md:p-8 content-lg:p-10", children: [
+    /* @__PURE__ */ jsx8("div", { className: "mb-6 content-md:mb-8", children: /* @__PURE__ */ jsx8("div", { className: "mb-3 h-10 w-72 animate-pulse rounded bg-ods-border content-md:mb-4" }) }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-grow flex-col space-y-4 content-md:space-y-6", children: [
       /* @__PURE__ */ jsx8("input", { type: "hidden", "aria-hidden": true }),
       /* @__PURE__ */ jsx8("input", { type: "hidden", "aria-hidden": true }),
       /* @__PURE__ */ jsx8("input", { type: "hidden", "aria-hidden": true }),
@@ -1524,7 +1524,7 @@ function HelpCenterCreateFormSkeleton() {
         /* @__PURE__ */ jsx8("div", { className: "h-7 w-7 shrink-0 animate-pulse rounded bg-ods-border" }),
         /* @__PURE__ */ jsx8("div", { className: "h-4 w-40 animate-pulse rounded bg-ods-border" })
       ] }) }),
-      /* @__PURE__ */ jsxs7("div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 md:flex-row md:gap-6", children: [
+      /* @__PURE__ */ jsxs7("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: [
         /* @__PURE__ */ jsx8("div", { className: "h-4 w-72 animate-pulse rounded bg-ods-border" }),
         /* @__PURE__ */ jsx8("div", { className: "h-12 w-32 animate-pulse rounded bg-ods-border" })
       ] })

package/dist/{chunk-2NE3DNXY.js → chunk-IKCQK67U.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   DEFAULT_FOLDER_INDEX_FILE
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   scrollElementIntoView
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";