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

package/dist/cjs/components/RichTextEditor/components/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,304 @@
+"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 hooks_index = require('../../../../hooks/hooks/index.js');
+var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
+require('../../../../theme/theme/tokens.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultToolbarButtons = [
+    'bold',
+    'italic',
+    'underline',
+    'strikethrough',
+    'h1',
+    'h2',
+    'h3',
+    'orderedList',
+    'unorderedList',
+    'link',
+    'alignLeft',
+    'alignCenter',
+    'alignRight',
+    'code',
+    'clearFormat',
+    'undo',
+    'redo',
+];
+/**
+ * RichTextEditor component - A WYSIWYG text editor with formatting toolbar
+ *
+ * A comprehensive rich text editor with support for text formatting, lists, links,
+ * alignment, and character counting.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <RichTextEditor
+ *   label="Article Content"
+ *   placeholder="Start writing..."
+ *   onChange={(html, text) => setContent(html)}
+ * />
+ * ```
+ *
+ * @example
+ * With character limit
+ * ```tsx
+ * <RichTextEditor
+ *   label="Description"
+ *   maxLength={500}
+ *   showCount
+ *   value={description}
+ *   onChange={(html, text) => setDescription(html)}
+ * />
+ * ```
+ *
+ * @example
+ * With validation
+ * ```tsx
+ * <RichTextEditor
+ *   label="Comment"
+ *   required
+ *   error={error}
+ *   value={comment}
+ *   onChange={(html, text) => handleChange(html, text)}
+ * />
+ * ```
+ */
+const RichTextEditor = React__default["default"].forwardRef(({ label, helperText, error, success, size, fullWidth = true, clearable = false, onClear, showCount = false, maxLength, wrapperClassName = '', labelClassName = '', editorClassName = '', toolbarClassName = '', required = false, disabled = false, placeholder = 'Start typing...', value, defaultValue, onChange, minHeight = 200, id: providedId, hideToolbar = false, toolbarButtons = defaultToolbarButtons, }, ref) => {
+    const { theme } = theme_ThemeProvider.useThemeContext();
+    const editorSize = size || theme.defaultSize;
+    const generatedId = hooks_index.useId('richtext');
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const errorId = `${id}-error`;
+    const successId = `${id}-success`;
+    const editorRef = React.useRef(null);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [currentLength, setCurrentLength] = React.useState(0);
+    const hasError = Boolean(error);
+    const hasSuccess = Boolean(success) && !hasError;
+    const showClearButton = clearable && currentLength > 0 && !disabled;
+    const describedBy = [
+        helperText && !error && !success && helperId,
+        error && errorId,
+        success && successId,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const wrapperClassNames = [
+        'vtx-richtext-wrapper',
+        !fullWidth && 'vtx-richtext-wrapper--inline',
+        wrapperClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const containerClassNames = [
+        'vtx-richtext-container',
+        `vtx-richtext-container--${editorSize}`,
+        hasError && 'vtx-richtext-container--error',
+        hasSuccess && 'vtx-richtext-container--success',
+        disabled && 'vtx-richtext-container--disabled',
+        isFocused && 'vtx-richtext-container--focused',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const editorClasses = [
+        'vtx-richtext-editor',
+        editorClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const toolbarClasses = [
+        'vtx-richtext-toolbar',
+        toolbarClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    // Initialize content
+    React.useEffect(() => {
+        if (editorRef.current && !editorRef.current.innerHTML) {
+            const initialContent = value || defaultValue || '';
+            editorRef.current.innerHTML = initialContent;
+            updateLength();
+        }
+    }, []);
+    // Update content when value changes
+    React.useEffect(() => {
+        if (value !== undefined && editorRef.current) {
+            const currentHtml = editorRef.current.innerHTML;
+            if (currentHtml !== value) {
+                editorRef.current.innerHTML = value;
+                updateLength();
+            }
+        }
+    }, [value]);
+    const updateLength = () => {
+        if (editorRef.current) {
+            const text = editorRef.current.innerText || '';
+            setCurrentLength(text.length);
+        }
+    };
+    const handleInput = () => {
+        if (!editorRef.current)
+            return;
+        const html = editorRef.current.innerHTML;
+        const text = editorRef.current.innerText || '';
+        // Enforce max length
+        if (maxLength && text.length > maxLength) {
+            // Restore previous content
+            return;
+        }
+        updateLength();
+        onChange === null || onChange === void 0 ? void 0 : onChange(html, text);
+    };
+    const handleClear = () => {
+        var _a;
+        if (editorRef.current) {
+            editorRef.current.innerHTML = '';
+            updateLength();
+            onChange === null || onChange === void 0 ? void 0 : onChange('', '');
+        }
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+        (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const execCommand = (command, value = undefined) => {
+        var _a;
+        document.execCommand(command, false, value);
+        (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleToolbarAction = (action) => {
+        if (disabled)
+            return;
+        switch (action) {
+            case 'bold':
+                execCommand('bold');
+                break;
+            case 'italic':
+                execCommand('italic');
+                break;
+            case 'underline':
+                execCommand('underline');
+                break;
+            case 'strikethrough':
+                execCommand('strikeThrough');
+                break;
+            case 'h1':
+                execCommand('formatBlock', '<h1>');
+                break;
+            case 'h2':
+                execCommand('formatBlock', '<h2>');
+                break;
+            case 'h3':
+                execCommand('formatBlock', '<h3>');
+                break;
+            case 'orderedList':
+                execCommand('insertOrderedList');
+                break;
+            case 'unorderedList':
+                execCommand('insertUnorderedList');
+                break;
+            case 'link':
+                const url = prompt('Enter URL:');
+                if (url)
+                    execCommand('createLink', url);
+                break;
+            case 'alignLeft':
+                execCommand('justifyLeft');
+                break;
+            case 'alignCenter':
+                execCommand('justifyCenter');
+                break;
+            case 'alignRight':
+                execCommand('justifyRight');
+                break;
+            case 'code':
+                execCommand('formatBlock', '<pre>');
+                break;
+            case 'clearFormat':
+                execCommand('removeFormat');
+                break;
+            case 'undo':
+                execCommand('undo');
+                break;
+            case 'redo':
+                execCommand('redo');
+                break;
+        }
+        handleInput();
+    };
+    const handleRef = (node) => {
+        editorRef.current = node;
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    };
+    const showCounter = (showCount || maxLength) && maxLength !== undefined;
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.9;
+    const isAtLimit = maxLength && currentLength >= maxLength;
+    const getButtonIcon = (button) => {
+        const icons = {
+            bold: 'B',
+            italic: 'I',
+            underline: 'U',
+            strikethrough: 'S',
+            h1: 'H1',
+            h2: 'H2',
+            h3: 'H3',
+            orderedList: '1.',
+            unorderedList: '•',
+            link: '🔗',
+            alignLeft: '⬅',
+            alignCenter: '⬌',
+            alignRight: '➡',
+            code: '<>',
+            clearFormat: '✕',
+            undo: '↶',
+            redo: '↷',
+        };
+        return icons[button];
+    };
+    const getButtonTitle = (button) => {
+        const titles = {
+            bold: 'Bold',
+            italic: 'Italic',
+            underline: 'Underline',
+            strikethrough: 'Strikethrough',
+            h1: 'Heading 1',
+            h2: 'Heading 2',
+            h3: 'Heading 3',
+            orderedList: 'Ordered List',
+            unorderedList: 'Unordered List',
+            link: 'Insert Link',
+            alignLeft: 'Align Left',
+            alignCenter: 'Align Center',
+            alignRight: 'Align Right',
+            code: 'Code Block',
+            clearFormat: 'Clear Formatting',
+            undo: 'Undo',
+            redo: 'Redo',
+        };
+        return titles[button];
+    };
+    return (jsxRuntime.jsxs("div", { className: wrapperClassNames, children: [label && (jsxRuntime.jsxs("label", { htmlFor: id, className: `vtx-richtext-label ${labelClassName}`.trim(), children: [label, required && (jsxRuntime.jsxs("span", { className: "vtx-richtext-label__required", "aria-label": "required", children: [' ', "*"] }))] })), jsxRuntime.jsxs("div", { className: containerClassNames, children: [!hideToolbar && (jsxRuntime.jsxs("div", { className: toolbarClasses, role: "toolbar", "aria-label": "Text formatting toolbar", children: [toolbarButtons.map((button) => (jsxRuntime.jsx("button", { type: "button", className: "vtx-richtext-toolbar-button", onClick: () => handleToolbarAction(button), disabled: disabled, title: getButtonTitle(button), "aria-label": getButtonTitle(button), tabIndex: -1, children: getButtonIcon(button) }, button))), showClearButton && (jsxRuntime.jsx("button", { type: "button", className: "vtx-richtext-toolbar-clear", onClick: handleClear, disabled: disabled, title: "Clear all content", "aria-label": "Clear all content", tabIndex: -1, children: jsxRuntime.jsx(icons_IconComponents.CloseSmallIcon, { size: 14 }) }))] })), jsxRuntime.jsx("div", { ref: handleRef, id: id, className: editorClasses, contentEditable: !disabled, onInput: handleInput, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), role: "textbox", "aria-multiline": "true", "aria-invalid": hasError, "aria-describedby": describedBy || undefined, "aria-required": required, "data-placeholder": placeholder, style: { minHeight: `${minHeight}px` }, suppressContentEditableWarning: true })] }), jsxRuntime.jsxs("div", { className: "vtx-richtext-footer", children: [jsxRuntime.jsxs("div", { className: "vtx-richtext-footer-left", children: [helperText && !error && !success && (jsxRuntime.jsx("p", { id: helperId, className: "vtx-richtext-helper", children: helperText })), error && (jsxRuntime.jsx("p", { id: errorId, className: "vtx-richtext-error", role: "alert", children: error })), success && (jsxRuntime.jsx("p", { id: successId, className: "vtx-richtext-success", role: "status", children: success }))] }), showCounter && (jsxRuntime.jsxs("p", { className: `vtx-richtext-counter ${isAtLimit
+                            ? 'vtx-richtext-counter--at-limit'
+                            : isNearLimit
+                                ? 'vtx-richtext-counter--near-limit'
+                                : ''}`.trim(), "aria-live": "polite", children: [currentLength, " / ", maxLength] }))] })] }));
+});
+RichTextEditor.displayName = 'RichTextEditor';
+
+exports.RichTextEditor = RichTextEditor;
+exports["default"] = RichTextEditor;
+//# sourceMappingURL=RichTextEditor.js.map

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

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

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

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

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

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

package/dist/cjs/components/Select/components/Select/Select.js

@@ -0,0 +1,162 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var hooks_index = require('../../../../hooks/hooks/index.js');
+var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
+require('../../../../theme/theme/tokens.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Select component - Dropdown selection control with label, validation states, and grouping support
+ *
+ * A comprehensive select component with support for grouped options, validation states,
+ * and enhanced accessibility features.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <Select
+ *   label="Country"
+ *   placeholder="Select a country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * With grouped options
+ * ```tsx
+ * <Select
+ *   label="Framework"
+ *   grouped
+ *   options={[
+ *     { value: 'react', label: 'React', group: 'Frontend' },
+ *     { value: 'vue', label: 'Vue', group: 'Frontend' },
+ *     { value: 'node', label: 'Node.js', group: 'Backend' },
+ *     { value: 'django', label: 'Django', group: 'Backend' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * With change callback
+ * ```tsx
+ * <Select
+ *   label="Status"
+ *   options={statusOptions}
+ *   onSelectChange={(value, option) => {
+ *     console.log('Selected:', value, option);
+ *   }}
+ * />
+ * ```
+ *
+ * @example
+ * With default value
+ * ```tsx
+ * <Select
+ *   label="Country"
+ *   options={countryOptions}
+ *   defaultValue="us"
+ * />
+ * ```
+ *
+ * @example
+ * Customize loading spinner via CSS
+ * ```css
+ * .vtx-select-icon-spinner {
+ *   --vtx-select-loader-color: #10b981;
+ *   --vtx-select-loader-speed: 1.2s;
+ *   --vtx-select-loader-track-opacity: 0.15;
+ *   --vtx-select-loader-path-opacity: 0.85;
+ * }
+ * ```
+ */
+const Select = React__default["default"].forwardRef(({ label, helperText, error, success, size, fullWidth = false, options, placeholder, className = '', wrapperClassName = '', id: providedId, disabled = false, required = false, grouped = false, getOptionLabel = 'label', getOptionValue = 'value', getOptionDisabled = 'disabled', getOptionGroup = 'group', onSelectChange, onChange, loading = false, defaultValue, ...props }, ref) => {
+    const { theme } = theme_ThemeProvider.useThemeContext();
+    const selectSize = size || theme.defaultSize;
+    const generatedId = hooks_index.useId('select');
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const errorId = `${id}-error`;
+    const successId = `${id}-success`;
+    // Helper to safely extract value from option using string key or function
+    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(' ');
+    const wrapperClassNames = [
+        'vtx-select-wrapper',
+        fullWidth && 'vtx-select-wrapper--full-width',
+        wrapperClassName,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const selectContainerClassNames = [
+        'vtx-select-container',
+        `vtx-select-container--${selectSize}`,
+        hasError && 'vtx-select-container--error',
+        hasSuccess && 'vtx-select-container--success',
+        disabled && 'vtx-select-container--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleChange = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        if (onSelectChange) {
+            const selectedOption = options.find((opt) => String(extractValue(opt, getOptionValue)) === e.target.value);
+            onSelectChange(e.target.value, selectedOption);
+        }
+    };
+    const renderOptions = () => {
+        if (!grouped) {
+            return options.map((option, index) => {
+                const value = extractValue(option, getOptionValue);
+                const label = extractValue(option, getOptionLabel);
+                const isDisabled = extractValue(option, getOptionDisabled);
+                return (jsxRuntime.jsx("option", { value: value, disabled: isDisabled, children: label }, value || index));
+            });
+        }
+        // Group options using custom getter
+        const groupedOptions = options.reduce((acc, option) => {
+            const group = extractValue(option, getOptionGroup) || 'Other';
+            if (!acc[group]) {
+                acc[group] = [];
+            }
+            acc[group].push(option);
+            return acc;
+        }, {});
+        return Object.entries(groupedOptions).map(([group, groupOptions]) => (jsxRuntime.jsx("optgroup", { label: group, children: groupOptions.map((option, index) => {
+                const value = extractValue(option, getOptionValue);
+                const label = extractValue(option, getOptionLabel);
+                const isDisabled = extractValue(option, getOptionDisabled);
+                return (jsxRuntime.jsx("option", { value: value, disabled: isDisabled, children: label }, value || index));
+            }) }, group)));
+    };
+    return (jsxRuntime.jsxs("div", { className: wrapperClassNames, children: [label && (jsxRuntime.jsxs("label", { htmlFor: id, className: "vtx-select-label", children: [label, required && (jsxRuntime.jsxs("span", { className: "vtx-select-label__required", "aria-label": "required", children: [' ', "*"] }))] })), jsxRuntime.jsxs("div", { className: selectContainerClassNames, children: [jsxRuntime.jsxs("select", { ref: ref, id: id, className: "vtx-select", disabled: disabled, required: required, "aria-invalid": hasError, "aria-describedby": describedBy || undefined, onChange: handleChange, defaultValue: defaultValue, ...props, children: [placeholder && (jsxRuntime.jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsxRuntime.jsx("span", { className: "vtx-select-icon", "aria-hidden": "true", children: loading ? (jsxRuntime.jsxs("svg", { className: "vtx-select-icon-spinner", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [jsxRuntime.jsx("circle", { className: "vtx-select-icon-spinner-track", cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { className: "vtx-select-icon-spinner-path", fill: "currentColor", d: "M8 2C4.686 2 2 4.686 2 8h2c0-2.21 1.79-4 4-4V2z" })] })) : (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) })] }), helperText && !error && !success && (jsxRuntime.jsx("p", { id: helperId, className: "vtx-select-helper", children: helperText })), error && (jsxRuntime.jsx("p", { id: errorId, className: "vtx-select-error", role: "alert", children: error })), success && (jsxRuntime.jsx("p", { id: successId, className: "vtx-select-success", role: "status", children: success }))] }));
+});
+Select.displayName = 'Select';
+
+exports.Select = Select;
+exports["default"] = Select;
+//# sourceMappingURL=Select.js.map

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

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

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

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

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

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

package/dist/cjs/components/SideMenu/components/SideMenu/SideMenu.js

@@ -0,0 +1,118 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 submenu expansion
+const ChevronIcon = ({ isOpen }) => (jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", className: `vtx-sidemenu-chevron ${isOpen ? 'vtx-sidemenu-chevron--open' : ''}`, children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }));
+/**
+ * SideMenuItem component - Individual sidebar menu item with submenu support
+ */
+const SideMenuItem = React__default["default"].forwardRef(({ label, onClick, icon, disabled = false, active = false, items, badge, href, collapsed = false, level = 0, }, ref) => {
+    const [isSubmenuOpen, setIsSubmenuOpen] = React.useState(false);
+    const hasSubmenu = items && items.length > 0;
+    const handleClick = (e) => {
+        if (disabled)
+            return;
+        if (hasSubmenu) {
+            e.preventDefault();
+            setIsSubmenuOpen(!isSubmenuOpen);
+        }
+        else if (onClick) {
+            e.preventDefault();
+            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();
+            }
+        }
+    };
+    const content = (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: collapsed ? 0 : 12, style: { flex: 1, minWidth: 0 }, children: [icon && jsxRuntime.jsx("span", { className: "vtx-sidemenu-item-icon", children: icon }), !collapsed && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", noMargin: true, style: {
+                                flex: 1,
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap',
+                            }, children: label }), badge && jsxRuntime.jsx("span", { className: "vtx-sidemenu-item-badge", children: badge }), hasSubmenu && jsxRuntime.jsx(ChevronIcon, { isOpen: isSubmenuOpen })] }))] }) }));
+    const itemClasses = [
+        'vtx-sidemenu-item',
+        active && 'vtx-sidemenu-item--active',
+        disabled && 'vtx-sidemenu-item--disabled',
+        hasSubmenu && 'vtx-sidemenu-item--has-submenu',
+        collapsed && 'vtx-sidemenu-item--collapsed',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const ItemWrapper = href ? 'a' : 'div';
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ItemWrapper, { ref: ref, className: itemClasses, onClick: handleClick, onKeyDown: handleKeyDown, role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, "aria-expanded": hasSubmenu ? isSubmenuOpen : undefined, href: href, title: collapsed ? label : undefined, "data-label": collapsed ? label : undefined, children: content }), hasSubmenu && isSubmenuOpen && !collapsed && (jsxRuntime.jsx("div", { className: "vtx-sidemenu-submenu", children: items.map((item, index) => (jsxRuntime.jsx(SideMenuItem, { ...item, collapsed: collapsed, level: level + 1 }, index))) }))] }));
+});
+SideMenuItem.displayName = 'SideMenuItem';
+/**
+ * SideMenu component - Professional sidebar navigation for admin panels
+ *
+ * @example
+ * Basic sidebar menu
+ * ```tsx
+ * <SideMenu
+ *   items={[
+ *     { label: 'Dashboard', icon: <DashboardIcon />, active: true },
+ *     {
+ *       label: 'Products',
+ *       icon: <ProductIcon />,
+ *       items: [
+ *         { label: 'All Products', onClick: () => {} },
+ *         { label: 'Categories', onClick: () => {} }
+ *       ]
+ *     },
+ *     { label: 'Settings', icon: <SettingsIcon />, onClick: () => {} }
+ *   ]}
+ * />
+ * ```
+ *
+ * @example
+ * Collapsible sidebar with header
+ * ```tsx
+ * <SideMenu
+ *   collapsed={isCollapsed}
+ *   onCollapseToggle={setIsCollapsed}
+ *   header={<Logo />}
+ *   items={menuItems}
+ * />
+ * ```
+ */
+const SideMenu = React__default["default"].forwardRef(({ items, collapsed = false, onCollapseToggle: _onCollapseToggle, className = '', width = '260px', collapsedWidth = '80px', header, footer, headerPadding, footerPadding, }, ref) => {
+    const sidebarWidth = collapsed
+        ? typeof collapsedWidth === 'number'
+            ? `${collapsedWidth}px`
+            : collapsedWidth
+        : typeof width === 'number'
+            ? `${width}px`
+            : width;
+    const sidebarClasses = ['vtx-sidemenu', collapsed && 'vtx-sidemenu--collapsed', className]
+        .filter(Boolean)
+        .join(' ');
+    return (jsxRuntime.jsxs("aside", { ref: ref, className: sidebarClasses, style: { width: sidebarWidth }, role: "navigation", children: [header && (jsxRuntime.jsx("div", { className: "vtx-sidemenu-header", style: headerPadding ? { padding: typeof headerPadding === 'number' ? `${headerPadding}px` : headerPadding } : undefined, children: header })), jsxRuntime.jsx("div", { className: "vtx-sidemenu-content", children: items.map((item, index) => (jsxRuntime.jsx(SideMenuItem, { ...item, collapsed: collapsed }, index))) }), footer && (jsxRuntime.jsx("div", { className: "vtx-sidemenu-footer", style: footerPadding ? { padding: typeof footerPadding === 'number' ? `${footerPadding}px` : footerPadding } : undefined, children: footer }))] }));
+});
+SideMenu.displayName = 'SideMenu';
+
+exports.SideMenu = SideMenu;
+exports.SideMenuItem = SideMenuItem;
+exports["default"] = SideMenu;
+//# sourceMappingURL=SideMenu.js.map