@makroz/web 1.2.0 → 1.2.1

package/dist/components/MkInput.js

@@ -0,0 +1,21 @@
+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";
+import styles from './MkInput.module.css';
+export const MkInput = (_a) => {
+    var { label, error, success, helperText, iconLeft, iconRight, className, onChange } = _a, props = __rest(_a, ["label", "error", "success", "helperText", "iconLeft", "iconRight", "className", "onChange"]);
+    const handleChange = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    };
+    return (_jsxs("div", { className: styles.container, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: `${styles.wrapper} ${error ? styles.wrapperError : success ? styles.wrapperSuccess : ''}`, children: [iconLeft && _jsx("span", { className: styles.iconLeft, children: iconLeft }), _jsx("input", Object.assign({ className: `${styles.input} ${iconLeft ? styles.inputWithLeft : ''} ${iconRight ? styles.inputWithRight : ''} ${className || ''}`, onChange: handleChange }, props)), iconRight && _jsx("span", { className: styles.iconRight, children: iconRight })] }), error && _jsx("span", { className: styles.errorText, children: error }), !error && helperText && _jsx("span", { className: styles.helperText, children: helperText })] }));
+};
+//# sourceMappingURL=MkInput.js.map

package/dist/components/MkInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.js","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAU/C,EAAE,EAAE;QAV2C,EAC5C,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cAToC,6FAU/C,CADW;IAER,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,aACpG,QAAQ,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,EAChE,8BACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EACjI,QAAQ,EAAE,YAAY,IAClB,KAAK,EACX,EACD,SAAS,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,SAAS,GAAQ,IACjE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,EAC1D,CAAC,KAAK,IAAI,UAAU,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,IAC9E,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkInput } from './MkInput';
+declare const meta: Meta<typeof MkInput>;
+export default meta;
+type Story = StoryObj<typeof MkInput>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const WithSuccess: Story;
+export declare const WithHelperText: Story;
+export declare const WithIcons: Story;
+//# sourceMappingURL=MkInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAmB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}

package/dist/components/MkInput.stories.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MkInput } from './MkInput';
+const meta = {
+    title: 'Components/MkInput',
+    component: MkInput,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        placeholder: { control: 'text' },
+        error: { control: 'text' },
+        helperText: { control: 'text' },
+        success: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        type: {
+            control: { type: 'select' },
+            options: ['text', 'email', 'password', 'number', 'tel', 'url'],
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        placeholder: 'Enter your name',
+    },
+};
+export const WithLabel = {
+    args: {
+        label: 'Full name',
+        placeholder: 'Mario Guzman',
+    },
+};
+export const Disabled = {
+    args: {
+        label: 'Disabled field',
+        placeholder: 'Cannot edit',
+        disabled: true,
+        value: 'Locked value',
+    },
+};
+export const WithError = {
+    args: {
+        label: 'Email',
+        placeholder: 'you@example.com',
+        error: 'Invalid email address',
+        value: 'not-an-email',
+    },
+};
+export const WithSuccess = {
+    args: {
+        label: 'Username',
+        value: 'marioguzman',
+        success: true,
+        helperText: 'Username is available',
+    },
+};
+export const WithHelperText = {
+    args: {
+        label: 'Password',
+        type: 'password',
+        placeholder: '••••••••',
+        helperText: 'At least 8 characters',
+    },
+};
+export const WithIcons = {
+    args: {
+        label: 'Search',
+        placeholder: 'Search...',
+        iconLeft: _jsx("span", { "aria-hidden": true, children: "\uD83D\uDD0D" }),
+        iconRight: _jsx("span", { "aria-hidden": true, children: "\u2715" }),
+    },
+};
+//# sourceMappingURL=MkInput.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.stories.js","sourceRoot":"","sources":["../../src/components/MkInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC;SACjE;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,WAAW,EAAE,iBAAiB;KACjC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,cAAc;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,uBAAuB;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,UAAU;QACvB,UAAU,EAAE,uBAAuB;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,+DAA2B;QACrC,SAAS,EAAE,yDAA0B;KACxC;CACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkInput — generates `__snapshots__/MkInput.stories.snap`.
+ * Required by R-MK-002 stories coverage rule (mk:lint:stories).
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkInput } from './MkInput';
+describe('MkInput story smoke', () => {
+    afterEach(cleanup);
+    it('renders default', () => {
+        const { container } = render(_jsx(MkInput, { placeholder: "Enter your name" }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkInput.stories.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.stories.test.js","sourceRoot":"","sources":["../../src/components/MkInput.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;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,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,iBAAiB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkLoading.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ * @module MkLoading
+ * @description Loading spinner/indicator with optional label and overlay mode.
+ */
+export interface MkLoadingProps {
+    /** Show/hide the loading state. Default true. */
+    visible?: boolean;
+    /** Loading label text. */
+    label?: string;
+    /** Spinner size. */
+    size?: 'sm' | 'md' | 'lg';
+    /** If true, renders as a full-screen overlay. */
+    overlay?: boolean;
+    /** Color override for the spinner. */
+    color?: string;
+    className?: string;
+}
+export declare const MkLoading: React.FC<MkLoadingProps>;
+//# sourceMappingURL=MkLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B9C,CAAC"}

package/dist/components/MkLoading.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './MkLoading.module.css';
+const SIZES = { sm: 20, md: 32, lg: 48 };
+export const MkLoading = ({ visible = true, label, size = 'md', overlay = false, color, className, }) => {
+    if (!visible)
+        return null;
+    const px = SIZES[size];
+    const spinner = (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, children: [_jsxs("svg", { className: styles.spinner, width: px, height: px, viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", opacity: "0.25" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", strokeLinecap: "round" })] }), label && _jsx("span", { className: styles.label, children: label })] }));
+    if (overlay) {
+        return _jsx("div", { className: styles.overlay, children: spinner });
+    }
+    return spinner;
+};
+//# sourceMappingURL=MkLoading.js.map

package/dist/components/MkLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.js","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAqB5C,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,GAAG,IAAI,EACd,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,aAClD,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAClF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,GAAG,EAC/G,eAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,IACvH,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACrD,CACT,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkLoading } from './MkLoading';
+declare const meta: Meta<typeof MkLoading>;
+export default meta;
+type Story = StoryObj<typeof MkLoading>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Sizes: Story;
+export declare const WithCustomColor: Story;
+export declare const Hidden: Story;
+//# sourceMappingURL=MkLoading.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC"}

package/dist/components/MkLoading.stories.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkLoading } from './MkLoading';
+const meta = {
+    title: 'Components/MkLoading',
+    component: MkLoading,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+    argTypes: {
+        size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
+        visible: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithLabel = {
+    args: { label: 'Cargando datos...' },
+};
+export const Small = {
+    args: { size: 'sm', label: 'Procesando' },
+};
+export const Large = {
+    args: { size: 'lg', label: 'Por favor espera' },
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: 32, alignItems: 'center' }, children: [_jsx(MkLoading, { size: "sm" }), _jsx(MkLoading, { size: "md" }), _jsx(MkLoading, { size: "lg" })] })),
+};
+export const WithCustomColor = {
+    args: { color: '#10b981', label: 'Sincronizando' },
+};
+export const Hidden = {
+    args: { visible: false },
+};
+//# sourceMappingURL=MkLoading.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.stories.js","sourceRoot":"","sources":["../../src/components/MkLoading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAClE,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAClC;CACJ,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,mBAAmB,EAAE;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,IACrB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CAC3B,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.stories.test.js","sourceRoot":"","sources":["../../src/components/MkLoading.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,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,KAAK,EAAC,aAAa,GAAG,CAAC,CAAC;QAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkModal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface MkModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    showCancel?: boolean;
+    variant?: 'default' | 'destructive' | 'warning' | 'success';
+    size?: 'sm' | 'md' | 'lg' | 'full';
+}
+/**
+ * MkModal
+ * 🚀 Premium Dialog component with blur background and smooth animations.
+ */
+export declare const MkModal: React.FC<MkModalProps>;
+//# sourceMappingURL=MkModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.d.ts","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACtC;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmE1C,CAAC"}

package/dist/components/MkModal.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { MkButton } from './MkButton';
+import styles from './MkModal.module.css';
+/**
+ * MkModal
+ * 🚀 Premium Dialog component with blur background and smooth animations.
+ */
+export const MkModal = ({ isOpen, onClose, title, children, confirmText, cancelText = 'Cancelar', onConfirm, showCancel = true, variant = 'default', size = 'md', }) => {
+    // Handle Escape key
+    useEffect(() => {
+        const handleEsc = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+            window.addEventListener('keydown', handleEsc);
+        }
+        return () => {
+            document.body.style.overflow = '';
+            window.removeEventListener('keydown', handleEsc);
+        };
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
+    const modalContent = (_jsx("div", { className: styles.overlay, onClick: onClose, children: _jsxs("div", { className: `${styles.container} ${styles[size]}`, onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", children: [title && (_jsxs("div", { className: styles.header, children: [_jsx("h2", { children: title }), _jsx("button", { className: styles.closeBtn, onClick: onClose, children: "\u00D7" })] })), _jsx("div", { className: styles.content, children: children }), (onConfirm || showCancel) && (_jsxs("div", { className: styles.footer, children: [showCancel && (_jsx(MkButton, { variant: "outline", onClick: onClose, children: cancelText })), onConfirm && (_jsx(MkButton, { variant: variant === 'destructive' ? 'error' : 'primary', onClick: onConfirm, children: confirmText || 'Aceptar' }))] }))] }) }));
+    return createPortal(modalContent, document.body);
+};
+//# sourceMappingURL=MkModal.js.map

package/dist/components/MkModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.js","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAe1C;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,UAAU,EACvB,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACd,EAAE,EAAE;IACD,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACtC,CAAC,CAAC;QACF,IAAI,MAAM,EAAE,CAAC;YACT,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YAClC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,YAAY,GAAG,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,YAC5C,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,IAAI,EAAC,QAAQ,gBACF,MAAM,aAEhB,KAAK,IAAI,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,uBAAK,KAAK,GAAM,EAChB,iBAAQ,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,uBAE3C,IACP,CACT,EAED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,EAE/C,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,UAAU,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACd,EACA,SAAS,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,YACjF,WAAW,IAAI,SAAS,GAClB,CACd,IACC,CACT,IACC,GACJ,CACT,CAAC;IAEF,OAAO,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
+import { MkModal } from './MkModal';
+declare const InteractiveModal: React.FC<React.ComponentProps<typeof MkModal>>;
+declare const meta: Meta<typeof InteractiveModal>;
+export default meta;
+type Story = StoryObj<typeof InteractiveModal>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const WithFooter: Story;
+export declare const Warning: Story;
+//# sourceMappingURL=MkModal.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAGpE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/components/MkModal.stories.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { MkModal } from './MkModal';
+const InteractiveModal = (props) => {
+    const [open, setOpen] = React.useState(true);
+    return _jsx(MkModal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false) }));
+};
+const meta = {
+    title: 'Components/MkModal',
+    component: InteractiveModal,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg', 'full'],
+        },
+        variant: {
+            control: { type: 'select' },
+            options: ['default', 'destructive', 'warning', 'success'],
+        },
+        showCancel: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Small = {
+    args: {
+        title: 'Small Modal',
+        size: 'sm',
+        children: 'A small confirmation dialog. Good for alerts and quick prompts.',
+        confirmText: 'OK',
+    },
+};
+export const Medium = {
+    args: {
+        title: 'Medium Modal',
+        size: 'md',
+        children: 'The default size. Useful for forms, confirmations, and content blocks.',
+        confirmText: 'Confirm',
+        cancelText: 'Cancel',
+    },
+};
+export const Large = {
+    args: {
+        title: 'Large Modal',
+        size: 'lg',
+        children: 'A large modal can hold more content, such as detailed forms or rich media. The body expands naturally.',
+        confirmText: 'Save changes',
+        cancelText: 'Discard',
+    },
+};
+export const WithFooter = {
+    args: {
+        title: 'Confirm Action',
+        variant: 'destructive',
+        children: 'Are you sure you want to delete this item? This action cannot be undone.',
+        confirmText: 'Delete',
+        cancelText: 'Cancel',
+        showCancel: true,
+    },
+};
+export const Warning = {
+    args: {
+        title: 'Warning',
+        variant: 'warning',
+        children: 'Your subscription is about to expire in 3 days.',
+        confirmText: 'Renew now',
+        cancelText: 'Later',
+    },
+};
+//# sourceMappingURL=MkModal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.stories.js","sourceRoot":"","sources":["../../src/components/MkModal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,gBAAgB,GAAmD,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,KAAC,OAAO,oBAAK,KAAK,IAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,IAAI,GAAkC;IACxC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;SACtC;QACD,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC;SAC5D;QACD,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACrC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iEAAiE;QAC3E,WAAW,EAAE,IAAI;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,wEAAwE;QAClF,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,QAAQ;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,IAAI;QACV,QAAQ,EACJ,wGAAwG;QAC5G,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,SAAS;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,0EAA0E;QACpF,WAAW,EAAE,QAAQ;QACrB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,iDAAiD;QAC3D,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC"}

package/dist/components/MkProgressBar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * @module MkProgressBar
+ * @description Animated progress bar with optional label, percentage text, and color variants.
+ */
+export interface MkProgressBarProps {
+    value: number;
+    max?: number;
+    label?: string;
+    showPercent?: boolean;
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    animated?: boolean;
+    className?: string;
+}
+export declare const MkProgressBar: React.FC<MkProgressBarProps>;
+//# sourceMappingURL=MkProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAC"}

package/dist/components/MkProgressBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './MkProgressBar.module.css';
+export const MkProgressBar = ({ value, max = 100, label, showPercent = false, variant = 'primary', size = 'md', animated = true, className, }) => {
+    const percent = Math.min(Math.max((value / max) * 100, 0), 100);
+    return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [(label || showPercent) && (_jsxs("div", { className: styles.header, children: [label && _jsx("span", { className: styles.label, children: label }), showPercent && _jsxs("span", { className: styles.percent, children: [Math.round(percent), "%"] })] })), _jsx("div", { className: `${styles.track} ${styles[size]}`, children: _jsx("div", { className: `${styles.bar} ${styles[variant]} ${animated ? styles.animated : ''}`, style: { width: `${percent}%` }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max }) })] }));
+};
+//# sourceMappingURL=MkProgressBar.js.map

package/dist/components/MkProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAkBhD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACnD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EACtD,WAAW,IAAI,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,IAC5E,CACT,EACD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,YAC7C,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAChF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAC/B,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,GAAG,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkProgressBar } from './MkProgressBar';
+declare const meta: Meta<typeof MkProgressBar>;
+export default meta;
+type Story = StoryObj<typeof MkProgressBar>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithPercent: Story;
+export declare const Complete: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const NotAnimated: Story;
+//# sourceMappingURL=MkProgressBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAapC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/dist/components/MkProgressBar.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkProgressBar } from './MkProgressBar';
+const meta = {
+    title: 'Components/MkProgressBar',
+    component: MkProgressBar,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+    argTypes: {
+        value: { control: { type: 'number', min: 0, max: 100 } },
+        max: { control: { type: 'number' } },
+        showPercent: { control: 'boolean' },
+        variant: { control: { type: 'select' }, options: ['primary', 'success', 'warning', 'error', 'info'] },
+        size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
+        animated: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Default = {
+    args: { value: 45 },
+};
+export const WithLabel = {
+    args: { value: 60, label: 'Subiendo archivos' },
+};
+export const WithPercent = {
+    args: { value: 75, showPercent: true, label: 'Progreso' },
+};
+export const Complete = {
+    args: { value: 100, showPercent: true, label: 'Completado', variant: 'success' },
+};
+export const Variants = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 30, variant: "primary", showPercent: true, label: "Primary" }), _jsx(MkProgressBar, { value: 50, variant: "success", showPercent: true, label: "Success" }), _jsx(MkProgressBar, { value: 70, variant: "warning", showPercent: true, label: "Warning" }), _jsx(MkProgressBar, { value: 90, variant: "error", showPercent: true, label: "Error" }), _jsx(MkProgressBar, { value: 40, variant: "info", showPercent: true, label: "Info" })] })),
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 50, size: "sm", showPercent: true, label: "Small" }), _jsx(MkProgressBar, { value: 50, size: "md", showPercent: true, label: "Medium" }), _jsx(MkProgressBar, { value: 50, size: "lg", showPercent: true, label: "Large" })] })),
+};
+export const NotAnimated = {
+    args: { value: 65, animated: false, label: 'Static' },
+};
+//# sourceMappingURL=MkProgressBar.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkProgressBar — required by R-MK-002.
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkProgressBar } from './MkProgressBar';
+describe('MkProgressBar story smoke', () => {
+    afterEach(cleanup);
+    it('renders with label and percent', () => {
+        const { container } = render(_jsx(MkProgressBar, { value: 65, label: "Progreso", showPercent: true }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkProgressBar.stories.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.stories.test.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.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,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,EAAC,WAAW,SAAG,CAC5D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}