@flamingo-stack/openframe-frontend-core 0.0.475 → 0.0.476

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-YRZZ7HHJ.js";
+} from "../chunk-AE4ZR75U.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-WEFPQFUO.js";
+} from "../chunk-K33RUATC.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-PQT3NIDA.js";
+} from "../chunk-LW5H6F2L.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-A6O75SLQ.js";
+} from "../chunk-6HX7VHJB.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-E42Y3ZAL.js";
+} from "../chunk-GPSRQWSQ.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-LM57R7B4.js";
+} from "../chunk-ET7T7IW6.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-S4VEPOX2.js";
+} from "../chunk-VOUXI6JT.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,7 +87,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-R7JJ7PHN.js";
+} from "../chunk-YCKRFXJV.js";
 import {
   useSelfFetch
 } from "../chunk-AGX565ZT.js";
@@ -906,7 +906,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-BQPZQQPC.js";
+} from "../chunk-EAQ7OR4F.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -1144,7 +1144,6 @@ 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({
@@ -1231,6 +1230,8 @@ 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>. */
@@ -1243,18 +1244,16 @@ function AnnouncementBar({
                       props: displayAnnouncement.icon_props
                     },
                     size: 24,
-                    className: "relative !size-4 shrink-0 md:!size-6"
+                    className: "relative !size-5 shrink-0 md:!size-6"
                   }
                 )
               ),
               title: (
-                /* 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: [
+                /* 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: [
                   /* @__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 ",
@@ -1269,21 +1268,20 @@ 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 renders it inline
-                               from `md` up and as a visible full-width row below `md`.
+                               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).
                 
-                               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`. */
+                               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). */
                 hasCta && displayAnnouncement.cta_text ? /* @__PURE__ */ jsx(
                   Button,
                   {
                     onClick: handleCtaClick,
                     variant: "outline",
-                    size: "small",
-                    className: "h-8 transition-opacity hover:opacity-90",
+                    size: "compact",
+                    className: "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,
@@ -1294,8 +1292,8 @@ function AnnouncementBar({
                       EntityIcon,
                       {
                         icon: { name: displayAnnouncement.cta_icon_name, props: displayAnnouncement.cta_icon_props },
-                        size: 16,
-                        className: "w-4 h-4"
+                        size: 14,
+                        className: "w-3.5 h-3.5"
                       }
                     ) : void 0,
                     children: displayAnnouncement.cta_text
@@ -1303,22 +1301,19 @@ function AnnouncementBar({
                 ) : void 0
               ),
               endAdornment: (
-                /* 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). */
+                /* 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). */
                 dismissible ? /* @__PURE__ */ jsx(
                   Button,
                   {
                     onClick: handleDismiss,
                     variant: "transparent",
                     size: "icon-sm",
-                    className: cn("h-5 w-5 p-0 md:h-8 md:w-8", barButtonClasses),
+                    className: barButtonClasses,
                     "aria-label": "Dismiss announcement",
                     type: "button",
                     tabIndex: expanded ? 0 : -1,