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

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

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

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

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

package/dist/esm/components/Header/components/Header/Header.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useState, useRef, useEffect } from 'react';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+import Avatar from '../../../Avatar/components/Avatar/Avatar.js';
+import Badge from '../../../Badge/components/Badge/Badge.js';
+import Menu from '../../../Menu/components/Menu/Menu.js';
+import '../../../Menu/components/Menu/ActionMenu.js';
+import { BellIcon, MenuIcon, ChevronDownIcon } from '../../../../icons/icons/IconComponents.js';
+
+/**
+ * NotificationPanel component
+ */
+const NotificationPanel = React__default.forwardRef(({ notifications, onNotificationClick, onMarkAllAsRead, onClose }, ref) => {
+    const unreadCount = notifications.filter((n) => !n.read).length;
+    return (jsxs("div", { ref: ref, className: "vtx-header-notifications-panel", children: [jsx("div", { className: "vtx-header-notifications-header", children: jsxs(Flex, { justify: "between", align: "center", children: [jsx(Typography, { variant: "subtitle2", noMargin: true, children: "Notifications" }), unreadCount > 0 && onMarkAllAsRead && (jsx("button", { className: "vtx-header-notifications-mark-read", onClick: () => {
+                                onMarkAllAsRead();
+                                onClose();
+                            }, children: "Mark all as read" }))] }) }), jsx("div", { className: "vtx-header-notifications-list", children: notifications.length === 0 ? (jsxs("div", { className: "vtx-header-notifications-empty", children: [jsx(BellIcon, {}), jsx(Typography, { variant: "body2", textColor: "var(--color-neutral-500)", noMargin: true, children: "No notifications" })] })) : (notifications.map((notification) => (jsxs("div", { className: `vtx-header-notification-item ${!notification.read ? 'vtx-header-notification-item--unread' : ''} ${notification.type ? `vtx-header-notification-item--${notification.type}` : ''}`, onClick: () => {
+                        onNotificationClick === null || onNotificationClick === void 0 ? void 0 : onNotificationClick(notification);
+                        onClose();
+                    }, children: [notification.icon && (jsx("div", { className: "vtx-header-notification-icon", children: notification.icon })), jsxs("div", { className: "vtx-header-notification-content", children: [jsx(Typography, { variant: "body2", noMargin: true, style: { fontWeight: notification.read ? 400 : 600 }, children: notification.title }), notification.description && (jsx(Typography, { variant: "caption", textColor: "var(--color-neutral-600)", noMargin: true, children: notification.description })), jsx(Typography, { variant: "caption", textColor: "var(--color-neutral-500)", noMargin: true, style: { marginTop: '4px' }, children: notification.time })] }), !notification.read && jsx("div", { className: "vtx-header-notification-dot" })] }, notification.id)))) })] }));
+});
+NotificationPanel.displayName = 'NotificationPanel';
+/**
+ * Header component - Professional admin panel header with notifications and user menu
+ *
+ * @example
+ * Basic header
+ * ```tsx
+ * <Header
+ *   title="Admin Dashboard"
+ *   userName="John Doe"
+ *   userSubtitle="Admin"
+ *   onToggleSidebar={() => setCollapsed(!collapsed)}
+ * />
+ * ```
+ *
+ * @example
+ * With notifications
+ * ```tsx
+ * <Header
+ *   title="Dashboard"
+ *   notifications={[
+ *     { id: '1', title: 'New order received', time: '2 min ago', read: false },
+ *     { id: '2', title: 'User registered', time: '1 hour ago', read: true }
+ *   ]}
+ *   userName="John Doe"
+ *   userMenuItems={[
+ *     { label: 'Profile', icon: <UserIcon /> },
+ *     { label: 'Settings', icon: <SettingsIcon /> },
+ *     { label: 'Logout', icon: <LogoutIcon />, variant: 'danger' }
+ *   ]}
+ * />
+ * ```
+ */
+const Header = React__default.forwardRef(({ logo, title, onToggleSidebar, showToggle = true, notifications = [], onNotificationClick, onMarkAllAsRead, userName, userSubtitle, userAvatar, userMenuItems = [], actions, className = '', sticky = true, }, ref) => {
+    const [notificationsOpen, setNotificationsOpen] = useState(false);
+    const [userMenuOpen, setUserMenuOpen] = useState(false);
+    const notificationsRef = useRef(null);
+    const userMenuRef = useRef(null);
+    const notificationsPanelRef = useRef(null);
+    const unreadCount = notifications.filter((n) => !n.read).length;
+    // Close dropdowns on outside click
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (notificationsRef.current &&
+                !notificationsRef.current.contains(event.target) &&
+                notificationsPanelRef.current &&
+                !notificationsPanelRef.current.contains(event.target)) {
+                setNotificationsOpen(false);
+            }
+            if (userMenuRef.current && !userMenuRef.current.contains(event.target)) {
+                setUserMenuOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const headerClasses = ['vtx-header', sticky && 'vtx-header--sticky', className]
+        .filter(Boolean)
+        .join(' ');
+    return (jsxs("header", { ref: ref, className: headerClasses, children: [jsxs(Flex, { align: "center", gap: 16, style: { flex: 1 }, children: [showToggle && onToggleSidebar && (jsx("button", { className: "vtx-header-toggle", onClick: onToggleSidebar, "aria-label": "Toggle sidebar", children: jsx(MenuIcon, {}) })), logo && jsx("div", { className: "vtx-header-logo", children: logo }), title && (jsx(Typography, { variant: "h6", noMargin: true, className: "vtx-header-title", children: title }))] }), actions && jsx("div", { className: "vtx-header-actions", children: actions }), jsxs("div", { className: "vtx-header-right", children: [notifications && notifications.length > 0 && (jsxs("div", { className: "vtx-header-notifications", ref: notificationsRef, children: [jsxs("button", { className: `vtx-header-icon-button ${notificationsOpen ? 'vtx-header-icon-button--active' : ''}`, onClick: () => setNotificationsOpen(!notificationsOpen), "aria-label": "Notifications", children: [jsx(BellIcon, {}), unreadCount > 0 && (jsx(Badge, { variant: "error", size: "sm", style: {
+                                            position: 'absolute',
+                                            top: '4px',
+                                            right: '4px',
+                                            minWidth: '18px',
+                                            height: '18px',
+                                            padding: '0 4px',
+                                        }, children: unreadCount > 9 ? '9+' : unreadCount }))] }), notificationsOpen && (jsx(NotificationPanel, { ref: notificationsPanelRef, notifications: notifications, onNotificationClick: onNotificationClick, onMarkAllAsRead: onMarkAllAsRead, onClose: () => setNotificationsOpen(false) }))] })), userName && (jsxs("div", { className: "vtx-header-user-menu", ref: userMenuRef, children: [jsxs("button", { className: `vtx-header-user-button ${userMenuOpen ? 'vtx-header-user-button--active' : ''}`, onClick: () => setUserMenuOpen(!userMenuOpen), "aria-label": "User menu", children: [jsx(Avatar, { src: userAvatar, alt: userName, size: "sm" }), !userAvatar && (jsx("span", { className: "vtx-header-avatar-fallback", children: userName
+                                            .split(' ')
+                                            .map((n) => n[0])
+                                            .join('')
+                                            .slice(0, 2) })), jsxs("div", { className: "vtx-header-user-info", children: [jsx(Typography, { variant: "body2", noMargin: true, style: { fontWeight: 600 }, children: userName }), userSubtitle && (jsx(Typography, { variant: "caption", textColor: "var(--color-neutral-600)", noMargin: true, children: userSubtitle }))] }), jsx(ChevronDownIcon, {})] }), userMenuOpen && (jsx("div", { className: "vtx-header-user-dropdown", children: jsx(Menu, { items: userMenuItems, responsive: false }) }))] }))] })] }));
+});
+Header.displayName = 'Header';
+
+export { Header, Header as default };
+//# sourceMappingURL=Header.js.map

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

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

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

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

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

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

package/dist/esm/components/Image/components/Image/Image.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useState, useEffect } from 'react';
+import { withParsedClasses } from '../../../../hoc/hoc/withParsedClasses.js';
+
+/**
+ * Image - Intelligent image component
+ *
+ * Handles loading states, fallbacks, and supports custom image components (like Next.js Image).
+ * Displays a fallback image until the main image is fully loaded.
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   src="/product.jpg"
+ *   alt="Product"
+ *   fallback="/placeholder.jpg"
+ * />
+ * ```
+ *
+ * @example
+ * With Next.js Image
+ * ```tsx
+ * <Image
+ *   component={NextImage}
+ *   src="/product.jpg"
+ *   alt="Product"
+ *   imageProps={{ width: 500, height: 500 }}
+ * />
+ * ```
+ */
+const Image = React__default.forwardRef(({ src, alt, fallback, component: Component = 'img', priority = false, className = '', style, imageProps = {}, onLoad, onError, ...props }, ref) => {
+    const [loaded, setLoaded] = useState(false);
+    const [error, setError] = useState(false);
+    // const { theme } = useThemeContext();
+    // Reset state if src changes
+    useEffect(() => {
+        setLoaded(false);
+        setError(false);
+    }, [src]);
+    const handleLoad = (e) => {
+        setLoaded(true);
+        if (onLoad)
+            onLoad(e);
+    };
+    const handleError = (e) => {
+        setError(true);
+        if (onError)
+            onError(e);
+    };
+    // If using a custom component, we assume it supports className, style, src, alt, etc.
+    // If it's standard img, we merge props.
+    // Logic:
+    // 1. Render fallback absolutely positioned at bottom.
+    // 2. Render main image on top.
+    // 3. Main image is opacity 0 until loaded.
+    // 4. If error, main image stays hidden (or removed) and fallback stays visible.
+    // const showFallback = (!loaded || error) && fallback;
+    return (jsxs("div", { ref: ref, className: `vtx-image-wrapper ${className}`, style: style, ...props, children: [fallback && (jsx("img", { src: fallback, alt: alt ? `${alt} placeholder` : 'Placeholder', className: `vtx-image-placeholder ${loaded && !error ? 'vtx-image-placeholder--hidden' : ''}` })), !error && (jsx(Component, { src: src, alt: alt, className: `vtx-image-main ${loaded ? 'vtx-image-main--loaded' : 'vtx-image-main--loading'} ${imageProps.className || ''}`, onLoad: handleLoad, onError: handleError, loading: priority ? "eager" : "lazy", ...imageProps })), error && !fallback && (jsx("div", { style: { display: 'none' }, children: "Failed to load props" })
+            // Render standard img to show browser broken icon? 
+            // Or just leave it blank. User requested "default image".
+            )] }));
+});
+Image.displayName = 'Image';
+const ImageWithParsedClasses = withParsedClasses(Image);
+
+export { ImageWithParsedClasses as Image, ImageWithParsedClasses as default };
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../../../src/components/Image/Image.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;AA4CA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH,MAAM,KAAK,GAAGA,cAAK,CAAC,UAAU,CAC1B,CACI,EACI,GAAG,EACH,GAAG,EACH,QAAQ,EACR,SAAS,EAAE,SAAS,GAAG,KAAK,EAC5B,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,UAAU,GAAG,EAAE,EACf,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACX,EACD,GAAG,KACH;IACA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;;;IAI1C,SAAS,CAAC,MAAK;QACX,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpB,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAEV,IAAA,MAAM,UAAU,GAAG,CAAC,CAAM,KAAI;QAC1B,SAAS,CAAC,IAAI,CAAC,CAAC;AAChB,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AAC1B,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,CAAC,CAAM,KAAI;QAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC;AACf,QAAA,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5B,KAAC,CAAC;;;;;;;;;AAaF,IAAA,QACIC,IAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAqB,kBAAA,EAAA,SAAS,CAAE,CAAA,EAC3C,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,EAGR,QAAA,EAAA,CAAA,QAAQ,KACLC,GACI,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,GAAG,CAAG,EAAA,GAAG,CAAc,YAAA,CAAA,GAAG,aAAa,EAC/C,SAAS,EAAE,CAAyB,sBAAA,EAAA,MAAM,IAAI,CAAC,KAAK,GAAG,+BAA+B,GAAG,EAAE,CAAE,CAAA,EAAA,CAC/F,CACL,EAGA,CAAC,KAAK,KACHA,IAAC,SAAS,EAAA,EACN,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAkB,eAAA,EAAA,MAAM,GAAG,wBAAwB,GAAG,yBAAyB,CAAA,CAAA,EAAI,UAAU,CAAC,SAAS,IAAI,EAAE,CAAA,CAAE,EAC1H,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,EAAA,GAChC,UAAU,EAChB,CAAA,CACL,EAQA,KAAK,IAAI,CAAC,QAAQ,KACfA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAA4B,QAAA,EAAA,sBAAA,EAAA,CAAA;;;AAG9D,aAAA,CAAA,EAAA,CACC,EACR;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,KAAK;;;;"}

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

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

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

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

package/dist/esm/components/Input/components/Input/Input.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CloseSmallIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default from 'react';
+import { useId } from '../../../../hooks/hooks/index.js';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+import '../../../../theme/theme/tokens.js';
+
+/**
+ * Input component - Text input field with label, helper text, validation states, and rich features
+ *
+ * A comprehensive input component with support for icons, prefixes, suffixes, character counting,
+ * clear functionality, and various validation states.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <Input
+ *   label="Email"
+ *   type="email"
+ *   placeholder="Enter your email"
+ *   helperText="We'll never share your email"
+ * />
+ * ```
+ *
+ * @example
+ * With error state
+ * ```tsx
+ * <Input
+ *   label="Username"
+ *   error="Username is already taken"
+ *   value={username}
+ *   onChange={(e) => setUsername(e.target.value)}
+ * />
+ * ```
+ *
+ * @example
+ * With icons and clear button
+ * ```tsx
+ * <Input
+ *   label="Search"
+ *   leftIcon={<SearchIcon />}
+ *   clearable
+ *   onClear={() => setSearch('')}
+ * />
+ * ```
+ *
+ * @example
+ * With character counter
+ * ```tsx
+ * <Input
+ *   label="Bio"
+ *   maxLength={100}
+ *   showCount
+ *   value={bio}
+ *   onChange={(e) => setBio(e.target.value)}
+ * />
+ * ```
+ */
+const Input = React__default.forwardRef(({ label, helperText, error, success, size, fullWidth = false, leftIcon, rightIcon, clearable = false, onClear, showCount = false, className = '', wrapperClassName = '', labelClassName = '', inputClassName = '', prefix, suffix, id: providedId, disabled = false, required = false, value, maxLength, ...props }, ref) => {
+    const { theme } = useThemeContext();
+    const inputSize = size || theme.defaultSize;
+    const generatedId = useId('input');
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const errorId = `${id}-error`;
+    const successId = `${id}-success`;
+    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-input-wrapper',
+        fullWidth && 'vtx-input-wrapper--full-width',
+        wrapperClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const inputContainerClassNames = [
+        'vtx-input-container',
+        `vtx-input-container--${inputSize}`,
+        hasError && 'vtx-input-container--error',
+        hasSuccess && 'vtx-input-container--success',
+        disabled && 'vtx-input-container--disabled',
+        (leftIcon || prefix) && 'vtx-input-container--with-left-element',
+        (rightIcon || suffix || showClearButton) && 'vtx-input-container--with-right-element',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleClear = () => {
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+    };
+    const currentLength = value ? String(value).length : 0;
+    const showCounter = showCount && maxLength;
+    return (jsxs("div", { className: wrapperClassNames, children: [label && (jsxs("label", { htmlFor: id, className: `vtx-input-label ${labelClassName}`.trim(), children: [label, required && (jsxs("span", { className: "vtx-input-label__required", "aria-label": "required", children: [' ', "*"] }))] })), jsxs("div", { className: inputContainerClassNames, children: [leftIcon && (jsx("span", { className: "vtx-input-icon vtx-input-icon--left", "aria-hidden": "true", children: leftIcon })), prefix && (jsx("span", { className: "vtx-input-prefix", "aria-hidden": "true", children: prefix })), jsx("input", { ref: ref, id: id, className: `vtx-input ${inputClassName}`.trim(), disabled: disabled, required: required, value: value, maxLength: maxLength, "aria-invalid": hasError, "aria-describedby": describedBy || undefined, ...props }), suffix && (jsx("span", { className: "vtx-input-suffix", "aria-hidden": "true", children: suffix })), showClearButton && (jsx("button", { type: "button", className: "vtx-input-clear", onClick: handleClear, "aria-label": "Clear input", tabIndex: -1, children: jsx(CloseSmallIcon, { size: 16 }) })), rightIcon && !showClearButton && (jsx("span", { className: "vtx-input-icon vtx-input-icon--right", "aria-hidden": "true", children: rightIcon }))] }), helperText && !error && !success && (jsx("p", { id: helperId, className: "vtx-input-helper", children: helperText })), error && (jsx("p", { id: errorId, className: "vtx-input-error", role: "alert", children: error })), success && (jsx("p", { id: successId, className: "vtx-input-success", role: "status", children: success })), showCounter && (jsxs("p", { className: "vtx-input-counter", "aria-live": "polite", children: [currentLength, " / ", maxLength] }))] }));
+});
+Input.displayName = 'Input';
+
+export { Input, Input as default };
+//# sourceMappingURL=Input.js.map

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

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

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

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

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

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

package/dist/esm/components/Link/components/Link/Link.js

@@ -0,0 +1,96 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+
+/**
+ * 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.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 = 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 = (jsxs(Fragment, { children: [leftIcon && jsx("span", { className: "vtx-link__icon-left", children: leftIcon }), jsx("span", { className: "vtx-link__content", children: children }), rightIcon && 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 (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 (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';
+
+export { Link, Link as default };
+//# sourceMappingURL=Link.js.map

package/dist/esm/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","_jsxs","_Fragment","_jsx"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,152 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { ChevronUpIcon, ChevronDownIcon } from '../../../../icons/icons/IconComponents.js';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+import { MenuItem } from './Menu.js';
+
+// Chevron icon for trigger (down when closed, up when open)
+const ChevronIcon = ({ isOpen }) => (isOpen ? jsx(ChevronUpIcon, { size: 16 }) : jsx(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.forwardRef(({ items, trigger, triggerLabel = 'Actions', triggerIcon, position = 'bottom-start', className = '', triggerClassName = '', disabled = false, onOpen, onClose, }, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const containerRef = useRef(null);
+    const menuRef = 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
+    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
+    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 (jsxs(Flex, { align: "center", gap: 8, children: [triggerIcon && jsx("span", { className: "vtx-action-menu-trigger-icon", children: triggerIcon }), jsx(Typography, { variant: "body2", noMargin: true, children: triggerLabel }), jsx(ChevronIcon, { isOpen: isOpen })] }));
+    };
+    // If trigger is a function, render it without wrapper
+    const triggerContent = renderTriggerContent();
+    const isCustomTrigger = typeof trigger === 'function' || React__default.isValidElement(trigger);
+    return (jsxs("div", { ref: containerRef, className: "vtx-action-menu-container", children: [isCustomTrigger ? (jsx("div", { className: "vtx-action-menu-trigger-wrapper", children: typeof trigger === 'function' ? (triggerContent) : (jsx("div", { onClick: toggleMenu, children: triggerContent })) })) : (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 && (jsx("div", { ref: ref || menuRef, className: ['vtx-action-menu', positionClass, className].filter(Boolean).join(' '), role: "menu", children: wrappedItems.map((item, index) => (jsx(MenuItem, { ...item }, index))) }))] }));
+});
+ActionMenu.displayName = 'ActionMenu';
+
+export { ActionMenu, ActionMenu as default };
+//# sourceMappingURL=ActionMenu.js.map

package/dist/esm/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","React","_jsxs"],"mappings":"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"}