@vtx-ui/react 0.0.1-beta.16 → 0.0.1-beta.17

package/dist/esm/components/Textarea/components/Textarea/Textarea.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { useId } from '../../../../hooks/hooks/index.js';
+import { CloseSmallIcon } from '../../../../icons/icons/IconComponents.js';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+import '../../../../theme/theme/tokens.js';
+
+/**
+ * Textarea component - Multi-line text input field with label, helper text, validation states, and rich features
+ *
+ * A comprehensive textarea component with support for auto-resizing, character counting,
+ * clear functionality, and various validation states.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <Textarea
+ *   label="Description"
+ *   placeholder="Enter your description"
+ *   helperText="Provide a detailed description"
+ * />
+ * ```
+ *
+ * @example
+ * With error state
+ * ```tsx
+ * <Textarea
+ *   label="Bio"
+ *   error="Bio must be at least 20 characters"
+ *   value={bio}
+ *   onChange={(e) => setBio(e.target.value)}
+ * />
+ * ```
+ *
+ * @example
+ * With character counter
+ * ```tsx
+ * <Textarea
+ *   label="Comment"
+ *   maxLength={500}
+ *   showCount
+ *   value={comment}
+ *   onChange={(e) => setComment(e.target.value)}
+ * />
+ * ```
+ *
+ * @example
+ * Auto-resizing textarea
+ * ```tsx
+ * <Textarea
+ *   label="Notes"
+ *   autoResize
+ *   minRows={3}
+ *   maxRows={10}
+ *   value={notes}
+ *   onChange={(e) => setNotes(e.target.value)}
+ * />
+ * ```
+ */
+const Textarea = React__default.forwardRef(({ label, helperText, error, success, size, fullWidth = true, clearable = false, onClear, showCount = false, className = '', wrapperClassName = '', labelClassName = '', textareaClassName = '', id: providedId, disabled = false, required = false, value, maxLength, autoResize = false, minRows = 3, maxRows, rows: providedRows, onChange, ...props }, ref) => {
+    const { theme } = useThemeContext();
+    const textareaSize = size || theme.defaultSize;
+    const generatedId = useId('textarea');
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const errorId = `${id}-error`;
+    const successId = `${id}-success`;
+    const textareaRef = React__default.useRef(null);
+    const hasError = Boolean(error);
+    const hasSuccess = Boolean(success) && !hasError;
+    const showClearButton = clearable && value && String(value).length > 0 && !disabled;
+    const describedBy = [
+        helperText && !error && !success && helperId,
+        error && errorId,
+        success && successId,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const wrapperClassNames = [
+        'vtx-textarea-wrapper',
+        !fullWidth && 'vtx-textarea-wrapper--inline',
+        wrapperClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const textareaContainerClassNames = [
+        'vtx-textarea-container',
+        `vtx-textarea-container--${textareaSize}`,
+        hasError && 'vtx-textarea-container--error',
+        hasSuccess && 'vtx-textarea-container--success',
+        disabled && 'vtx-textarea-container--disabled',
+        showClearButton && 'vtx-textarea-container--with-clear',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const textareaClasses = [
+        'vtx-textarea',
+        autoResize && 'vtx-textarea--auto-resize',
+        textareaClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleClear = () => {
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+        // Focus the textarea after clearing
+        if (textareaRef.current) {
+            textareaRef.current.focus();
+        }
+    };
+    const currentLength = value ? String(value).length : 0;
+    const showCounter = (showCount || maxLength) && maxLength !== undefined;
+    // Auto-resize functionality
+    React__default.useEffect(() => {
+        if (autoResize && textareaRef.current) {
+            const textarea = textareaRef.current;
+            // Reset height to auto to get the correct scrollHeight
+            textarea.style.height = 'auto';
+            // Calculate new height
+            let newHeight = textarea.scrollHeight;
+            // Apply min/max row constraints
+            const lineHeight = parseInt(getComputedStyle(textarea).lineHeight);
+            if (minRows) {
+                const minHeight = lineHeight * minRows;
+                newHeight = Math.max(newHeight, minHeight);
+            }
+            if (maxRows) {
+                const maxHeight = lineHeight * maxRows;
+                newHeight = Math.min(newHeight, maxHeight);
+            }
+            textarea.style.height = `${newHeight}px`;
+        }
+    }, [value, autoResize, minRows, maxRows]);
+    const handleRef = (node) => {
+        textareaRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    };
+    const handleChange = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    };
+    const rows = autoResize ? minRows : (providedRows || minRows);
+    // Calculate if character count is close to limit
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.9;
+    const isAtLimit = maxLength && currentLength >= maxLength;
+    return (jsxs("div", { className: wrapperClassNames, children: [label && (jsxs("label", { htmlFor: id, className: `vtx-textarea-label ${labelClassName}`.trim(), children: [label, required && (jsxs("span", { className: "vtx-textarea-label__required", "aria-label": "required", children: [' ', "*"] }))] })), jsxs("div", { className: textareaContainerClassNames, children: [jsx("textarea", { ref: handleRef, id: id, className: textareaClasses, disabled: disabled, required: required, value: value, maxLength: maxLength, rows: rows, "aria-invalid": hasError, "aria-describedby": describedBy || undefined, onChange: handleChange, ...props }), showClearButton && (jsx("button", { type: "button", className: "vtx-textarea-clear", onClick: handleClear, "aria-label": "Clear textarea", tabIndex: -1, children: jsx(CloseSmallIcon, { size: 16 }) }))] }), jsxs("div", { className: "vtx-textarea-footer", children: [jsxs("div", { className: "vtx-textarea-footer-left", children: [helperText && !error && !success && (jsx("p", { id: helperId, className: "vtx-textarea-helper", children: helperText })), error && (jsx("p", { id: errorId, className: "vtx-textarea-error", role: "alert", children: error })), success && (jsx("p", { id: successId, className: "vtx-textarea-success", role: "status", children: success }))] }), showCounter && (jsxs("p", { className: `vtx-textarea-counter ${isAtLimit ? 'vtx-textarea-counter--at-limit' :
+                            isNearLimit ? 'vtx-textarea-counter--near-limit' : ''}`.trim(), "aria-live": "polite", children: [currentLength, " / ", maxLength] }))] })] }));
+});
+Textarea.displayName = 'Textarea';
+
+export { Textarea, Textarea as default };
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Textarea/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Textarea/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export { default as Textarea, default as TextareaComponent } from './Textarea.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Textarea/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/Timeline/components/Timeline/Timeline.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+
+const Timeline = ({ steps, currentStep, orientation = 'horizontal', variant = 'default', showCheckmarks = true, color = 'success', size = 'md', className = '', style, }) => {
+    // Normalize steps to TimelineStep objects
+    const normalizedSteps = steps.map((step) => typeof step === 'string' ? { label: step } : step);
+    const getStepStatus = (index) => {
+        if (index < currentStep)
+            return 'completed';
+        if (index === currentStep)
+            return 'active';
+        return 'pending';
+    };
+    const renderStepIcon = (step, index, status) => {
+        // Custom icon takes precedence
+        if (step.icon) {
+            return jsx("span", { className: "timeline-step-custom-icon", children: step.icon });
+        }
+        // Show checkmark for completed steps
+        if (status === 'completed' && showCheckmarks) {
+            return (jsx("svg", { className: "timeline-step-checkmark", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M20 6L9 17L4 12", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+        }
+        // Numbered variant shows numbers
+        if (variant === 'numbered') {
+            return jsx("span", { className: "timeline-step-number", children: index + 1 });
+        }
+        // Default: show dot or empty circle
+        return jsx("span", { className: "timeline-step-dot" });
+    };
+    const handleStepClick = (step) => {
+        if (step.onClick) {
+            step.onClick();
+        }
+    };
+    // Check if connector after a step should be filled
+    const isConnectorFilled = (index) => {
+        // Connector is filled if current step is completed (next step is at least active)
+        return index < currentStep;
+    };
+    return (jsx("div", { className: `timeline timeline--${orientation} timeline--${variant} timeline--${color} timeline--${size} ${className}`, style: style, children: normalizedSteps.map((step, index) => {
+            const status = getStepStatus(index);
+            const isLast = index === normalizedSteps.length - 1;
+            const isClickable = !!step.onClick;
+            const connectorFilled = isConnectorFilled(index);
+            return (jsxs("div", { className: `timeline-step timeline-step--${status} ${isClickable ? 'timeline-step--clickable' : ''}`, onClick: () => handleStepClick(step), children: [jsx("div", { className: "timeline-step-indicator", children: jsx("div", { className: "timeline-step-icon-wrapper", children: renderStepIcon(step, index, status) }) }), !isLast && (jsx("div", { className: `timeline-connector ${connectorFilled ? 'timeline-connector--filled' : ''}` })), jsxs("div", { className: "timeline-step-content", children: [jsx(Typography, { variant: "body2", weight: status === 'active' ? 'semibold' : 'medium', noMargin: true, className: "timeline-step-label", children: step.label }), step.description && (jsx(Typography, { variant: "caption", noMargin: true, className: "timeline-step-description", children: step.description }))] })] }, index));
+        }) }));
+};
+Timeline.displayName = 'Timeline';
+
+export { Timeline, Timeline as default };
+//# sourceMappingURL=Timeline.js.map

package/dist/esm/components/Timeline/components/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Timeline/components/Timeline/index.js

@@ -0,0 +1,2 @@
+export { default as Timeline } from './Timeline.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Timeline/components/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/Toast/components/Toast/Toast.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CloseSmallIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { withParsedClasses } from '../../../../hoc/hoc/withParsedClasses.js';
+
+// Default icons for different variants
+const DefaultIcons = {
+    success: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm-2 15l-5-5 1.414-1.414L8 12.172l7.586-7.586L17 6l-9 9z", fill: "currentColor" }) })),
+    error: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm5 13.59L13.59 15 10 11.41 6.41 15 5 13.59 8.59 10 5 6.41 6.41 5 10 8.59 13.59 5 15 6.41 11.41 10 15 13.59z", fill: "currentColor" }) })),
+    warning: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm1 15H9v-2h2v2zm0-4H9V5h2v6z", fill: "currentColor" }) })),
+    info: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm1 15H9V9h2v6zm0-8H9V5h2v2z", fill: "currentColor" }) })),
+    default: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm1 15H9V9h2v6zm0-8H9V5h2v2z", fill: "currentColor" }) })),
+    primary: (jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm1 15H9v-6h2v6zm0-8H9V5h2v2z", fill: "currentColor" }) })),
+};
+/**
+ * Toast component - Displays brief notifications to users
+ *
+ * A comprehensive toast notification component with auto-dismiss, progress bar,
+ * pause on hover, and various visual variants for different message types.
+ *
+ * @example
+ * Basic success toast
+ * ```tsx
+ * <Toast variant="success">
+ *   Your changes have been saved successfully!
+ * </Toast>
+ * ```
+ *
+ * @example
+ * Toast with action button
+ * ```tsx
+ * <Toast
+ *   variant="warning"
+ *   action={<Button size="sm">Undo</Button>}
+ *   autoClose={false}
+ * >
+ *   Item moved to trash
+ * </Toast>
+ * ```
+ *
+ * @example
+ * Custom toast with icon
+ * ```tsx
+ * <Toast
+ *   variant="info"
+ *   icon={<CustomIcon />}
+ *   progressBar={false}
+ * >
+ *   Update available for download
+ * </Toast>
+ * ```
+ *
+ * @example
+ * Toast with custom auto-close duration
+ * ```tsx
+ * <Toast
+ *   variant="error"
+ *   autoClose={10000}
+ *   pauseOnHover={false}
+ * >
+ *   Failed to connect to server
+ * </Toast>
+ * ```
+ */
+const Toast = React__default.forwardRef(({ children, onDismiss, id, variant = 'default', autoClose = 5000, closeButton = true, progressBar = true, pauseOnHover = true, pauseOnFocusLoss = true, icon, action, className = '', style, title, description, animationDuration = 300, 
+// Exclude props that shouldn't be passed to DOM
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+isVisible, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+createdAt, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+onClose, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+onOpen, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+toastId, ...props }, ref) => {
+    const [isAnimatingOut, setIsAnimatingOut] = useState(false);
+    const [isPaused, setIsPaused] = useState(false);
+    const [progress, setProgress] = useState(100);
+    const progressIntervalRef = useRef(null);
+    // const timeoutRef = useRef<NodeJS.Timeout>();
+    const startTimeRef = useRef(Date.now());
+    const pausedTimeRef = useRef(0);
+    const handleDismiss = React__default.useCallback(() => {
+        setIsAnimatingOut(true);
+        setTimeout(() => {
+            onDismiss();
+        }, animationDuration);
+    }, [onDismiss, animationDuration]);
+    // Handle auto close with progress
+    useEffect(() => {
+        if (autoClose === false || isPaused)
+            return;
+        const updateProgress = () => {
+            const elapsed = Date.now() - startTimeRef.current - pausedTimeRef.current;
+            const remaining = Math.max(0, autoClose - elapsed);
+            const progressPercent = (remaining / autoClose) * 100;
+            setProgress(progressPercent);
+            if (remaining <= 0) {
+                handleDismiss();
+            }
+        };
+        progressIntervalRef.current = setInterval(updateProgress, 16); // ~60fps
+        return () => {
+            if (progressIntervalRef.current) {
+                clearInterval(progressIntervalRef.current);
+            }
+        };
+    }, [autoClose, isPaused, handleDismiss]);
+    const handleMouseEnter = () => {
+        if (pauseOnHover && !isPaused) {
+            setIsPaused(true);
+            pausedTimeRef.current = Date.now();
+        }
+    };
+    const handleMouseLeave = () => {
+        if (pauseOnHover && isPaused) {
+            setIsPaused(false);
+            const pauseDuration = Date.now() - pausedTimeRef.current;
+            startTimeRef.current += pauseDuration;
+        }
+    };
+    const handleFocus = () => {
+        if (pauseOnFocusLoss && isPaused) {
+            setIsPaused(false);
+            const pauseDuration = Date.now() - pausedTimeRef.current;
+            startTimeRef.current += pauseDuration;
+        }
+    };
+    const handleBlur = () => {
+        if (pauseOnFocusLoss && !isPaused) {
+            setIsPaused(true);
+            pausedTimeRef.current = Date.now();
+        }
+    };
+    // Build class names
+    const classNames = [
+        'vtx-toast',
+        `vtx-toast--${variant}`,
+        isAnimatingOut && 'vtx-toast--exiting',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    // Render icon
+    const renderIcon = () => {
+        if (icon === false)
+            return null;
+        if (icon)
+            return jsx("div", { className: "vtx-toast__icon", children: icon });
+        return jsx("div", { className: "vtx-toast__icon", children: DefaultIcons[variant] });
+    };
+    // Render content
+    const renderContent = () => {
+        if (title || description) {
+            return (jsxs("div", { className: "vtx-toast__content", children: [title && jsx("div", { className: "vtx-toast__title", children: title }), description && jsx("div", { className: "vtx-toast__description", children: description }), children && jsx("div", { className: "vtx-toast__body", children: children })] }));
+        }
+        return jsx("div", { className: "vtx-toast__content", children: children });
+    };
+    return (jsxs("div", { ref: ref, className: classNames, style: {
+            ...style,
+            '--vtx-toast-animation-duration': `${animationDuration}ms`,
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, role: "alert", "aria-live": "polite", "data-toast-id": id, ...props, children: [jsxs("div", { className: "vtx-toast__wrapper", children: [renderIcon(), renderContent(), jsxs("div", { className: "vtx-toast__actions", children: [action && (jsx("button", { className: "vtx-toast__action", onClick: action.onClick, type: "button", children: action.label })), closeButton && (jsx("button", { className: "vtx-toast__close", onClick: handleDismiss, type: "button", "aria-label": "Close notification", children: jsx(CloseSmallIcon, { size: 16 }) }))] })] }), progressBar && autoClose !== false && (jsx("div", { className: "vtx-toast__progress-container", children: jsx("div", { className: "vtx-toast__progress", style: {
+                        transform: `scaleX(${progress / 100})`,
+                        animationPlayState: isPaused ? 'paused' : 'running',
+                    } }) }))] }));
+});
+Toast.displayName = 'Toast';
+const ToastWithParsedClasses = withParsedClasses(Toast);
+
+export { ToastWithParsedClasses as Toast, ToastWithParsedClasses as default };
+//# sourceMappingURL=Toast.js.map

package/dist/esm/components/Toast/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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"}

package/dist/esm/components/Toast/components/Toast/ToastContainer.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import ToastWithParsedClasses from './Toast.js';
+import { ToastProvider, useToast, toast } from './useToast.js';
+
+const ToastContainerInner = ({ position = 'top-right', limit = 5, gap = 12, margin = 16, className = '', style, stacked = true, theme = 'auto', }) => {
+    const { toasts, removeToast, addToast, clearAllToasts, updateToast } = useToast();
+    const containerRef = useRef(null);
+    // Register toast manager methods
+    useEffect(() => {
+        toast.setMethods(addToast, removeToast, clearAllToasts, updateToast);
+    }, [addToast, removeToast, clearAllToasts, updateToast]);
+    // Apply theme
+    useEffect(() => {
+        if (theme === 'auto') {
+            // Auto detect system theme
+            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            const updateTheme = () => {
+                document.documentElement.setAttribute('data-vtx-toast-theme', mediaQuery.matches ? 'dark' : 'light');
+            };
+            updateTheme();
+            mediaQuery.addEventListener('change', updateTheme);
+            return () => mediaQuery.removeEventListener('change', updateTheme);
+        }
+        else {
+            document.documentElement.setAttribute('data-vtx-toast-theme', theme);
+            return undefined;
+        }
+    }, [theme]);
+    // Limit visible toasts
+    const visibleToasts = toasts.slice(0, limit);
+    const hiddenCount = Math.max(0, toasts.length - limit);
+    // Calculate container position styles
+    const getPositionStyles = (pos) => {
+        const styles = {
+            position: 'fixed',
+            zIndex: 'var(--vtx-z-notification, 1400)',
+            pointerEvents: 'none',
+        };
+        switch (pos) {
+            case 'top-left':
+                return { ...styles, top: margin, left: margin };
+            case 'top-center':
+                return { ...styles, top: margin, left: '50%', transform: 'translateX(-50%)' };
+            case 'top-right':
+                return { ...styles, top: margin, right: margin };
+            case 'bottom-left':
+                return { ...styles, bottom: margin, left: margin };
+            case 'bottom-center':
+                return { ...styles, bottom: margin, left: '50%', transform: 'translateX(-50%)' };
+            case 'bottom-right':
+                return { ...styles, bottom: margin, right: margin };
+            default:
+                return { ...styles, top: margin, right: margin };
+        }
+    };
+    // Build container class names
+    const containerClasses = [
+        'vtx-toast-container',
+        `vtx-toast-container--${position}`,
+        stacked && 'vtx-toast-container--stacked',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    if (visibleToasts.length === 0)
+        return null;
+    return createPortal(jsxs("div", { ref: containerRef, className: containerClasses, style: {
+            ...getPositionStyles(position),
+            '--vtx-toast-gap': `${gap}px`,
+            ...style,
+        }, "aria-live": "polite", "aria-label": "Notifications", children: [hiddenCount > 0 && (jsxs("div", { className: "vtx-toast-container__hidden-count", children: ["+", hiddenCount, " more"] })), jsx("div", { className: "vtx-toast-container__list", children: visibleToasts.map((toast, index) => (jsx(ToastWithParsedClasses, { id: toast.id, isVisible: toast.isVisible, onDismiss: () => removeToast(toast.id), variant: toast.variant, autoClose: toast.autoClose, closeButton: toast.closeButton, progressBar: toast.progressBar, pauseOnHover: toast.pauseOnHover, pauseOnFocusLoss: toast.pauseOnFocusLoss, icon: toast.icon, action: toast.action, className: toast.className, style: toast.style, title: toast.title, description: toast.description, animationDuration: toast.animationDuration, createdAt: toast.createdAt, onClose: toast.onClose, onOpen: toast.onOpen, "data-toast-index": index, children: toast.content }, toast.id))) })] }), document.body);
+};
+const ToastContainer = ({ children, ...props }) => {
+    return (jsxs(ToastProvider, { children: [children, jsx(ToastContainerInner, { ...props })] }));
+};
+
+export { ToastContainer, ToastContainer as default };
+//# sourceMappingURL=ToastContainer.js.map

package/dist/esm/components/Toast/components/Toast/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sources":["../../../../../../src/components/Toast/ToastContainer.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Toast"],"mappings":"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"}

package/dist/esm/components/Toast/components/Toast/index.js

@@ -0,0 +1,4 @@
+export { default as Toast, default as ToastComponent } from './Toast.js';
+export { ToastContainer } from './ToastContainer.js';
+export { toast, useToast } from './useToast.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Toast/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}