@discuss-ds/ui 0.5.0 → 0.6.0

package/dist/index.d.cts

@@ -867,6 +867,11 @@ interface ActivityStructureProps extends Omit<React.HTMLAttributes<HTMLElement>,
     /** Called with the section id by the dashed "Add tag" chip. Omit to hide it. */
     onAddTag?: (sectionId: string) => void;
     addTagLabel?: string;
+    /**
+     * Content shown under the stats and sections. With `stats={[]}` and `children` the card is a single-purpose widget
+     * (e.g. "Research Goal") with the same card, title style and colour as the full summary.
+     */
+    children?: React.ReactNode;
 }
 declare const ActivityStructure: React.ForwardRefExoticComponent<ActivityStructureProps & React.RefAttributes<HTMLElement>>;
 

package/dist/index.d.ts

@@ -867,6 +867,11 @@ interface ActivityStructureProps extends Omit<React.HTMLAttributes<HTMLElement>,
     /** Called with the section id by the dashed "Add tag" chip. Omit to hide it. */
     onAddTag?: (sectionId: string) => void;
     addTagLabel?: string;
+    /**
+     * Content shown under the stats and sections. With `stats={[]}` and `children` the card is a single-purpose widget
+     * (e.g. "Research Goal") with the same card, title style and colour as the full summary.
+     */
+    children?: React.ReactNode;
 }
 declare const ActivityStructure: React.ForwardRefExoticComponent<ActivityStructureProps & React.RefAttributes<HTMLElement>>;
 

package/dist/index.js

@@ -3261,7 +3261,7 @@ EditableTag.displayName = "EditableTag";
 // src/components/Research-Specific/ActivityStructure.tsx
 import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
 var ActivityStructure = React51.forwardRef(
-  ({ className, title = "Activity Structure", stats, sections, onRemoveTag, onAddTag, addTagLabel = "Add tag", ...props }, ref) => /* @__PURE__ */ jsxs38(
+  ({ className, title = "Activity Structure", stats, sections, onRemoveTag, onAddTag, addTagLabel = "Add tag", children, ...props }, ref) => /* @__PURE__ */ jsxs38(
     "section",
     {
       ref,
@@ -3269,7 +3269,7 @@ var ActivityStructure = React51.forwardRef(
       ...props,
       children: [
         /* @__PURE__ */ jsx52("h3", { className: "text-heading-h3 text-primary", children: title }),
-        /* @__PURE__ */ jsx52("div", { className: "grid grid-cols-2 gap-3", children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx52(StatCard, { ...stat }, id)) }),
+        stats.length > 0 && /* @__PURE__ */ jsx52("div", { className: "grid grid-cols-2 gap-3", children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx52(StatCard, { ...stat }, id)) }),
         sections?.map(({ id, heading, body, tags }) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx52("h4", { className: "text-heading-h4 text-surface-foreground", children: heading }),
           /* @__PURE__ */ jsx52("div", { className: "text-body-base text-surface-foreground", children: body }),
@@ -3277,7 +3277,8 @@ var ActivityStructure = React51.forwardRef(
             tags?.map((tag) => /* @__PURE__ */ jsx52(EditableTag, { type: "editable", onRemove: onRemoveTag && (() => onRemoveTag(id, tag)), children: tag }, tag)),
             onAddTag && /* @__PURE__ */ jsx52(EditableTag, { type: "add", onClick: () => onAddTag(id), children: addTagLabel })
           ] })
-        ] }, id))
+        ] }, id)),
+        children
       ]
     }
   )