@getsoren/design-system 4.79.1 → 4.80.1

package/dist/src/components/DataDisplay/AiAssistant/AiAssistant.d.ts

@@ -7,7 +7,7 @@
 declare const AiAssistant: {
     ConfirmationCard: ({ heading, summary, details, status, onAccept, onDecline, labels, dataTestId, }: import('./types').AiAssistantConfirmationCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     EmptyState: ({ message, children }: import('./types').AiAssistantEmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Fab: ({ open, onClick, tooltip, dataTestId }: import('./types').AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Fab: ({ open, onClick, tooltip, dataTestId, ...dataAttributes }: import('./types').AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Header: ({ title, subtitle, onClose, icon }: import('./types').AiAssistantHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Nudge: ({ open, title, onClose, content, children, activeStep, onStepChange, labels, dataTestId, }: import('./types').AiAssistantNudgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Panel: ({ open, isBusy, children, dataTestId }: import('./types').AiAssistantPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/src/components/DataDisplay/AiAssistant/components/AiAssistantFab.d.ts

@@ -6,5 +6,5 @@ import { AiAssistantFabProps } from '../types';
  * the panel is open. The animations live on a ::before layer so the hit-box never
  * moves (reliable clicks, stable e2e).
  */
-declare const AiAssistantFab: ({ open, onClick, tooltip, dataTestId }: AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AiAssistantFab: ({ open, onClick, tooltip, dataTestId, ...dataAttributes }: AiAssistantFabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AiAssistantFab;

package/dist/src/components/DataDisplay/AiAssistant/types.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
-export interface AiAssistantFabProps {
+import { DataAttributes } from '../../../types/dataAttributes';
+/** Extra `data-*` props (e.g. an analytics feature id) land on the FAB button itself */
+export interface AiAssistantFabProps extends DataAttributes {
     /** Panel visibility — the FAB shows a close glyph and calms down when open */
     open: boolean;
     /** Toggles the panel — the FAB never owns the open state, the host app does */

package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetail.d.ts

@@ -1,3 +1,3 @@
 import { ChatConversationDetailProps } from '../types';
-declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, formatParticipantName, headerAction, defaultMessage, onAddParticipantDialogOpenChange, messageMaxLength, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatConversationDetail: ({ threadId, participants, isLoading, messages, currentUserId, onDeleteConversation, onNewConversation, onSendMessage, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, renderAfterBubble, labels, formatDayLabel, isSending, formatParticipantName, headerAction, defaultMessage, onAddParticipantDialogOpenChange, messageMaxLength, slotProps, }: ChatConversationDetailProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatConversationDetail;

package/dist/src/components/DataDisplay/Chat/components/ChatConversationDetailHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ChatConversationDetailLabels, ChatParticipant, ChatSearchUser } from '../types';
+import { ChatConversationDetailLabels, ChatConversationDetailSlotProps, ChatParticipant, ChatSearchUser } from '../types';
 interface ChatConversationDetailHeaderProps {
     threadId: string;
     participants?: ChatParticipant[] | null;
@@ -13,6 +13,7 @@ interface ChatConversationDetailHeaderProps {
     formatParticipantName?: (participant: ChatParticipant) => string;
     headerAction?: ReactNode;
     onAddParticipantDialogOpenChange?: (open: boolean) => void;
+    slotProps?: Pick<ChatConversationDetailSlotProps, "addParticipantsButton">;
 }
-declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, formatParticipantName, headerAction, onAddParticipantDialogOpenChange, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatConversationDetailHeader: ({ threadId, participants, onDeleteConversation, onAddParticipants, onSearchParticipants, searchResults, isSearchingParticipants, avatarSrcResolver, labels, formatParticipantName, headerAction, onAddParticipantDialogOpenChange, slotProps, }: ChatConversationDetailHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatConversationDetailHeader;

package/dist/src/components/DataDisplay/Chat/components/ChatConversationList.d.ts

@@ -1,3 +1,3 @@
 import { ChatConversationListProps } from '../types';
-declare const ChatConversationList: ({ threads, isLoading, selectedThreadId, onSelectThread, onNewConversation, avatarSrcResolver, labels, formatDate, formatParticipantName, onLoadMore, hasMore, }: ChatConversationListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatConversationList: ({ threads, isLoading, selectedThreadId, onSelectThread, onNewConversation, avatarSrcResolver, labels, formatDate, formatParticipantName, onLoadMore, hasMore, slotProps, }: ChatConversationListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatConversationList;

package/dist/src/components/DataDisplay/Chat/components/ChatMessageInput.d.ts

@@ -1,3 +1,3 @@
 import { ChatMessageInputProps } from '../types';
-declare const ChatMessageInput: ({ onSend, labels, autoFocusKey, isSending, defaultMessage, maxLength, startActions, }: ChatMessageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatMessageInput: ({ onSend, labels, autoFocusKey, isSending, defaultMessage, startActions, slotProps, maxLength, }: ChatMessageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatMessageInput;

package/dist/src/components/DataDisplay/Chat/components/ChatParticipantDialog.d.ts

@@ -1,3 +1,3 @@
 import { ChatParticipantDialogProps } from '../types';
-declare const ChatParticipantDialog: ({ open, onClose, onConfirm, onSearch, searchResults, isSearchLoading, isConfirmLoading, avatarSrcResolver, labels, }: ChatParticipantDialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatParticipantDialog: ({ open, onClose, onConfirm, onSearch, searchResults, isSearchLoading, isConfirmLoading, avatarSrcResolver, labels, slotProps, }: ChatParticipantDialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatParticipantDialog;

package/dist/src/components/DataDisplay/Chat/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DataAttributes } from '../../../types/dataAttributes';
 export interface ChatMessage {
     id: string | number;
     authorId: string;
@@ -56,6 +57,10 @@ export interface ChatParticipantDialogLabels {
     searchContacts?: string;
     noOptionsText?: string;
 }
+/** `data-*` attributes forwarded to the conversation list's inner controls */
+export interface ChatConversationListSlotProps {
+    newConversationButton?: DataAttributes;
+}
 export interface ChatConversationListProps {
     threads?: ChatThread[];
     isLoading?: boolean;
@@ -68,6 +73,14 @@ export interface ChatConversationListProps {
     formatParticipantName?: (participant: ChatParticipant) => string;
     onLoadMore?: () => void;
     hasMore?: boolean;
+    slotProps?: ChatConversationListSlotProps;
+}
+/** `data-*` attributes forwarded to the conversation detail's inner controls */
+export interface ChatConversationDetailSlotProps {
+    addParticipantsButton?: DataAttributes;
+    /** The empty-state CTA shown while no thread is selected */
+    newConversationButton?: DataAttributes;
+    sendButton?: DataAttributes;
 }
 export interface ChatConversationDetailProps {
     threadId?: string;
@@ -92,6 +105,7 @@ export interface ChatConversationDetailProps {
     defaultMessage?: string;
     onAddParticipantDialogOpenChange?: (open: boolean) => void;
     messageMaxLength?: number;
+    slotProps?: ChatConversationDetailSlotProps;
 }
 export interface ChatMessageBubbleProps {
     isOwn: boolean;
@@ -102,6 +116,10 @@ export interface ChatMessageBubbleProps {
     formatTime?: (date: string) => string;
     hideAvatar?: boolean;
 }
+/** `data-*` attributes forwarded to the message input's inner controls */
+export interface ChatMessageInputSlotProps {
+    sendButton?: DataAttributes;
+}
 export interface ChatMessageInputProps {
     onSend: (message: string) => void;
     labels?: ChatMessageInputLabels;
@@ -111,6 +129,7 @@ export interface ChatMessageInputProps {
     maxLength?: number;
     /** Rendered on the left of the bottom bar, facing the send button (e.g. ChatVoiceRecorder) */
     startActions?: ReactNode;
+    slotProps?: ChatMessageInputSlotProps;
 }
 export interface ChatVoiceRecorderLabels {
     record?: string;
@@ -153,6 +172,10 @@ export interface ChatVoiceRecorderProps {
      */
     labels?: ChatVoiceRecorderLabels;
 }
+/** `data-*` attributes forwarded to the participant dialog's inner controls */
+export interface ChatParticipantDialogSlotProps {
+    confirmButton?: DataAttributes;
+}
 export interface ChatParticipantDialogProps {
     open: boolean;
     onClose: () => void;
@@ -163,4 +186,5 @@ export interface ChatParticipantDialogProps {
     isConfirmLoading?: boolean;
     avatarSrcResolver?: (src?: string | null) => string | undefined;
     labels?: ChatParticipantDialogLabels;
+    slotProps?: ChatParticipantDialogSlotProps;
 }

package/dist/src/components/Navigation/NavigationMenu/NavLinkItem/NavLinkItem.d.ts

@@ -6,5 +6,5 @@ interface NavLinkItemProps extends Omit<ObjectNavigationItem, "label"> {
     onClick?: (event?: MouseEvent) => void;
     target?: string;
 }
-declare const NavLinkItem: ({ url, end, children, active, state, component, disabled, onClick, target }: NavLinkItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const NavLinkItem: ({ url, end, children, active, state, component, disabled, onClick, target, ...rest }: NavLinkItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default NavLinkItem;

package/dist/src/components/Navigation/NavigationMenu/NavigationMenu.d.ts

@@ -61,6 +61,10 @@ export type ObjectNavigationItem = {
      * Target attribute of the link (e.g. "_blank")
      */
     target?: string;
+    /**
+     * `data-*` attributes set on the rendered link element (analytics tags, test hooks), e.g. `"data-amp-track-feature"`
+     */
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
 };
 export type NavigationGroupItem = {
     /**
@@ -128,6 +132,10 @@ export interface BottomLinkProps {
      * Target attribute of the link (e.g. "_blank")
      */
     target?: string;
+    /**
+     * `data-*` attributes set on the rendered link element (analytics tags, test hooks), e.g. `"data-amp-track-feature"`
+     */
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
 }
 export interface NavLinkProps {
     /**
@@ -164,6 +172,10 @@ export interface NavLinkProps {
      * Target attribute of the link (e.g. "_blank")
      */
     target?: string;
+    /**
+     * `data-*` attributes written on the navigation item; a router link spreads them on its `<a>`
+     */
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
 }
 export type NavigationItem = ObjectNavigationItem | NavigationGroupItem | ReactNode;
 export interface NavigationMenuProps {

package/dist/src/main.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Public entry point of the design system.
+ *
+ * One block per category, alphabetical inside a block. A component ships as a pair: `export *` for its named
+ * exports (props types, helpers) and `export { default as X }` for the component itself.
+ */
 export * from '@mui/material';
 export * from '@mui/material/transitions';
 export { default as AiAssistant } from './components/DataDisplay/AiAssistant/AiAssistant';
@@ -127,8 +133,10 @@ export * from './hooks/useSnackbar';
 export { default as useSnackbar } from './hooks/useSnackbar';
 export * from './hooks/useTabs';
 export { default as useTabs } from './hooks/useTabs';
+export type { DataAttributes } from './types/dataAttributes';
 export * from './utils/getBackgroundImageElevation';
 export { default as getBackgroundImageElevation } from './utils/getBackgroundImageElevation';
 export { default as isoToEmojiFlag } from './utils/isoToEmojiFlag';
+export { default as pickDataAttributes } from './utils/pickDataAttributes';
 export * from './utils/pxToRem';
 export { default as pxToRem } from './utils/pxToRem';

package/dist/src/types/dataAttributes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * `data-*` attributes forwarded verbatim to a DOM element: analytics tags (e.g. `data-amp-track-feature`),
+ * test hooks, onboarding anchors. Only `data-` keys are accepted, so a slot can carry tracking metadata
+ * without being able to override handlers, styles or accessibility attributes.
+ */
+export type DataAttributes = Record<`data-${string}`, string | number | boolean | undefined>;

package/dist/src/utils/pickDataAttributes.d.ts

@@ -0,0 +1,7 @@
+import { DataAttributes } from '../types/dataAttributes';
+/**
+ * Extracts the `data-*` entries of a props/config object, e.g. to forward analytics tags or test hooks
+ * from a navigation item to the DOM node it renders while the other keys stay on the component.
+ */
+declare const pickDataAttributes: (source: object) => DataAttributes;
+export default pickDataAttributes;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@getsoren/design-system",
   "description": "Design System React library",
   "sideEffects": false,
-  "version": "4.79.1",
+  "version": "4.80.1",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",
@@ -50,38 +50,30 @@
     "release": "commit-and-tag-version"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
+    "@getsoren/biome-config-react": "^1.4.1",
     "@storybook/addon-docs": "^10.2.15",
     "@storybook/addon-links": "^10.2.15",
-    "@storybook/addon-onboarding": "^10.2.15",
     "@storybook/builder-vite": "^10.2.15",
     "@storybook/react-vite": "^10.2.15",
-    "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.4.3",
-    "@getsoren/biome-config-react": "^1.4.1",
-    "@types/node": "^18.19.61",
+    "@types/node": "^22",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/ui": "^0.34.4",
-    "babel-loader": "^9.1.3",
     "chromatic": "^13.3.0",
+    "commit-and-tag-version": "^12.6.0",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-test-renderer": "^19.0.0",
-    "sass": "^1.80.5",
     "storybook": "^10.2.15",
     "typescript": "^5.8.3",
     "unplugin-dts": "^1.0.1",
     "vite": "8.0.14",
-    "vitest": "^1.6.1",
-    "commit-and-tag-version": "^12.6.0"
+    "vitest": "^1.6.1"
   },
   "dependencies": {
     "@emotion/react": "^11.0.0",