@flamingo-stack/openframe-frontend-core 0.0.472 → 0.0.473

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-XNJ2LZH2.js";
+} from "../chunk-4Y6LX6XR.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-W6RDDT3S.js";
+} from "../chunk-I5L3KUTE.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-7D5KOJMF.js";
+} from "../chunk-2SPAHQYE.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-XDBNMB5K.js";
+} from "../chunk-LWIVRGDN.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-ZPUT2BB4.js";
+} from "../chunk-4YH4WKLC.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-PJYGEXWM.js";
+} from "../chunk-SWNZZVYG.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-EK2VQXUN.js";
+} from "../chunk-DBYUQOLS.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,7 +87,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-NY4WLKNU.js";
+} from "../chunk-UCY6VITT.js";
 import {
   useSelfFetch
 } from "../chunk-FPOHUGEK.js";
@@ -906,7 +906,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-TVMARS74.js";
+} from "../chunk-QESV36I2.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -1144,9 +1144,15 @@ 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({ initialAnnouncement, previewMode = false, className } = {}) {
+function AnnouncementBar({
+  initialAnnouncement,
+  previewMode = false,
+  dismissible = true,
+  className
+} = {}) {
   const platform = getAppType();
   const endpoints = useEndpointsRuntime();
   const url = previewMode ? null : endpoints?.announcementsUrl ?? null;
@@ -1225,8 +1231,6 @@ function AnnouncementBar({ initialAnnouncement, previewMode = false, className }
             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>. */
@@ -1239,16 +1243,18 @@ function AnnouncementBar({ initialAnnouncement, previewMode = false, className }
                       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 ",
@@ -1263,20 +1269,21 @@ function AnnouncementBar({ initialAnnouncement, previewMode = false, className }
                                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,
@@ -1287,8 +1294,8 @@ function AnnouncementBar({ initialAnnouncement, previewMode = false, className }
                       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
@@ -1296,23 +1303,28 @@ function AnnouncementBar({ initialAnnouncement, previewMode = false, className }
                 ) : 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. */
-                /* @__PURE__ */ jsx(
+                /* 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,
                     children: /* @__PURE__ */ jsx(X, { strokeWidth: 2 })
                   }
-                )
+                ) : void 0
               )
             }
           )