@flamingo-stack/openframe-frontend-core 0.0.203 → 0.0.204

package/dist/{chunk-E6Q6UGDK.js → chunk-LY34ORX6.js}

@@ -10524,7 +10524,8 @@ function NavigationSidebar({ config, disabled = false }) {
     } else if (item.path) {
       config.onNavigate?.(item.path);
     }
-  }, [config]);
+    if (isTablet) setTabletMinimized(true);
+  }, [config, isTablet]);
   const { primaryItems, secondaryItems } = useMemo10(() => ({
     primaryItems: config.items.filter((item) => item.section !== "secondary"),
     secondaryItems: config.items.filter((item) => item.section === "secondary")
@@ -17610,32 +17611,26 @@ function ProductReleaseCard({
 }) {
   if (size === "catalog") {
     const totalChangelog = (changelogCounts?.features ?? 0) + (changelogCounts?.fixes ?? 0) + (changelogCounts?.improvements ?? 0) + (changelogCounts?.breaking ?? 0);
-    const valueCells = [];
-    if (releaseType && releaseTypeBadgeColor) {
-      valueCells.push({
+    const valueCells = [
+      releaseType && releaseTypeBadgeColor ? {
         value: releaseType.toUpperCase(),
         label: "Type",
         uppercase: true,
         colorScheme: releaseTypeBadgeColor
-      });
-    }
-    if (releaseStatus) {
-      valueCells.push({
+      } : { value: "\u2014", label: "Type", uppercase: false },
+      releaseStatus ? {
         value: releaseStatus.toUpperCase(),
         label: "Status",
         uppercase: true
-      });
-    }
-    if (formattedDate) {
-      valueCells.push({
+      } : { value: "\u2014", label: "Status", uppercase: false },
+      formattedDate ? {
         value: formattedDate,
         label: "Released",
         uppercase: false
-      });
-    }
-    const hasAuthorCell = !!author?.full_name;
-    const totalCells = valueCells.length + (hasAuthorCell ? 1 : 0);
-    const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+      } : { 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 frameClass = cn(
       "group bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden",
@@ -17667,11 +17662,11 @@ function ProductReleaseCard({
             "v",
             version
           ] }) }),
-          /* @__PURE__ */ jsx139("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2 mb-3", children: title }),
-          summary && /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-4 flex-1", children: summary })
+          /* @__PURE__ */ jsx139("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx139("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: title }) }),
+          /* @__PURE__ */ jsx139("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-3", children: summary ?? "" }) })
         ] })
       ] }),
-      totalChangelog > 0 && changelogCounts && /* @__PURE__ */ jsxs110("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: [
+      /* @__PURE__ */ jsx139("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs110(Fragment20, { children: [
         changelogCounts.features > 0 && /* @__PURE__ */ jsxs110("span", { className: "inline-flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx139(Sparkles2, { className: "w-3.5 h-3.5" }),
           changelogCounts.features,
@@ -17695,8 +17690,8 @@ function ProductReleaseCard({
           changelogCounts.breaking,
           " breaking"
         ] })
-      ] }),
-      totalCells > 0 && /* @__PURE__ */ jsxs110(
+      ] }) : /* @__PURE__ */ jsx139("span", { className: "text-sm text-ods-text-secondary", children: "No changelog entries yet" }) }),
+      /* @__PURE__ */ jsxs110(
         "div",
         {
           className: cn(
@@ -17708,12 +17703,7 @@ function ProductReleaseCard({
             valueCells.map((cell, i) => /* @__PURE__ */ jsx139(
               "div",
               {
-                className: cn(
-                  "bg-ods-card p-4 flex flex-col gap-3",
-                  // Last value cell skips the trailing divider when no
-                  // author cell follows; otherwise every value cell gets it.
-                  (i < valueCells.length - 1 || hasAuthorCell) && dividerClass
-                ),
+                className: cn("bg-ods-card p-4 flex flex-col gap-3", dividerClass),
                 children: /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0", children: [
                   cell.colorScheme ? /* @__PURE__ */ jsx139(
                     StatusBadge,
@@ -17724,26 +17714,37 @@ function ProductReleaseCard({
                       singleLine: true,
                       className: "self-start"
                     }
-                  ) : /* @__PURE__ */ jsx139("p", { className: "text-h4 text-ods-text-primary", children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value }),
+                  ) : /* @__PURE__ */ jsx139(
+                    "p",
+                    {
+                      className: cn(
+                        "text-h4",
+                        // Em-dash placeholder reads as secondary text;
+                        // populated values stay primary.
+                        cell.value === "\u2014" ? "text-ods-text-secondary" : "text-ods-text-primary"
+                      ),
+                      children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value
+                    }
+                  ),
                   /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: cell.label })
                 ] })
               },
               `${cell.label}-${i}`
             )),
-            hasAuthorCell && author && /* @__PURE__ */ jsxs110("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs110("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
               /* @__PURE__ */ jsx139(
                 SquareAvatar,
                 {
-                  src: author.avatar_url ?? void 0,
-                  alt: author.full_name,
-                  fallback: author.full_name.charAt(0).toUpperCase(),
+                  src: effectiveAuthor.avatar_url ?? void 0,
+                  alt: effectiveAuthor.full_name,
+                  fallback: effectiveAuthor.full_name.charAt(0).toUpperCase(),
                   size: "md",
                   variant: "round"
                 }
               ),
               /* @__PURE__ */ jsxs110("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx139("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: author.full_name }),
-                /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || "Author" })
+                /* @__PURE__ */ jsx139("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: effectiveAuthor.full_name }),
+                /* @__PURE__ */ jsx139("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: effectiveAuthor.job_title || "Author" })
               ] })
             ] })
           ]
@@ -17921,24 +17922,29 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
         ),
         children: [
           /* @__PURE__ */ jsxs111("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-            /* @__PURE__ */ jsx140("div", { className: "w-full md:w-[256px] aspect-[16/9] bg-ods-bg rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsx140("div", { className: "w-full md:w-[256px] aspect-[16/9] bg-ods-border rounded-lg flex-shrink-0" }),
             /* @__PURE__ */ jsxs111("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-              /* @__PURE__ */ jsx140("div", { className: "h-6 w-20 bg-ods-bg rounded mb-3" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-7 w-3/4 bg-ods-bg rounded mb-2" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-7 w-1/2 bg-ods-bg rounded mb-3" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-3 w-full bg-ods-bg/60 rounded mb-1" }),
-              /* @__PURE__ */ jsx140("div", { className: "h-3 w-5/6 bg-ods-bg/60 rounded" })
+              /* @__PURE__ */ jsx140("div", { className: "flex items-center gap-3 mb-3", children: /* @__PURE__ */ jsx140("div", { className: "h-7 w-20 bg-ods-border rounded" }) }),
+              /* @__PURE__ */ jsxs111("div", { className: "min-h-[60px] md:min-h-[72px] flex flex-col gap-1.5 justify-start mb-3", children: [
+                /* @__PURE__ */ jsx140("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
+              ] }),
+              /* @__PURE__ */ jsxs111("div", { className: "min-h-[68px] md:min-h-[78px] flex flex-col gap-2 justify-start", children: [
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-11/12 bg-ods-border/70 rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
+              ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx140("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx140("div", { className: "h-4 w-2/3 bg-ods-bg/60 rounded" }) }),
+          /* @__PURE__ */ jsx140("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx140("div", { className: "h-5 w-2/3 bg-ods-border/70 rounded" }) }),
           /* @__PURE__ */ jsxs111("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
             [0, 1, 2].map((i) => /* @__PURE__ */ jsx140(
               "div",
               {
                 className: "bg-ods-card p-4 flex flex-col gap-3 border-b md:border-b-0 md:border-r border-ods-border",
                 children: /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx140("div", { className: "h-6 w-24 bg-ods-bg rounded" }),
-                  /* @__PURE__ */ jsx140("div", { className: "h-3 w-16 bg-ods-bg/60 rounded" })
+                  /* @__PURE__ */ jsx140("div", { className: "h-7 w-24 bg-ods-bg rounded" }),
+                  /* @__PURE__ */ jsx140("div", { className: "h-4 w-16 bg-ods-bg/60 rounded" })
                 ] })
               },
               `cell-${i}`
@@ -17946,8 +17952,8 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
             /* @__PURE__ */ jsxs111("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
               /* @__PURE__ */ jsx140("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
               /* @__PURE__ */ jsxs111("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx140("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
-                /* @__PURE__ */ jsx140("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
+                /* @__PURE__ */ jsx140("div", { className: "h-5 w-3/4 bg-ods-bg rounded" }),
+                /* @__PURE__ */ jsx140("div", { className: "h-4 w-1/2 bg-ods-bg/60 rounded" })
               ] })
             ] })
           ] })
@@ -35096,4 +35102,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-E6Q6UGDK.js.map
+//# sourceMappingURL=chunk-LY34ORX6.js.map