@makroz/web 1.2.0 → 1.2.1

package/dist/components/MkEmptyState.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkEmptyState } from './MkEmptyState';
+declare const meta: Meta<typeof MkEmptyState>;
+export default meta;
+type Story = StoryObj<typeof MkEmptyState>;
+export declare const Default: Story;
+export declare const WithTitle: Story;
+export declare const WithDescription: Story;
+export declare const WithIcon: Story;
+export declare const WithAction: Story;
+export declare const Full: Story;
+//# sourceMappingURL=MkEmptyState.stories.d.ts.map

package/dist/components/MkEmptyState.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkEmptyState.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC"}

package/dist/components/MkEmptyState.stories.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MkEmptyState } from './MkEmptyState';
+const meta = {
+    title: 'Components/MkEmptyState',
+    component: MkEmptyState,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithTitle = {
+    args: { title: 'No hay usuarios' },
+};
+export const WithDescription = {
+    args: {
+        title: 'No hay proyectos',
+        description: 'Crea tu primer proyecto para empezar a colaborar con tu equipo.',
+    },
+};
+export const WithIcon = {
+    args: {
+        icon: _jsx("span", { style: { fontSize: 64 }, children: "\uD83D\uDCE6" }),
+        title: 'Sin productos',
+        description: 'Tu catálogo está vacío.',
+    },
+};
+export const WithAction = {
+    args: {
+        title: 'No hay notificaciones',
+        description: 'Te avisaremos cuando llegue algo nuevo.',
+        action: _jsx("button", { children: "Actualizar" }),
+    },
+};
+export const Full = {
+    args: {
+        icon: _jsx("span", { style: { fontSize: 64 }, children: "\uD83D\uDD0D" }),
+        title: 'Sin resultados',
+        description: 'No encontramos nada que coincida con tu búsqueda.',
+        action: _jsx("button", { children: "Limpiar filtros" }),
+    },
+};
+//# sourceMappingURL=MkEmptyState.stories.js.map

package/dist/components/MkEmptyState.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkEmptyState.stories.js","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,iEAAiE;KACjF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW;QAC9C,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,yBAAyB;KACzC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,yCAAyC;QACtD,MAAM,EAAE,0CAA2B;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW;QAC9C,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,mDAAmD;QAChE,MAAM,EAAE,+CAAgC;KAC3C;CACJ,CAAC"}

package/dist/components/MkEmptyState.stories.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MkEmptyState.stories.test.d.ts.map

package/dist/components/MkEmptyState.stories.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkEmptyState.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.test.tsx"],"names":[],"mappings":""}

package/dist/components/MkEmptyState.stories.test.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkEmptyState — required by R-MK-002.
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkEmptyState } from './MkEmptyState';
+describe('MkEmptyState story smoke', () => {
+    afterEach(cleanup);
+    it('renders with title and description', () => {
+        const { container } = render(_jsx(MkEmptyState, { title: "No hay datos", description: "Crea el primer registro para empezar.", action: _jsx("button", { children: "Crear" }) }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkEmptyState.stories.test.js.map

package/dist/components/MkEmptyState.stories.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkEmptyState.stories.test.js","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IACT,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,uCAAuC,EACnD,MAAM,EAAE,qCAAsB,GAChC,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkFileUpload.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+/**
+ * @module MkFileUpload
+ * @description File upload with drag & drop, preview, multiple file support and validation.
+ *
+ * @example
+ * ```tsx
+ * <MkFileUpload
+ *   accept="image/*"
+ *   multiple
+ *   maxSizeMB={5}
+ *   onFiles={(files) => handleUpload(files)}
+ *   label="Arrastra imágenes aquí"
+ * />
+ * ```
+ */
+export interface MkFileInfo {
+    file: File;
+    name: string;
+    sizeMB: number;
+    preview?: string;
+    type: string;
+}
+export interface MkFileUploadProps {
+    onFiles: (files: MkFileInfo[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSizeMB?: number;
+    label?: string;
+    sublabel?: string;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+}
+export declare const MkFileUpload: React.FC<MkFileUploadProps>;
+//# sourceMappingURL=MkFileUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkFileUpload.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8GpD,CAAC"}

package/dist/components/MkFileUpload.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import styles from './MkFileUpload.module.css';
+export const MkFileUpload = ({ onFiles, accept, multiple = false, maxSizeMB = 10, label = 'Arrastra archivos aquí o haz clic', sublabel, disabled = false, error, className, }) => {
+    const inputRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [localError, setLocalError] = useState('');
+    const [fileList, setFileList] = useState([]);
+    const processFiles = useCallback((rawFiles) => {
+        const results = [];
+        const errors = [];
+        Array.from(rawFiles).forEach((file) => {
+            const sizeMB = file.size / (1024 * 1024);
+            if (sizeMB > maxSizeMB) {
+                errors.push(`"${file.name}" supera el límite de ${maxSizeMB}MB`);
+                return;
+            }
+            const info = { file, name: file.name, sizeMB, type: file.type };
+            if (file.type.startsWith('image/')) {
+                info.preview = URL.createObjectURL(file);
+            }
+            results.push(info);
+        });
+        if (errors.length > 0) {
+            setLocalError(errors.join('. '));
+            return;
+        }
+        setLocalError('');
+        const next = multiple ? [...fileList, ...results] : results;
+        setFileList(next);
+        onFiles(next);
+    }, [fileList, maxSizeMB, multiple, onFiles]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (!disabled && e.dataTransfer.files.length > 0) {
+            processFiles(e.dataTransfer.files);
+        }
+    }, [disabled, processFiles]);
+    const removeFile = useCallback((idx) => {
+        const next = fileList.filter((_, i) => i !== idx);
+        setFileList(next);
+        onFiles(next);
+    }, [fileList, onFiles]);
+    const displayedError = error || localError;
+    return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [_jsxs("div", { className: `${styles.dropzone} ${isDragging ? styles.dragging : ''} ${disabled ? styles.disabled : ''} ${displayedError ? styles.hasError : ''}`, onClick: () => { var _a; return !disabled && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click()); }, onDragOver: (e) => { e.preventDefault(); setIsDragging(true); }, onDragLeave: () => setIsDragging(false), onDrop: handleDrop, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": label, children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: (e) => e.target.files && processFiles(e.target.files), className: styles.hiddenInput }), _jsx("span", { className: styles.uploadIcon, children: "\uD83D\uDCC2" }), _jsx("span", { className: styles.label, children: label }), sublabel && _jsx("span", { className: styles.sublabel, children: sublabel }), !sublabel && (_jsxs("span", { className: styles.sublabel, children: ["M\u00E1x. ", maxSizeMB, "MB", accept ? ` · ${accept}` : ''] }))] }), displayedError && _jsx("p", { className: styles.error, children: displayedError }), fileList.length > 0 && (_jsx("ul", { className: styles.fileList, children: fileList.map((f, idx) => (_jsxs("li", { className: styles.fileItem, children: [f.preview
+                            ? _jsx("img", { src: f.preview, alt: f.name, className: styles.thumb })
+                            : _jsx("span", { className: styles.fileIconDoc, children: "\uD83D\uDCC4" }), _jsx("span", { className: styles.fileName, children: f.name }), _jsxs("span", { className: styles.fileSize, children: ["(", f.sizeMB.toFixed(1), "MB)"] }), _jsx("button", { className: styles.removeBtn, onClick: () => removeFile(idx), "aria-label": "Eliminar", children: "\u2715" })] }, `${f.name}-${idx}`))) }))] }));
+};
+//# sourceMappingURL=MkFileUpload.js.map

package/dist/components/MkFileUpload.js.map

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

package/dist/components/MkFileUpload.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkFileUpload } from './MkFileUpload';
+declare const meta: Meta<typeof MkFileUpload>;
+export default meta;
+type Story = StoryObj<typeof MkFileUpload>;
+export declare const Default: Story;
+export declare const ImagesOnly: Story;
+export declare const Multiple: Story;
+export declare const WithSizeLimit: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+//# sourceMappingURL=MkFileUpload.stories.d.ts.map

package/dist/components/MkFileUpload.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkFileUpload.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/MkFileUpload.stories.js

@@ -0,0 +1,53 @@
+import { MkFileUpload } from './MkFileUpload';
+const meta = {
+    title: 'Components/MkFileUpload',
+    component: MkFileUpload,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+    argTypes: {
+        accept: { control: 'text' },
+        multiple: { control: 'boolean' },
+        maxSizeMB: { control: { type: 'number' } },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Default = {
+    args: { onFiles: () => { } },
+};
+export const ImagesOnly = {
+    args: {
+        onFiles: () => { },
+        accept: 'image/*',
+        label: 'Arrastra tus imágenes aquí',
+        sublabel: 'o haz clic para seleccionar',
+    },
+};
+export const Multiple = {
+    args: {
+        onFiles: () => { },
+        multiple: true,
+        accept: 'image/*,application/pdf',
+        label: 'Sube tus documentos',
+        sublabel: 'Imágenes o PDFs, hasta 5 archivos',
+        maxSizeMB: 10,
+    },
+};
+export const WithSizeLimit = {
+    args: {
+        onFiles: () => { },
+        accept: 'image/*',
+        maxSizeMB: 2,
+        label: 'Imágenes (máx 2MB)',
+    },
+};
+export const Disabled = {
+    args: { onFiles: () => { }, disabled: true, label: 'Upload disabled' },
+};
+export const WithError = {
+    args: {
+        onFiles: () => { },
+        error: 'No se pudo subir el archivo. Intenta de nuevo.',
+    },
+};
+//# sourceMappingURL=MkFileUpload.stories.js.map

package/dist/components/MkFileUpload.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkFileUpload.stories.js","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACnC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,yBAAyB;QACjC,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,mCAAmC;QAC7C,SAAS,EAAE,EAAE;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,KAAK,EAAE,gDAAgD;KAC1D;CACJ,CAAC"}

package/dist/components/MkFileUpload.stories.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MkFileUpload.stories.test.d.ts.map

package/dist/components/MkFileUpload.stories.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkFileUpload.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.test.tsx"],"names":[],"mappings":""}

package/dist/components/MkFileUpload.stories.test.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkFileUpload — required by R-MK-002.
+ */
+import { describe, it, expect, afterEach, vi } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkFileUpload } from './MkFileUpload';
+describe('MkFileUpload story smoke', () => {
+    afterEach(cleanup);
+    it('renders default', () => {
+        const { container } = render(_jsx(MkFileUpload, { onFiles: vi.fn(), label: "Sube un archivo" }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkFileUpload.stories.test.js.map

package/dist/components/MkFileUpload.stories.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkFileUpload.stories.test.js","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CAC7D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkIcons.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MkIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    color?: string;
+    variant?: string;
+}
+export declare const MkIconWrap: React.FC<MkIconProps>;
+export declare const IconArrowDown: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconCheck: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconTrash: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconEdit: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconClose: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon3Dots: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MkIcons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkIcons.d.ts","sourceRoot":"","sources":["../../src/components/MkIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmB5C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW,4CAI/C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAI3C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAK3C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,WAAW,4CAK1C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAK3C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAM3C,CAAC"}

package/dist/components/MkIcons.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getVariantColor = (variant) => {
+    switch (variant) {
+        case 'primary':
+            return 'var(--mk-primary)';
+        case 'muted':
+            return 'var(--mk-muted-foreground)';
+        case 'error':
+            return 'var(--mk-error)';
+        default:
+            return 'currentColor';
+    }
+};
+export const MkIconWrap = (_a) => {
+    var { children, size = 24, color, variant, style } = _a, props = __rest(_a, ["children", "size", "color", "variant", "style"]);
+    const finalColor = color || getVariantColor(variant);
+    return (_jsx("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: finalColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: Object.assign({ display: 'inline-block', verticalAlign: 'middle' }, style) }, props, { children: children })));
+};
+export const IconArrowDown = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })));
+export const IconCheck = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })));
+export const IconTrash = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("polyline", { points: "3 6 5 6 21 6" }), _jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })] })));
+export const IconEdit = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })] })));
+export const IconClose = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })));
+export const Icon3Dots = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] })));
+//# sourceMappingURL=MkIcons.js.map

package/dist/components/MkIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkIcons.js","sourceRoot":"","sources":["../../src/components/MkIcons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAQA,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IACzC,QAAQ,OAAO,EAAE,CAAC;QACd,KAAK,SAAS;YACV,OAAO,mBAAmB,CAAC;QAC/B,KAAK,OAAO;YACR,OAAO,4BAA4B,CAAC;QACxC,KAAK,OAAO;YACR,OAAO,iBAAiB,CAAC;QAC7B;YACI,OAAO,cAAc,CAAC;IAC9B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtD,iDAAwD,CAAF;IACpG,MAAM,UAAU,GAAG,KAAK,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IAErD,OAAO,CACH,4BACI,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,kBAAI,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,IAAK,KAAK,KAC/D,KAAK,cAER,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CACjD,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,mBAAU,MAAM,EAAC,cAAc,GAAG,EAClC,eAAM,CAAC,EAAC,gFAAgF,GAAG,KAClF,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,CAAC,EAAC,4DAA4D,GAAG,EACvE,eAAM,CAAC,EAAC,yDAAyD,GAAG,KAC3D,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,KAC7B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,KACtB,CAChB,CAAC"}

package/dist/components/MkInfiniteList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface MkInfiniteListProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    loading?: boolean;
+    hasMore?: boolean;
+    onLoadMore: () => void;
+    emptyMessage?: string;
+    skeletonCount?: number;
+    skeletonItem?: React.ReactNode;
+    perPage?: number;
+}
+export declare function MkInfiniteList<T>({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage, skeletonCount, skeletonItem, perPage }: MkInfiniteListProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MkInfiniteList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,UAAU,mBAAmB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAA8C,EAC9C,aAAiB,EACjB,YAAY,EACZ,OAAY,EACf,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA2DxB"}

package/dist/components/MkInfiniteList.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useCallback } from 'react';
+import styles from './MkInfiniteList.module.css';
+export function MkInfiniteList({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron resultados.", skeletonCount = 3, skeletonItem, perPage = 15 }) {
+    const observerTarget = useRef(null);
+    const handleObserver = useCallback((entries) => {
+        const target = entries[0];
+        if (target.isIntersecting && hasMore && !loading) {
+            onLoadMore();
+        }
+    }, [hasMore, loading, onLoadMore]);
+    useEffect(() => {
+        const element = observerTarget.current;
+        const observer = new IntersectionObserver(handleObserver, {
+            root: null, // Use viewport
+            threshold: 1.0, // Fully visible trigger
+            rootMargin: '100px' // Pre-fetch slightly before reaching bottom
+        });
+        if (element) {
+            observer.observe(element);
+        }
+        return () => {
+            if (element)
+                observer.unobserve(element);
+        };
+    }, [handleObserver]);
+    return (_jsx("div", { className: styles.scrollContainer, children: _jsxs("div", { className: styles.list, children: [items.length === 0 && !loading && (_jsx("div", { className: styles.empty, children: emptyMessage })), items.map((item, index) => (_jsx("div", { className: styles.itemWrapper, style: { '--row-index': index % perPage }, children: renderItem(item) }, index))), loading && (_jsx("div", { className: styles.loadingArea, children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx("div", { className: styles.skeletonWrapper, children: skeletonItem || _jsx("div", { className: styles.defaultSkeleton }) }, `skeleton-${i}`))) })), _jsx("div", { ref: observerTarget, className: styles.trigger })] }) }));
+}
+//# sourceMappingURL=MkInfiniteList.js.map

package/dist/components/MkInfiniteList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAcjD,MAAM,UAAU,cAAc,CAAI,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,GAAG,+BAA+B,EAC9C,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,OAAO,GAAG,EAAE,EACS;IAErB,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAoC,EAAE,EAAE;QACxE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/C,UAAU,EAAE,CAAC;QACjB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,cAAc,EAAE;YACtD,IAAI,EAAE,IAAI,EAAE,eAAe;YAC3B,SAAS,EAAE,GAAG,EAAE,wBAAwB;YACxC,UAAU,EAAE,OAAO,CAAC,4CAA4C;SACnE,CAAC,CAAC;QAEH,IAAI,OAAO,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,OAAO;gBAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,YAAY,GAAO,CACrD,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,cAEI,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAyB,YAE/D,UAAU,CAAC,IAAI,CAAC,IAJZ,KAAK,CAKR,CACT,CAAC,EAED,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjD,cAA2B,SAAS,EAAE,MAAM,CAAC,eAAe,YACvD,YAAY,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAI,IADrD,YAAY,CAAC,EAAE,CAEnB,CACT,CAAC,GACA,CACT,EAED,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,IACrD,GACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/MkInfiniteList.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkInfiniteList } from './MkInfiniteList';
+interface User {
+    id: number;
+    name: string;
+    role: string;
+}
+declare const meta: Meta<typeof MkInfiniteList<User>>;
+export default meta;
+type Story = StoryObj<typeof MkInfiniteList<User>>;
+export declare const Empty: Story;
+export declare const WithItems: Story;
+export declare const Loading: Story;
+export declare const EndOfList: Story;
+export declare const WithCustomSkeleton: Story;
+export declare const WithPerPage: Story;
+//# sourceMappingURL=MkInfiniteList.stories.d.ts.map

package/dist/components/MkInfiniteList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAK3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAyCnD,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/components/MkInfiniteList.stories.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkInfiniteList } from './MkInfiniteList';
+const meta = {
+    title: 'Components/MkInfiniteList',
+    component: MkInfiniteList,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+};
+export default meta;
+const SAMPLE_USERS = Array.from({ length: 50 }, (_, i) => ({
+    id: i + 1,
+    name: `User ${i + 1}`,
+    role: i % 3 === 0 ? 'admin' : 'user',
+}));
+const renderUser = (user) => (_jsxs("div", { style: {
+        padding: '12px 16px',
+        borderBottom: '1px solid #f3f4f6',
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+    }, children: [_jsx("div", { style: {
+                width: 40,
+                height: 40,
+                borderRadius: '50%',
+                background: '#6366f1',
+                color: 'white',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                fontWeight: 600,
+            }, children: user.id }), _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: user.name }), _jsx("div", { style: { fontSize: 12, color: '#6b7280' }, children: user.role })] })] }, user.id));
+export const Empty = {
+    args: {
+        items: [],
+        renderItem: renderUser,
+        hasMore: false,
+        loading: false,
+        onLoadMore: () => { },
+        emptyMessage: 'No users yet',
+    },
+};
+export const WithItems = {
+    args: {
+        items: SAMPLE_USERS,
+        renderItem: renderUser,
+        hasMore: true,
+        loading: false,
+        onLoadMore: () => console.log('load more'),
+    },
+};
+export const Loading = {
+    args: {
+        items: SAMPLE_USERS,
+        renderItem: renderUser,
+        hasMore: true,
+        loading: true,
+        onLoadMore: () => { },
+    },
+};
+export const EndOfList = {
+    args: {
+        items: SAMPLE_USERS,
+        renderItem: renderUser,
+        hasMore: false,
+        loading: false,
+        onLoadMore: () => { },
+    },
+};
+export const WithCustomSkeleton = {
+    args: {
+        items: [],
+        renderItem: renderUser,
+        loading: true,
+        hasMore: true,
+        onLoadMore: () => { },
+        skeletonCount: 5,
+        skeletonItem: (_jsx("div", { style: { padding: 16, background: '#f3f4f6', margin: 8, borderRadius: 4 }, children: "Loading item..." })),
+    },
+};
+export const WithPerPage = {
+    args: {
+        items: SAMPLE_USERS,
+        renderItem: renderUser,
+        hasMore: true,
+        loading: false,
+        onLoadMore: () => console.log('load more'),
+        perPage: 10,
+    },
+};
+//# sourceMappingURL=MkInfiniteList.stories.js.map

package/dist/components/MkInfiniteList.stories.js.map

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

package/dist/components/MkInfiniteList.stories.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MkInfiniteList.stories.test.d.ts.map

package/dist/components/MkInfiniteList.stories.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.test.tsx"],"names":[],"mappings":""}

package/dist/components/MkInfiniteList.stories.test.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkInfiniteList — required by R-MK-002.
+ *
+ * Note: jsdom's IntersectionObserver is not implemented natively,
+ * so onLoadMore will not be triggered by the observer. We just
+ * render the items as-is. The snapshot captures the component
+ * structure.
+ */
+import { describe, it, expect, afterEach, vi } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkInfiniteList } from './MkInfiniteList';
+describe('MkInfiniteList story smoke', () => {
+    afterEach(cleanup);
+    it('renders with items', () => {
+        const { container } = render(_jsx(MkInfiniteList, { items: [
+                { id: 1, name: 'A' },
+                { id: 2, name: 'B' },
+                { id: 3, name: 'C' },
+            ], renderItem: (item) => _jsx("div", { children: item.name }, item.id), hasMore: true, loading: false, onLoadMore: vi.fn() }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkInfiniteList.stories.test.js.map

package/dist/components/MkInfiniteList.stories.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.stories.test.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACxC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,cAAc,IACX,KAAK,EAAE;gBACH,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;gBACpB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;gBACpB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;aACvB,EACD,UAAU,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,wBAAoB,IAAI,CAAC,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAmB,EAC/D,OAAO,QACP,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,GACrB,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MkInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    onChange?: (value: string) => void;
+}
+export declare const MkInput: React.FC<MkInputProps>;
+export {};
+//# sourceMappingURL=MkInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC"}