@getsoren/design-system 4.68.4 → 4.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@ declare const AiAssistant: {
9
9
  EmptyState: ({ message, children }: import('./types').AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
10
10
  Fab: ({ open, onClick, tooltip, dataTestId }: import('./types').AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
11
11
  Header: ({ title, subtitle, onClose, icon }: import('./types').AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
12
- Nudge: ({ open, title, onClose, children, dataTestId }: import('./types').AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
12
+ Nudge: ({ open, title, onClose, content, children, activeStep, onStepChange, labels, dataTestId, }: import('./types').AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
13
13
  Panel: ({ open, isBusy, children, dataTestId }: import('./types').AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
14
  ThinkingOrb: ({ size }: import('./types').AiAssistantThinkingOrbProps) => import("@emotion/react/jsx-runtime").JSX.Element;
15
15
  };
@@ -4,6 +4,10 @@ import { AiAssistantNudgeProps } from '../types';
4
4
  * the Fab, same spot and motion as the Panel but free-height and one-click dismissable.
5
5
  * No backdrop, no focus trap: the ongoing interaction is never blocked. Host apps use it
6
6
  * for proactive one-shot messages (onboarding hints…) without opening the full panel.
7
+ *
8
+ * Multi-step content (`content` as an array + `labels`) brings a built-in stepper
9
+ * (n/N, previous/next, finish on the last step). The step is CONTROLLED (`activeStep` /
10
+ * `onStepChange`) so the host can mirror it — e.g. moving a spotlight per step.
7
11
  */
8
- declare const AiAssistantNudge: ({ open, title, onClose, children, dataTestId }: AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
12
+ declare const AiAssistantNudge: ({ open, title, onClose, content, children, activeStep, onStepChange, labels, dataTestId, }: AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
9
13
  export default AiAssistantNudge;
@@ -14,11 +14,23 @@ export interface AiAssistantNudgeProps {
14
14
  open: boolean;
15
15
  /** Short headline of the nudge (host-app wording, already translated) */
16
16
  title: string;
17
- /** One-click dismiss — the host app decides what "seen" means */
17
+ /** One-click dismiss (close button, or "finish" past the last step) — the host app decides what "seen" means */
18
18
  onClose: () => void;
19
- /** Body of the bubble — plain text or a few short paragraphs (\n\n separated) */
20
- children: ReactNode;
21
- /** Test hook on the bubble ("assistantNudge"); the close button appends "Close" */
19
+ /** Body of the bubble: one string = plain text; an array = one entry per step, walked with the built-in stepper */
20
+ content?: string | string[];
21
+ /** Custom body — rendered instead of `content` when provided */
22
+ children?: ReactNode;
23
+ /** Controlled index of the displayed `content` step (defaults to 0) — controlled so the host can sync a spotlight */
24
+ activeStep?: number;
25
+ /** Called with the target step index when the user navigates the stepper */
26
+ onStepChange?: (step: number) => void;
27
+ /** Stepper wording (host-app i18n) — the stepper only shows with multi-step content AND labels */
28
+ labels?: {
29
+ previous: string;
30
+ next: string;
31
+ finish: string;
32
+ };
33
+ /** Test hook on the bubble ("assistantNudge"); the close and next buttons append "Close" / "Next" */
22
34
  dataTestId?: string;
23
35
  }
24
36
  export interface AiAssistantPanelProps {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@getsoren/design-system",
3
3
  "description": "Design System React library",
4
4
  "sideEffects": false,
5
- "version": "4.68.4",
5
+ "version": "4.70.0",
6
6
  "license": "ISC",
7
7
  "type": "module",
8
8
  "types": "./dist/src/main.d.ts",