@flamingo-stack/openframe-frontend-core 0.0.334 → 0.0.335-snapshot.20260629131848

package/dist/{chunk-6S3UPKL4.js → chunk-JTW23UXA.js}

@@ -4,10 +4,10 @@ import {
   EmptyState,
   init_unified_pagination,
   unified_pagination_exports
-} from "./chunk-YXU5Q3PZ.js";
+} from "./chunk-KY6RWDEB.js";
 import {
   DetailPageSkeleton
-} from "./chunk-PKIH7NV3.js";
+} from "./chunk-TFNK6B4T.js";
 import {
   useSelfFetch
 } from "./chunk-65VXW6GZ.js";
@@ -39,7 +39,7 @@ import {
   isModifierClick,
   resolveContentHref,
   useEntityCardLink
-} from "./chunk-B7EFUHUH.js";
+} from "./chunk-LDTSPXZU.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   contentFetch,
@@ -1461,4 +1461,4 @@ export {
   useLegalDocs,
   LegalDocumentPage
 };
-//# sourceMappingURL=chunk-6S3UPKL4.js.map
+//# sourceMappingURL=chunk-JTW23UXA.js.map

package/dist/{chunk-5R72BDBH.js → chunk-KDJJPHQE.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ContactForm
-} from "./chunk-GUORQAA5.js";
+} from "./chunk-XVZ62VX4.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -10,7 +10,7 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "./chunk-YXU5Q3PZ.js";
+} from "./chunk-KY6RWDEB.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -37,7 +37,7 @@ import {
   getStatusColorScheme,
   useChatAttachments,
   useChatIdentity
-} from "./chunk-B7EFUHUH.js";
+} from "./chunk-LDTSPXZU.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   embedAuthedFetch,
@@ -1913,4 +1913,4 @@ export {
   HelpCenterCreateForm,
   HelpCenterList
 };
-//# sourceMappingURL=chunk-5R72BDBH.js.map
+//# sourceMappingURL=chunk-KDJJPHQE.js.map

package/dist/{chunk-YXU5Q3PZ.js → chunk-KY6RWDEB.js}

@@ -11,7 +11,7 @@ import {
   TASK_TYPE_TEXT_COLORS,
   getStatusColorScheme,
   init_pagination
-} from "./chunk-B7EFUHUH.js";
+} from "./chunk-LDTSPXZU.js";
 import {
   init_next_navigation,
   usePathname,
@@ -459,4 +459,4 @@ export {
   DevCardRowSkeletonList,
   DeliveryRow
 };
-//# sourceMappingURL=chunk-YXU5Q3PZ.js.map
+//# sourceMappingURL=chunk-KY6RWDEB.js.map

package/dist/{chunk-34OG3XPN.js → chunk-L5TSBYSQ.js}

@@ -2,11 +2,11 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-PKIH7NV3.js";
+} from "./chunk-TFNK6B4T.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-EHFYP5DY.js";
+} from "./chunk-CIE66RSH.js";
 import {
   useSelfFetch
 } from "./chunk-65VXW6GZ.js";
@@ -25,7 +25,7 @@ import {
   getCaptionsUrl,
   resolveContentHref,
   useVideoWarmup
-} from "./chunk-B7EFUHUH.js";
+} from "./chunk-LDTSPXZU.js";
 import {
   buildOgPlaceholderUrl
 } from "./chunk-SWGXCGQ3.js";
@@ -391,4 +391,4 @@ export {
   useOnboardingGuide,
   useOnboardingGuideSections
 };
-//# sourceMappingURL=chunk-34OG3XPN.js.map
+//# sourceMappingURL=chunk-L5TSBYSQ.js.map

package/dist/{chunk-B7EFUHUH.js → chunk-LDTSPXZU.js}

@@ -22663,7 +22663,9 @@ function DashboardInfoCard({
   percentage,
   showProgress = false,
   progressVariant,
+  percentageDisplay = "auto",
   progressOverflow,
+  progressSize,
   className,
   href,
   tooltip,
@@ -22671,29 +22673,66 @@ function DashboardInfoCard({
   subValue
 }) {
   const formattedValue = typeof value === "number" ? value.toLocaleString() : value;
+  const renderPercentage = () => {
+    if (percentage === void 0) return null;
+    const asTag = percentageDisplay === "tag" || percentageDisplay === "auto" && (progressVariant === "warning" || progressVariant === "error");
+    if (asTag) {
+      const tagVariant = progressVariant === "warning" || progressVariant === "error" ? progressVariant : progressVariant === "success" ? "success" : "grey";
+      return /* @__PURE__ */ jsx158(Tag, { variant: tagVariant, label: `${percentage}%` });
+    }
+    return /* @__PURE__ */ jsxs126("p", { className: "text-h4 text-ods-text-secondary", children: [
+      "(",
+      percentage,
+      "%)"
+    ] });
+  };
+  const renderProgress = () => {
+    if (!showProgress || percentage === void 0) return null;
+    const strokeFor = (size) => Math.max(2, Math.round(size * 10 / 56));
+    const common = {
+      percentage,
+      variant: progressVariant,
+      overflow: progressOverflow,
+      showLabel: false
+    };
+    if (progressSize === void 0) {
+      return /* @__PURE__ */ jsx158(CircularProgress, { ...common });
+    }
+    if (typeof progressSize === "number") {
+      return /* @__PURE__ */ jsx158(CircularProgress, { ...common, size: progressSize, strokeWidth: strokeFor(progressSize) });
+    }
+    return /* @__PURE__ */ jsxs126(Fragment31, { children: [
+      /* @__PURE__ */ jsx158(
+        CircularProgress,
+        {
+          ...common,
+          size: progressSize.base,
+          strokeWidth: strokeFor(progressSize.base),
+          className: "lg:hidden"
+        }
+      ),
+      /* @__PURE__ */ jsx158(
+        CircularProgress,
+        {
+          ...common,
+          size: progressSize.lg,
+          strokeWidth: strokeFor(progressSize.lg),
+          className: "hidden lg:block"
+        }
+      )
+    ] });
+  };
   const cardContent = /* @__PURE__ */ jsxs126(Fragment31, { children: [
     /* @__PURE__ */ jsxs126("div", { className: "flex-1 flex flex-col", children: [
       titleSlot ?? /* @__PURE__ */ jsx158("p", { className: "text-h5 text-ods-text-secondary", children: title }),
       /* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
         /* @__PURE__ */ jsx158("p", { className: cn("text-h2 text-ods-text-primary", valueClassName), children: formattedValue }),
         subValue && /* @__PURE__ */ jsx158("p", { className: "text-h6 text-ods-text-secondary", children: subValue }),
-        percentage !== void 0 && (progressVariant === "warning" || progressVariant === "error" ? /* @__PURE__ */ jsx158(Tag, { variant: progressVariant, label: `${percentage}%` }) : /* @__PURE__ */ jsxs126("p", { className: "text-h4 text-ods-text-secondary", children: [
-          "(",
-          percentage,
-          "%)"
-        ] })),
+        renderPercentage(),
         tooltip && /* @__PURE__ */ jsx158(FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ jsx158("span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ jsx158(QuestionCircleIcon, { size: 20 }) }) })
       ] })
     ] }),
-    showProgress && percentage !== void 0 && /* @__PURE__ */ jsx158(
-      CircularProgress,
-      {
-        percentage,
-        variant: progressVariant,
-        overflow: progressOverflow,
-        showLabel: false
-      }
-    )
+    renderProgress()
   ] });
   const baseClassName = "bg-ods-card border border-ods-border rounded-sm p-[var(--spacing-system-m)] flex gap-[var(--spacing-system-s)] items-center transition-all";
   if (href) {
@@ -50060,4 +50099,4 @@ export {
   FAE_AVATAR_DATA_URI,
   assets
 };
-//# sourceMappingURL=chunk-B7EFUHUH.js.map
+//# sourceMappingURL=chunk-LDTSPXZU.js.map