@flamingo-stack/openframe-frontend-core 0.0.475-snapshot.20260724134853 → 0.0.475

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-AE4ZR75U.js";
+} from "../chunk-YRZZ7HHJ.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-K33RUATC.js";
+} from "../chunk-WEFPQFUO.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-LW5H6F2L.js";
+} from "../chunk-PQT3NIDA.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-6HX7VHJB.js";
+} from "../chunk-A6O75SLQ.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-GPSRQWSQ.js";
+} from "../chunk-E42Y3ZAL.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-ET7T7IW6.js";
+} from "../chunk-LM57R7B4.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-VOUXI6JT.js";
+} from "../chunk-S4VEPOX2.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,7 +87,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-YCKRFXJV.js";
+} from "../chunk-R7JJ7PHN.js";
 import {
   useSelfFetch
 } from "../chunk-AGX565ZT.js";
@@ -906,7 +906,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-EAQ7OR4F.js";
+} from "../chunk-BQPZQQPC.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -1144,6 +1144,7 @@ import "../chunk-GGWZFCYS.js";
 // src/components/announcement-bar.tsx
 import { X } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
+init_cn();
 init_button();
 import { jsx, jsxs } from "react/jsx-runtime";
 function AnnouncementBar({
@@ -1230,8 +1231,6 @@ function AnnouncementBar({
             AnnouncementBarView,
             {
               className: "text-[color:var(--color-text-primary)]",
-              contentClassName: hasCta ? "cursor-pointer md:cursor-default" : void 0,
-              onContentClick: hasCta ? handleCtaClick : void 0,
               startAdornment: (
                 /* ONE unified icon path (shared with the chat): uploaded image URL
                    wins, else a library glyph by name (+ props), via <EntityIcon>. */
@@ -1244,16 +1243,18 @@ function AnnouncementBar({
                       props: displayAnnouncement.icon_props
                     },
                     size: 24,
-                    className: "relative !size-5 shrink-0 md:!size-6"
+                    className: "relative !size-4 shrink-0 md:!size-6"
                   }
                 )
               ),
               title: (
-                /* Single-line message: bold title + regular description inline,
-                   truncating as one unit, at the strip's caption scale (`text-h6`
-                   = 13/14px — the same treatment string titles get from the view).
-                   Separator is a middot (house rule: no en/em dashes in copy). */
-                /* @__PURE__ */ jsxs("p", { className: "min-w-0 max-w-full text-h6 truncate mb-0", children: [
+                /* Bold title + regular description inline at the mockup's body
+                   scale (`text-h4` = DM Sans 500, 14/20 below `md`, 18/24 from
+                   `md` up) — wrapping below `md`, truncating as one unit from
+                   `md` up (the same responsive pair string titles get from the
+                   view). Separator is a middot (house rule: no en/em dashes in
+                   copy). */
+                /* @__PURE__ */ jsxs("p", { className: "min-w-0 max-w-full break-words text-h4 md:truncate mb-0", children: [
                   /* @__PURE__ */ jsx("span", { className: "font-[number:var(--font-weight-semibold)]", children: displayAnnouncement.title }),
                   displayAnnouncement.description && /* @__PURE__ */ jsxs("span", { className: "hidden sm:inline opacity-80", children: [
                     " \xB7 ",
@@ -1268,20 +1269,21 @@ function AnnouncementBar({
                                announcement colors are data, not token surfaces). Inline
                                styles win over the variant's hover classes on every state,
                                so hover feedback is opacity (the bar's original treatment);
-                               nothing can render dark-on-dark. The view CSS-hides it below
-                               `md`, where the whole content row is the tap target — this
-                               Button stays the keyboard/AT path (known tradeoff).
+                               nothing can render dark-on-dark. The view renders it inline
+                               from `md` up and as a visible full-width row below `md`.
                 
-                               Geometry + type come from the design system's size="compact"
-                               (24px caption-scale pill for slim strips — rationale documented
-                               on the variant in button.tsx). */
+                               Geometry + type follow the mockup's "button-full" (Figma
+                               9418-52494 / 2862-8391): the design system's size="small"
+                               (uppercase text-h5 label, 16px glyph) pinned to h-8 — the
+                               mockup keeps the 32px height on EVERY breakpoint, while
+                               "small" alone drops to 24px below `md`. */
                 hasCta && displayAnnouncement.cta_text ? /* @__PURE__ */ jsx(
                   Button,
                   {
                     onClick: handleCtaClick,
                     variant: "outline",
-                    size: "compact",
-                    className: "transition-opacity hover:opacity-90",
+                    size: "small",
+                    className: "h-8 transition-opacity hover:opacity-90",
                     style: {
                       backgroundColor: displayAnnouncement.cta_button_background_color || ANNOUNCEMENT_CTA_DEFAULTS.background,
                       color: displayAnnouncement.cta_button_text_color || ANNOUNCEMENT_CTA_DEFAULTS.text,
@@ -1292,8 +1294,8 @@ function AnnouncementBar({
                       EntityIcon,
                       {
                         icon: { name: displayAnnouncement.cta_icon_name, props: displayAnnouncement.cta_icon_props },
-                        size: 14,
-                        className: "w-3.5 h-3.5"
+                        size: 16,
+                        className: "w-4 h-4"
                       }
                     ) : void 0,
                     children: displayAnnouncement.cta_text
@@ -1301,19 +1303,22 @@ function AnnouncementBar({
                 ) : void 0
               ),
               endAdornment: (
-                /* Dismiss - the common Button in its ghost-icon treatment
-                   (size="icon-sm": 32px target, >= the 24px WCAG 2.5.8 AA floor,
-                   16px glyph) with the bar's quiet tint hover. Inert in
-                   previewMode; omitted entirely when the host opts out via
-                   `dismissible={false}` (the bar then only disappears by
-                   deactivating the announcement). */
+                /* Dismiss - the common Button in its ghost-icon treatment with
+                   the bar's quiet tint hover. Below `md` the mockup pins the
+                   close to a 20px box with a 16px glyph so the top row stays
+                   20px tall and the stacked bar lands on 76px total (Figma
+                   2862-8391 — a deliberate exception to the 24px WCAG 2.5.8
+                   target floor); from `md` up it grows back to the standard
+                   icon-sm 32px target. Inert in previewMode; omitted entirely
+                   when the host opts out via `dismissible={false}` (the bar
+                   then only disappears by deactivating the announcement). */
                 dismissible ? /* @__PURE__ */ jsx(
                   Button,
                   {
                     onClick: handleDismiss,
                     variant: "transparent",
                     size: "icon-sm",
-                    className: barButtonClasses,
+                    className: cn("h-5 w-5 p-0 md:h-8 md:w-8", barButtonClasses),
                     "aria-label": "Dismiss announcement",
                     type: "button",
                     tabIndex: expanded ? 0 : -1,