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

package/dist/cjs/components/Link/components/Link/Link.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Link component - Hyperlink with routing library support
+ *
+ * A flexible link component that works with native anchors, React Router, Next.js,
+ * or any custom routing library. Supports text variants and theming.
+ *
+ * @example
+ * Basic usage (native link)
+ * ```tsx
+ * <Link href="/about">About Us</Link>
+ * ```
+ *
+ * @example
+ * With React Router
+ * ```tsx
+ * import { Link as RouterLink } from 'react-router-dom'
+ * <Link component={RouterLink} to="/dashboard">Dashboard</Link>
+ * ```
+ *
+ * @example
+ * With Next.js
+ * ```tsx
+ * import NextLink from 'next/link'
+ * <Link component={NextLink} href="/profile">Profile</Link>
+ * ```
+ *
+ * @example
+ * With variants and icons
+ * ```tsx
+ * <Link
+ *   href="/downloads"
+ *   variant="h6"
+ *   leftIcon={<DownloadIcon />}
+ * >
+ *   Download
+ * </Link>
+ * ```
+ *
+ * @example
+ * External link
+ * ```tsx
+ * <Link href="https://example.com" external>
+ *   Visit Website
+ * </Link>
+ * ```
+ */
+const Link = React__default["default"].forwardRef(({ children, href, component, componentProps = {}, variant = 'body1', noUnderline = true, disabled = false, color = 'inherit', leftIcon, rightIcon, external = false, download, className = '', target, rel, ...props }, ref) => {
+    // Try to get theme context (may not be available if ThemeProvider is not used)
+    let themeContext;
+    try {
+        themeContext = theme_ThemeProvider.useThemeContext();
+    }
+    catch (e) {
+        // ThemeProvider not used, that's okay
+        themeContext = null;
+    }
+    // Intelligent component selection logic:
+    // Use <a> tag if:
+    // 1. external is true (external links)
+    // 2. target prop is provided (opening in specific target)
+    // 3. download prop is provided (file downloads)
+    // Otherwise, use the configured component from theme or the component prop
+    const shouldUseAnchor = external || target !== undefined || download !== undefined;
+    // Determine which component to use
+    const effectiveComponent = shouldUseAnchor
+        ? null
+        : (component || (themeContext === null || themeContext === void 0 ? void 0 : themeContext.theme.linkComponent));
+    const classNames = [
+        'vtx-link',
+        `vtx-link--${variant}`,
+        `vtx-link--${color}`,
+        noUnderline && 'vtx-link--no-underline',
+        disabled && 'vtx-link--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [leftIcon && jsxRuntime.jsx("span", { className: "vtx-link__icon-left", children: leftIcon }), jsxRuntime.jsx("span", { className: "vtx-link__content", children: children }), rightIcon && jsxRuntime.jsx("span", { className: "vtx-link__icon-right", children: rightIcon })] }));
+    // If custom component should be used (React Router, Next.js, etc.)
+    if (effectiveComponent) {
+        const Component = effectiveComponent;
+        return (jsxRuntime.jsx(Component, { ref: ref, className: classNames, "aria-disabled": disabled, ...componentProps, ...props, children: content }));
+    }
+    // Default to native anchor element
+    const linkTarget = external ? '_blank' : target;
+    const linkRel = external ? 'noopener noreferrer' : rel;
+    return (jsxRuntime.jsx("a", { ref: ref, href: disabled ? undefined : href, target: linkTarget, rel: linkRel, className: classNames, "aria-disabled": disabled, onClick: disabled ? (e) => e.preventDefault() : props.onClick, download: download, ...props, children: content }));
+});
+Link.displayName = 'Link';
+
+exports.Link = Link;
+exports["default"] = Link;
+//# sourceMappingURL=Link.js.map

package/dist/cjs/components/Link/components/Link/Link.js.map

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

package/dist/cjs/components/Link/components/Link/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_Link_Link = require('./Link.js');
+
+
+
+exports.Link = components_Link_Link["default"];
+exports.LinkComponent = components_Link_Link["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Link/components/Link/index.js.map

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

package/dist/cjs/components/Menu/components/Menu/ActionMenu.js

@@ -0,0 +1,161 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
+var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
+var components_Typography_Typography = require('../../../Typography/components/Typography/Typography.js');
+var components_Menu_Menu = require('./Menu.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Chevron icon for trigger (down when closed, up when open)
+const ChevronIcon = ({ isOpen }) => (isOpen ? jsxRuntime.jsx(icons_IconComponents.ChevronUpIcon, { size: 16 }) : jsxRuntime.jsx(icons_IconComponents.ChevronDownIcon, { size: 16 }));
+/**
+ * ActionMenu component - Dropdown menu triggered by a button click
+ *
+ * A dropdown menu that opens below a trigger element. Perfect for actions menus,
+ * context menus, and dropdown options.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <ActionMenu
+ *   triggerLabel="Actions"
+ *   items={[
+ *     { label: 'Edit', icon: <EditIcon />, onClick: () => {} },
+ *     { label: 'Delete', icon: <DeleteIcon />, onClick: () => {}, variant: 'danger' }
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * Custom trigger element
+ * ```tsx
+ * <ActionMenu
+ *   trigger={<Button>Open Menu</Button>}
+ *   items={menuItems}
+ * />
+ * ```
+ *
+ * @example
+ * Custom trigger with render function (full control)
+ * ```tsx
+ * <ActionMenu
+ *   trigger={({ isOpen, toggle, disabled }) => (
+ *     <Button onClick={toggle} disabled={disabled}>
+ *       Menu {isOpen ? '▲' : '▼'}
+ *     </Button>
+ *   )}
+ *   items={menuItems}
+ * />
+ * ```
+ *
+ * @example
+ * With icon
+ * ```tsx
+ * <ActionMenu
+ *   triggerLabel="More"
+ *   triggerIcon={<MoreVerticalIcon />}
+ *   position="bottom-end"
+ *   items={[
+ *     { label: 'Share', icon: <ShareIcon /> },
+ *     { label: 'Download', icon: <DownloadIcon /> }
+ *   ]}
+ * />
+ * ```
+ */
+const ActionMenu = React__default["default"].forwardRef(({ items, trigger, triggerLabel = 'Actions', triggerIcon, position = 'bottom-start', className = '', triggerClassName = '', disabled = false, onOpen, onClose, }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const containerRef = React.useRef(null);
+    const menuRef = React.useRef(null);
+    // Toggle menu open/close
+    const toggleMenu = () => {
+        if (disabled)
+            return;
+        const newState = !isOpen;
+        setIsOpen(newState);
+        if (newState && onOpen) {
+            onOpen();
+        }
+        else if (!newState && onClose) {
+            onClose();
+        }
+    };
+    // Close menu on outside click
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isOpen, onClose]);
+    // Close menu on Escape key
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                setIsOpen(false);
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onClose]);
+    // Wrap item onClick to close menu after action
+    const wrappedItems = items.map((item) => ({
+        ...item,
+        onClick: item.onClick
+            ? () => {
+                var _a;
+                (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                setIsOpen(false);
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+            : undefined,
+    }));
+    const positionClass = `vtx-action-menu--${position}`;
+    // Render trigger - supports both ReactNode and render function
+    const renderTriggerContent = () => {
+        if (typeof trigger === 'function') {
+            return trigger({ isOpen, toggle: toggleMenu, disabled });
+        }
+        if (trigger) {
+            return trigger;
+        }
+        // Default trigger
+        return (jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 8, children: [triggerIcon && jsxRuntime.jsx("span", { className: "vtx-action-menu-trigger-icon", children: triggerIcon }), jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", noMargin: true, children: triggerLabel }), jsxRuntime.jsx(ChevronIcon, { isOpen: isOpen })] }));
+    };
+    // If trigger is a function, render it without wrapper
+    const triggerContent = renderTriggerContent();
+    const isCustomTrigger = typeof trigger === 'function' || React__default["default"].isValidElement(trigger);
+    return (jsxRuntime.jsxs("div", { ref: containerRef, className: "vtx-action-menu-container", children: [isCustomTrigger ? (jsxRuntime.jsx("div", { className: "vtx-action-menu-trigger-wrapper", children: typeof trigger === 'function' ? (triggerContent) : (jsxRuntime.jsx("div", { onClick: toggleMenu, children: triggerContent })) })) : (jsxRuntime.jsx("div", { className: [
+                    'vtx-action-menu-trigger',
+                    disabled && 'vtx-action-menu-trigger--disabled',
+                    isOpen && 'vtx-action-menu-trigger--open',
+                    triggerClassName,
+                ]
+                    .filter(Boolean)
+                    .join(' '), onClick: toggleMenu, onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        toggleMenu();
+                    }
+                }, role: "button", tabIndex: disabled ? -1 : 0, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-disabled": disabled, children: triggerContent })), isOpen && (jsxRuntime.jsx("div", { ref: ref || menuRef, className: ['vtx-action-menu', positionClass, className].filter(Boolean).join(' '), role: "menu", children: wrappedItems.map((item, index) => (jsxRuntime.jsx(components_Menu_Menu.MenuItem, { ...item }, index))) }))] }));
+});
+ActionMenu.displayName = 'ActionMenu';
+
+exports.ActionMenu = ActionMenu;
+exports["default"] = ActionMenu;
+//# sourceMappingURL=ActionMenu.js.map

package/dist/cjs/components/Menu/components/Menu/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","sources":["../../../../../../src/components/Menu/ActionMenu.tsx"],"sourcesContent":[null],"names":["_jsx","ChevronUpIcon","ChevronDownIcon","React","useState","useRef","useEffect","_jsxs","Flex","Typography","MenuItem"],"mappings":"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"}

package/dist/cjs/components/Menu/components/Menu/Menu.js

@@ -0,0 +1,153 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
+var React = require('react');
+var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
+var components_Typography_Typography = require('../../../Typography/components/Typography/Typography.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+// Chevron icon for submenus (down when closed, up when open)
+const ChevronIcon = ({ isOpen }) => (isOpen ? jsxRuntime.jsx(icons_IconComponents.ChevronUpIcon, { size: 16 }) : jsxRuntime.jsx(icons_IconComponents.ChevronDownIcon, { size: 16 }));
+/**
+ * MenuItem component - Individual menu item with submenu support
+ */
+const MenuItem = React__default["default"].forwardRef(({ label, onClick, icon, rightIcon, disabled = false, active = false, variant = 'default', shortcut, divider = false, items, }, ref) => {
+    const [isSubmenuOpen, setIsSubmenuOpen] = React.useState(false);
+    const itemRef = React.useRef(null);
+    const hasSubmenu = items && items.length > 0;
+    const handleClick = () => {
+        if (disabled)
+            return;
+        if (hasSubmenu) {
+            setIsSubmenuOpen(!isSubmenuOpen);
+        }
+        else if (onClick) {
+            onClick();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (disabled)
+            return;
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            if (hasSubmenu) {
+                setIsSubmenuOpen(!isSubmenuOpen);
+            }
+            else {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+        }
+        else if (e.key === 'ArrowDown' && hasSubmenu && !isSubmenuOpen) {
+            e.preventDefault();
+            setIsSubmenuOpen(true);
+        }
+        else if (e.key === 'ArrowUp' && hasSubmenu && isSubmenuOpen) {
+            e.preventDefault();
+            setIsSubmenuOpen(false);
+        }
+    };
+    const displayRightIcon = rightIcon || (hasSubmenu ? jsxRuntime.jsx(ChevronIcon, { isOpen: isSubmenuOpen }) : null);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: ref || itemRef, className: [
+                    'vtx-menu-item',
+                    active && 'vtx-menu-item--active',
+                    disabled && 'vtx-menu-item--disabled',
+                    variant !== 'default' && `vtx-menu-item--${variant}`,
+                    hasSubmenu && 'vtx-menu-item--has-submenu',
+                    isSubmenuOpen && 'vtx-menu-item--submenu-open',
+                ]
+                    .filter(Boolean)
+                    .join(' '), onClick: handleClick, onKeyDown: handleKeyDown, role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, "aria-haspopup": hasSubmenu ? 'menu' : undefined, "aria-expanded": hasSubmenu ? isSubmenuOpen : undefined, children: jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 8, style: { flex: 1 }, children: [icon && jsxRuntime.jsx("span", { className: "vtx-menu-item-icon", children: icon }), jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", noMargin: true, style: { flex: 1 }, children: label }), shortcut && (jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "caption", textColor: "var(--color-neutral-500)", noMargin: true, className: "vtx-menu-item-shortcut", children: shortcut })), displayRightIcon && (jsxRuntime.jsx("span", { className: "vtx-menu-item-right-icon", children: displayRightIcon }))] }) }), hasSubmenu && isSubmenuOpen && (jsxRuntime.jsx("div", { className: "vtx-submenu", role: "menu", children: items.map((item, index) => (jsxRuntime.jsx(MenuItem, { ...item }, index))) })), divider && jsxRuntime.jsx("div", { className: "vtx-menu-divider", role: "separator" })] }));
+});
+MenuItem.displayName = 'MenuItem';
+/**
+ * Menu component - Navigation or action menu with responsive support
+ *
+ * @example
+ * Basic menu with items array
+ * ```tsx
+ * <Menu
+ *   items={[
+ *     { label: 'Profile', icon: <UserIcon />, onClick: () => {} },
+ *     { label: 'Settings', icon: <SettingsIcon />, onClick: () => {} },
+ *     { label: 'Logout', icon: <LogoutIcon />, onClick: () => {}, variant: 'danger' }
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * Horizontal menu with custom children
+ * ```tsx
+ * <Menu orientation="horizontal">
+ *   <MenuItem label="Home" active />
+ *   <MenuItem label="Products" />
+ *   <MenuItem label="About" />
+ * </Menu>
+ * ```
+ *
+ * @example
+ * Responsive menu (hamburger on mobile)
+ * ```tsx
+ * <Menu responsive items={menuItems} />
+ * ```
+ */
+const Menu = React__default["default"].forwardRef(({ items, children, orientation = 'vertical', responsive = true, className = '', width }, ref) => {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = React.useState(false);
+    const menuRef = React.useRef(null);
+    // Close mobile menu on outside click
+    React.useEffect(() => {
+        if (!responsive || !isMobileMenuOpen)
+            return;
+        const handleClickOutside = (event) => {
+            if (menuRef.current && !menuRef.current.contains(event.target)) {
+                setIsMobileMenuOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [responsive, isMobileMenuOpen]);
+    // Close mobile menu on Escape key
+    React.useEffect(() => {
+        if (!responsive || !isMobileMenuOpen)
+            return;
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                setIsMobileMenuOpen(false);
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [responsive, isMobileMenuOpen]);
+    const menuContent = items
+        ? items.map((item, index) => jsxRuntime.jsx(MenuItem, { ...item }, index))
+        : children;
+    const menuClassNames = [
+        'vtx-menu',
+        `vtx-menu--${orientation}`,
+        responsive && 'vtx-menu--responsive',
+        isMobileMenuOpen && 'vtx-menu--mobile-open',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const menuStyle = {
+        width: orientation === 'vertical' && width
+            ? typeof width === 'number'
+                ? `${width}px`
+                : width
+            : undefined,
+    };
+    return (jsxRuntime.jsxs("div", { ref: menuRef, className: "vtx-menu-container", children: [responsive && (jsxRuntime.jsx("button", { className: "vtx-menu-toggle", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), "aria-label": "Toggle menu", "aria-expanded": isMobileMenuOpen, children: isMobileMenuOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })), jsxRuntime.jsx("div", { ref: ref, className: menuClassNames, role: "menu", style: menuStyle, children: menuContent })] }));
+});
+Menu.displayName = 'Menu';
+
+exports.Menu = Menu;
+exports.MenuItem = MenuItem;
+exports["default"] = Menu;
+//# sourceMappingURL=Menu.js.map

package/dist/cjs/components/Menu/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Menu/Menu.tsx"],"sourcesContent":[null],"names":["_jsx","ChevronUpIcon","ChevronDownIcon","React","useState","useRef","_jsxs","_Fragment","Flex","Typography","useEffect","CloseIcon","MenuIcon"],"mappings":"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"}

package/dist/cjs/components/Menu/components/Menu/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_Menu_Menu = require('./Menu.js');
+var components_Menu_ActionMenu = require('./ActionMenu.js');
+
+
+
+exports.Menu = components_Menu_Menu["default"];
+exports.MenuComponent = components_Menu_Menu["default"];
+exports.MenuItem = components_Menu_Menu.MenuItem;
+exports.ActionMenu = components_Menu_ActionMenu["default"];
+exports.ActionMenuComponent = components_Menu_ActionMenu["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Menu/components/Menu/index.js.map

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

package/dist/cjs/components/Modal/components/Modal/Modal.js

@@ -0,0 +1,175 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var hooks_index = require('../../../../hooks/hooks/index.js');
+var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
+var components_Button_Button = require('../../../Button/components/Button/Button.js');
+var components_Typography_Typography = require('../../../Typography/components/Typography/Typography.js');
+var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Modal component - Overlay dialog for focused user interactions
+ *
+ * A feature-rich modal component with accessibility features including focus trap,
+ * body scroll lock, keyboard navigation, and customizable animations.
+ *
+ * @example
+ * Basic confirmation modal with footerButtons array
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Confirm Action"
+ *   description="Are you sure you want to proceed with this action?"
+ *   footerButtons={[
+ *     { label: 'Cancel', onClick: () => setIsOpen(false), variant: 'outline' },
+ *     { label: 'Confirm', onClick: handleConfirm, variant: 'primary' }
+ *   ]}
+ * >
+ *   <p>This action cannot be undone.</p>
+ * </Modal>
+ * ```
+ *
+ * @example
+ * Custom footer with ReactNode
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Custom Footer"
+ *   footer={
+ *     <>
+ *       <Button onClick={() => setIsOpen(false)}>Cancel</Button>
+ *       <Button variant="primary">Save</Button>
+ *     </>
+ *   }
+ * >
+ *   <p>Custom content here.</p>
+ * </Modal>
+ * ```
+ *
+ * @example
+ * Form modal with custom header
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   size="large"
+ *   header={<CustomHeader />}
+ *   scrollable
+ * >
+ *   <FormContent />
+ * </Modal>
+ * ```
+ *
+ * @example
+ * Fullscreen modal without backdrop close
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   size="fullscreen"
+ *   closeOnBackdropClick={false}
+ *   animation="slide-up"
+ * >
+ *   <FullscreenContent />
+ * </Modal>
+ * ```
+ */
+const Modal = React__default["default"].forwardRef(({ isOpen, onClose, title, description, children, header, footer, footerButtons, size, closeOnBackdropClick = true, closeOnEscape = true, showCloseButton = true, transparentBackdrop = false, className = '', backdropClassName = '', preventScroll = true, animation = 'fade', onAfterOpen, onAfterClose, scrollable = false, centered = true, }, ref) => {
+    const modalRef = React.useRef(null);
+    const previousActiveElement = React.useRef(null);
+    const { theme } = theme_ThemeProvider.useThemeContext();
+    // Only use 'sm', 'md', 'lg', 'fullscreen', 'auto'
+    let effectiveSize = 'md';
+    if (size) {
+        effectiveSize = size;
+    }
+    else if (theme === null || theme === void 0 ? void 0 : theme.defaultSize) {
+        effectiveSize = theme.defaultSize;
+    }
+    // Focus trap
+    hooks_index.useFocusTrap(modalRef, isOpen);
+    // Body scroll lock
+    hooks_index.useBodyScrollLock(preventScroll && isOpen);
+    // Escape key handler
+    hooks_index.useEscapeKey(() => {
+        if (closeOnEscape && isOpen) {
+            onClose();
+        }
+    });
+    // Store and restore focus
+    React.useEffect(() => {
+        if (isOpen) {
+            previousActiveElement.current = document.activeElement;
+            onAfterOpen === null || onAfterOpen === void 0 ? void 0 : onAfterOpen();
+        }
+        else if (previousActiveElement.current) {
+            previousActiveElement.current.focus();
+            onAfterClose === null || onAfterClose === void 0 ? void 0 : onAfterClose();
+        }
+    }, [isOpen, onAfterOpen, onAfterClose]);
+    if (!isOpen)
+        return null;
+    const handleBackdropClick = (e) => {
+        if (closeOnBackdropClick && e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    const backdropClassNames = [
+        'vtx-modal-backdrop',
+        transparentBackdrop && 'vtx-modal-backdrop--transparent',
+        centered && 'vtx-modal-backdrop--centered',
+        `vtx-modal-backdrop--${animation}`,
+        backdropClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const modalClassNames = [
+        'vtx-modal',
+        `vtx-modal--${effectiveSize}`,
+        scrollable && 'vtx-modal--scrollable',
+        `vtx-modal--${animation}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const renderHeader = () => {
+        if (header) {
+            return jsxRuntime.jsx("div", { className: "vtx-modal-header", children: header });
+        }
+        if (!title && !showCloseButton) {
+            return null;
+        }
+        return (jsxRuntime.jsxs(components_Flex_Flex["default"], { className: "vtx-modal-header", justify: "between", align: "center", gap: 8, children: [title && (jsxRuntime.jsxs(components_Flex_Flex["default"], { direction: "column", gap: 4, className: "vtx-modal-header-content", children: [jsxRuntime.jsx(components_Typography_Typography["default"], { as: "h2", variant: "h6", weight: "semibold", id: "vtx-modal-title", noMargin: true, children: title }), description && (jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", textColor: "var(--color-neutral-600)", id: "vtx-modal-description", noMargin: true, children: description }))] })), showCloseButton && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, size: "sm", className: "vtx-modal-close", onClick: onClose, "aria-label": "Close modal", children: jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 20 }) }))] }));
+    };
+    const modalContent = (jsxRuntime.jsx("div", { className: backdropClassNames, onClick: handleBackdropClick, role: "presentation", children: jsxRuntime.jsxs("div", { ref: (node) => {
+                modalRef.current = node;
+                if (typeof ref === 'function') {
+                    ref(node);
+                }
+                else if (ref) {
+                    ref.current = node;
+                }
+            }, className: modalClassNames, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'vtx-modal-title' : undefined, "aria-describedby": description ? 'vtx-modal-description' : undefined, children: [renderHeader(), jsxRuntime.jsx(components_Flex_Flex["default"], { direction: "column", className: "vtx-modal-body", children: children }), (footer || footerButtons) && (jsxRuntime.jsx(components_Flex_Flex["default"], { className: "vtx-modal-footer", justify: "end", align: "center", gap: 8, children: footerButtons
+                        ? footerButtons.map((btn, index) => (jsxRuntime.jsx(components_Button_Button["default"], { variant: btn.variant || 'secondary', size: btn.size || (theme === null || theme === void 0 ? void 0 : theme.defaultSize) || 'md', loading: btn.loading, disabled: btn.disabled, onClick: btn.onClick, children: btn.label }, index)))
+                        : footer }))] }) }));
+    return reactDom.createPortal(modalContent, document.body);
+});
+Modal.displayName = 'Modal';
+
+exports.Modal = Modal;
+exports["default"] = Modal;
+//# sourceMappingURL=Modal.js.map