@intelligencebank/connectingib 4.0.0 → 5.2.0

package/dist/components/LoginForm/LoginForm.types.d.ts

@@ -83,8 +83,16 @@ export interface LoginFormProps {
      */
     className?: string;
     /**
-     * Test ID for testing
+     * Test ID for testing (deprecated, use dataTestId)
      */
     'data-testid'?: string;
+    /**
+     * Test identifier for automated testing
+     */
+    dataTestId?: string;
+    /**
+     * Data identifier for ib-ui compatibility
+     */
+    dataId?: string;
 }
 //# sourceMappingURL=LoginForm.types.d.ts.map

package/dist/components/LoginForm/LoginForm.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.types.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"LoginForm.types.d.ts","sourceRoot":"","sources":["../../../src/components/LoginForm/LoginForm.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/Message/Message.d.ts

@@ -1,31 +1,36 @@
-import { MessageProps } from './Message.types';
+import { MessageProps, InternalSnackbarProps } from './Message.types';
 /**
  * Message - Unified message component for displaying various types of feedback
  *
- * Supports multiple variants: info, assistive, error, warning, and success.
+ * Supports multiple variants: info, error, warning, and success.
+ * Supports multiple display modes: inline, banner, and snackbar.
  * Each variant has its own default icon, color, and accessibility role.
  *
  * @example
  * ```tsx
- * // Error message
+ * // Inline error message (default)
  * <Message variant="error">This field is required</Message>
  *
- * // Warning message
- * <Message variant="warning" size="md">This action cannot be undone</Message>
+ * // Banner message with background
+ * <Message variant="warning" mode="banner">This action cannot be undone</Message>
  *
- * // Assistive/helper message
- * <Message variant="assistive">Enter your email address</Message>
+ * // Snackbar message with timeout
+ * <Message
+ *   variant="success"
+ *   mode="snackbar"
+ *   onClose={() => setOpen(false)}
+ *   action={{ label: 'Undo', onClick: handleUndo }}
+ * >
+ *   Your changes have been saved
+ * </Message>
  *
- * // Success message
- * <Message variant="success">Your changes have been saved</Message>
- *
- * // Info message with custom icon
- * <Message variant="info" icon={<CustomIcon />}>Additional information</Message>
+ * // Message with default (black) text color
+ * <Message variant="info" textColor="default">Information</Message>
  *
  * // Message without icon
  * <Message variant="error" showIcon={false}>Error text only</Message>
  * ```
  */
-export declare function Message({ variant, children, size, icon, showIcon, className, 'data-testid': testId, }: MessageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Message: import('react').ForwardRefExoticComponent<(MessageProps | InternalSnackbarProps) & import('react').RefAttributes<HTMLDivElement>>;
 export default Message;
 //# sourceMappingURL=Message.d.ts.map

package/dist/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAA+B,MAAM,iBAAiB,CAAC;AAiFjF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAW,EACX,IAAI,EACJ,QAAe,EACf,SAAS,EACT,aAAa,EAAE,MAAM,GACtB,EAAE,YAAY,kDA8Bd;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EAKZ,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AA2UzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,OAAO,mIAkOnB,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/components/Message/Message.types.d.ts

@@ -2,16 +2,47 @@ import { ReactNode } from 'react';
 /**
  * Message variant types
  * - info: General informational message (blue)
- * - assistive: Helper/guidance message (grey)
  * - error: Error/validation message (red)
  * - warning: Cautionary message (orange)
  * - success: Success/confirmation message (green)
+ * - assistive: Helper/assistive text (grey)
  */
-export type MessageVariant = 'info' | 'assistive' | 'error' | 'warning' | 'success';
+export type MessageVariant = 'info' | 'error' | 'warning' | 'success' | 'assistive';
+/**
+ * Display mode for the message
+ * - inline: Default inline message (current behavior)
+ * - banner: Full-width banner with background color
+ * - snackbar: Toast notification with timeout and optional action
+ */
+export type MessageDisplayMode = 'inline' | 'banner' | 'snackbar';
 /**
  * Size variants for the Message component
+ * - tn: Tiny (10px with default theme)
+ * - xs: Extra small (12px with default theme)
+ * - sm: Small (14px with default theme)
+ * - md: Medium (14.5px with default theme)
+ */
+export type MessageSize = 'tn' | 'xs' | 'sm' | 'md';
+/**
+ * Text color options
+ * - default: Generic black text (theme text.primary)
+ * - context: Color tied to the variant (blue for info, red for error, etc.)
+ * - custom: Use the custom color provided via customTextColor prop
+ */
+export type MessageTextColor = 'default' | 'context' | 'custom';
+/**
+ * Position for snackbar messages
  */
-export type MessageSize = 'sm' | 'md';
+export type SnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Action button configuration for snackbar mode
+ */
+export interface MessageAction {
+    /** Label for the action button */
+    label: string;
+    /** Callback when action is clicked */
+    onClick: () => void;
+}
 /**
  * Props for the Message component
  */
@@ -24,11 +55,28 @@ export interface MessageProps {
      * The message content to display
      */
     children: ReactNode;
+    /**
+     * Display mode for the message
+     * @default 'inline'
+     */
+    mode?: MessageDisplayMode;
     /**
      * Text size variant
      * @default 'sm'
      */
     size?: MessageSize;
+    /**
+     * Text color option
+     * - 'default': Generic black text (theme text.primary)
+     * - 'context': Color tied to the variant
+     * - 'custom': Use customTextColor prop value
+     * @default 'context'
+     */
+    textColor?: MessageTextColor;
+    /**
+     * Custom text color (only used when textColor='custom')
+     */
+    customTextColor?: string;
     /**
      * Optional custom icon to override the default variant icon
      */
@@ -38,13 +86,80 @@ export interface MessageProps {
      * @default true
      */
     showIcon?: boolean;
+    /**
+     * Whether the snackbar is open (only for mode='snackbar')
+     * @default true
+     */
+    open?: boolean;
+    /**
+     * Auto-hide duration in milliseconds (only for mode='snackbar')
+     * Set to null to disable auto-hide
+     * @default 5000
+     */
+    autoHideDuration?: number | null;
+    /**
+     * Callback when snackbar is closed (only for mode='snackbar')
+     */
+    onClose?: () => void;
+    /**
+     * Optional action button (only for mode='snackbar')
+     */
+    action?: MessageAction;
+    /**
+     * Whether to show close button (only for mode='snackbar')
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Position for snackbar (only for mode='snackbar')
+     * Note: Position is typically controlled by a provider, but can be overridden
+     * @default 'bottom-right'
+     */
+    position?: SnackbarPosition;
+    /**
+     * Maximum width of the message container.
+     * Accepts any valid CSS width value (e.g., '400px', '50%', '20rem').
+     * Only applies to banner and snackbar modes.
+     */
+    maxWidth?: string | number;
+    /**
+     * Number of lines to show before truncating.
+     * When set, long text will be truncated and a "Show More" toggle will appear.
+     * Set to undefined or 0 to disable truncation.
+     */
+    truncateLines?: number;
+    /**
+     * Custom text for the "Show More" button
+     * @default 'Show More'
+     */
+    showMoreText?: string;
+    /**
+     * Custom text for the "Show Less" button
+     * @default 'Show Less'
+     */
+    showLessText?: string;
     /**
      * Additional CSS classes
      */
     className?: string;
     /**
-     * Test ID for testing
+     * Test ID for testing (deprecated, use dataTestId)
      */
     'data-testid'?: string;
+    /**
+     * Test identifier for automated testing
+     */
+    dataTestId?: string;
+    /**
+     * Data identifier for ib-ui compatibility
+     */
+    dataId?: string;
+}
+/**
+ * Internal props for snackbar animation state
+ */
+export interface InternalSnackbarProps extends MessageProps {
+    /** Whether snackbar is in exiting animation state */
+    isExiting?: boolean;
 }
 //# sourceMappingURL=Message.types.d.ts.map

package/dist/components/Message/Message.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Message.types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpF;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAM5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/Message/SnackbarProvider.d.ts

@@ -0,0 +1,55 @@
+import { ReactElement } from 'react';
+import { SnackbarContextValue, SnackbarProviderProps } from './SnackbarProvider.types';
+/**
+ * Hook to access snackbar functionality
+ * Must be used within a SnackbarProvider
+ *
+ * @example
+ * ```tsx
+ * const { showSnackbar, success, error } = useSnackbar();
+ *
+ * // Show a custom snackbar
+ * showSnackbar({ message: 'Hello!', variant: 'info' });
+ *
+ * // Convenience methods
+ * success('Operation completed!');
+ * error('Something went wrong');
+ * ```
+ */
+export declare const useSnackbar: () => SnackbarContextValue;
+/**
+ * SnackbarProvider - Provides snackbar functionality to the entire application
+ *
+ * Wrap your app with this provider to enable snackbar notifications anywhere
+ * using the useSnackbar hook.
+ *
+ * @example
+ * ```tsx
+ * // In your app root
+ * <SnackbarProvider position="bottom-center">
+ *   <App />
+ * </SnackbarProvider>
+ *
+ * // In any component
+ * const MyComponent = () => {
+ *   const { success, error } = useSnackbar();
+ *
+ *   const handleSave = async () => {
+ *     try {
+ *       await saveData();
+ *       success('Saved successfully!');
+ *     } catch (e) {
+ *       error('Failed to save');
+ *     }
+ *   };
+ *
+ *   return <button onClick={handleSave}>Save</button>;
+ * };
+ * ```
+ */
+export declare const SnackbarProvider: {
+    ({ children, position, maxSnackbars, maxWidth, dataTestId, }: SnackbarProviderProps): ReactElement;
+    displayName: string;
+};
+export default SnackbarProvider;
+//# sourceMappingURL=SnackbarProvider.d.ts.map

package/dist/components/Message/SnackbarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Message/SnackbarProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAEV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAoBlC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,gBAAgB;kEAM1B,qBAAqB,GAAG,YAAY;;CA2ItC,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/components/Message/SnackbarProvider.types.d.ts

@@ -0,0 +1,101 @@
+import { ReactNode } from 'react';
+import { MessageVariant, SnackbarPosition } from './Message.types';
+/**
+ * Options for showing a snackbar
+ */
+export interface ShowSnackbarOptions {
+    /**
+     * The message content to display
+     */
+    message: ReactNode;
+    /**
+     * The variant/type of message to display
+     * @default 'info'
+     */
+    variant?: MessageVariant;
+    /**
+     * Optional action button configuration
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Auto-hide duration in milliseconds
+     * Set to null or 0 to disable auto-hide
+     * @default 5000
+     */
+    autoHideDuration?: number | null;
+    /**
+     * Custom ID for the snackbar (auto-generated if not provided)
+     */
+    id?: string;
+}
+/**
+ * Context value provided by SnackbarProvider
+ */
+export interface SnackbarContextValue {
+    /**
+     * Show a snackbar notification
+     * Returns the ID of the created snackbar
+     */
+    showSnackbar: (options: ShowSnackbarOptions) => string;
+    /**
+     * Hide a specific snackbar by ID
+     */
+    hideSnackbar: (id: string) => void;
+    /**
+     * Clear all snackbars
+     */
+    clearAll: () => void;
+    /**
+     * Convenience method to show a success snackbar
+     */
+    success: (message: ReactNode, options?: Omit<ShowSnackbarOptions, 'message' | 'variant'>) => string;
+    /**
+     * Convenience method to show an error snackbar
+     */
+    error: (message: ReactNode, options?: Omit<ShowSnackbarOptions, 'message' | 'variant'>) => string;
+    /**
+     * Convenience method to show a warning snackbar
+     */
+    warning: (message: ReactNode, options?: Omit<ShowSnackbarOptions, 'message' | 'variant'>) => string;
+    /**
+     * Convenience method to show an info snackbar
+     */
+    info: (message: ReactNode, options?: Omit<ShowSnackbarOptions, 'message' | 'variant'>) => string;
+}
+/**
+ * Props for the SnackbarProvider component
+ */
+export interface SnackbarProviderProps {
+    /**
+     * Child components that will have access to the snackbar context
+     */
+    children: ReactNode;
+    /**
+     * Position of the snackbar stack
+     * @default 'bottom-center'
+     */
+    position?: SnackbarPosition;
+    /**
+     * Maximum number of snackbars to show at once
+     * Oldest will be removed when limit is exceeded
+     * @default 5
+     */
+    maxSnackbars?: number;
+    /**
+     * Maximum width for snackbars
+     */
+    maxWidth?: string | number;
+    /**
+     * Test ID for testing
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=SnackbarProvider.types.d.ts.map

package/dist/components/Message/SnackbarProvider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarProvider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/SnackbarProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAC;IACvD;;OAEG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,KAAK,MAAM,CAAC;IACpG;;OAEG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,KAAK,MAAM,CAAC;IAClG;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,KAAK,MAAM,CAAC;IACpG;;OAEG;IACH,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC,KAAK,MAAM,CAAC;CAClG;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/Message/SnackbarStack.d.ts

@@ -0,0 +1,33 @@
+import { SnackbarStackProps, SnackbarStackRef } from './SnackbarStack.types';
+/**
+ * SnackbarStack - A component that manages and displays multiple stacking snackbars
+ *
+ * This component renders snackbars in a fixed position on the screen and handles
+ * their lifecycle including auto-dismiss timers and animations.
+ *
+ * @example
+ * ```tsx
+ * const [alerts, setAlerts] = useState<Map<string, SnackbarAlert>>(new Map());
+ *
+ * const addAlert = (alert: SnackbarAlert) => {
+ *   setAlerts(prev => new Map(prev).set(alert.id, alert));
+ * };
+ *
+ * const removeAlert = (id: string) => {
+ *   setAlerts(prev => {
+ *     const next = new Map(prev);
+ *     next.delete(id);
+ *     return next;
+ *   });
+ * };
+ *
+ * <SnackbarStack
+ *   alerts={alerts}
+ *   onClose={removeAlert}
+ *   position="bottom-center"
+ * />
+ * ```
+ */
+export declare const SnackbarStack: import('react').ForwardRefExoticComponent<SnackbarStackProps & import('react').RefAttributes<SnackbarStackRef>>;
+export default SnackbarStack;
+//# sourceMappingURL=SnackbarStack.d.ts.map

package/dist/components/Message/SnackbarStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarStack.d.ts","sourceRoot":"","sources":["../../../src/components/Message/SnackbarStack.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAiB,MAAM,uBAAuB,CAAC;AAqEjG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,aAAa,iHA8MzB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/components/Message/SnackbarStack.types.d.ts

@@ -0,0 +1,81 @@
+import { MessageVariant } from './Message.types';
+import { ReactNode } from 'react';
+/**
+ * Descriptor for an individual snackbar alert
+ */
+export interface SnackbarAlert {
+    /**
+     * Unique identifier for the alert
+     */
+    id: string;
+    /**
+     * The message content to display
+     */
+    message: ReactNode;
+    /**
+     * The variant/type of message to display
+     */
+    variant: MessageVariant;
+    /**
+     * Optional action button configuration
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Auto-hide duration in milliseconds
+     * Set to null or 0 to disable auto-hide
+     * @default 5000
+     */
+    autoHideDuration?: number | null;
+}
+/**
+ * Props for the SnackbarStack component
+ */
+export interface SnackbarStackProps {
+    /**
+     * Map of alerts to display, keyed by unique ID
+     */
+    alerts: Map<string, SnackbarAlert>;
+    /**
+     * Callback when an alert's action button is clicked
+     */
+    onAction?: (id: string) => void;
+    /**
+     * Callback when an alert is closed
+     */
+    onClose?: (id: string) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Position of the snackbar stack
+     * @default 'bottom-center'
+     */
+    position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
+    /**
+     * Maximum width for snackbars in the stack
+     */
+    maxWidth?: string | number;
+    /**
+     * Test ID for testing
+     */
+    dataTestId?: string;
+}
+/**
+ * Ref props for the SnackbarStack component
+ */
+export interface SnackbarStackRef {
+    /**
+     * Programmatically close an alert by ID
+     */
+    closeAlert: (id: string) => void;
+}
+//# sourceMappingURL=SnackbarStack.types.d.ts.map

package/dist/components/Message/SnackbarStack.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/SnackbarStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;IACtG;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC"}

package/dist/components/Message/index.d.ts

@@ -1,7 +1,20 @@
 /**
  * Message Component
- * Unified message component for displaying various types of feedback
+ * Universal message component for displaying various types of feedback
+ * Supports inline, banner, and snackbar display modes
  */
 export { Message, default } from './Message';
-export type { MessageProps, MessageVariant, MessageSize } from './Message.types';
+export type { MessageProps, MessageVariant, MessageSize, MessageDisplayMode, MessageTextColor, MessageAction, SnackbarPosition, InternalSnackbarProps, } from './Message.types';
+/**
+ * SnackbarProvider and useSnackbar hook
+ * Context-based snackbar management for app-wide notifications
+ *
+ * Usage:
+ * 1. Wrap your app with <SnackbarProvider>
+ * 2. Use useSnackbar() hook anywhere to show snackbars
+ *
+ * The provider handles all stacking and positioning internally.
+ */
+export { SnackbarProvider, useSnackbar } from './SnackbarProvider';
+export type { ShowSnackbarOptions, SnackbarContextValue, SnackbarProviderProps, } from './SnackbarProvider.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;;GASG;AACH,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC"}

package/dist/components/MetadataDetails/MetadataDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataDetails.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAmC,MAAM,yBAAyB,CAAC;AAqHrG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,eAAe,iHA0D3B,CAAC"}
+{"version":3,"file":"MetadataDetails.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAmC,MAAM,yBAAyB,CAAC;AAqHrG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,eAAe,iHAgE3B,CAAC"}

package/dist/components/MetadataDetails/MetadataDetails.types.d.ts

@@ -68,5 +68,13 @@ export interface MetadataDetailsProps {
      * Additional CSS class name
      */
     className?: string;
+    /**
+     * Test identifier for automated testing
+     */
+    dataTestId?: string;
+    /**
+     * Data identifier for ib-ui compatibility
+     */
+    dataId?: string;
 }
 //# sourceMappingURL=MetadataDetails.types.d.ts.map

package/dist/components/MetadataDetails/MetadataDetails.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataDetails.types.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"MetadataDetails.types.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataDetails/MetadataDetails.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/Modal/Modal.d.ts

@@ -15,7 +15,7 @@ import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from '
  * </Modal>
  * ```
  */
-export declare function Modal({ isOpen, onClose, title, children, size, closeOnBackdropClick, closeOnEsc, showCloseButton, footer, className, portalContainer, 'data-testid': testId, transparent, zIndex, initialFocusRef, onMount, 'aria-label': ariaLabel, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ isOpen, onClose, title, titleFontSize, children, size, closeOnBackdropClick, closeOnEsc, showCloseButton, footer, className, portalContainer, 'data-testid': testId, dataTestId, dataId, transparent, zIndex, initialFocusRef, onMount, 'aria-label': ariaLabel, }: ModalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Modal {
     var Header: typeof ModalHeader;
     var Body: typeof ModalBody;

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAuPvB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,oBAA2B,EAC3B,UAAiB,EACjB,eAAsB,EACtB,MAAM,EACN,SAAS,EACT,eAAe,EACf,aAAa,EAAE,MAAM,EACrB,WAAmB,EACnB,MAAW,EACX,eAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAS,GACxB,EAAE,UAAU,2CA2IZ;yBA7Je,KAAK;;;;;;AA+JrB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAI3B;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAEhE;yBAFe,SAAS;;;AAIzB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAc3B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAEjB,MAAM,eAAe,CAAC;AA0QvB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,EACR,IAAW,EACX,oBAA2B,EAC3B,UAAiB,EACjB,eAAsB,EACtB,MAAM,EACN,SAAS,EACT,eAAe,EACf,aAAa,EAAE,MAAM,EACrB,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,MAAW,EACX,eAAe,EACf,OAAO,EACP,YAAY,EAAE,SAAS,GACxB,EAAE,UAAU,2CAiJZ;yBAtKe,KAAK;;;;;;AAwKrB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAI3B;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAEhE;yBAFe,SAAS;;;AAIzB;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAEpE;yBAFe,WAAW;;;AAc3B,eAAe,KAAK,CAAC"}

package/dist/components/Modal/Modal.types.d.ts

@@ -1,4 +1,8 @@
-import { ReactNode, RefObject } from 'react';
+import { ReactNode, RefObject, CSSProperties } from 'react';
+/**
+ * Font size value - can be a theme token key or a CSS value
+ */
+export type FontSizeValue = 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | CSSProperties['fontSize'];
 /**
  * Size variants for the Modal component
  */
@@ -46,6 +50,12 @@ export interface ModalProps {
     onClose: () => void;
     /** Modal title */
     title?: string;
+    /**
+     * Font size for the title
+     * Can be a theme token key ('xs', 'sm', 'base', 'md', 'lg', 'xl') or CSS value
+     * @default 'lg'
+     */
+    titleFontSize?: FontSizeValue;
     /** Modal content */
     children: ReactNode;
     /** Size variant */
@@ -62,8 +72,12 @@ export interface ModalProps {
     className?: string;
     /** Portal container (defaults to document.body) */
     portalContainer?: HTMLElement;
-    /** Test ID */
+    /** Test ID (deprecated, use dataTestId) */
     'data-testid'?: string;
+    /** Test identifier for automated testing */
+    dataTestId?: string;
+    /** Data identifier for ib-ui compatibility */
+    dataId?: string;
     /**
      * Whether the backdrop is transparent (no dark background)
      * Useful for loading overlays or custom scenarios