@makroz/web 1.1.0 → 1.2.0

package/dist/components/MkAlert.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import styles from './MkAlert.module.css';
-const DEFAULT_ICONS = {
-    info: 'ℹ️',
-    success: '✅',
-    warning: '⚠️',
-    error: '❌',
-    default: '🔔',
-};
-export const MkAlert = ({ variant = 'default', title, children, icon, dismissible = false, onDismiss, action, className, }) => {
-    const [dismissed, setDismissed] = React.useState(false);
-    const handleDismiss = () => {
-        setDismissed(true);
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-    };
-    if (dismissed)
-        return null;
-    return (_jsxs("div", { className: `${styles.alert} ${styles[variant]} ${className || ''}`, role: "alert", children: [_jsx("span", { className: styles.icon, children: icon || DEFAULT_ICONS[variant] }), _jsxs("div", { className: styles.body, children: [title && _jsx("strong", { className: styles.title, children: title }), children && _jsx("p", { className: styles.content, children: children }), action && _jsx("div", { className: styles.action, children: action })] }), dismissible && (_jsx("button", { className: styles.dismiss, onClick: handleDismiss, "aria-label": "Cerrar", children: "\u2715" }))] }));
-};
-//# sourceMappingURL=MkAlert.js.map

package/dist/components/MkAlert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkAlert.js","sourceRoot":"","sources":["../../src/components/MkAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AA0B1C,MAAM,aAAa,GAA2B;IAC1C,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;IAClB,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,aACjF,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,IAAI,aAAa,CAAC,OAAO,CAAC,GAAQ,EACrE,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,KAAK,IAAI,iBAAQ,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAU,EAC1D,QAAQ,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAK,EACxD,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAO,IACtD,EACL,WAAW,IAAI,CACZ,iBAAQ,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,gBAAa,QAAQ,uBAAW,CAC5F,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkAlert.module.css

@@ -1,103 +0,0 @@
-.alert {
-    --mk-alert-bg: var(--mk-muted);
-    --mk-alert-border: var(--mk-primary);
-    --mk-alert-color: var(--mk-foreground);
-
-    display: flex;
-    align-items: flex-start;
-    gap: 0.75rem;
-    padding: 0.875rem 1rem;
-    border-radius: var(--mk-radius, 8px);
-    border-left: 4px solid var(--mk-alert-border);
-    background-color: var(--mk-alert-bg);
-    color: var(--mk-alert-color);
-    transition: all 0.2s ease;
-}
-
-.icon {
-    font-size: 1.1rem;
-    flex-shrink: 0;
-    padding-top: 1px;
-    color: var(--mk-alert-border);
-}
-
-.body {
-    flex: 1;
-    min-width: 0;
-}
-.title {
-    display: block;
-    font-size: 0.9375rem;
-    font-weight: 600;
-    margin-bottom: 0.25rem;
-}
-.content {
-    margin: 0;
-    font-size: 0.875rem;
-    line-height: 1.5;
-}
-.action {
-    margin-top: 0.5rem;
-}
-
-.dismiss {
-    background: none;
-    border: none;
-    cursor: pointer;
-    font-size: 0.875rem;
-    flex-shrink: 0;
-    padding: 2px 4px;
-    border-radius: 4px;
-    line-height: 1;
-    color: currentColor;
-    opacity: 0.6;
-    transition: opacity 0.15s;
-}
-.dismiss:hover {
-    opacity: 1;
-    background-color: rgba(0, 0, 0, 0.05);
-}
-
-/* Variants - solid tinted backgrounds (12% color, not 90% transparent) */
-.info {
-    --mk-alert-border: #3b82f6;
-    --mk-alert-bg: color-mix(in srgb, #3b82f6 12%, var(--mk-background));
-    --mk-alert-color: #1e3a5f;
-}
-
-.success {
-    --mk-alert-border: #22c55e;
-    --mk-alert-bg: color-mix(in srgb, #22c55e 12%, var(--mk-background));
-    --mk-alert-color: #14532d;
-}
-
-.warning {
-    --mk-alert-border: #f59e0b;
-    --mk-alert-bg: color-mix(in srgb, #f59e0b 12%, var(--mk-background));
-    --mk-alert-color: #78350f;
-}
-
-.error {
-    --mk-alert-border: #ef4444;
-    --mk-alert-bg: color-mix(in srgb, #ef4444 12%, var(--mk-background));
-    --mk-alert-color: #7f1d1d;
-}
-
-.default {
-    --mk-alert-border: var(--mk-primary);
-    --mk-alert-bg: var(--mk-muted);
-}
-
-/* Dark mode overrides */
-.mk-dark .info {
-    --mk-alert-color: #bfdbfe;
-}
-.mk-dark .success {
-    --mk-alert-color: #bbf7d0;
-}
-.mk-dark .warning {
-    --mk-alert-color: #fde68a;
-}
-.mk-dark .error {
-    --mk-alert-color: #fecaca;
-}

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

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { MkAlert } from './MkAlert';
-declare const meta: Meta<typeof MkAlert>;
-export default meta;
-type Story = StoryObj<typeof MkAlert>;
-export declare const Info: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Error: Story;
-export declare const DefaultVariant: Story;
-export declare const Dismissible: Story;
-export declare const WithAction: Story;
-//# sourceMappingURL=MkAlert.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAlert.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkAlert.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,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC"}

package/dist/components/MkAlert.stories.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MkAlert } from './MkAlert';
-const meta = {
-    title: 'Components/MkAlert',
-    component: MkAlert,
-    parameters: {
-        layout: 'padded',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        variant: {
-            control: { type: 'select' },
-            options: ['default', 'info', 'success', 'warning', 'error'],
-        },
-        title: { control: 'text' },
-        dismissible: { control: 'boolean' },
-    },
-};
-export default meta;
-export const Info = {
-    args: {
-        variant: 'info',
-        title: 'Heads up',
-        children: 'There is a new version of the app available.',
-    },
-};
-export const Success = {
-    args: {
-        variant: 'success',
-        title: 'Saved',
-        children: 'Your changes have been saved successfully.',
-    },
-};
-export const Warning = {
-    args: {
-        variant: 'warning',
-        title: 'Atención',
-        children: 'Esta acción no se puede deshacer.',
-    },
-};
-export const Error = {
-    args: {
-        variant: 'error',
-        title: 'Error',
-        children: 'No se pudo conectar al servidor. Intenta de nuevo.',
-    },
-};
-export const DefaultVariant = {
-    args: {
-        children: 'A simple inline message with no title or icon.',
-    },
-};
-export const Dismissible = {
-    args: {
-        variant: 'info',
-        title: 'Dismissible',
-        children: 'Click the X to close this alert.',
-        dismissible: true,
-    },
-};
-export const WithAction = {
-    args: {
-        variant: 'warning',
-        title: 'Update required',
-        children: 'Your trial ends in 3 days.',
-        action: (_jsx("button", { style: {
-                background: 'transparent',
-                border: '1px solid currentColor',
-                padding: '4px 12px',
-                borderRadius: 4,
-                cursor: 'pointer',
-            }, children: "Upgrade now" })),
-    },
-};
-//# sourceMappingURL=MkAlert.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAlert.stories.js","sourceRoot":"","sources":["../../src/components/MkAlert.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,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SAC9D;QACD,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACtC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,8CAA8C;KAC3D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,4CAA4C;KACzD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,mCAAmC;KAChD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,oDAAoD;KACjE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,QAAQ,EAAE,gDAAgD;KAC7D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,kCAAkC;QAC5C,WAAW,EAAE,IAAI;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE,CACJ,iBACI,KAAK,EAAE;gBACH,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,wBAAwB;gBAChC,OAAO,EAAE,UAAU;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM,EAAE,SAAS;aACpB,4BAGI,CACZ;KACJ;CACJ,CAAC"}

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

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

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

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

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Smoke snapshot for MkAlert — generates `__snapshots__/MkAlert.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 { MkAlert } from './MkAlert';
-describe('MkAlert story smoke', () => {
-    afterEach(cleanup);
-    it('renders warning variant', () => {
-        const { container } = render(_jsx(MkAlert, { variant: "warning", title: "Atenci\u00F3n", children: "Esta acci\u00F3n no se puede deshacer." }));
-        expect(container.firstChild).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=MkAlert.stories.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAlert.stories.test.js","sourceRoot":"","sources":["../../src/components/MkAlert.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,yBAAyB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,OAAO,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAU,uDAEjC,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkAvatar.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-/**
- * @module MkAvatar
- * @description Avatar with image, initials fallback, and status indicator.
- * Same prop API as mk-mobile MkAvatar.
- */
-export interface MkAvatarProps {
-    src?: string | null;
-    name?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    status?: 'online' | 'offline' | 'away' | 'busy' | null;
-    className?: string;
-    onClick?: () => void;
-}
-export declare const MkAvatar: React.FC<MkAvatarProps>;
-//# sourceMappingURL=MkAvatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.d.ts","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiC5C,CAAC"}

package/dist/components/MkAvatar.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import styles from './MkAvatar.module.css';
-const SIZES = { xs: 24, sm: 32, md: 40, lg: 56, xl: 80 };
-// Darker colors for better contrast with --mk-foreground text
-const COLORS = ['#4f46e5', '#be185d', '#c2410c', '#0d9488', '#7c3aed', '#0891b2', '#dc2626', '#65a30d'];
-export const MkAvatar = ({ src, name = '', size = 'md', status, className, onClick }) => {
-    const initials = useMemo(() => {
-        var _a, _b, _c, _d;
-        const parts = name.trim().split(/\s+/);
-        return (((_b = (_a = parts[0]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '') + ((_d = (_c = parts[1]) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : '')).toUpperCase();
-    }, [name]);
-    const bgColor = useMemo(() => {
-        let hash = 0;
-        for (let i = 0; i < name.length; i++)
-            hash = name.charCodeAt(i) + ((hash << 5) - hash);
-        return COLORS[Math.abs(hash) % COLORS.length];
-    }, [name]);
-    const px = SIZES[size];
-    const fontSize = px * 0.4;
-    return (_jsxs("div", { className: `${styles.avatar} ${className || ''}`, style: { width: px, height: px, fontSize, cursor: onClick ? 'pointer' : undefined }, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, children: [src ? (_jsx("img", { src: src, alt: name, className: styles.image, loading: "lazy" })) : (_jsx("div", { className: styles.initials, style: { backgroundColor: bgColor }, children: initials })), status && _jsx("span", { className: `${styles.status} ${styles[status]}` })] }));
-};
-//# sourceMappingURL=MkAvatar.js.map

package/dist/components/MkAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.js","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAiB3C,MAAM,KAAK,GAA2B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEjF,8DAA8D;AAC9D,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAExG,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7G,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,OAAO,CAAC,CAAC,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,GAAG,CAAC,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACzE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACvF,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,QAAQ,GAAG,EAAE,GAAG,GAAG,CAAC;IAE1B,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,IAAI,EAAE,EAAE,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,EACnF,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAEhC,GAAG,CAAC,CAAC,CAAC,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAC,MAAM,GAAG,CACvE,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,YAC/D,QAAQ,GACP,CACT,EACA,MAAM,IAAI,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,GAAI,IAClE,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkAvatar.module.css

@@ -1,62 +0,0 @@
-.avatar {
-    --mk-avatar-bg: var(--mk-muted);
-    --mk-avatar-color: var(--mk-foreground);
-    --mk-avatar-radius: 50%;
-
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--mk-avatar-radius);
-    background-color: var(--mk-avatar-bg);
-    overflow: hidden;
-    flex-shrink: 0;
-}
-
-.image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.initials {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--mk-avatar-color);
-    font-weight: 600;
-    letter-spacing: 0.025em;
-}
-
-.status {
-    --mk-status-border: var(--mk-background);
-
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 25%;
-    height: 25%;
-    min-width: 8px;
-    min-height: 8px;
-    border-radius: 50%;
-    border: 2px solid var(--mk-status-border);
-}
-
-.online {
-    --mk-status-bg: #22c55e;
-    background-color: var(--mk-status-bg);
-}
-.offline {
-    --mk-status-bg: #9ca3af;
-    background-color: var(--mk-status-bg);
-}
-.away {
-    --mk-status-bg: #f59e0b;
-    background-color: var(--mk-status-bg);
-}
-.busy {
-    --mk-status-bg: #ef4444;
-    background-color: var(--mk-status-bg);
-}

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

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { MkAvatar } from './MkAvatar';
-declare const meta: Meta<typeof MkAvatar>;
-export default meta;
-type Story = StoryObj<typeof MkAvatar>;
-export declare const WithInitials: Story;
-export declare const WithImage: Story;
-export declare const Sizes: Story;
-export declare const Online: Story;
-export declare const Away: Story;
-export declare const Busy: Story;
-export declare const Offline: Story;
-export declare const Clickable: Story;
-//# sourceMappingURL=MkAvatar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAkB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/MkAvatar.stories.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MkAvatar } from './MkAvatar';
-const meta = {
-    title: 'Components/MkAvatar',
-    component: MkAvatar,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        name: { control: 'text' },
-        size: {
-            control: { type: 'select' },
-            options: ['xs', 'sm', 'md', 'lg', 'xl'],
-        },
-        status: {
-            control: { type: 'select' },
-            options: [null, 'online', 'offline', 'away', 'busy'],
-        },
-    },
-};
-export default meta;
-export const WithInitials = {
-    args: {
-        name: 'Mario Guzman',
-    },
-};
-export const WithImage = {
-    args: {
-        name: 'Mario Guzman',
-        src: 'https://i.pravatar.cc/150?img=12',
-    },
-};
-export const Sizes = {
-    render: () => (_jsxs("div", { style: { display: 'flex', gap: 16, alignItems: 'center' }, children: [_jsx(MkAvatar, { name: "XS", size: "xs" }), _jsx(MkAvatar, { name: "SM", size: "sm" }), _jsx(MkAvatar, { name: "MD", size: "md" }), _jsx(MkAvatar, { name: "LG", size: "lg" }), _jsx(MkAvatar, { name: "XL", size: "xl" })] })),
-};
-export const Online = {
-    args: {
-        name: 'Ana López',
-        status: 'online',
-    },
-};
-export const Away = {
-    args: {
-        name: 'Carlos Pérez',
-        status: 'away',
-    },
-};
-export const Busy = {
-    args: {
-        name: 'Diana Ruiz',
-        status: 'busy',
-    },
-};
-export const Offline = {
-    args: {
-        name: 'Eduardo Vega',
-        status: 'offline',
-    },
-};
-export const Clickable = {
-    args: {
-        name: 'Click me',
-        onClick: () => alert('Avatar clicked'),
-    },
-};
-//# sourceMappingURL=MkAvatar.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.stories.js","sourceRoot":"","sources":["../../src/components/MkAvatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC1C;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;SACvD;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,GAAG,EAAE,kCAAkC;KAC1C;CACJ,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,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,IAC9B,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,QAAQ;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,MAAM;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,MAAM;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,SAAS;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACzC;CACJ,CAAC"}

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

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

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

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

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Smoke snapshot for MkAvatar — generates `__snapshots__/MkAvatar.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 { MkAvatar } from './MkAvatar';
-describe('MkAvatar story smoke', () => {
-    afterEach(cleanup);
-    it('renders with initials', () => {
-        const { container } = render(_jsx(MkAvatar, { name: "Mario Guzman" }));
-        expect(container.firstChild).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=MkAvatar.stories.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.stories.test.js","sourceRoot":"","sources":["../../src/components/MkAvatar.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,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkBadge.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * @module MkBadge
- * @description Small label/tag component for status, counts, and categories.
- */
-export interface MkBadgeProps {
-    children: React.ReactNode;
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
-    size?: 'sm' | 'md';
-    dot?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare function MkBadge({ children, variant, size, dot, className, style, }: MkBadgeProps): React.JSX.Element;
-//# sourceMappingURL=MkBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkBadge.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,GAAW,EACX,SAAS,EACT,KAAK,GACR,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUlC"}

package/dist/components/MkBadge.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './MkBadge.module.css';
-export function MkBadge({ children, variant = 'default', size = 'sm', dot = false, className, style, }) {
-    return (_jsxs("span", { className: `${styles.badge} ${styles[variant]} ${styles[size]} ${className || ''}`, style: style, children: [dot && _jsx("span", { className: styles.dot }), children] }));
-}
-;
-//# sourceMappingURL=MkBadge.js.map

package/dist/components/MkBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkBadge.js","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,UAAU,OAAO,CAAC,EACpB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,KAAK,GACM;IACX,OAAO,CACH,gBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAClF,KAAK,EAAE,KAAK,aAEX,GAAG,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EACtC,QAAQ,IACN,CACV,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/components/MkBadge.module.css

@@ -1,74 +0,0 @@
-.badge {
-    --mk-badge-bg: var(--mk-muted);
-    --mk-badge-color: var(--mk-foreground);
-    --mk-badge-radius: 999px;
-
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-    font-weight: 500;
-    border-radius: var(--mk-badge-radius);
-    white-space: nowrap;
-    line-height: 1;
-    background-color: var(--mk-badge-bg);
-    color: var(--mk-badge-color);
-    transition: all 0.2s ease;
-}
-
-.sm {
-    font-size: 0.6875rem;
-    padding: 0.125rem 0.5rem;
-}
-.md {
-    font-size: 0.75rem;
-    padding: 0.25rem 0.625rem;
-}
-
-/* Variants - solid background with contrasting text */
-.default {
-    --mk-badge-bg: var(--mk-muted);
-    --mk-badge-color: var(--mk-foreground);
-}
-
-.primary {
-    --mk-badge-bg: var(--mk-primary);
-    --mk-badge-color: var(--mk-primary-foreground);
-}
-
-.success {
-    --mk-badge-bg: #22c55e;
-    --mk-badge-color: #ffffff;
-}
-
-.warning {
-    --mk-badge-bg: #f59e0b;
-    --mk-badge-color: #ffffff;
-}
-
-.error {
-    --mk-badge-bg: #ef4444;
-    --mk-badge-color: #ffffff;
-}
-
-.info {
-    --mk-badge-bg: #3b82f6;
-    --mk-badge-color: #ffffff;
-}
-
-/* Dark mode - adjust for better visibility */
-.mk-dark .success {
-    --mk-badge-bg: #16a34a;
-    --mk-badge-color: #ffffff;
-}
-.mk-dark .warning {
-    --mk-badge-bg: #d97706;
-    --mk-badge-color: #ffffff;
-}
-
-.dot {
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background: currentColor;
-    flex-shrink: 0;
-}

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

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { MkBadge } from './MkBadge';
-declare const meta: Meta<typeof MkBadge>;
-export default meta;
-type Story = StoryObj<typeof MkBadge>;
-export declare const Default: Story;
-export declare const Primary: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Error: Story;
-export declare const Info: Story;
-export declare const WithDot: Story;
-export declare const SizeMd: Story;
-export declare const WithCount: Story;
-//# sourceMappingURL=MkBadge.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkBadge.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.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,CAkB9B,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,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}