@discuss-ds/ui 0.5.0 → 0.6.1

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

@@ -2676,17 +2676,10 @@ var QuestionEditorCard = React41.forwardRef(
                   footer && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsx42("p", { className: "text-ui-caption text-secondary-muted-foreground", children: countLabel }),
                     /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-                      onAdd && /* @__PURE__ */ jsx42(
-                        Button,
-                        {
-                          type: "button",
-                          variant: "ghost",
-                          size: "icon",
-                          "aria-label": "Add choice",
-                          onClick: onAdd,
-                          children: /* @__PURE__ */ jsx42(Plus3, { size: 16, "aria-hidden": true })
-                        }
-                      ),
+                      onAdd && /* @__PURE__ */ jsxs29(Button, { type: "button", variant: "outline", onClick: onAdd, children: [
+                        /* @__PURE__ */ jsx42(Plus3, { size: 16, "aria-hidden": true }),
+                        "Add choice"
+                      ] }),
                       onPaste && /* @__PURE__ */ jsx42(
                         Button,
                         {
@@ -3261,7 +3254,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 +3262,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 +3270,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
       ]
     }
   )