@makroz/web 1.0.1

package/dist/components/MkThemeEditor.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import styles from './MkThemeEditor.module.css';
+import { useMkTheme } from '../theme/MkThemeProvider';
+import { tokens } from '@mk/core';
+/**
+ * @module MkThemeEditor
+ * @description Real-time Theme Editor for MK-Director.
+ * Allows visual modification of CSS variables during development.
+ */
+export function MkThemeEditor() {
+    const { theme, updateOverride, resetOverrides, isDark, toggleTheme } = useMkTheme();
+    const [isOpen, setIsOpen] = useState(false);
+    const [isExporting, setIsExporting] = useState(false);
+    // Group relevant tokens for editing
+    const colorTokens = useMemo(() => {
+        const base = isDark ? tokens.dark : tokens.light;
+        return Object.entries(base)
+            .filter(([_key, val]) => typeof val === 'string' && val.startsWith('#'))
+            .map(([key, _]) => key);
+    }, [isDark]);
+    const uiTokens = ['radius', 'transition', 'cardShadow'];
+    const handleCopyJson = () => {
+        setIsExporting(true);
+        const currentTheme = Object.assign({}, theme);
+        void navigator.clipboard.writeText(JSON.stringify(currentTheme, null, 2));
+        setTimeout(() => setIsExporting(false), 2000);
+    };
+    if (!isOpen) {
+        return (_jsx("button", { className: styles.minimized, onClick: () => setIsOpen(true), title: "Open Theme Editor", children: "\uD83C\uDFA8" }));
+    }
+    return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.header, children: [_jsx("h4", { className: styles.title, children: "\uD83C\uDFDB\uFE0F MK THEME EDITOR" }), _jsxs("div", { style: { display: 'flex', gap: '4px' }, children: [_jsx("button", { className: styles.controlButton, style: { padding: '4px 8px' }, onClick: toggleTheme, children: isDark ? '☀️' : '🌙' }), _jsx("button", { className: styles.controlButton, style: { padding: '4px 8px' }, onClick: () => setIsOpen(false), children: "\u2715" })] })] }), _jsxs("div", { className: styles.content, children: [_jsxs("div", { className: styles.section, children: [_jsx("p", { className: styles.sectionTitle, children: "\uD83C\uDF08 Essential Colors" }), colorTokens.map((token) => (_jsxs("div", { className: styles.tokenRow, children: [_jsxs("div", { className: styles.tokenInfo, children: [_jsx("span", { className: styles.tokenLabel, children: token.charAt(0).toUpperCase() + token.slice(1).replace(/[A-Z]/g, ' $&') }), _jsxs("span", { className: styles.tokenValue, children: ["--mk-", token.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase())] })] }), _jsx("input", { type: "color", className: styles.colorInput, value: theme[token], onChange: (e) => updateOverride(token, e.target.value) })] }, token)))] }), _jsxs("div", { className: styles.section, children: [_jsx("p", { className: styles.sectionTitle, children: "\uD83D\uDCD0 UI Shape & Effects" }), uiTokens.map((token) => {
+                                const val = theme[token];
+                                const isNumberLike = val && (val.includes('px') || val.includes('rem'));
+                                return (_jsxs("div", { className: styles.tokenRow, children: [_jsxs("div", { className: styles.tokenInfo, children: [_jsx("span", { className: styles.tokenLabel, children: token.charAt(0).toUpperCase() + token.slice(1) }), _jsx("span", { className: styles.tokenValue, children: val })] }), _jsx("input", { style: {
+                                                width: '80px',
+                                                fontSize: '0.75rem',
+                                                padding: '2px 4px',
+                                                borderRadius: '4px',
+                                                border: '1px solid var(--mk-border)',
+                                            }, type: "text", value: val, onChange: (e) => updateOverride(token, e.target.value) })] }, token));
+                            })] })] }), _jsxs("div", { className: styles.footer, children: [_jsx("button", { className: styles.controlButton, onClick: resetOverrides, children: "\uD83D\uDD04 Reset" }), _jsx("button", { className: styles.controlButton, onClick: handleCopyJson, children: isExporting ? '✅ Copied!' : '📋 Export JSON' })] })] }));
+}
+//# sourceMappingURL=MkThemeEditor.js.map

package/dist/components/MkThemeEditor.js.map

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

package/dist/components/MkThemeEditor.module.css

@@ -0,0 +1,177 @@
+.container {
+    --mk-theme-editor-bg: var(--mk-card);
+    --mk-theme-editor-border: var(--mk-border);
+    --mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
+
+    position: fixed;
+    bottom: 1.5rem;
+    right: 1.5rem;
+    width: 320px;
+    max-height: 500px;
+    background-color: var(--mk-theme-editor-bg);
+    border: 1px solid var(--mk-theme-editor-border);
+    border-radius: var(--mk-radius, 12px);
+    box-shadow: var(--mk-theme-editor-shadow);
+    z-index: 10000;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
+}
+
+@keyframes slideUp {
+    from {
+        opacity: 0;
+        transform: translateY(20px) scale(0.95);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.85rem 1rem;
+    background-color: var(--mk-muted);
+    border-bottom: 1px solid var(--mk-theme-editor-border);
+}
+
+.title {
+    font-size: 0.875rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--mk-foreground);
+    margin: 0;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+}
+
+.section {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.sectionTitle {
+    font-size: 0.75rem;
+    font-weight: 600;
+    color: var(--mk-muted-foreground);
+    text-transform: uppercase;
+    letter-spacing: 0.025em;
+}
+
+.tokenRow {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+}
+
+.tokenInfo {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+}
+
+.tokenLabel {
+    font-size: 0.8125rem;
+    font-weight: 500;
+    color: var(--mk-foreground);
+    font-family: inherit;
+}
+
+.tokenValue {
+    font-size: 0.7rem;
+    color: var(--mk-muted-foreground);
+    font-family: var(--mk-font-mono, monospace);
+}
+
+.colorInput {
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border: 2px solid var(--mk-theme-editor-border);
+    border-radius: 4px;
+    cursor: pointer;
+    background: none;
+    flex-shrink: 0;
+}
+
+.colorInput::-webkit-color-swatch-wrapper {
+    padding: 0;
+}
+.colorInput::-webkit-color-swatch {
+    border: none;
+    border-radius: 2px;
+}
+
+.footer {
+    padding: 0.75rem 1rem;
+    border-top: 1px solid var(--mk-theme-editor-border);
+    display: flex;
+    gap: 0.5rem;
+    background-color: var(--mk-muted);
+}
+
+.controlButton {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    padding: 0.5rem;
+    border-radius: 6px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border: 1px solid var(--mk-theme-editor-border);
+    background-color: var(--mk-background);
+    color: var(--mk-foreground);
+}
+
+.controlButton:hover {
+    background-color: var(--mk-primary);
+    color: var(--mk-primary-foreground);
+}
+
+.minimized {
+    position: fixed;
+    bottom: 1.5rem;
+    right: 1.5rem;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background-color: var(--mk-primary);
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    cursor: pointer;
+    z-index: 10000;
+    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+    border: none;
+}
+
+.minimized:hover {
+    transform: scale(1.1);
+}

package/dist/components/MkToastContainer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MkToastContainer: React.FC;
+//# sourceMappingURL=MkToastContainer.d.ts.map

package/dist/components/MkToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkToastContainer.d.ts","sourceRoot":"","sources":["../../src/components/MkToastContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8BpC,CAAC"}

package/dist/components/MkToastContainer.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import React, { useEffect, useRef, useState, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { useMkToast } from '../context/MkToastContext';
+import styles from './MkToastContainer.module.css';
+const POSITION_MAP = {
+    'top-left': { top: 16, left: 16 },
+    'top-right': { top: 16, right: 16 },
+    'bottom-left': { bottom: 16, left: 16 },
+    'bottom-right': { bottom: 16, right: 16 },
+    'top-center': { top: 16, left: '50%', transform: 'translateX(-50%)' },
+    'bottom-center': { bottom: 16, left: '50%', transform: 'translateX(-50%)' },
+};
+export const MkToastContainer = () => {
+    const { toasts, dismissToast } = useMkToast();
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    if (!mounted)
+        return null;
+    const groupedToasts = toasts.reduce((acc, toast) => {
+        const pos = toast.options.position || 'top-right';
+        acc[pos] = acc[pos] || [];
+        acc[pos].push(toast);
+        return acc;
+    }, {});
+    return createPortal(_jsx(_Fragment, { children: Object.entries(groupedToasts).map(([pos, list]) => (_jsx("div", { className: styles.container, style: POSITION_MAP[pos], children: (list).map((toast) => (_jsx(ToastItem, { toast: toast, onDismiss: dismissToast }, toast.id))) }, pos))) }), document.body);
+};
+const ToastItem = React.memo(({ toast, onDismiss }) => {
+    const [isExiting, setIsExiting] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const [isHovered, setIsHovered] = useState(false);
+    const startTimeRef = useRef(Date.now());
+    const remainingTimeRef = useRef(toast.options.timeout || 4000);
+    const timerRef = useRef(null);
+    const handleClose = useCallback(() => {
+        setIsExiting(true);
+        setTimeout(() => onDismiss(toast.id), 300);
+    }, [toast.id, onDismiss]);
+    const startTimer = useCallback(() => {
+        if (!toast.options.timeout || toast.options.timeout <= 0)
+            return;
+        const step = () => {
+            const elapsed = Date.now() - startTimeRef.current;
+            const newProgress = Math.min((elapsed / (toast.options.timeout || 4000)) * 100, 100);
+            setProgress(newProgress);
+            if (newProgress < 100) {
+                timerRef.current = window.requestAnimationFrame(step);
+            }
+            else {
+                handleClose();
+            }
+        };
+        timerRef.current = window.requestAnimationFrame(step);
+    }, [toast.options.timeout, handleClose]);
+    useEffect(() => {
+        if (!isHovered) {
+            startTimeRef.current = Date.now() - (progress / 100) * (toast.options.timeout || 4000);
+            startTimer();
+        }
+        return () => {
+            if (timerRef.current)
+                window.cancelAnimationFrame(timerRef.current);
+        };
+    }, [isHovered, startTimer, progress, toast.options.timeout]);
+    return (_jsxs("div", { className: `${styles.toast} ${styles[toast.options.animation || 'slide']} ${isExiting ? styles.exiting : ''}`, style: Object.assign({ borderLeft: `4px solid var(--mk-${toast.options.type === 'default' ? 'primary' : toast.options.type})` }, toast.options.customStyles), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: styles.content, children: [_jsx("div", { className: styles.icon, children: getIcon(toast.options.type) }), _jsx("div", { className: styles.text, children: toast.content }), _jsx("button", { className: styles.close, onClick: handleClose, children: "\u00D7" })] }), toast.options.timeout && (_jsx("div", { className: styles.progress, style: { width: `${100 - progress}%`, backgroundColor: `var(--mk-${toast.options.type === 'default' ? 'primary' : toast.options.type})` } }))] }));
+});
+function getIcon(type) {
+    switch (type) {
+        case 'success': return '✅';
+        case 'error': return '❌';
+        case 'warning': return '⚠️';
+        case 'info': return 'ℹ️';
+        default: return '🔔';
+    }
+}
+//# sourceMappingURL=MkToastContainer.js.map

package/dist/components/MkToastContainer.js.map

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

package/dist/components/MkToastContainer.module.css

@@ -0,0 +1,95 @@
+.container {
+    position: fixed;
+    z-index: 9999;
+    padding: 1rem;
+    pointer-events: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.toast {
+    --mk-toast-bg: var(--mk-popover);
+    --mk-toast-fg: var(--mk-popover-foreground);
+    --mk-toast-border: var(--mk-border);
+    --mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --mk-toast-color: var(--mk-foreground);
+    --mk-toast-radius: var(--mk-radius, 8px);
+
+    background-color: var(--mk-toast-bg);
+    color: var(--mk-toast-fg);
+    border: 1px solid var(--mk-toast-border);
+    border-radius: var(--mk-toast-radius);
+    padding: 0.85rem 1rem;
+    min-width: 280px;
+    max-width: 420px;
+    box-shadow: var(--mk-toast-shadow);
+    pointer-events: auto;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    animation: mk-fade-in 0.3s var(--mk-ease-out) backwards;
+    transition: all 0.3s var(--mk-ease-out);
+}
+
+:global([data-theme='dark']) .toast {
+    --mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
+}
+
+.toast.exiting {
+    opacity: 0;
+    transform: scale(0.95);
+}
+
+.content {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.icon {
+    font-size: 1.2rem;
+    flex-shrink: 0;
+}
+
+.text {
+    flex-grow: 1;
+    font-size: 0.95rem;
+    font-weight: 500;
+}
+
+.close {
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    color: var(--mk-muted-foreground);
+    line-height: 1;
+    padding: 0;
+    transition: color 0.15s ease;
+}
+
+.close:hover {
+    color: var(--mk-foreground);
+}
+
+.progress {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 3px;
+    opacity: 0.5;
+}
+
+/* Animations */
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px) scale(0.95);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+}

package/dist/components/MkTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+/**
+ * @module MkTooltip
+ * @description Hover/focus tooltip for web. Shows contextual info on hover.
+ */
+export interface MkTooltipProps {
+    content: string | React.ReactNode;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    delay?: number;
+    children: React.ReactElement;
+    className?: string;
+}
+export declare const MkTooltip: React.FC<MkTooltipProps>;
+//# sourceMappingURL=MkTooltip.d.ts.map

package/dist/components/MkTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTooltip.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoC9C,CAAC"}

package/dist/components/MkTooltip.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useState, useRef } from 'react';
+import styles from './MkTooltip.module.css';
+export const MkTooltip = ({ content, position = 'top', delay = 200, children, className, }) => {
+    const [visible, setVisible] = useState(false);
+    const timerRef = useRef(null);
+    const show = () => {
+        timerRef.current = setTimeout(() => setVisible(true), delay);
+    };
+    const hide = () => {
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        setVisible(false);
+    };
+    return (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && (_jsxs("div", { className: `${styles.tooltip} ${styles[position]}`, role: "tooltip", children: [content, _jsx("div", { className: `${styles.arrow} ${styles[`arrow-${position}`]}` })] }))] }));
+};
+//# sourceMappingURL=MkTooltip.js.map

package/dist/components/MkTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTooltip.js","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,EACjD,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,QAAQ,EACR,OAAO,IAAI,CACR,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAC,SAAS,aAClE,OAAO,EACR,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,QAAQ,EAAE,CAAC,EAAE,GAAI,IAClE,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkTooltip.module.css

@@ -0,0 +1,43 @@
+.wrapper { position: relative; display: inline-flex; }
+
+.tooltip {
+    --mk-tooltip-bg: var(--mk-foreground);
+    --mk-tooltip-color: var(--mk-background);
+    --mk-tooltip-radius: 6px;
+    --mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.12);
+
+    position: absolute;
+    z-index: 100;
+    padding: 0.5rem 0.75rem;
+    background-color: var(--mk-tooltip-bg);
+    color: var(--mk-tooltip-color);
+    font-size: 0.8125rem;
+    border-radius: var(--mk-tooltip-radius);
+    white-space: nowrap;
+    pointer-events: none;
+    animation: mk-fade-in 0.1s ease;
+    box-shadow: var(--mk-tooltip-shadow);
+    line-height: 1.4;
+}
+
+:global([data-theme='dark']) .tooltip {
+    --mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.4);
+}
+
+.top    { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
+.left   { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+.right  { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
+
+.arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background: inherit;
+    transform: rotate(45deg);
+}
+
+.arrowTop    { bottom: -4px; left: 50%; margin-left: -4px; }
+.arrowBottom { top: -4px; left: 50%; margin-left: -4px; }
+.arrowLeft   { right: -4px; top: 50%; margin-top: -4px; }
+.arrowRight  { left: -4px; top: 50%; margin-top: -4px; }

package/dist/components/MkWindowList.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface MkWindowListProps<T> {
+    items: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    itemHeight: number;
+    containerHeight?: number | string;
+    overscan?: number;
+    loading?: boolean;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    emptyMessage?: string;
+    className?: string;
+}
+/**
+ * MkWindowList (Web)
+ * 🚀 High-performance Virtualized List.
+ * Renders only the visible portion of a massive list to keep the DOM light.
+ */
+export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, className }: MkWindowListProps<T>): React.JSX.Element;
+//# sourceMappingURL=MkWindowList.d.ts.map

package/dist/components/MkWindowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAyB,EACzB,QAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAyC,EACzC,SAAc,EACjB,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAoGtB"}

package/dist/components/MkWindowList.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useState, useEffect, useRef, useMemo } from 'react';
+import styles from './MkWindowList.module.css';
+/**
+ * MkWindowList (Web)
+ * 🚀 High-performance Virtualized List.
+ * Renders only the visible portion of a massive list to keep the DOM light.
+ */
+export function MkWindowList({ items, renderItem, itemHeight, containerHeight = '500px', overscan = 5, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron datos.", className = "" }) {
+    const containerRef = useRef(null);
+    const [scrollTop, setScrollTop] = useState(0);
+    const [viewportHeight, setViewportHeight] = useState(0);
+    // Initial and resize height tracking
+    useEffect(() => {
+        if (containerRef.current) {
+            setViewportHeight(containerRef.current.clientHeight);
+            const resizeObserver = new ResizeObserver(entries => {
+                for (const entry of entries) {
+                    setViewportHeight(entry.contentRect.height);
+                }
+            });
+            resizeObserver.observe(containerRef.current);
+            return () => resizeObserver.disconnect();
+        }
+    }, []);
+    const onScroll = (e) => {
+        const target = e.currentTarget;
+        setScrollTop(target.scrollTop);
+        // Check if we reached the bottom for infinite loading
+        if (onLoadMore && hasMore && !loading) {
+            const isBottom = target.scrollHeight - target.scrollTop <= target.clientHeight * 1.5;
+            if (isBottom) {
+                onLoadMore();
+            }
+        }
+    };
+    // Calculate window range
+    const { startIndex, endIndex, totalHeight } = useMemo(() => {
+        const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
+        const end = Math.min(items.length, Math.ceil((scrollTop + viewportHeight) / itemHeight) + overscan);
+        return {
+            startIndex: start,
+            endIndex: end,
+            totalHeight: items.length * itemHeight
+        };
+    }, [scrollTop, viewportHeight, items.length, itemHeight, overscan]);
+    // Slice data to render
+    const visibleItems = useMemo(() => {
+        return items.slice(startIndex, endIndex).map((item, index) => {
+            const absoluteIndex = startIndex + index;
+            return (_jsx("div", { className: styles.itemWrapper, style: {
+                    height: itemHeight,
+                    transform: `translateY(${absoluteIndex * itemHeight}px)`
+                }, children: renderItem(item, absoluteIndex) }, absoluteIndex));
+        });
+    }, [items, startIndex, endIndex, itemHeight, renderItem]);
+    return (_jsxs("div", { ref: containerRef, className: `${styles.container} ${className}`, onScroll: onScroll, style: { height: containerHeight }, children: [items.length > 0 ? (_jsxs("div", { className: styles.scrollArea, style: { height: totalHeight }, children: [visibleItems, loading && (_jsx("div", { className: styles.loader, style: { transform: `translateY(${items.length * itemHeight}px)` }, children: "Cargando m\u00E1s..." }))] })) : (!loading && (_jsx("div", { className: styles.empty, children: emptyMessage }))), loading && items.length === 0 && (_jsx("div", { className: styles.initialLoader, children: "Cargando..." }))] }));
+}
+//# sourceMappingURL=MkWindowList.js.map

package/dist/components/MkWindowList.js.map

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