@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3

package/dist/components/ui/feedback/skeleton.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+;
+// Base Skeleton Component
+const BaseSkeleton = ({ width, height, variant = 'rectangular', animation = 'pulse', className = '', size = 'md' }) => {
+    // Note: theme and colors not needed as we're using semantic CSS classes
+    const getDefaultDimensions = () => {
+        if (width && height)
+            return { width, height };
+        switch (variant) {
+            case 'circular':
+                switch (size) {
+                    case 'sm': return { width: '2rem', height: '2rem' };
+                    case 'lg': return { width: '4rem', height: '4rem' };
+                    default: return { width: '3rem', height: '3rem' };
+                }
+            case 'text':
+                switch (size) {
+                    case 'sm': return { width: '100%', height: '0.875rem' };
+                    case 'lg': return { width: '100%', height: '1.25rem' };
+                    default: return { width: '100%', height: '1rem' };
+                }
+            case 'rectangular':
+            case 'rounded':
+            default:
+                switch (size) {
+                    case 'sm': return { width: '100%', height: '2rem' };
+                    case 'lg': return { width: '100%', height: '4rem' };
+                    default: return { width: '100%', height: '3rem' };
+                }
+        }
+    };
+    const dimensions = getDefaultDimensions();
+    return (_jsx("div", { className: `skeleton__base skeleton__base--${variant} skeleton__base--${animation} skeleton__base--${size} ${className}`, style: {
+            width: dimensions.width,
+            height: dimensions.height
+        }, "aria-busy": "true", role: "progressbar", "aria-label": "Loading content" }));
+};
+// Skeleton Text Component
+export const SkeletonText = ({ lines = 3, lineHeight, lastLineWidth, spacing = 2, className = '', ...props }) => {
+    const getLineHeight = () => {
+        if (lineHeight)
+            return lineHeight;
+        switch (props.size) {
+            case 'sm': return '0.875rem';
+            case 'lg': return '1.25rem';
+            default: return '1rem';
+        }
+    };
+    const getLastLineWidth = () => {
+        if (lastLineWidth)
+            return lastLineWidth;
+        return '75%';
+    };
+    return (_jsx("div", { className: `skeleton__text skeleton__text--spacing-${spacing} ${className}`, children: Array.from({ length: lines }).map((_, index) => (_jsx("div", { className: `skeleton__text-line skeleton__text-line--${props.size || 'md'} skeleton__base--${props.animation || 'pulse'} ${index === lines - 1 ? 'skeleton__text-line--last' : ''}`, style: {
+                width: index === lines - 1 ? getLastLineWidth() : '100%',
+                height: getLineHeight()
+            }, "aria-busy": "true" }, index))) }));
+};
+// Skeleton Avatar Component
+export const SkeletonAvatar = ({ size = 'md', shape = 'circular', className = '', ...props }) => {
+    return (_jsx("div", { className: `skeleton__avatar skeleton__avatar--${size} skeleton__avatar--${shape} skeleton__base--${props.animation || 'pulse'} ${className}`, "aria-busy": "true", role: "progressbar", "aria-label": "Loading avatar" }));
+};
+// Skeleton Button Component
+export const SkeletonButton = ({ size = 'md', variant = 'contained', fullWidth = false, className = '', ...props }) => {
+    return (_jsx("div", { className: `skeleton__button skeleton__button--${size} skeleton__button--${variant} ${fullWidth ? 'skeleton__button--full-width' : ''} skeleton__base--${props.animation || 'pulse'} ${className}`, "aria-busy": "true", role: "progressbar", "aria-label": "Loading button" }));
+};
+// Main Skeleton Component
+export const Skeleton = ({ width, height, variant = 'rectangular', animation = 'pulse', rows = 1, spacing = 2, show = true, className = '', theme = 'stan-design', size = 'md' }) => {
+    if (!show) {
+        return null;
+    }
+    if (rows > 1) {
+        return (_jsx("div", { className: `skeleton__container skeleton__container--spacing-${spacing} ${className}`, children: Array.from({ length: rows }).map((_, index) => (_jsx(BaseSkeleton, { width: width, height: height, variant: variant, animation: animation, size: size, theme: theme }, index))) }));
+    }
+    return (_jsx(BaseSkeleton, { width: width, height: height, variant: variant, animation: animation, size: size, theme: theme, className: className }));
+};
+export default Skeleton;

package/dist/components/ui/feedback/status-alert-example.d.ts

@@ -0,0 +1,3 @@
+import { StatusAlertData } from './types.js';
+export declare const statusAlertExamples: StatusAlertData[];
+//# sourceMappingURL=status-alert-example.d.ts.map

package/dist/components/ui/feedback/status-alert-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-alert-example.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/status-alert-example.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,eAAO,MAAM,mBAAmB,EAAE,eAAe,EAkEhD,CAAC"}

package/dist/components/ui/feedback/status-alert-example.esm.js

@@ -0,0 +1,68 @@
+// Simple StatusAlertData examples
+export const statusAlertExamples = [
+    {
+        id: 'success-alert',
+        title: 'Success',
+        message: 'Your changes have been saved successfully.',
+        type: 'success',
+        dismissible: true,
+        onDismiss: () => console.log('Success alert dismissed'),
+        showIcon: true,
+        closable: true,
+        size: 'md',
+        variant: 'default'
+    },
+    {
+        id: 'warning-alert',
+        title: 'Warning',
+        message: 'Please review your settings before proceeding.',
+        type: 'warning',
+        dismissible: true,
+        actions: [
+            {
+                label: 'Review Settings',
+                onClick: () => console.log('Review settings clicked'),
+                variant: 'primary'
+            },
+            {
+                label: 'Dismiss',
+                onClick: () => console.log('Dismissed'),
+                variant: 'secondary'
+            }
+        ],
+        showIcon: true,
+        size: 'md',
+        variant: 'bordered'
+    },
+    {
+        id: 'error-alert',
+        title: 'Error',
+        message: 'An error occurred while processing your request.',
+        type: 'error',
+        dismissible: true,
+        onDismiss: () => console.log('Error alert dismissed'),
+        actions: [
+            {
+                label: 'Retry',
+                onClick: () => console.log('Retry clicked'),
+                variant: 'primary'
+            }
+        ],
+        showIcon: true,
+        closable: true,
+        size: 'lg',
+        variant: 'filled'
+    },
+    {
+        id: 'info-alert',
+        title: 'Information',
+        message: 'System maintenance is scheduled for tonight.',
+        type: 'info',
+        dismissible: false,
+        persistent: true,
+        showIcon: true,
+        size: 'md',
+        variant: 'default',
+        theme: 'stan-design'
+    }
+];

package/dist/components/ui/feedback/status-alert-example.js

@@ -0,0 +1,68 @@
+// Simple StatusAlertData examples
+export const statusAlertExamples = [
+    {
+        id: 'success-alert',
+        title: 'Success',
+        message: 'Your changes have been saved successfully.',
+        type: 'success',
+        dismissible: true,
+        onDismiss: () => console.log('Success alert dismissed'),
+        showIcon: true,
+        closable: true,
+        size: 'md',
+        variant: 'default'
+    },
+    {
+        id: 'warning-alert',
+        title: 'Warning',
+        message: 'Please review your settings before proceeding.',
+        type: 'warning',
+        dismissible: true,
+        actions: [
+            {
+                label: 'Review Settings',
+                onClick: () => console.log('Review settings clicked'),
+                variant: 'primary'
+            },
+            {
+                label: 'Dismiss',
+                onClick: () => console.log('Dismissed'),
+                variant: 'secondary'
+            }
+        ],
+        showIcon: true,
+        size: 'md',
+        variant: 'bordered'
+    },
+    {
+        id: 'error-alert',
+        title: 'Error',
+        message: 'An error occurred while processing your request.',
+        type: 'error',
+        dismissible: true,
+        onDismiss: () => console.log('Error alert dismissed'),
+        actions: [
+            {
+                label: 'Retry',
+                onClick: () => console.log('Retry clicked'),
+                variant: 'primary'
+            }
+        ],
+        showIcon: true,
+        closable: true,
+        size: 'lg',
+        variant: 'filled'
+    },
+    {
+        id: 'info-alert',
+        title: 'Information',
+        message: 'System maintenance is scheduled for tonight.',
+        type: 'info',
+        dismissible: false,
+        persistent: true,
+        showIcon: true,
+        size: 'md',
+        variant: 'default',
+        theme: 'stan-design'
+    }
+];

package/dist/components/ui/feedback/toast-context.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ToastProps } from './types.js';
+export interface ToastInstance extends Omit<ToastProps, 'id'> {
+    id: string;
+    createdAt: number;
+}
+export interface ToastContextValue {
+    toasts: ToastInstance[];
+    addToast: (toast: Omit<ToastInstance, 'id' | 'createdAt'>) => string;
+    removeToast: (id: string) => void;
+    clearAllToasts: () => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    maxToasts?: number;
+    defaultDuration?: number;
+    defaultPosition?: ToastProps['position'];
+}
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export declare const useToast: () => ToastContextValue;
+export declare const useToastHelpers: () => {
+    showSuccess: (message: string, title?: string, options?: Partial<ToastInstance>) => string;
+    showError: (message: string, title?: string, options?: Partial<ToastInstance>) => string;
+    showWarning: (message: string, title?: string, options?: Partial<ToastInstance>) => string;
+    showInfo: (message: string, title?: string, options?: Partial<ToastInstance>) => string;
+};
+//# sourceMappingURL=toast-context.d.ts.map

package/dist/components/ui/feedback/toast-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-context.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,CAAC,KAAK,MAAM,CAAC;IACrE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkFtD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AAEF,eAAO,MAAM,eAAe;2BAGgB,MAAM,UAAU,MAAM,YAAY,OAAO,CAAC,aAAa,CAAC;yBAI1D,MAAM,UAAU,MAAM,YAAY,OAAO,CAAC,aAAa,CAAC;2BAItD,MAAM,UAAU,MAAM,YAAY,OAAO,CAAC,aAAa,CAAC;wBAI3D,MAAM,UAAU,MAAM,YAAY,OAAO,CAAC,aAAa,CAAC;CAUhG,CAAC"}

package/dist/components/ui/feedback/toast-context.esm.js

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback, useRef } from 'react';
+;
+const ToastContext = createContext(undefined);
+export const ToastProvider = ({ children, maxToasts = 5, defaultDuration = 5000, defaultPosition = 'top-right' }) => {
+    const [toasts, setToasts] = useState([]);
+    const timeoutRefs = useRef(new Map());
+    const removeToast = useCallback((id) => {
+        setToasts(prev => prev.filter(toast => toast.id !== id));
+        const timeoutId = timeoutRefs.current.get(id);
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutRefs.current.delete(id);
+        }
+    }, []);
+    const addToast = useCallback((toastData) => {
+        const id = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const toast = {
+            ...toastData,
+            id,
+            createdAt: Date.now(),
+            duration: toastData.duration ?? defaultDuration,
+            position: toastData.position ?? defaultPosition,
+            autoClose: toastData.autoClose ?? true,
+            pauseOnHover: toastData.pauseOnHover ?? true,
+            closable: toastData.closable ?? true,
+            showIcon: toastData.showIcon ?? true,
+            size: toastData.size ?? 'md',
+            variant: toastData.variant ?? 'default'
+        };
+        setToasts(prev => {
+            const newToasts = [toast, ...prev];
+            if (newToasts.length > maxToasts) {
+                const toastsToRemove = newToasts.slice(maxToasts);
+                toastsToRemove.forEach(t => {
+                    const timeoutId = timeoutRefs.current.get(t.id);
+                    if (timeoutId) {
+                        clearTimeout(timeoutId);
+                        timeoutRefs.current.delete(t.id);
+                    }
+                });
+                return newToasts.slice(0, maxToasts);
+            }
+            return newToasts;
+        });
+        if (toast.autoClose && toast.duration && toast.duration > 0) {
+            const timeoutId = setTimeout(() => {
+                removeToast(id);
+            }, toast.duration);
+            timeoutRefs.current.set(id, timeoutId);
+        }
+        return id;
+    }, [defaultDuration, defaultPosition, maxToasts, removeToast]);
+    const clearAllToasts = useCallback(() => {
+        timeoutRefs.current.forEach(timeoutId => clearTimeout(timeoutId));
+        timeoutRefs.current.clear();
+        setToasts([]);
+    }, []);
+    const contextValue = {
+        toasts,
+        addToast,
+        removeToast,
+        clearAllToasts
+    };
+    return (_jsx(ToastContext.Provider, { value: contextValue, children: children }));
+};
+export const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    return context;
+};
+export const useToastHelpers = () => {
+    const { addToast } = useToast();
+    const showSuccess = useCallback((message, title, options) => {
+        return addToast({ type: 'success', message, title, ...options });
+    }, [addToast]);
+    const showError = useCallback((message, title, options) => {
+        return addToast({ type: 'error', message, title, ...options });
+    }, [addToast]);
+    const showWarning = useCallback((message, title, options) => {
+        return addToast({ type: 'warning', message, title, ...options });
+    }, [addToast]);
+    const showInfo = useCallback((message, title, options) => {
+        return addToast({ type: 'info', message, title, ...options });
+    }, [addToast]);
+    return {
+        showSuccess,
+        showError,
+        showWarning,
+        showInfo
+    };
+};

package/dist/components/ui/feedback/toast-context.js

@@ -0,0 +1,95 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback, useRef } from 'react';
+;
+const ToastContext = createContext(undefined);
+export const ToastProvider = ({ children, maxToasts = 5, defaultDuration = 5000, defaultPosition = 'top-right' }) => {
+    const [toasts, setToasts] = useState([]);
+    const timeoutRefs = useRef(new Map());
+    const removeToast = useCallback((id) => {
+        setToasts(prev => prev.filter(toast => toast.id !== id));
+        const timeoutId = timeoutRefs.current.get(id);
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutRefs.current.delete(id);
+        }
+    }, []);
+    const addToast = useCallback((toastData) => {
+        const id = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const toast = {
+            ...toastData,
+            id,
+            createdAt: Date.now(),
+            duration: toastData.duration ?? defaultDuration,
+            position: toastData.position ?? defaultPosition,
+            autoClose: toastData.autoClose ?? true,
+            pauseOnHover: toastData.pauseOnHover ?? true,
+            closable: toastData.closable ?? true,
+            showIcon: toastData.showIcon ?? true,
+            size: toastData.size ?? 'md',
+            variant: toastData.variant ?? 'default'
+        };
+        setToasts(prev => {
+            const newToasts = [toast, ...prev];
+            if (newToasts.length > maxToasts) {
+                const toastsToRemove = newToasts.slice(maxToasts);
+                toastsToRemove.forEach(t => {
+                    const timeoutId = timeoutRefs.current.get(t.id);
+                    if (timeoutId) {
+                        clearTimeout(timeoutId);
+                        timeoutRefs.current.delete(t.id);
+                    }
+                });
+                return newToasts.slice(0, maxToasts);
+            }
+            return newToasts;
+        });
+        if (toast.autoClose && toast.duration && toast.duration > 0) {
+            const timeoutId = setTimeout(() => {
+                removeToast(id);
+            }, toast.duration);
+            timeoutRefs.current.set(id, timeoutId);
+        }
+        return id;
+    }, [defaultDuration, defaultPosition, maxToasts, removeToast]);
+    const clearAllToasts = useCallback(() => {
+        timeoutRefs.current.forEach(timeoutId => clearTimeout(timeoutId));
+        timeoutRefs.current.clear();
+        setToasts([]);
+    }, []);
+    const contextValue = {
+        toasts,
+        addToast,
+        removeToast,
+        clearAllToasts
+    };
+    return (_jsx(ToastContext.Provider, { value: contextValue, children: children }));
+};
+export const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    return context;
+};
+export const useToastHelpers = () => {
+    const { addToast } = useToast();
+    const showSuccess = useCallback((message, title, options) => {
+        return addToast({ type: 'success', message, title, ...options });
+    }, [addToast]);
+    const showError = useCallback((message, title, options) => {
+        return addToast({ type: 'error', message, title, ...options });
+    }, [addToast]);
+    const showWarning = useCallback((message, title, options) => {
+        return addToast({ type: 'warning', message, title, ...options });
+    }, [addToast]);
+    const showInfo = useCallback((message, title, options) => {
+        return addToast({ type: 'info', message, title, ...options });
+    }, [addToast]);
+    return {
+        showSuccess,
+        showError,
+        showWarning,
+        showInfo
+    };
+};

package/dist/components/ui/feedback/toast-example.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const ToastExample: React.FC;
+export default ToastExample;
+//# sourceMappingURL=toast-example.d.ts.map

package/dist/components/ui/feedback/toast-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-example.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast-example.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqD/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAOhC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ui/feedback/toast-example.esm.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+;
+import { ToastProvider, useToastHelpers, GlobalToastRenderer } from './index.js';
+const ToastDemo = () => {
+    const { showSuccess, showError, showWarning, showInfo } = useToastHelpers();
+    const handleSuccess = () => {
+        showSuccess('Operation completed successfully!', 'Success');
+    };
+    const handleError = () => {
+        showError('Something went wrong. Please try again.', 'Error');
+    };
+    const handleWarning = () => {
+        showWarning('This action cannot be undone.', 'Warning');
+    };
+    const handleInfo = () => {
+        showInfo('New update available.', 'Information');
+    };
+    const handleCustomAction = () => {
+        showSuccess('File uploaded successfully!', 'Upload Complete', {
+            actions: [
+                {
+                    label: 'View File',
+                    onClick: () => console.log('View file clicked'),
+                    variant: 'primary'
+                },
+                {
+                    label: 'Share',
+                    onClick: () => console.log('Share clicked'),
+                    variant: 'secondary'
+                }
+            ]
+        });
+    };
+    return (_jsxs("div", { style: { padding: '20px' }, children: [_jsx("h2", { children: "Toast Component Test" }), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap' }, children: [_jsx("button", { onClick: handleSuccess, children: "Show Success" }), _jsx("button", { onClick: handleError, children: "Show Error" }), _jsx("button", { onClick: handleWarning, children: "Show Warning" }), _jsx("button", { onClick: handleInfo, children: "Show Info" }), _jsx("button", { onClick: handleCustomAction, children: "Show With Actions" })] })] }));
+};
+export const ToastExample = () => {
+    return (_jsxs(ToastProvider, { maxToasts: 5, defaultDuration: 5000, children: [_jsx(ToastDemo, {}), _jsx(GlobalToastRenderer, {})] }));
+};
+export default ToastExample;

package/dist/components/ui/feedback/toast-example.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+;
+import { ToastProvider, useToastHelpers, GlobalToastRenderer } from './index.js';
+const ToastDemo = () => {
+    const { showSuccess, showError, showWarning, showInfo } = useToastHelpers();
+    const handleSuccess = () => {
+        showSuccess('Operation completed successfully!', 'Success');
+    };
+    const handleError = () => {
+        showError('Something went wrong. Please try again.', 'Error');
+    };
+    const handleWarning = () => {
+        showWarning('This action cannot be undone.', 'Warning');
+    };
+    const handleInfo = () => {
+        showInfo('New update available.', 'Information');
+    };
+    const handleCustomAction = () => {
+        showSuccess('File uploaded successfully!', 'Upload Complete', {
+            actions: [
+                {
+                    label: 'View File',
+                    onClick: () => console.log('View file clicked'),
+                    variant: 'primary'
+                },
+                {
+                    label: 'Share',
+                    onClick: () => console.log('Share clicked'),
+                    variant: 'secondary'
+                }
+            ]
+        });
+    };
+    return (_jsxs("div", { style: { padding: '20px' }, children: [_jsx("h2", { children: "Toast Component Test" }), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap' }, children: [_jsx("button", { onClick: handleSuccess, children: "Show Success" }), _jsx("button", { onClick: handleError, children: "Show Error" }), _jsx("button", { onClick: handleWarning, children: "Show Warning" }), _jsx("button", { onClick: handleInfo, children: "Show Info" }), _jsx("button", { onClick: handleCustomAction, children: "Show With Actions" })] })] }));
+};
+export const ToastExample = () => {
+    return (_jsxs(ToastProvider, { maxToasts: 5, defaultDuration: 5000, children: [_jsx(ToastDemo, {}), _jsx(GlobalToastRenderer, {})] }));
+};
+export default ToastExample;

package/dist/components/ui/feedback/toast-renderer.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ToastProps } from './types.js';
+export interface ToastRendererProps {
+    position?: ToastProps['position'];
+    className?: string;
+}
+export declare const ToastRenderer: React.FC<ToastRendererProps>;
+export declare const GlobalToastRenderer: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=toast-renderer.d.ts.map

package/dist/components/ui/feedback/toast-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyBtD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAuBhE,CAAC"}

package/dist/components/ui/feedback/toast-renderer.esm.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+;
+import { Toast, ToastContainer } from './toast.js';
+import { useToast } from './toast-context.js';
+export const ToastRenderer = ({ position = 'top-right', className = '' }) => {
+    const { toasts, removeToast } = useToast();
+    const positionToasts = toasts.filter(toast => (toast.position || 'top-right') === position);
+    if (positionToasts.length === 0) {
+        return null;
+    }
+    return (_jsx(ToastContainer, { position: position, className: className, children: positionToasts.map((toast) => (_jsx(Toast, { ...toast, onClose: () => removeToast(toast.id) }, toast.id))) }));
+};
+export const GlobalToastRenderer = ({ className = '' }) => {
+    const positions = [
+        'top-left',
+        'top-center',
+        'top-right',
+        'bottom-left',
+        'bottom-center',
+        'bottom-right'
+    ];
+    return (_jsx(_Fragment, { children: positions.map(position => (_jsx(ToastRenderer, { position: position, className: className }, position))) }));
+};

package/dist/components/ui/feedback/toast-renderer.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+;
+import { Toast, ToastContainer } from './toast.js';
+import { useToast } from './toast-context.js';
+export const ToastRenderer = ({ position = 'top-right', className = '' }) => {
+    const { toasts, removeToast } = useToast();
+    const positionToasts = toasts.filter(toast => (toast.position || 'top-right') === position);
+    if (positionToasts.length === 0) {
+        return null;
+    }
+    return (_jsx(ToastContainer, { position: position, className: className, children: positionToasts.map((toast) => (_jsx(Toast, { ...toast, onClose: () => removeToast(toast.id) }, toast.id))) }));
+};
+export const GlobalToastRenderer = ({ className = '' }) => {
+    const positions = [
+        'top-left',
+        'top-center',
+        'top-right',
+        'bottom-left',
+        'bottom-center',
+        'bottom-right'
+    ];
+    return (_jsx(_Fragment, { children: positions.map(position => (_jsx(ToastRenderer, { position: position, className: className }, position))) }));
+};

package/dist/components/ui/feedback/toast.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ToastProps, ToastContainerProps } from './types.js';
+export declare const Toast: React.FC<ToastProps>;
+export declare const ToastContainer: React.FC<ToastContainerProps & {
+    children: React.ReactNode;
+}>;
+export default Toast;
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/ui/feedback/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAe,mBAAmB,EAAE,MAAM,YAAY,CAAC;AA8G1E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyJtC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYxF,CAAC;AAEF,eAAe,KAAK,CAAC"}