@makroz/web 1.2.0 → 1.2.2

package/dist/components/MkAlert.stories.js

@@ -0,0 +1,75 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,62 @@
+.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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,74 @@
+.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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/MkBadge.stories.js

@@ -0,0 +1,78 @@
+import { MkBadge } from './MkBadge';
+const meta = {
+    title: 'Components/MkBadge',
+    component: MkBadge,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['default', 'primary', 'success', 'warning', 'error', 'info'],
+        },
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md'],
+        },
+        dot: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Default',
+    },
+};
+export const Primary = {
+    args: {
+        children: 'Primary',
+        variant: 'primary',
+    },
+};
+export const Success = {
+    args: {
+        children: 'Active',
+        variant: 'success',
+    },
+};
+export const Warning = {
+    args: {
+        children: 'Pending',
+        variant: 'warning',
+    },
+};
+export const Error = {
+    args: {
+        children: 'Failed',
+        variant: 'error',
+    },
+};
+export const Info = {
+    args: {
+        children: 'New',
+        variant: 'info',
+    },
+};
+export const WithDot = {
+    args: {
+        children: 'Live',
+        variant: 'success',
+        dot: true,
+    },
+};
+export const SizeMd = {
+    args: {
+        children: 'Medium badge',
+        variant: 'primary',
+        size: 'md',
+    },
+};
+export const WithCount = {
+    args: {
+        children: '12',
+        variant: 'primary',
+        size: 'sm',
+    },
+};
+//# sourceMappingURL=MkBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkBadge.stories.js","sourceRoot":"","sources":["../../src/components/MkBadge.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,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SACzE;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACxB;QACD,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC9B;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,SAAS;QAClB,GAAG,EAAE,IAAI;KACZ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACb;CACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkBadge.stories.test.js","sourceRoot":"","sources":["../../src/components/MkBadge.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,kBAAkB,EAAE,GAAG,EAAE;QACxB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,OAAO,EAAC,SAAS,EAAC,GAAG,2BAAe,CAAC,CAAC;QAC5E,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MkTheme } from '@makroz/core';
+interface MkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'outline' | 'ghost' | 'error';
+    loading?: boolean;
+    /** @deprecated Theme is now controlled via CSS variables */
+    _theme?: MkTheme;
+}
+export declare const MkButton: React.FC<MkButtonProps>;
+export {};
+//# sourceMappingURL=MkButton.d.ts.map