@discuss-ds/ui 0.7.1 → 0.8.0

package/dist/index.d.cts

@@ -783,6 +783,33 @@ interface RatingScaleProps extends Omit<React.ComponentPropsWithoutRef<typeof To
 }
 declare const RatingScale: React.ForwardRefExoticComponent<RatingScaleProps & React.RefAttributes<HTMLDivElement>>;
 
+interface StimulusCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Image shown in the 80px thumbnail. Without one the thumbnail shows `icon` on a neutral fill. */
+    thumbnail?: string;
+    /** Alt text for `thumbnail`. Leave empty when the caption already describes the image. */
+    thumbnailAlt?: string;
+    /** Placeholder shown in the thumbnail when there is no `thumbnail` (e.g. a video camera for a video). Defaults to an image icon. */
+    icon?: React.ReactNode;
+    /**
+     * `error` swaps the thumbnail for a broken-image icon on the destructive soft fill, for a stimulus that could not be
+     * loaded. It is also applied automatically when `thumbnail` fails to load.
+     */
+    status?: 'default' | 'error';
+    /** Small line above the caption saying who speaks it. */
+    label?: React.ReactNode;
+    /** What the AI moderator says when it shows the stimulus, e.g. "Look at this image". */
+    caption?: string;
+    /** Editor mode: makes the caption editable (click to edit, Enter or blur saves) and is called with the new text. */
+    onCaptionChange?: (caption: string) => void;
+    /** Editor mode: placeholder for an empty caption. */
+    captionPlaceholder?: string;
+    /** Shows the trash button. */
+    onRemove?: () => void;
+    /** Accessible name of the trash button. Defaults to "Remove stimulus". */
+    removeLabel?: string;
+}
+declare const StimulusCard: React.ForwardRefExoticComponent<StimulusCardProps & React.RefAttributes<HTMLDivElement>>;
+
 interface ProgressProps extends React.ComponentPropsWithoutRef<typeof Progress$1.Root> {
     /** Heading shown above the track, left-aligned (e.g. "Project Progress"). */
     label?: React.ReactNode;
@@ -935,4 +962,4 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCha
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
-export { AIMiniAvatar, type AIMiniAvatarProps, AIResponseContainer, type AIResponseContainerProps, type AIStatus, type ActivitySection, type ActivityStat, ActivityStructure, type ActivityStructureProps, AskAiInput, type AskAiInputProps, AskAiToggle, type AskAiToggleProps, Badge, type BadgeProps, Button, type ButtonProps, Calendar, type CalendarProps, ChatChoices, type ChatChoicesProps, ChatInput, type ChatInputProps, ChatOption, type ChatOptionActionProps, type ChatOptionCheckboxProps, type ChatOptionProps, type ChatOptionRadioProps, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuSelectableItemProps, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableTag, type EditableTagProps, Field, type FieldControlProps, type FieldProps, type FieldStatus, FileAttachment, type FileAttachmentProps, FileUploadItem, type FileUploadItemProps, FileUploadZone, type FileUploadZoneProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, ImagePreview, type ImagePreviewProps, ImageThumbnails, type ImageThumbnailsProps, InlineEdit, type InlineEditProps, Input, type InputProps, InputWithAction, type InputWithActionProps, Label, type LabelProps, MediaInfo, type MediaInfoProps, NumberInput, type NumberInputProps, OpenEndAnswer, type OpenEndAnswerProps, Pagination, type PaginationItemValue, type PaginationProps, Progress, type ProgressProps, ProjectSelector, type ProjectSelectorProps, QuestionCard, type QuestionCheckboxOptionProps, QuestionEditorCard, type QuestionEditorCardProps, QuestionHeader, type QuestionHeaderProps, QuestionNavItem, type QuestionNavItemProps, QuestionOption, QuestionOptionEditor, type QuestionOptionEditorProps, type QuestionOptionProps, QuestionOtherOption, type QuestionOtherOptionProps, type QuestionRadioOptionProps, type QuestionType, QuestionTypeIcon, type QuestionTypeIconProps, RadioGroup, RadioGroupFieldItem, type RadioGroupFieldItemProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankItemData, RankList, type RankListProps, RatingScale, type RatingScaleProps, SearchBar, type SearchBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, StatCard, type StatCardProps, StatusTag, type StatusTagProps, Switch, type SwitchProps, TabItem, type TabItemProps, TabNavigation, TabNavigationContext, type TabNavigationProps, type TabNavigationVariant, Table, TableBody, TableCell, type TableCellProps, TableCellTwoLines, type TableCellTwoLinesProps, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, Tag, type TagProps, Textarea, type TextareaProps, TimeItem, type TimeItemProps, TimePicker, type TimePickerProps, type TimeValue, Timestamp, type TimestampProps, Toast, ToastAction, ToastInline, type ToastInlineProps, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TopicActivityRow, type TopicActivityRowProps, TopicCard, TopicCardMetaItem, type TopicCardMetaItemProps, type TopicCardProps, TopicCardTag, UserMessageBubble, type UserMessageBubbleProps, VideoPlayer, type VideoPlayerProps, VolumeControl, type VolumeControlProps, fieldSurfaceClasses, formatDateTime, getPaginationItems, useFormField };
+export { AIMiniAvatar, type AIMiniAvatarProps, AIResponseContainer, type AIResponseContainerProps, type AIStatus, type ActivitySection, type ActivityStat, ActivityStructure, type ActivityStructureProps, AskAiInput, type AskAiInputProps, AskAiToggle, type AskAiToggleProps, Badge, type BadgeProps, Button, type ButtonProps, Calendar, type CalendarProps, ChatChoices, type ChatChoicesProps, ChatInput, type ChatInputProps, ChatOption, type ChatOptionActionProps, type ChatOptionCheckboxProps, type ChatOptionProps, type ChatOptionRadioProps, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuSelectableItemProps, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableTag, type EditableTagProps, Field, type FieldControlProps, type FieldProps, type FieldStatus, FileAttachment, type FileAttachmentProps, FileUploadItem, type FileUploadItemProps, FileUploadZone, type FileUploadZoneProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, ImagePreview, type ImagePreviewProps, ImageThumbnails, type ImageThumbnailsProps, InlineEdit, type InlineEditProps, Input, type InputProps, InputWithAction, type InputWithActionProps, Label, type LabelProps, MediaInfo, type MediaInfoProps, NumberInput, type NumberInputProps, OpenEndAnswer, type OpenEndAnswerProps, Pagination, type PaginationItemValue, type PaginationProps, Progress, type ProgressProps, ProjectSelector, type ProjectSelectorProps, QuestionCard, type QuestionCheckboxOptionProps, QuestionEditorCard, type QuestionEditorCardProps, QuestionHeader, type QuestionHeaderProps, QuestionNavItem, type QuestionNavItemProps, QuestionOption, QuestionOptionEditor, type QuestionOptionEditorProps, type QuestionOptionProps, QuestionOtherOption, type QuestionOtherOptionProps, type QuestionRadioOptionProps, type QuestionType, QuestionTypeIcon, type QuestionTypeIconProps, RadioGroup, RadioGroupFieldItem, type RadioGroupFieldItemProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankItemData, RankList, type RankListProps, RatingScale, type RatingScaleProps, SearchBar, type SearchBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, StatCard, type StatCardProps, StatusTag, type StatusTagProps, StimulusCard, type StimulusCardProps, Switch, type SwitchProps, TabItem, type TabItemProps, TabNavigation, TabNavigationContext, type TabNavigationProps, type TabNavigationVariant, Table, TableBody, TableCell, type TableCellProps, TableCellTwoLines, type TableCellTwoLinesProps, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, Tag, type TagProps, Textarea, type TextareaProps, TimeItem, type TimeItemProps, TimePicker, type TimePickerProps, type TimeValue, Timestamp, type TimestampProps, Toast, ToastAction, ToastInline, type ToastInlineProps, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TopicActivityRow, type TopicActivityRowProps, TopicCard, TopicCardMetaItem, type TopicCardMetaItemProps, type TopicCardProps, TopicCardTag, UserMessageBubble, type UserMessageBubbleProps, VideoPlayer, type VideoPlayerProps, VolumeControl, type VolumeControlProps, fieldSurfaceClasses, formatDateTime, getPaginationItems, useFormField };

package/dist/index.d.ts

@@ -783,6 +783,33 @@ interface RatingScaleProps extends Omit<React.ComponentPropsWithoutRef<typeof To
 }
 declare const RatingScale: React.ForwardRefExoticComponent<RatingScaleProps & React.RefAttributes<HTMLDivElement>>;
 
+interface StimulusCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Image shown in the 80px thumbnail. Without one the thumbnail shows `icon` on a neutral fill. */
+    thumbnail?: string;
+    /** Alt text for `thumbnail`. Leave empty when the caption already describes the image. */
+    thumbnailAlt?: string;
+    /** Placeholder shown in the thumbnail when there is no `thumbnail` (e.g. a video camera for a video). Defaults to an image icon. */
+    icon?: React.ReactNode;
+    /**
+     * `error` swaps the thumbnail for a broken-image icon on the destructive soft fill, for a stimulus that could not be
+     * loaded. It is also applied automatically when `thumbnail` fails to load.
+     */
+    status?: 'default' | 'error';
+    /** Small line above the caption saying who speaks it. */
+    label?: React.ReactNode;
+    /** What the AI moderator says when it shows the stimulus, e.g. "Look at this image". */
+    caption?: string;
+    /** Editor mode: makes the caption editable (click to edit, Enter or blur saves) and is called with the new text. */
+    onCaptionChange?: (caption: string) => void;
+    /** Editor mode: placeholder for an empty caption. */
+    captionPlaceholder?: string;
+    /** Shows the trash button. */
+    onRemove?: () => void;
+    /** Accessible name of the trash button. Defaults to "Remove stimulus". */
+    removeLabel?: string;
+}
+declare const StimulusCard: React.ForwardRefExoticComponent<StimulusCardProps & React.RefAttributes<HTMLDivElement>>;
+
 interface ProgressProps extends React.ComponentPropsWithoutRef<typeof Progress$1.Root> {
     /** Heading shown above the track, left-aligned (e.g. "Project Progress"). */
     label?: React.ReactNode;
@@ -935,4 +962,4 @@ interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onCha
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
-export { AIMiniAvatar, type AIMiniAvatarProps, AIResponseContainer, type AIResponseContainerProps, type AIStatus, type ActivitySection, type ActivityStat, ActivityStructure, type ActivityStructureProps, AskAiInput, type AskAiInputProps, AskAiToggle, type AskAiToggleProps, Badge, type BadgeProps, Button, type ButtonProps, Calendar, type CalendarProps, ChatChoices, type ChatChoicesProps, ChatInput, type ChatInputProps, ChatOption, type ChatOptionActionProps, type ChatOptionCheckboxProps, type ChatOptionProps, type ChatOptionRadioProps, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuSelectableItemProps, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableTag, type EditableTagProps, Field, type FieldControlProps, type FieldProps, type FieldStatus, FileAttachment, type FileAttachmentProps, FileUploadItem, type FileUploadItemProps, FileUploadZone, type FileUploadZoneProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, ImagePreview, type ImagePreviewProps, ImageThumbnails, type ImageThumbnailsProps, InlineEdit, type InlineEditProps, Input, type InputProps, InputWithAction, type InputWithActionProps, Label, type LabelProps, MediaInfo, type MediaInfoProps, NumberInput, type NumberInputProps, OpenEndAnswer, type OpenEndAnswerProps, Pagination, type PaginationItemValue, type PaginationProps, Progress, type ProgressProps, ProjectSelector, type ProjectSelectorProps, QuestionCard, type QuestionCheckboxOptionProps, QuestionEditorCard, type QuestionEditorCardProps, QuestionHeader, type QuestionHeaderProps, QuestionNavItem, type QuestionNavItemProps, QuestionOption, QuestionOptionEditor, type QuestionOptionEditorProps, type QuestionOptionProps, QuestionOtherOption, type QuestionOtherOptionProps, type QuestionRadioOptionProps, type QuestionType, QuestionTypeIcon, type QuestionTypeIconProps, RadioGroup, RadioGroupFieldItem, type RadioGroupFieldItemProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankItemData, RankList, type RankListProps, RatingScale, type RatingScaleProps, SearchBar, type SearchBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, StatCard, type StatCardProps, StatusTag, type StatusTagProps, Switch, type SwitchProps, TabItem, type TabItemProps, TabNavigation, TabNavigationContext, type TabNavigationProps, type TabNavigationVariant, Table, TableBody, TableCell, type TableCellProps, TableCellTwoLines, type TableCellTwoLinesProps, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, Tag, type TagProps, Textarea, type TextareaProps, TimeItem, type TimeItemProps, TimePicker, type TimePickerProps, type TimeValue, Timestamp, type TimestampProps, Toast, ToastAction, ToastInline, type ToastInlineProps, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TopicActivityRow, type TopicActivityRowProps, TopicCard, TopicCardMetaItem, type TopicCardMetaItemProps, type TopicCardProps, TopicCardTag, UserMessageBubble, type UserMessageBubbleProps, VideoPlayer, type VideoPlayerProps, VolumeControl, type VolumeControlProps, fieldSurfaceClasses, formatDateTime, getPaginationItems, useFormField };
+export { AIMiniAvatar, type AIMiniAvatarProps, AIResponseContainer, type AIResponseContainerProps, type AIStatus, type ActivitySection, type ActivityStat, ActivityStructure, type ActivityStructureProps, AskAiInput, type AskAiInputProps, AskAiToggle, type AskAiToggleProps, Badge, type BadgeProps, Button, type ButtonProps, Calendar, type CalendarProps, ChatChoices, type ChatChoicesProps, ChatInput, type ChatInputProps, ChatOption, type ChatOptionActionProps, type ChatOptionCheckboxProps, type ChatOptionProps, type ChatOptionRadioProps, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuSelectableItemProps, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableTag, type EditableTagProps, Field, type FieldControlProps, type FieldProps, type FieldStatus, FileAttachment, type FileAttachmentProps, FileUploadItem, type FileUploadItemProps, FileUploadZone, type FileUploadZoneProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, ImagePreview, type ImagePreviewProps, ImageThumbnails, type ImageThumbnailsProps, InlineEdit, type InlineEditProps, Input, type InputProps, InputWithAction, type InputWithActionProps, Label, type LabelProps, MediaInfo, type MediaInfoProps, NumberInput, type NumberInputProps, OpenEndAnswer, type OpenEndAnswerProps, Pagination, type PaginationItemValue, type PaginationProps, Progress, type ProgressProps, ProjectSelector, type ProjectSelectorProps, QuestionCard, type QuestionCheckboxOptionProps, QuestionEditorCard, type QuestionEditorCardProps, QuestionHeader, type QuestionHeaderProps, QuestionNavItem, type QuestionNavItemProps, QuestionOption, QuestionOptionEditor, type QuestionOptionEditorProps, type QuestionOptionProps, QuestionOtherOption, type QuestionOtherOptionProps, type QuestionRadioOptionProps, type QuestionType, QuestionTypeIcon, type QuestionTypeIconProps, RadioGroup, RadioGroupFieldItem, type RadioGroupFieldItemProps, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RankItemData, RankList, type RankListProps, RatingScale, type RatingScaleProps, SearchBar, type SearchBarProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectTrigger, type SelectTriggerProps, SelectValue, Slider, type SliderProps, StatCard, type StatCardProps, StatusTag, type StatusTagProps, StimulusCard, type StimulusCardProps, Switch, type SwitchProps, TabItem, type TabItemProps, TabNavigation, TabNavigationContext, type TabNavigationProps, type TabNavigationVariant, Table, TableBody, TableCell, type TableCellProps, TableCellTwoLines, type TableCellTwoLinesProps, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, Tag, type TagProps, Textarea, type TextareaProps, TimeItem, type TimeItemProps, TimePicker, type TimePickerProps, type TimeValue, Timestamp, type TimestampProps, Toast, ToastAction, ToastInline, type ToastInlineProps, type ToastProps, ToastProvider, type ToastVariant, ToastViewport, Toggle, type ToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TopicActivityRow, type TopicActivityRowProps, TopicCard, TopicCardMetaItem, type TopicCardMetaItemProps, type TopicCardProps, TopicCardTag, UserMessageBubble, type UserMessageBubbleProps, VideoPlayer, type VideoPlayerProps, VolumeControl, type VolumeControlProps, fieldSurfaceClasses, formatDateTime, getPaginationItems, useFormField };

package/dist/index.js

@@ -3048,28 +3048,95 @@ var RatingScale = React46.forwardRef(
 );
 RatingScale.displayName = "RatingScale";
 
-// src/components/Data Display/Progress.tsx
+// src/components/Question Types/StimulusCard.tsx
 import * as React47 from "react";
-import { Progress as ProgressPrimitive2 } from "radix-ui";
+import { Image as ImageIcon2, ImageBroken, Trash as Trash5 } from "@phosphor-icons/react";
 import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
-var Progress = React47.forwardRef(
+var StimulusCard = React47.forwardRef(
+  ({
+    className,
+    thumbnail,
+    thumbnailAlt = "",
+    icon,
+    status = "default",
+    label = "AI Moderator",
+    caption,
+    onCaptionChange,
+    captionPlaceholder = "Click to write what the AI moderator says",
+    onRemove,
+    removeLabel = "Remove stimulus",
+    ...props
+  }, ref) => {
+    const [failedSrc, setFailedSrc] = React47.useState();
+    const error = status === "error" || thumbnail !== void 0 && failedSrc === thumbnail;
+    const showImage = thumbnail !== void 0 && !error;
+    return /* @__PURE__ */ jsxs34(
+      "div",
+      {
+        ref,
+        "data-status": error ? "error" : "default",
+        className: cn("flex w-full items-center gap-4 rounded-md border border-border p-0.5 pr-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs34("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+            /* @__PURE__ */ jsx48(
+              "span",
+              {
+                className: cn(
+                  "flex size-20 shrink-0 items-center justify-center overflow-hidden rounded-sm border",
+                  error ? "border-destructive-soft-border bg-destructive-soft bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-destructive" : "border-border bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground",
+                  showImage && "bg-none"
+                ),
+                children: showImage ? /* @__PURE__ */ jsx48("img", { src: thumbnail, alt: thumbnailAlt, className: "size-full object-cover", onError: () => setFailedSrc(thumbnail) }) : error ? /* @__PURE__ */ jsx48(ImageBroken, { size: 24, "aria-hidden": true }) : icon ?? /* @__PURE__ */ jsx48(ImageIcon2, { size: 24, "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsxs34("div", { className: "flex min-w-0 flex-1 flex-col items-start gap-2 text-surface-foreground", children: [
+              /* @__PURE__ */ jsx48("p", { className: "w-full text-ui-label", children: label }),
+              onCaptionChange ? /* @__PURE__ */ jsx48(
+                InlineEdit,
+                {
+                  variant: "question",
+                  multiline: true,
+                  className: "-mx-3 w-auto",
+                  "aria-label": "Stimulus caption",
+                  value: caption ?? "",
+                  placeholder: captionPlaceholder,
+                  onValueChange: onCaptionChange,
+                  textClassName: "text-body-base"
+                }
+              ) : /* @__PURE__ */ jsx48("p", { className: "w-full text-body-base [word-break:break-word]", children: caption })
+            ] })
+          ] }),
+          onRemove && /* @__PURE__ */ jsx48(Button, { type: "button", variant: "destructive", size: "icon-sm", "aria-label": removeLabel, onClick: onRemove, children: /* @__PURE__ */ jsx48(Trash5, { size: 16, "aria-hidden": true }) })
+        ]
+      }
+    );
+  }
+);
+StimulusCard.displayName = "StimulusCard";
+
+// src/components/Data Display/Progress.tsx
+import * as React48 from "react";
+import { Progress as ProgressPrimitive2 } from "radix-ui";
+import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+var Progress = React48.forwardRef(
   ({ className, value = 0, label, valueLabel, detailsStart, detailsEnd, ...props }, ref) => {
     const hasHeader = label != null || valueLabel != null;
     const hasDetails = detailsStart != null || detailsEnd != null;
     const clamped = Math.min(100, Math.max(0, value ?? 0));
-    return /* @__PURE__ */ jsxs34("div", { className: cn("flex w-full flex-col gap-2", className), children: [
-      hasHeader && /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between text-ui-label text-surface-foreground", children: [
-        /* @__PURE__ */ jsx48("span", { children: label }),
-        /* @__PURE__ */ jsx48("span", { children: valueLabel === true ? `${Math.round(clamped)}%` : valueLabel })
+    return /* @__PURE__ */ jsxs35("div", { className: cn("flex w-full flex-col gap-2", className), children: [
+      hasHeader && /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between text-ui-label text-surface-foreground", children: [
+        /* @__PURE__ */ jsx49("span", { children: label }),
+        /* @__PURE__ */ jsx49("span", { children: valueLabel === true ? `${Math.round(clamped)}%` : valueLabel })
       ] }),
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx49(
         ProgressPrimitive2.Root,
         {
           ref,
           value: clamped,
           className: "relative h-2 w-full overflow-hidden rounded-full bg-secondary",
           ...props,
-          children: /* @__PURE__ */ jsx48(
+          children: /* @__PURE__ */ jsx49(
             ProgressPrimitive2.Indicator,
             {
               className: "h-full rounded-full bg-accent transition-[width]",
@@ -3078,9 +3145,9 @@ var Progress = React47.forwardRef(
           )
         }
       ),
-      hasDetails && /* @__PURE__ */ jsxs34("div", { className: "flex items-start justify-between text-ui-label leading-5 text-secondary-muted-foreground", children: [
-        /* @__PURE__ */ jsx48("span", { children: detailsStart }),
-        /* @__PURE__ */ jsx48("span", { children: detailsEnd })
+      hasDetails && /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between text-ui-label leading-5 text-secondary-muted-foreground", children: [
+        /* @__PURE__ */ jsx49("span", { children: detailsStart }),
+        /* @__PURE__ */ jsx49("span", { children: detailsEnd })
       ] })
     ] });
   }
@@ -3088,11 +3155,11 @@ var Progress = React47.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/Data Display/Table.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import { CaretDown as CaretDown4, CaretUp } from "@phosphor-icons/react";
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
-var Table = React48.forwardRef(
-  ({ className, containerClassName, striped, ...props }, ref) => /* @__PURE__ */ jsx49("div", { className: cn("relative w-full overflow-auto rounded-lg border border-border bg-surface", containerClassName), children: /* @__PURE__ */ jsx49(
+import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+var Table = React49.forwardRef(
+  ({ className, containerClassName, striped, ...props }, ref) => /* @__PURE__ */ jsx50("div", { className: cn("relative w-full overflow-auto rounded-lg border border-border bg-surface", containerClassName), children: /* @__PURE__ */ jsx50(
     "table",
     {
       ref,
@@ -3103,16 +3170,16 @@ var Table = React48.forwardRef(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = React48.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx49("thead", { ref, className, ...props })
+var TableHeader = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50("thead", { ref, className, ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React48.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx49("tbody", { ref, className, ...props })
+var TableBody = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx50("tbody", { ref, className, ...props })
 );
 TableBody.displayName = "TableBody";
-var TableRow = React48.forwardRef(
-  ({ className, selected, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableRow = React49.forwardRef(
+  ({ className, selected, ...props }, ref) => /* @__PURE__ */ jsx50(
     "tr",
     {
       ref,
@@ -3129,10 +3196,10 @@ var TableRow = React48.forwardRef(
 );
 TableRow.displayName = "TableRow";
 var ariaSort = { none: "none", asc: "ascending", desc: "descending" };
-var TableHead = React48.forwardRef(
+var TableHead = React49.forwardRef(
   ({ className, align = "left", sortable, sort = "none", onSort, checkbox, children, ...props }, ref) => {
-    const caret = sort === "asc" ? /* @__PURE__ */ jsx49(CaretUp, { size: 16, "aria-hidden": true, className: "shrink-0" }) : /* @__PURE__ */ jsx49(CaretDown4, { size: 16, "aria-hidden": true, className: "shrink-0" });
-    return /* @__PURE__ */ jsx49(
+    const caret = sort === "asc" ? /* @__PURE__ */ jsx50(CaretUp, { size: 16, "aria-hidden": true, className: "shrink-0" }) : /* @__PURE__ */ jsx50(CaretDown4, { size: 16, "aria-hidden": true, className: "shrink-0" });
+    return /* @__PURE__ */ jsx50(
       "th",
       {
         ref,
@@ -3145,7 +3212,7 @@ var TableHead = React48.forwardRef(
           className
         ),
         ...props,
-        children: sortable ? /* @__PURE__ */ jsxs35(
+        children: sortable ? /* @__PURE__ */ jsxs36(
           "button",
           {
             type: "button",
@@ -3156,14 +3223,14 @@ var TableHead = React48.forwardRef(
               caret
             ]
           }
-        ) : checkbox ? /* @__PURE__ */ jsx49("div", { className: "flex items-center justify-center", children }) : children
+        ) : checkbox ? /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center", children }) : children
       }
     );
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = React48.forwardRef(
-  ({ className, align = "left", muted, checkbox, actions, children, ...props }, ref) => /* @__PURE__ */ jsx49(
+var TableCell = React49.forwardRef(
+  ({ className, align = "left", muted, checkbox, actions, children, ...props }, ref) => /* @__PURE__ */ jsx50(
     "td",
     {
       ref,
@@ -3176,25 +3243,25 @@ var TableCell = React48.forwardRef(
         className
       ),
       ...props,
-      children: checkbox ? /* @__PURE__ */ jsx49("div", { className: "flex items-center justify-center", children }) : actions ? /* @__PURE__ */ jsx49("div", { className: "flex items-start justify-end gap-1", children }) : children
+      children: checkbox ? /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center", children }) : actions ? /* @__PURE__ */ jsx50("div", { className: "flex items-start justify-end gap-1", children }) : children
     }
   )
 );
 TableCell.displayName = "TableCell";
 function TableCellTwoLines({ primary, secondary, avatar, className, ...props }) {
-  return /* @__PURE__ */ jsxs35("div", { className: cn("flex items-center gap-2", className), ...props, children: [
+  return /* @__PURE__ */ jsxs36("div", { className: cn("flex items-center gap-2", className), ...props, children: [
     avatar,
-    /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-0.5 whitespace-nowrap", children: [
-      /* @__PURE__ */ jsx49("span", { className: "text-ui-label text-surface-foreground", children: primary }),
-      secondary && /* @__PURE__ */ jsx49("span", { className: "text-ui-caption text-secondary-muted-foreground", children: secondary })
+    /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-0.5 whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx50("span", { className: "text-ui-label text-surface-foreground", children: primary }),
+      secondary && /* @__PURE__ */ jsx50("span", { className: "text-ui-caption text-secondary-muted-foreground", children: secondary })
     ] })
   ] });
 }
 
 // src/components/Data Display/StatCard.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
 var statCardVariants = cva6("flex min-w-0 flex-col gap-2 rounded-md border p-3", {
   variants: {
     variant: {
@@ -3204,11 +3271,11 @@ var statCardVariants = cva6("flex min-w-0 flex-col gap-2 rounded-md border p-3",
   },
   defaultVariants: { variant: "default" }
 });
-var StatCard = React49.forwardRef(
-  ({ className, variant, label, value, icon, ...props }, ref) => /* @__PURE__ */ jsxs36("div", { ref, className: cn(statCardVariants({ variant }), className), ...props, children: [
-    /* @__PURE__ */ jsx50("p", { className: "truncate text-ui-caption text-secondary-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs36("p", { className: "flex items-center gap-2 text-body-base text-surface-foreground", children: [
-      icon && /* @__PURE__ */ jsx50("span", { "aria-hidden": "true", className: "inline-flex size-6 shrink-0 items-center justify-center", children: icon }),
+var StatCard = React50.forwardRef(
+  ({ className, variant, label, value, icon, ...props }, ref) => /* @__PURE__ */ jsxs37("div", { ref, className: cn(statCardVariants({ variant }), className), ...props, children: [
+    /* @__PURE__ */ jsx51("p", { className: "truncate text-ui-caption text-secondary-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs37("p", { className: "flex items-center gap-2 text-body-base text-surface-foreground", children: [
+      icon && /* @__PURE__ */ jsx51("span", { "aria-hidden": "true", className: "inline-flex size-6 shrink-0 items-center justify-center", children: icon }),
       value
     ] })
   ] })
@@ -3216,13 +3283,13 @@ var StatCard = React49.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/Research-Specific/ActivityStructure.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 
 // src/components/Tags & Badges/EditableTag.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { Crown, Plus as Plus5, X as X6 } from "@phosphor-icons/react";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
 var editableTagVariants = cva7(
   "inline-flex h-6.5 items-center whitespace-nowrap rounded-sm py-1 text-ui-caption transition-colors",
   {
@@ -3237,27 +3304,27 @@ var editableTagVariants = cva7(
     defaultVariants: { type: "default" }
   }
 );
-var EditableTag = React50.forwardRef(
+var EditableTag = React51.forwardRef(
   ({ className, type = "default", icon, onRemove, onClick, children, ...props }, ref) => {
     const classes = cn(editableTagVariants({ type }), className);
-    const leading = type === "add" ? /* @__PURE__ */ jsx51(Plus5, { size: 12, "aria-hidden": true }) : icon !== void 0 ? icon : type === "default" ? /* @__PURE__ */ jsx51(Crown, { size: 12, weight: "fill", "aria-hidden": true }) : null;
+    const leading = type === "add" ? /* @__PURE__ */ jsx52(Plus5, { size: 12, "aria-hidden": true }) : icon !== void 0 ? icon : type === "default" ? /* @__PURE__ */ jsx52(Crown, { size: 12, weight: "fill", "aria-hidden": true }) : null;
     if (type === "add" || type === "multiple" && onClick) {
-      return /* @__PURE__ */ jsxs37("button", { ref, type: "button", className: classes, onClick, ...props, children: [
+      return /* @__PURE__ */ jsxs38("button", { ref, type: "button", className: classes, onClick, ...props, children: [
         leading,
         children
       ] });
     }
-    return /* @__PURE__ */ jsxs37("span", { ref, className: classes, ...props, children: [
+    return /* @__PURE__ */ jsxs38("span", { ref, className: classes, ...props, children: [
       leading,
       children,
-      onRemove && /* @__PURE__ */ jsx51(
+      onRemove && /* @__PURE__ */ jsx52(
         "button",
         {
           type: "button",
           "aria-label": typeof children === "string" ? `Remove ${children}` : "Remove",
           onClick: onRemove,
           className: "inline-flex size-3 items-center justify-center rounded-xs",
-          children: /* @__PURE__ */ jsx51(X6, { size: 12, "aria-hidden": true })
+          children: /* @__PURE__ */ jsx52(X6, { size: 12, "aria-hidden": true })
         }
       )
     ] });
@@ -3266,23 +3333,23 @@ var EditableTag = React50.forwardRef(
 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", children, ...props }, ref) => /* @__PURE__ */ jsxs38(
+import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
+var ActivityStructure = React52.forwardRef(
+  ({ className, title = "Activity Structure", stats, sections, onRemoveTag, onAddTag, addTagLabel = "Add tag", children, ...props }, ref) => /* @__PURE__ */ jsxs39(
     "section",
     {
       ref,
       className: cn("flex w-full max-w-96.5 flex-col gap-4 rounded-xl bg-surface p-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx52("h3", { className: "text-heading-h3 text-primary", children: title }),
-        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 }),
-          (tags?.length || onAddTag) && /* @__PURE__ */ jsxs38("div", { className: "flex flex-wrap items-center gap-2", children: [
-            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 })
+        /* @__PURE__ */ jsx53("h3", { className: "text-heading-h3 text-primary", children: title }),
+        stats.length > 0 && /* @__PURE__ */ jsx53("div", { className: "grid grid-cols-2 gap-3", children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx53(StatCard, { ...stat }, id)) }),
+        sections?.map(({ id, heading, body, tags }) => /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx53("h4", { className: "text-heading-h4 text-surface-foreground", children: heading }),
+          /* @__PURE__ */ jsx53("div", { className: "text-body-base text-surface-foreground", children: body }),
+          (tags?.length || onAddTag) && /* @__PURE__ */ jsxs39("div", { className: "flex flex-wrap items-center gap-2", children: [
+            tags?.map((tag) => /* @__PURE__ */ jsx53(EditableTag, { type: "editable", onRemove: onRemoveTag && (() => onRemoveTag(id, tag)), children: tag }, tag)),
+            onAddTag && /* @__PURE__ */ jsx53(EditableTag, { type: "add", onClick: () => onAddTag(id), children: addTagLabel })
           ] })
         ] }, id)),
         children
@@ -3293,10 +3360,10 @@ var ActivityStructure = React51.forwardRef(
 ActivityStructure.displayName = "ActivityStructure";
 
 // src/components/Tags & Badges/Badge.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 import { DotsSixVertical as DotsSixVertical5, RadioButton as RadioButton2 } from "@phosphor-icons/react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
 var roleTagVariants = cva8(
   "group inline-flex h-6 items-center whitespace-nowrap rounded-sm py-1 text-ui-caption transition-colors",
   {
@@ -3322,11 +3389,11 @@ var roleTagVariants = cva8(
     defaultVariants: { type: "primary", selected: false }
   }
 );
-var Badge = React52.forwardRef(
+var Badge = React53.forwardRef(
   ({ className, type = "primary", selected = false, onClick, children, ...props }, ref) => {
     const classes = cn(roleTagVariants({ type, selected: type === "interactable" ? selected : false }), className);
     if (type === "interactable") {
-      return /* @__PURE__ */ jsxs39(
+      return /* @__PURE__ */ jsxs40(
         "button",
         {
           ref,
@@ -3336,15 +3403,15 @@ var Badge = React52.forwardRef(
           onClick,
           ...props,
           children: [
-            /* @__PURE__ */ jsx53(DotsSixVertical5, { size: 16, "aria-hidden": true, className: "hidden shrink-0 group-hover:block" }),
+            /* @__PURE__ */ jsx54(DotsSixVertical5, { size: 16, "aria-hidden": true, className: "hidden shrink-0 group-hover:block" }),
             children
           ]
         }
       );
     }
-    return /* @__PURE__ */ jsxs39("span", { ref, className: classes, ...props, children: [
-      type === "question" && /* @__PURE__ */ jsx53(RadioButton2, { size: 16, weight: "fill", "aria-hidden": true }),
-      type === "id" && /* @__PURE__ */ jsx53("span", { className: "text-secondary-muted-foreground", children: "ID" }),
+    return /* @__PURE__ */ jsxs40("span", { ref, className: classes, ...props, children: [
+      type === "question" && /* @__PURE__ */ jsx54(RadioButton2, { size: 16, weight: "fill", "aria-hidden": true }),
+      type === "id" && /* @__PURE__ */ jsx54("span", { className: "text-secondary-muted-foreground", children: "ID" }),
       children
     ] });
   }
@@ -3352,9 +3419,9 @@ var Badge = React52.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/Utility/Pagination.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import { ArrowLeft, ArrowRight, DotsThree as DotsThree2 } from "@phosphor-icons/react";
-import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
 function getPaginationItems(page, pageCount, siblings = 1) {
   const keep = /* @__PURE__ */ new Set([1, pageCount]);
   for (let p = page - siblings; p <= page + siblings; p++) if (p >= 1 && p <= pageCount) keep.add(p);
@@ -3368,10 +3435,10 @@ function getPaginationItems(page, pageCount, siblings = 1) {
   });
   return items;
 }
-var Pagination = React53.forwardRef(
+var Pagination = React54.forwardRef(
   ({ className, page, pageCount, onPageChange, variant = "full", siblings = 1, ...props }, ref) => {
     const go = (next2) => onPageChange(Math.min(pageCount, Math.max(1, next2)));
-    const previous = /* @__PURE__ */ jsx54(
+    const previous = /* @__PURE__ */ jsx55(
       Button,
       {
         type: "button",
@@ -3380,10 +3447,10 @@ var Pagination = React53.forwardRef(
         "aria-label": "Previous page",
         disabled: page <= 1,
         onClick: () => go(page - 1),
-        children: /* @__PURE__ */ jsx54(ArrowLeft, { size: 16, "aria-hidden": true })
+        children: /* @__PURE__ */ jsx55(ArrowLeft, { size: 16, "aria-hidden": true })
       }
     );
-    const next = /* @__PURE__ */ jsx54(
+    const next = /* @__PURE__ */ jsx55(
       Button,
       {
         type: "button",
@@ -3392,10 +3459,10 @@ var Pagination = React53.forwardRef(
         "aria-label": "Next page",
         disabled: page >= pageCount,
         onClick: () => go(page + 1),
-        children: /* @__PURE__ */ jsx54(ArrowRight, { size: 16, "aria-hidden": true })
+        children: /* @__PURE__ */ jsx55(ArrowRight, { size: 16, "aria-hidden": true })
       }
     );
-    return /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs41(
       "nav",
       {
         ref,
@@ -3404,14 +3471,14 @@ var Pagination = React53.forwardRef(
         ...props,
         children: [
           previous,
-          variant === "compact" ? /* @__PURE__ */ jsxs40("span", { className: "text-body-small text-surface-foreground", "aria-live": "polite", children: [
+          variant === "compact" ? /* @__PURE__ */ jsxs41("span", { className: "text-body-small text-surface-foreground", "aria-live": "polite", children: [
             page,
             "/",
             pageCount
-          ] }) : /* @__PURE__ */ jsx54("ul", { className: "flex items-center gap-2", children: getPaginationItems(page, pageCount, siblings).map((item, index) => /* @__PURE__ */ jsx54("li", { children: item === "ellipsis" ? /* @__PURE__ */ jsxs40("span", { className: "inline-flex size-8 items-center justify-center rounded-sm border border-border bg-surface text-surface-foreground", children: [
-            /* @__PURE__ */ jsx54(DotsThree2, { size: 16, "aria-hidden": true }),
-            /* @__PURE__ */ jsx54("span", { className: "sr-only", children: "More pages" })
-          ] }) : /* @__PURE__ */ jsx54(
+          ] }) : /* @__PURE__ */ jsx55("ul", { className: "flex items-center gap-2", children: getPaginationItems(page, pageCount, siblings).map((item, index) => /* @__PURE__ */ jsx55("li", { children: item === "ellipsis" ? /* @__PURE__ */ jsxs41("span", { className: "inline-flex size-8 items-center justify-center rounded-sm border border-border bg-surface text-surface-foreground", children: [
+            /* @__PURE__ */ jsx55(DotsThree2, { size: 16, "aria-hidden": true }),
+            /* @__PURE__ */ jsx55("span", { className: "sr-only", children: "More pages" })
+          ] }) : /* @__PURE__ */ jsx55(
             Button,
             {
               type: "button",
@@ -3515,6 +3582,7 @@ export {
   Slider,
   StatCard,
   StatusTag,
+  StimulusCard,
   Switch,
   TabItem,
   TabNavigation,