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

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

@@ -0,0 +1,139 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useCallback } from 'react';
+
+const ToastContext = createContext(null);
+const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    return context;
+};
+const ToastProvider = ({ children }) => {
+    const [toasts, setToasts] = useState([]);
+    const removeToast = useCallback((id) => {
+        setToasts((prev) => {
+            var _a;
+            const toast = prev.find((t) => t.id === id);
+            if (toast) {
+                (_a = toast.onClose) === null || _a === void 0 ? void 0 : _a.call(toast);
+            }
+            return prev.filter((t) => t.id !== id);
+        });
+    }, []);
+    const addToast = useCallback((content, options = {}) => {
+        var _a;
+        const id = options.toastId || Date.now() + Math.random();
+        const newToast = {
+            id,
+            content,
+            createdAt: Date.now(),
+            isVisible: true,
+            autoClose: 5000,
+            closeButton: true,
+            progressBar: true,
+            pauseOnHover: true,
+            pauseOnFocusLoss: true,
+            variant: 'default',
+            animationDuration: 300,
+            ...options,
+        };
+        setToasts((prev) => {
+            // Remove existing toast with same ID if it exists
+            const filtered = prev.filter((toast) => toast.id !== id);
+            return [newToast, ...filtered];
+        });
+        // Auto close if enabled
+        if (newToast.autoClose !== false) {
+            setTimeout(() => {
+                removeToast(id);
+            }, newToast.autoClose);
+        }
+        // Call onOpen callback
+        (_a = options.onOpen) === null || _a === void 0 ? void 0 : _a.call(options);
+        return id;
+    }, [removeToast]);
+    const clearAllToasts = useCallback(() => {
+        setToasts([]);
+    }, []);
+    const updateToast = useCallback((id, options) => {
+        setToasts((prev) => prev.map((toast) => (toast.id === id ? { ...toast, ...options } : toast)));
+    }, []);
+    const value = {
+        toasts,
+        addToast,
+        removeToast,
+        clearAllToasts,
+        updateToast,
+    };
+    return jsx(ToastContext.Provider, { value: value, children: children });
+};
+// Imperative API
+class ToastManager {
+    constructor() {
+        this.addToastFn = null;
+        this.removeToastFn = null;
+        this.clearAllToastsFn = null;
+        this.updateToastFn = null;
+    }
+    static getInstance() {
+        if (!ToastManager.instance) {
+            ToastManager.instance = new ToastManager();
+        }
+        return ToastManager.instance;
+    }
+    setMethods(addToast, removeToast, clearAllToasts, updateToast) {
+        this.addToastFn = addToast;
+        this.removeToastFn = removeToast;
+        this.clearAllToastsFn = clearAllToasts;
+        this.updateToastFn = updateToast;
+    }
+    show(content, options) {
+        if (!this.addToastFn) {
+            console.warn('Toast system not initialized. Make sure ToastContainer is mounted.');
+            return '';
+        }
+        return this.addToastFn(content, options);
+    }
+    success(content, options) {
+        return this.show(content, { ...options, variant: 'success' });
+    }
+    error(content, options) {
+        return this.show(content, { ...options, variant: 'error' });
+    }
+    warning(content, options) {
+        return this.show(content, { ...options, variant: 'warning' });
+    }
+    info(content, options) {
+        return this.show(content, { ...options, variant: 'info' });
+    }
+    primary(content, options) {
+        return this.show(content, { ...options, variant: 'primary' });
+    }
+    dismiss(id) {
+        if (!this.removeToastFn) {
+            console.warn('Toast system not initialized.');
+            return;
+        }
+        this.removeToastFn(id);
+    }
+    dismissAll() {
+        if (!this.clearAllToastsFn) {
+            console.warn('Toast system not initialized.');
+            return;
+        }
+        this.clearAllToastsFn();
+    }
+    update(id, options) {
+        if (!this.updateToastFn) {
+            console.warn('Toast system not initialized.');
+            return;
+        }
+        this.updateToastFn(id, options);
+    }
+}
+const toast = ToastManager.getInstance();
+
+export { ToastProvider, toast, useToast };
+//# sourceMappingURL=useToast.js.map

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

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

package/dist/esm/components/ToggleButton/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useId, useRef, useImperativeHandle } from 'react';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+
+/**
+ * ToggleButton component - Allows users to toggle a binary state on or off.
+ *
+ * The ToggleButton component provides a customizable switch input with support
+ * for labels, error states, and three sizes.
+ *
+ * ## CSS Customization
+ *
+ * You can customize the toggle button appearance using CSS custom properties:
+ *
+ * ```css
+ * :root {
+ *   --vtx-toggle-color: #1976d2;
+ *   --vtx-toggle-width: 40px;
+ *   --vtx-toggle-height: 24px;
+ *   --vtx-toggle-thumb-size: 20px;
+ * }
+ * ```
+ *
+ * @example
+ * Basic toggle button
+ * ```tsx
+ * <ToggleButton label="Enable notifications" />
+ * ```
+ *
+ * @example
+ * Controlled toggle button with size and variant
+ * ```tsx
+ * const [checked, setChecked] = useState(false);
+ * <ToggleButton
+ *   checked={checked}
+ *   onChange={(e) => setChecked(e.target.checked)}
+ *   label="Dark Mode"
+ *   size="lg"
+ *   variant="secondary"
+ * />
+ * ```
+ *
+ * @example
+ * With icons
+ * ```tsx
+ * <ToggleButton
+ *   label="WiFi"
+ *   icon={<WifiOffIcon />}
+ *   checkedIcon={<WifiIcon />}
+ * />
+ * ```
+ */
+const ToggleButton = React__default.forwardRef(({ checked, disabled = false, label, labelPlacement = 'end', size, variant = 'primary', error = false, helperText, onChange, className = '', inputClassName = '', icon, checkedIcon, id, ...props }, ref) => {
+    // Get theme default size if size prop is not provided
+    const { theme } = useThemeContext();
+    const toggleSize = size || theme.defaultSize || 'md';
+    const generatedId = useId();
+    const toggleId = id || generatedId;
+    // Build class names
+    const containerClassNames = [
+        'vtx-toggle-button',
+        `vtx-toggle-button--${toggleSize}`,
+        `vtx-toggle-button--${variant}`,
+        disabled && 'vtx-toggle-button--disabled',
+        error && 'vtx-toggle-button--error',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const labelClassNames = [
+        'vtx-toggle-button-label',
+        `vtx-toggle-button-label--${labelPlacement}`
+    ].filter(Boolean).join(' ');
+    const inputClassNames = ['vtx-toggle-button-input', inputClassName].filter(Boolean).join(' ');
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    const displayIcon = (checked && checkedIcon) ? checkedIcon : icon;
+    return (jsxs("div", { className: containerClassNames, children: [jsxs("label", { className: labelClassNames, htmlFor: toggleId, children: [jsxs("span", { className: "vtx-toggle-button-wrapper", children: [jsx("input", { ref: inputRef, type: "checkbox", role: "switch", id: toggleId, className: inputClassNames, checked: checked, disabled: disabled, onChange: onChange, "aria-checked": checked !== null && checked !== void 0 ? checked : false, ...props }), jsx("span", { className: "vtx-toggle-button-track", children: jsx("span", { className: "vtx-toggle-button-thumb", children: displayIcon && jsx("span", { className: "vtx-toggle-button-icon", children: displayIcon }) }) })] }), label && jsx("span", { className: "vtx-toggle-button-label-text", children: label })] }), helperText && jsx("div", { className: "vtx-toggle-button-helper-text", children: helperText })] }));
+});
+ToggleButton.displayName = 'ToggleButton';
+
+export { ToggleButton, ToggleButton as default };
+//# sourceMappingURL=ToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;AAkEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CG;AACG,MAAA,YAAY,GAAGA,cAAK,CAAC,UAAU,CACnC,CACE,EACE,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,IAAI,EACJ,WAAW,EACX,EAAE,EACF,GAAG,KAAK,EACT,EACD,GAAG,KACD;;AAEF,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,IAAI,IAAI,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC;AAErD,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;AAC5B,IAAA,MAAM,QAAQ,GAAG,EAAE,IAAI,WAAW,CAAC;;AAGnC,IAAA,MAAM,mBAAmB,GAAG;QAC1B,mBAAmB;AACnB,QAAA,CAAA,mBAAA,EAAsB,UAAU,CAAE,CAAA;AAClC,QAAA,CAAA,mBAAA,EAAsB,OAAO,CAAE,CAAA;AAC/B,QAAA,QAAQ,IAAI,6BAA6B;AACzC,QAAA,KAAK,IAAI,0BAA0B;QACnC,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,IAAA,MAAM,eAAe,GAAG;QACtB,yBAAyB;AACzB,QAAA,CAAA,yBAAA,EAA4B,cAAc,CAAE,CAAA;KAC7C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,eAAe,GAAG,CAAC,yBAAyB,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE9F,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,mBAAmB,CAAC,GAAG,EAAE,MAAM,QAAQ,CAAC,OAAQ,CAAC,CAAC;AAElD,IAAA,MAAM,WAAW,GAAG,CAAC,OAAO,IAAI,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC;IAElE,QACEC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,aACjCA,IAAO,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAA,QAAA,EAAA,CAClDA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,aACzCC,GACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACJ,cAAA,EAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAP,OAAO,GAAI,KAAK,EAAA,GAC1B,KAAK,EACT,CAAA,EACFA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,YACvCA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EACtC,QAAA,EAAA,WAAW,IAAIA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAE,QAAA,EAAA,WAAW,GAAQ,EACxE,CAAA,EAAA,CACF,CACF,EAAA,CAAA,EACN,KAAK,IAAIA,cAAM,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,IACjE,EACP,UAAU,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAAE,UAAU,EAAA,CAAO,CAC5E,EAAA,CAAA,EACN;AACJ,CAAC,EACD;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

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

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

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

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

package/dist/esm/components/Tooltip/components/Tooltip/Tooltip.js

@@ -0,0 +1,242 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { CloseSmallIcon } from '../../../../icons/icons/IconComponents.js';
+import React__default, { useState, useRef, useEffect, cloneElement } from 'react';
+import { createPortal } from 'react-dom';
+
+/**
+ * Tooltip component - Displays helpful information on hover or focus
+ *
+ * A feature-rich tooltip component with multiple placement options, variants,
+ * customizable delays, and arrow indicators.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <Tooltip content="Click to save changes" placement="top">
+ *   <Button>Save</Button>
+ * </Tooltip>
+ * ```
+ *
+ * @example
+ * With arrow and variant
+ * ```tsx
+ * <Tooltip
+ *   content="This action cannot be undone"
+ *   placement="right"
+ *   variant="warning"
+ *   arrow
+ * >
+ *   <Button variant="danger">Delete</Button>
+ * </Tooltip>
+ * ```
+ *
+ * @example
+ * Always visible
+ * ```tsx
+ * <Tooltip content="Important information" open>
+ *   <span>Hover target</span>
+ * </Tooltip>
+ * ```
+ */
+const Tooltip = React__default.forwardRef(({ content, placement = 'top', delay = 200, hideDelay = 0, children, open, disabled = false, arrow = false, maxWidth = '300px', variant = 'dark', dismissible = false, onShow, onHide, onDismiss, className = '', ...props }, ref) => {
+    // ...existing implementation...
+    // Replace all instances of tooltipRef with ref
+    // Pass ref to the tooltip div
+    // Otherwise, keep logic unchanged
+    const [isVisible, setIsVisible] = useState(open || false);
+    const [isMounted, setIsMounted] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const triggerRef = useRef(null);
+    // Use the forwarded ref for the tooltip
+    const showTimeoutRef = useRef(null);
+    const hideTimeoutRef = useRef(null);
+    const unmountTimeoutRef = useRef(null);
+    const isHoveringRef = useRef(false);
+    const showTooltip = () => {
+        if (disabled)
+            return;
+        isHoveringRef.current = true;
+        if (hideTimeoutRef.current) {
+            clearTimeout(hideTimeoutRef.current);
+        }
+        if (unmountTimeoutRef.current) {
+            clearTimeout(unmountTimeoutRef.current);
+        }
+        showTimeoutRef.current = setTimeout(() => {
+            if (triggerRef.current && isHoveringRef.current) {
+                const rect = triggerRef.current.getBoundingClientRect();
+                const tooltipPos = calculatePosition(rect, placement);
+                setPosition(tooltipPos);
+                setIsMounted(true);
+                requestAnimationFrame(() => {
+                    requestAnimationFrame(() => {
+                        setIsVisible(true);
+                        onShow === null || onShow === void 0 ? void 0 : onShow();
+                    });
+                });
+            }
+        }, delay);
+    };
+    const hideTooltip = () => {
+        isHoveringRef.current = false;
+        if (showTimeoutRef.current) {
+            clearTimeout(showTimeoutRef.current);
+        }
+        hideTimeoutRef.current = setTimeout(() => {
+            if (!isHoveringRef.current) {
+                setIsVisible(false);
+                onHide === null || onHide === void 0 ? void 0 : onHide();
+                unmountTimeoutRef.current = setTimeout(() => {
+                    setIsMounted(false);
+                }, 150);
+            }
+        }, hideDelay);
+    };
+    const calculatePosition = (rect, placementValue) => {
+        const offset = arrow ? 12 : 8;
+        let top = 0;
+        let left = 0;
+        if (placementValue.startsWith('top')) {
+            top = rect.top - offset + window.scrollY;
+            left = rect.left + rect.width / 2 + window.scrollX;
+            if (placementValue === 'top-start')
+                left = rect.left + window.scrollX;
+            if (placementValue === 'top-end')
+                left = rect.right + window.scrollX;
+        }
+        else if (placementValue.startsWith('bottom')) {
+            top = rect.bottom + offset + window.scrollY;
+            left = rect.left + rect.width / 2 + window.scrollX;
+            if (placementValue === 'bottom-start')
+                left = rect.left + window.scrollX;
+            if (placementValue === 'bottom-end')
+                left = rect.right + window.scrollX;
+        }
+        else if (placementValue.startsWith('left')) {
+            top = rect.top + rect.height / 2 + window.scrollY;
+            left = rect.left - offset + window.scrollX;
+            if (placementValue === 'left-start')
+                top = rect.top + window.scrollY;
+            if (placementValue === 'left-end')
+                top = rect.bottom + window.scrollY;
+        }
+        else if (placementValue.startsWith('right')) {
+            top = rect.top + rect.height / 2 + window.scrollY;
+            left = rect.right + offset + window.scrollX;
+            if (placementValue === 'right-start')
+                top = rect.top + window.scrollY;
+            if (placementValue === 'right-end')
+                top = rect.bottom + window.scrollY;
+        }
+        return { top, left };
+    };
+    const handleDismiss = () => {
+        isHoveringRef.current = false;
+        setIsVisible(false);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        onHide === null || onHide === void 0 ? void 0 : onHide();
+        unmountTimeoutRef.current = setTimeout(() => {
+            setIsMounted(false);
+        }, 150);
+    };
+    const handleTooltipMouseEnter = () => {
+        if (disabled || open !== undefined)
+            return;
+        isHoveringRef.current = true;
+        if (hideTimeoutRef.current) {
+            clearTimeout(hideTimeoutRef.current);
+        }
+    };
+    const handleTooltipMouseLeave = () => {
+        if (disabled || open !== undefined)
+            return;
+        hideTooltip();
+    };
+    useEffect(() => {
+        if (open !== undefined) {
+            if (open) {
+                setIsMounted(true);
+                requestAnimationFrame(() => {
+                    requestAnimationFrame(() => {
+                        setIsVisible(true);
+                    });
+                });
+            }
+            else {
+                setIsVisible(false);
+                unmountTimeoutRef.current = setTimeout(() => {
+                    setIsMounted(false);
+                }, 150);
+            }
+        }
+    }, [open]);
+    useEffect(() => {
+        return () => {
+            if (showTimeoutRef.current)
+                clearTimeout(showTimeoutRef.current);
+            if (hideTimeoutRef.current)
+                clearTimeout(hideTimeoutRef.current);
+            if (unmountTimeoutRef.current)
+                clearTimeout(unmountTimeoutRef.current);
+        };
+    }, []);
+    const tooltipClassNames = [
+        'vtx-tooltip',
+        `vtx-tooltip--${placement}`,
+        `vtx-tooltip--${variant}`,
+        arrow && 'vtx-tooltip--with-arrow',
+        isVisible && 'vtx-tooltip--visible',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const shouldRender = open !== undefined ? open || isMounted : isMounted;
+    const trigger = cloneElement(children, {
+        ref: (node) => {
+            triggerRef.current = node;
+            const childRef = children.ref;
+            if (typeof childRef === 'function') {
+                childRef(node);
+            }
+            else if (childRef && typeof childRef === 'object' && 'current' in childRef) {
+                childRef.current = node;
+            }
+        },
+        onMouseEnter: (e) => {
+            var _a, _b;
+            if (open === undefined)
+                showTooltip();
+            (_b = (_a = children.props).onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        },
+        onMouseLeave: (e) => {
+            var _a, _b;
+            if (open === undefined)
+                hideTooltip();
+            (_b = (_a = children.props).onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        },
+        onFocus: (e) => {
+            var _a, _b;
+            if (open === undefined)
+                showTooltip();
+            (_b = (_a = children.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        },
+        onBlur: (e) => {
+            var _a, _b;
+            if (open === undefined)
+                hideTooltip();
+            (_b = (_a = children.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+        },
+        'aria-describedby': isVisible ? 'vtx-tooltip-content' : undefined,
+    });
+    return (jsxs(Fragment, { children: [trigger, shouldRender &&
+                createPortal(jsxs("div", { ref: ref, id: "vtx-tooltip-content", role: "tooltip", className: tooltipClassNames, style: {
+                        top: `${position.top}px`,
+                        left: `${position.left}px`,
+                        maxWidth,
+                    }, onMouseEnter: handleTooltipMouseEnter, onMouseLeave: handleTooltipMouseLeave, ...props, children: [arrow && jsx("span", { className: "vtx-tooltip-arrow", "aria-hidden": "true" }), jsxs("div", { className: "vtx-tooltip-inner", children: [jsx("span", { className: "vtx-tooltip-content", children: content }), dismissible && (jsx("button", { type: "button", className: "vtx-tooltip-close", onClick: handleDismiss, "aria-label": "Dismiss tooltip", children: jsx(CloseSmallIcon, { size: 14 }) }))] })] }), document.body)] }));
+});
+Tooltip.displayName = 'Tooltip';
+
+export { Tooltip, Tooltip as default };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAwFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;AAEH,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAC9B,CACE,EACE,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,GAAG,EACX,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,OAAO,EAClB,OAAO,GAAG,MAAM,EAChB,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;;;;;AAKF,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;;AAEpD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC9D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,QAAQ;YAAE,OAAO;AAErB,QAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;AAE7B,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AAC1B,YAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SACtC;AACD,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,YAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;SACzC;AAED,QAAA,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;YACvC,IAAI,UAAU,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE;gBAC/C,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACxD,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;gBACtD,WAAW,CAAC,UAAU,CAAC,CAAC;gBACxB,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,qBAAqB,CAAC,MAAK;oBACzB,qBAAqB,CAAC,MAAK;wBACzB,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,wBAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,EAAI,CAAC;AACb,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;aACJ;SACF,EAAE,KAAK,CAAC,CAAC;AACZ,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;AAE9B,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AAC1B,YAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SACtC;AAED,QAAA,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AACvC,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;gBAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;AACpB,gBAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,EAAI,CAAC;AACX,gBAAA,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBAC1C,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB,EAAE,GAAG,CAAC,CAAC;aACT;SACF,EAAE,SAAS,CAAC,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,cAAsB,KAAI;QAClE,MAAM,MAAM,GAAG,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC;QAC9B,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,CAAC,CAAC;AAEb,QAAA,IAAI,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACpC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;AACzC,YAAA,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAEnD,IAAI,cAAc,KAAK,WAAW;gBAAE,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;YACtE,IAAI,cAAc,KAAK,SAAS;gBAAE,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;SACtE;AAAM,aAAA,IAAI,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YAC9C,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;AAC5C,YAAA,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAEnD,IAAI,cAAc,KAAK,cAAc;gBAAE,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;YACzE,IAAI,cAAc,KAAK,YAAY;gBAAE,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC;SACzE;AAAM,aAAA,IAAI,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAC5C,YAAA,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAClD,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YAE3C,IAAI,cAAc,KAAK,YAAY;gBAAE,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;YACrE,IAAI,cAAc,KAAK,UAAU;gBAAE,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;SACvE;AAAM,aAAA,IAAI,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;AAC7C,YAAA,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAClD,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YAE5C,IAAI,cAAc,KAAK,aAAa;gBAAE,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;YACtE,IAAI,cAAc,KAAK,WAAW;gBAAE,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;SACxE;AAED,QAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,KAAC,CAAC;IAEF,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,YAAY,CAAC,KAAK,CAAC,CAAC;AACpB,QAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,EAAI,CAAC;AACd,QAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,EAAI,CAAC;AACX,QAAA,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;YAC1C,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB,EAAE,GAAG,CAAC,CAAC;AACV,KAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,MAAK;AACnC,QAAA,IAAI,QAAQ,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO;AAC3C,QAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;AAC7B,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AAC1B,YAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SACtC;AACH,KAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,MAAK;AACnC,QAAA,IAAI,QAAQ,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO;AAC3C,QAAA,WAAW,EAAE,CAAC;AAChB,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,IAAI,EAAE;gBACR,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,qBAAqB,CAAC,MAAK;oBACzB,qBAAqB,CAAC,MAAK;wBACzB,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,YAAY,CAAC,KAAK,CAAC,CAAC;AACpB,gBAAA,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBAC1C,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB,EAAE,GAAG,CAAC,CAAC;aACT;SACF;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAK;YACV,IAAI,cAAc,CAAC,OAAO;AAAE,gBAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACjE,IAAI,cAAc,CAAC,OAAO;AAAE,gBAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACjE,IAAI,iBAAiB,CAAC,OAAO;AAAE,gBAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACzE,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,iBAAiB,GAAG;QACxB,aAAa;AACb,QAAA,CAAA,aAAA,EAAgB,SAAS,CAAE,CAAA;AAC3B,QAAA,CAAA,aAAA,EAAgB,OAAO,CAAE,CAAA;AACzB,QAAA,KAAK,IAAI,yBAAyB;AAClC,QAAA,SAAS,IAAI,sBAAsB;QACnC,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,IAAI,SAAS,GAAG,SAAS,CAAC;AAExE,IAAA,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,EAAE;AACrC,QAAA,GAAG,EAAE,CAAC,IAA2B,KAAI;AACnC,YAAA,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAC1B,YAAA,MAAM,QAAQ,GAAI,QAAqE,CAAC,GAAG,CAAC;AAC5F,YAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,IAAI,CAAC,CAAC;aAChB;iBAAM,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,SAAS,IAAI,QAAQ,EAAE;AAC3E,gBAAA,QAA0D,CAAC,OAAO,GAAG,IAAI,CAAC;aAC5E;SACF;AACD,QAAA,YAAY,EAAE,CAAC,CAAmB,KAAI;;YACpC,IAAI,IAAI,KAAK,SAAS;AAAE,gBAAA,WAAW,EAAE,CAAC;YACtC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,KAAK,EAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,CAAC,CAAC,CAAC;SAClC;AACD,QAAA,YAAY,EAAE,CAAC,CAAmB,KAAI;;YACpC,IAAI,IAAI,KAAK,SAAS;AAAE,gBAAA,WAAW,EAAE,CAAC;YACtC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,KAAK,EAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,CAAC,CAAC,CAAC;SAClC;AACD,QAAA,OAAO,EAAE,CAAC,CAAmB,KAAI;;YAC/B,IAAI,IAAI,KAAK,SAAS;AAAE,gBAAA,WAAW,EAAE,CAAC;YACtC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,KAAK,EAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,CAAC,CAAC,CAAC;SAC7B;AACD,QAAA,MAAM,EAAE,CAAC,CAAmB,KAAI;;YAC9B,IAAI,IAAI,KAAK,SAAS;AAAE,gBAAA,WAAW,EAAE,CAAC;YACtC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,KAAK,EAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,CAAC,CAAC,CAAC;SAC5B;QACD,kBAAkB,EAAE,SAAS,GAAG,qBAAqB,GAAG,SAAS;AAClE,KAAA,CAAC,CAAC;AAEH,IAAA,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,OAAO,EACP,YAAY;AACX,gBAAA,YAAY,CACVD,IACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,qBAAqB,EACxB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;AACL,wBAAA,GAAG,EAAE,CAAA,EAAG,QAAQ,CAAC,GAAG,CAAI,EAAA,CAAA;AACxB,wBAAA,IAAI,EAAE,CAAA,EAAG,QAAQ,CAAC,IAAI,CAAI,EAAA,CAAA;wBAC1B,QAAQ;AACT,qBAAA,EACD,YAAY,EAAE,uBAAuB,EACrC,YAAY,EAAE,uBAAuB,EACjC,GAAA,KAAK,EAER,QAAA,EAAA,CAAA,KAAK,IAAIE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAa,aAAA,EAAA,MAAM,EAAG,CAAA,EACnEF,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAChCE,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAE,QAAA,EAAA,OAAO,GAAQ,EACrD,WAAW,KACVA,GACE,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,aAAa,EAAA,YAAA,EACX,iBAAiB,EAE5B,QAAA,EAAAA,GAAA,CAAC,cAAc,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,GACrB,CACV,CAAA,EAAA,CACG,CACF,EAAA,CAAA,EACN,QAAQ,CAAC,IAAI,CACd,CAAA,EAAA,CACF,EACH;AACJ,CAAC,EACD;AAGF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

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

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

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

package/dist/esm/components/Typography/components/Typography/Typography.js

@@ -0,0 +1,127 @@
+import * as React from 'react';
+
+/**
+ * Pre-computed base class names for each variant (performance optimization)
+ */
+const CLASS_VARIANTS = {
+    h1: 'vtx-typography vtx-typography--h1',
+    h2: 'vtx-typography vtx-typography--h2',
+    h3: 'vtx-typography vtx-typography--h3',
+    h4: 'vtx-typography vtx-typography--h4',
+    h5: 'vtx-typography vtx-typography--h5',
+    h6: 'vtx-typography vtx-typography--h6',
+    body1: 'vtx-typography vtx-typography--body1',
+    body2: 'vtx-typography vtx-typography--body2',
+    subtitle1: 'vtx-typography vtx-typography--subtitle1',
+    subtitle2: 'vtx-typography vtx-typography--subtitle2',
+    caption: 'vtx-typography vtx-typography--caption',
+    overline: 'vtx-typography vtx-typography--overline',
+    button: 'vtx-typography vtx-typography--button',
+    label: 'vtx-typography vtx-typography--label',
+};
+/**
+ * Default HTML element mapping for each variant
+ */
+const ELEMENT_MAP = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    body1: 'p',
+    body2: 'p',
+    subtitle1: 'p',
+    subtitle2: 'p',
+    caption: 'span',
+    overline: 'span',
+    button: 'span',
+    label: 'label',
+};
+/**
+ * Typography component - Versatile typography component with theme integration
+ *
+ * A comprehensive text component that provides consistent typography across your application
+ * with full theming support and extensive customization options.
+ */
+const TypographyComponent = React.forwardRef(({ variant = 'body1', as, align, color, textColor, weight, transform, decoration, truncate = false, lineClamp, breakWord = false, italic = false, underline = false, strikethrough = false, gradient, noSelect = false, size, lineHeight, letterSpacing, noMargin = false, noPadding = false, className = '', style, children, ...props }, ref) => {
+    // Determine the HTML element to render
+    const Component = as || ELEMENT_MAP[variant] || 'p';
+    // Build class names - optimized with pre-computed base
+    const classNames = React.useMemo(() => {
+        const classes = [CLASS_VARIANTS[variant]];
+        if (align)
+            classes.push(`vtx-typography--align-${align}`);
+        if (weight && typeof weight === 'string')
+            classes.push(`vtx-typography--weight-${weight}`);
+        if (color && color !== 'inherit')
+            classes.push(`vtx-typography--color-${color}`);
+        if (transform)
+            classes.push(`vtx-typography--transform-${transform}`);
+        if (decoration)
+            classes.push(`vtx-typography--decoration-${decoration}`);
+        if (truncate)
+            classes.push('vtx-typography--truncate');
+        if (lineClamp)
+            classes.push('vtx-typography--line-clamp');
+        if (breakWord)
+            classes.push('vtx-typography--break-word');
+        if (italic)
+            classes.push('vtx-typography--italic');
+        if (underline)
+            classes.push('vtx-typography--underline');
+        if (strikethrough)
+            classes.push('vtx-typography--strikethrough');
+        if (gradient)
+            classes.push('vtx-typography--gradient');
+        if (noSelect)
+            classes.push('vtx-typography--no-select');
+        if (noMargin)
+            classes.push('vtx-typography--no-margin');
+        if (noPadding)
+            classes.push('vtx-typography--no-padding');
+        if (className)
+            classes.push(className);
+        return classes.join(' ');
+    }, [variant, align, weight, color, transform, decoration, truncate, lineClamp, breakWord, italic, underline, strikethrough, gradient, noSelect, noMargin, noPadding, className]);
+    // Build inline styles - optimized with conditional object creation
+    const inlineStyles = React.useMemo(() => {
+        // Only create style object if we have custom styles
+        if (!textColor && !(weight && typeof weight === 'number') && !lineClamp &&
+            !gradient && !size && !lineHeight && !letterSpacing && !style) {
+            return undefined;
+        }
+        const s = style ? { ...style } : {};
+        if (textColor)
+            s.color = textColor;
+        if (weight && typeof weight === 'number')
+            s.fontWeight = weight;
+        if (lineClamp)
+            s.WebkitLineClamp = lineClamp;
+        if (gradient && gradient.length > 0) {
+            s.backgroundImage = gradient.length === 1
+                ? gradient[0]
+                : `linear-gradient(135deg, ${gradient.join(', ')})`;
+        }
+        if (size)
+            s.fontSize = typeof size === 'number' ? `${size}px` : size;
+        if (lineHeight)
+            s.lineHeight = typeof lineHeight === 'number' ? `${lineHeight}` : lineHeight;
+        if (letterSpacing) {
+            s.letterSpacing = typeof letterSpacing === 'number' ? `${letterSpacing}px` : letterSpacing;
+        }
+        return s;
+    }, [style, textColor, weight, lineClamp, gradient, size, lineHeight, letterSpacing]);
+    return React.createElement(Component, {
+        ref,
+        className: classNames,
+        style: inlineStyles,
+        ...props,
+    }, children);
+});
+TypographyComponent.displayName = 'Typography';
+// Using React.memo for high-frequency typography component
+const Typography = React.memo(TypographyComponent);
+
+export { Typography, Typography as default };
+//# sourceMappingURL=Typography.js.map

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

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

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

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

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

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