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

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

@@ -0,0 +1,143 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { CloseIcon, MenuIcon, ChevronUpIcon, ChevronDownIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+
+// Chevron icon for submenus (down when closed, up when open)
+const ChevronIcon = ({ isOpen }) => (isOpen ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon, { size: 16 }));
+/**
+ * MenuItem component - Individual menu item with submenu support
+ */
+const MenuItem = React__default.forwardRef(({ label, onClick, icon, rightIcon, disabled = false, active = false, variant = 'default', shortcut, divider = false, items, }, ref) => {
+    const [isSubmenuOpen, setIsSubmenuOpen] = useState(false);
+    const itemRef = 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 ? jsx(ChevronIcon, { isOpen: isSubmenuOpen }) : null);
+    return (jsxs(Fragment, { children: [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: jsxs(Flex, { align: "center", gap: 8, style: { flex: 1 }, children: [icon && jsx("span", { className: "vtx-menu-item-icon", children: icon }), jsx(Typography, { variant: "body2", noMargin: true, style: { flex: 1 }, children: label }), shortcut && (jsx(Typography, { variant: "caption", textColor: "var(--color-neutral-500)", noMargin: true, className: "vtx-menu-item-shortcut", children: shortcut })), displayRightIcon && (jsx("span", { className: "vtx-menu-item-right-icon", children: displayRightIcon }))] }) }), hasSubmenu && isSubmenuOpen && (jsx("div", { className: "vtx-submenu", role: "menu", children: items.map((item, index) => (jsx(MenuItem, { ...item }, index))) })), divider && 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.forwardRef(({ items, children, orientation = 'vertical', responsive = true, className = '', width }, ref) => {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    // Close mobile menu on outside click
+    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
+    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) => 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 (jsxs("div", { ref: menuRef, className: "vtx-menu-container", children: [responsive && (jsx("button", { className: "vtx-menu-toggle", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), "aria-label": "Toggle menu", "aria-expanded": isMobileMenuOpen, children: isMobileMenuOpen ? jsx(CloseIcon, { size: 24 }) : jsx(MenuIcon, { size: 24 }) })), jsx("div", { ref: ref, className: menuClassNames, role: "menu", style: menuStyle, children: menuContent })] }));
+});
+Menu.displayName = 'Menu';
+
+export { Menu, MenuItem, Menu as default };
+//# sourceMappingURL=Menu.js.map

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

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

@@ -0,0 +1,3 @@
+export { default as Menu, default as MenuComponent, MenuItem } from './Menu.js';
+export { default as ActionMenu, default as ActionMenuComponent } from './ActionMenu.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Modal/components/Modal/Modal.js

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CloseIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default, { useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { useFocusTrap, useBodyScrollLock, useEscapeKey } from '../../../../hooks/hooks/index.js';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Button from '../../../Button/components/Button/Button.js';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+
+/**
+ * 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.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 = useRef(null);
+    const previousActiveElement = useRef(null);
+    const { theme } = 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
+    useFocusTrap(modalRef, isOpen);
+    // Body scroll lock
+    useBodyScrollLock(preventScroll && isOpen);
+    // Escape key handler
+    useEscapeKey(() => {
+        if (closeOnEscape && isOpen) {
+            onClose();
+        }
+    });
+    // Store and restore focus
+    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 jsx("div", { className: "vtx-modal-header", children: header });
+        }
+        if (!title && !showCloseButton) {
+            return null;
+        }
+        return (jsxs(Flex, { className: "vtx-modal-header", justify: "between", align: "center", gap: 8, children: [title && (jsxs(Flex, { direction: "column", gap: 4, className: "vtx-modal-header-content", children: [jsx(Typography, { as: "h2", variant: "h6", weight: "semibold", id: "vtx-modal-title", noMargin: true, children: title }), description && (jsx(Typography, { variant: "body2", textColor: "var(--color-neutral-600)", id: "vtx-modal-description", noMargin: true, children: description }))] })), showCloseButton && (jsx(Button, { variant: "ghost", iconOnly: true, size: "sm", className: "vtx-modal-close", onClick: onClose, "aria-label": "Close modal", children: jsx(CloseIcon, { size: 20 }) }))] }));
+    };
+    const modalContent = (jsx("div", { className: backdropClassNames, onClick: handleBackdropClick, role: "presentation", children: 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(), jsx(Flex, { direction: "column", className: "vtx-modal-body", children: children }), (footer || footerButtons) && (jsx(Flex, { className: "vtx-modal-footer", justify: "end", align: "center", gap: 8, children: footerButtons
+                        ? footerButtons.map((btn, index) => (jsx(Button, { 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 createPortal(modalContent, document.body);
+});
+Modal.displayName = 'Modal';
+
+export { Modal, Modal as default };
+//# sourceMappingURL=Modal.js.map

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

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

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

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

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

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

package/dist/esm/components/MultiSelect/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,234 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SpinnerIcon, ChevronDownIcon, CheckIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { useId } from '../../../../hooks/hooks/index.js';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+import Chip from '../../../Chip/components/Chip/Chip.js';
+
+/**
+ * MultiSelect component - Multi-selection dropdown with chips display
+ *
+ * A professional multi-select component supporting checkbox or checkmark styles,
+ * with chips display, search functionality, and group support.
+ *
+ * @example
+ * Basic usage with checkbox style
+ * ```tsx
+ * <MultiSelect
+ *   label="Select Technologies"
+ *   placeholder="Choose technologies"
+ *   options={technologies}
+ *   onChange={(values) => console.log(values)}
+ * />
+ * ```
+ *
+ * @example
+ * With checkmark style
+ * ```tsx
+ * <MultiSelect
+ *   label="Select Skills"
+ *   options={skills}
+ *   selectionStyle="checkmark"
+ *   searchable
+ *   showSelectAll
+ * />
+ * ```
+ *
+ * @example
+ * Customize loading spinner via CSS
+ * ```css
+ * .vtx-multiselect-icon-spinner {
+ *   --vtx-multiselect-loader-color: #10b981;
+ *   --vtx-multiselect-loader-speed: 1.2s;
+ *   --vtx-multiselect-loader-track-opacity: 0.15;
+ *   --vtx-multiselect-loader-path-opacity: 0.85;
+ * }
+ * ```
+ */
+const MultiSelect = React__default.forwardRef(({ label, helperText, error, success, size: sizeProp, fullWidth = false, options, value: controlledValue, defaultValue = [], placeholder = 'Select...', className = '', grouped = false, getOptionLabel = 'label', getOptionValue = 'value', getOptionDisabled = 'disabled', getOptionGroup = 'group', onChange, disabled = false, required = false, id: providedId, name, selectionStyle = 'checkbox', searchable = false, showSelectAll = false, maxChipsDisplay, chipColor = 'primary', chipVariant = 'light', loading = false, }, ref) => {
+    const { theme } = useThemeContext();
+    const generatedId = useId('multiselect');
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const errorId = `${id}-error`;
+    const successId = `${id}-success`;
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const containerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const selectedValues = controlledValue !== undefined ? controlledValue : internalValue;
+    // Helper to extract value from option
+    const extractValue = (option, getter) => {
+        if (typeof getter === 'function') {
+            return getter(option);
+        }
+        return typeof option === 'object' ? option[getter] : option;
+    };
+    const hasError = Boolean(error);
+    const hasSuccess = Boolean(success) && !hasError;
+    const describedBy = [
+        helperText && !error && !success && helperId,
+        error && errorId,
+        success && successId,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target) &&
+                dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchQuery('');
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return undefined;
+    }, [isOpen]);
+    // Handle option selection
+    const handleOptionClick = (optionValue) => {
+        if (disabled)
+            return;
+        const newValues = selectedValues.includes(optionValue)
+            ? selectedValues.filter((v) => v !== optionValue)
+            : [...selectedValues, optionValue];
+        if (controlledValue === undefined) {
+            setInternalValue(newValues);
+        }
+        if (onChange) {
+            const selectedOptions = options.filter((opt) => newValues.includes(extractValue(opt, getOptionValue)));
+            onChange(newValues, selectedOptions);
+        }
+    };
+    // Handle chip removal
+    const handleChipDelete = (valueToRemove) => {
+        if (disabled)
+            return;
+        const newValues = selectedValues.filter((v) => v !== valueToRemove);
+        if (controlledValue === undefined) {
+            setInternalValue(newValues);
+        }
+        if (onChange) {
+            const selectedOptions = options.filter((opt) => newValues.includes(extractValue(opt, getOptionValue)));
+            onChange(newValues, selectedOptions);
+        }
+    };
+    // Handle Select All
+    const handleSelectAll = () => {
+        const allValues = options
+            .filter((opt) => !extractValue(opt, getOptionDisabled))
+            .map((opt) => extractValue(opt, getOptionValue));
+        if (controlledValue === undefined) {
+            setInternalValue(allValues);
+        }
+        if (onChange) {
+            onChange(allValues, options.filter((opt) => !extractValue(opt, getOptionDisabled)));
+        }
+    };
+    // Handle Clear All
+    const handleClearAll = () => {
+        if (controlledValue === undefined) {
+            setInternalValue([]);
+        }
+        if (onChange) {
+            onChange([], []);
+        }
+    };
+    // Filter options based on search
+    const filteredOptions = searchQuery
+        ? options.filter((option) => {
+            const label = extractValue(option, getOptionLabel);
+            return label.toLowerCase().includes(searchQuery.toLowerCase());
+        })
+        : options;
+    // Group options if needed
+    const groupedOptions = grouped
+        ? filteredOptions.reduce((acc, option) => {
+            const group = extractValue(option, getOptionGroup) || 'Other';
+            if (!acc[group]) {
+                acc[group] = [];
+            }
+            acc[group].push(option);
+            return acc;
+        }, {})
+        : { '': filteredOptions };
+    // Get selected options for chip display
+    const selectedOptions = options.filter((opt) => selectedValues.includes(extractValue(opt, getOptionValue)));
+    const displayedChips = maxChipsDisplay
+        ? selectedOptions.slice(0, maxChipsDisplay)
+        : selectedOptions;
+    const remainingCount = maxChipsDisplay ? selectedOptions.length - maxChipsDisplay : 0;
+    const wrapperClassNames = [
+        'vtx-multiselect-wrapper',
+        fullWidth && 'vtx-multiselect-wrapper--full-width',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const size = sizeProp || (theme === null || theme === void 0 ? void 0 : theme.defaultSize) || 'md';
+    const containerClassNames = [
+        'vtx-multiselect-container',
+        `vtx-multiselect-container--${size}`,
+        hasError && 'vtx-multiselect-container--error',
+        hasSuccess && 'vtx-multiselect-container--success',
+        disabled && 'vtx-multiselect-container--disabled',
+        isOpen && 'vtx-multiselect-container--open',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    // Pass the same size to Chip for consistency
+    const chipSize = size;
+    return (jsxs("div", { className: wrapperClassNames, ref: ref, children: [label && (jsxs("label", { htmlFor: id, className: "vtx-multiselect-label", children: [label, required && (jsxs("span", { className: "vtx-multiselect-label__required", "aria-label": "required", children: [' ', "*"] }))] })), jsxs("div", { ref: containerRef, className: containerClassNames, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-labelledby": label ? `${id}-label` : undefined, "aria-describedby": describedBy || undefined, "aria-disabled": disabled, children: [jsx("div", { className: "vtx-multiselect-input-area", onClick: () => !disabled && setIsOpen(!isOpen), role: "button", tabIndex: disabled ? -1 : 0, onKeyDown: (e) => {
+                            if (!disabled && (e.key === 'Enter' || e.key === ' ')) {
+                                e.preventDefault();
+                                setIsOpen(!isOpen);
+                            }
+                        }, children: selectedOptions.length === 0 ? (jsx("span", { className: "vtx-multiselect-placeholder", children: placeholder })) : (jsxs("div", { className: "vtx-multiselect-chips", children: [displayedChips.map((option) => {
+                                    const value = extractValue(option, getOptionValue);
+                                    const label = extractValue(option, getOptionLabel);
+                                    return (jsx(Chip, { label: label, size: chipSize, color: chipColor, variant: chipVariant, onDelete: (e) => {
+                                            e.stopPropagation();
+                                            handleChipDelete(value);
+                                        } }, value));
+                                }), remainingCount > 0 && (jsx(Chip, { label: `+${remainingCount} more`, size: chipSize, color: "default", variant: "outlined" }))] })) }), jsx("span", { className: "vtx-multiselect-icon", "aria-hidden": "true", children: loading ? (jsx(SpinnerIcon, { size: 16 })) : (jsx(ChevronDownIcon, { size: 16 })) }), isOpen && (jsxs("div", { ref: dropdownRef, className: "vtx-multiselect-dropdown", role: "listbox", children: [searchable && (jsx("div", { className: "vtx-multiselect-search", children: jsx("input", { type: "text", placeholder: "Search...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => e.stopPropagation() }) })), showSelectAll && (jsxs("div", { className: "vtx-multiselect-actions", children: [jsx("button", { type: "button", className: "vtx-multiselect-action-button", onClick: (e) => {
+                                            e.stopPropagation();
+                                            handleSelectAll();
+                                        }, children: "Select All" }), jsx("button", { type: "button", className: "vtx-multiselect-action-button", onClick: (e) => {
+                                            e.stopPropagation();
+                                            handleClearAll();
+                                        }, children: "Clear All" })] })), jsx("div", { className: "vtx-multiselect-options", children: filteredOptions.length === 0 ? (jsx("div", { className: "vtx-multiselect-empty", children: "No options found" })) : (Object.entries(groupedOptions).map(([group, groupOptions]) => (jsxs("div", { children: [grouped && group && jsx("div", { className: "vtx-multiselect-optgroup", children: group }), groupOptions.map((option) => {
+                                            const value = extractValue(option, getOptionValue);
+                                            const label = extractValue(option, getOptionLabel);
+                                            const isDisabled = extractValue(option, getOptionDisabled);
+                                            const isSelected = selectedValues.includes(value);
+                                            const optionClassNames = [
+                                                'vtx-multiselect-option',
+                                                isSelected && 'vtx-multiselect-option--selected',
+                                                isDisabled && 'vtx-multiselect-option--disabled',
+                                            ]
+                                                .filter(Boolean)
+                                                .join(' ');
+                                            return (jsxs("div", { className: optionClassNames, onClick: () => !isDisabled && handleOptionClick(value), role: "option", "aria-selected": isSelected, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : 0, onKeyDown: (e) => {
+                                                    if (isDisabled)
+                                                        return;
+                                                    if (e.key === 'Enter' || e.key === ' ') {
+                                                        e.preventDefault();
+                                                        handleOptionClick(value);
+                                                    }
+                                                }, children: [selectionStyle === 'checkbox' && (jsx("div", { className: `vtx-multiselect-checkbox ${isSelected ? 'vtx-multiselect-checkbox--checked' : ''}`, children: isSelected && jsx(CheckIcon, { size: 16 }) })), jsx("span", { className: "vtx-multiselect-option-label", children: label }), selectionStyle === 'checkmark' && (jsx("div", { className: "vtx-multiselect-checkmark", children: isSelected && jsx(CheckIcon, { size: 20 }) }))] }, value));
+                                        })] }, group)))) })] }))] }), name && (jsx("select", { multiple: true, name: name, value: selectedValues.map(String), onChange: () => { }, className: "vtx-multiselect-hidden-select", required: required, disabled: disabled, tabIndex: -1, "aria-hidden": "true", children: options.map((option) => {
+                    const value = extractValue(option, getOptionValue);
+                    return (jsx("option", { value: String(value), children: extractValue(option, getOptionLabel) }, value));
+                }) })), helperText && !error && !success && (jsx("p", { id: helperId, className: "vtx-multiselect-helper", children: helperText })), error && (jsx("p", { id: errorId, className: "vtx-multiselect-error", role: "alert", children: error })), success && (jsx("p", { id: successId, className: "vtx-multiselect-success", role: "status", children: success }))] }));
+});
+MultiSelect.displayName = 'MultiSelect';
+
+export { MultiSelect, MultiSelect as default };
+//# sourceMappingURL=MultiSelect.js.map

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

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

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

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

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

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