@makroz/web 1.2.0 → 1.2.2

package/dist/components/MkSwitch.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkSwitch } from './MkSwitch';
+const meta = {
+    title: 'Components/MkSwitch',
+    component: MkSwitch,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        checked: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
+    },
+};
+export default meta;
+export const Off = {
+    args: { label: 'Receive notifications', checked: false },
+};
+export const On = {
+    args: { label: 'Receive notifications', checked: true },
+};
+export const WithLabel = {
+    args: { label: 'Dark mode', checked: false },
+};
+export const Disabled = {
+    args: { label: 'Locked setting', disabled: true, checked: false },
+};
+export const DisabledOn = {
+    args: { label: 'Pre-enabled (locked)', disabled: true, checked: true },
+};
+export const WithError = {
+    args: { label: 'Required setting', error: 'You must accept this', checked: false },
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkSwitch, { label: "Small", size: "sm", checked: true }), _jsx(MkSwitch, { label: "Medium", size: "md", checked: true }), _jsx(MkSwitch, { label: "Large", size: "lg", checked: true })] })),
+};
+//# sourceMappingURL=MkSwitch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkSwitch.stories.js","sourceRoot":"","sources":["../../src/components/MkSwitch.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,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;KACrE;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,GAAU;IACrB,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,IAAI,EAAE;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE;CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,KAAK,EAAE;CACrF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC7D,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC5C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC7C,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,IAC1C,CACT;CACJ,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/MkTable.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { MkDropdownOptionType } from './MkDropDown';
+interface Column<T> {
+    key: keyof T | string;
+    label: string;
+    render?: (item: T) => React.ReactNode;
+    sortable?: boolean;
+}
+interface MkTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    loading?: boolean;
+    onSort?: (field: string) => void;
+    sortField?: string;
+    sortOrder?: 'asc' | 'desc';
+    pagination?: {
+        current_page?: number;
+        last_page?: number;
+        total?: number;
+    };
+    onPageChange?: (page: number) => void;
+    actions?: (item: T) => MkDropdownOptionType[];
+    onAction?: (action: string | number, item: T) => void;
+}
+export declare function MkTable<T>({ data, columns, loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }: MkTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MkTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD,UAAU,MAAM,CAAC,CAAC;IACd,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,oBAAoB,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACvB,IAAS,EACT,OAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACX,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4FjB"}

package/dist/components/MkTable.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './MkTable.module.css';
+import { MkDropDown } from './MkDropDown';
+export function MkTable({ data = [], columns = [], loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }) {
+    const handleSort = (key) => {
+        if (onSort)
+            onSort(key);
+    };
+    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.tableWrapper, children: _jsxs("table", { className: styles.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((col) => (_jsx("th", { onClick: () => col.sortable && handleSort(String(col.key)), className: col.sortable ? styles.sortable : '', children: _jsxs("div", { className: styles.headerContent, children: [col.label, col.sortable && sortField === col.key && (_jsx("span", { className: styles.sortIcon, children: sortOrder === 'asc' ? '↑' : '↓' }))] }) }, String(col.key)))), actions && _jsx("th", { className: styles.actionsHeader, children: "Acciones" })] }) }), _jsxs("tbody", { children: [loading && (_jsx("tr", { className: styles.loadingRow, children: _jsx("td", { colSpan: columns.length, children: _jsx("div", { className: styles.skeleton }) }) })), !loading && data.length === 0 && (_jsx("tr", { className: styles.emptyRow, children: _jsx("td", { colSpan: columns.length, children: "No se encontraron datos." }) })), !loading && data.map((item, idx) => (_jsxs("tr", { className: styles.row, style: { '--row-index': idx }, children: [columns.map((col) => (_jsx("td", { children: col.render ? col.render(item) : item[col.key] }, String(col.key)))), actions && (_jsx("td", { className: styles.actionsCell, children: _jsx(MkDropDown, { options: actions(item), onSelect: (val) => onAction === null || onAction === void 0 ? void 0 : onAction(val, item) }) }))] }, idx)))] })] }) }), pagination && pagination.last_page && pagination.last_page > 1 && (_jsxs("div", { className: styles.pagination, children: [_jsx("button", { disabled: pagination.current_page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) - 1), className: styles.pageBtn, children: "Anterior" }), _jsxs("span", { className: styles.pageInfo, children: ["P\u00E1gina ", pagination.current_page, " de ", pagination.last_page] }), _jsx("button", { disabled: pagination.current_page === pagination.last_page, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) + 1), className: styles.pageBtn, children: "Siguiente" })] }))] }));
+}
+//# sourceMappingURL=MkTable.js.map

package/dist/components/MkTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.js","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA0B1C,MAAM,UAAU,OAAO,CAAI,EACvB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACM;IAEd,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,IAAI,MAAM;YAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC5B,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAC/B,iBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,0BACI,yBACK,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,aAEI,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAE9C,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAC/B,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,QAAQ,IAAI,SAAS,KAAK,GAAG,CAAC,GAAG,IAAI,CACtC,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC3B,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC7B,CACV,IACC,IAXD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAYnB,CACR,CAAC,EACD,OAAO,IAAI,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,yBAAe,IAC7D,GACD,EACR,4BACK,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC5B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACvB,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,GAClC,GACJ,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC1B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,yCAA+B,GACzD,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEI,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,KAAK,EAAE,EAAE,aAAa,EAAE,GAAG,EAAyB,aAEnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,uBACK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IADlD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAEnB,CACR,CAAC,EACD,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,IAAI,CAAC,GAC1C,GACD,CACR,KAhBI,GAAG,CAiBP,CACR,CAAC,IACE,IACJ,GACN,EAEL,UAAU,IAAI,UAAU,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,GAAG,CAAC,IAAI,CAC/D,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAC7B,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,yBAGpB,EACT,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,6BACpB,UAAU,CAAC,YAAY,UAAM,UAAU,CAAC,SAAS,IACtD,EACP,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,UAAU,CAAC,SAAS,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,0BAGpB,IACP,CACT,IACC,CACT,CAAC;AACN,CAAC"}

package/dist/components/MkTable.module.css

@@ -0,0 +1,163 @@
+.container {
+    --mk-table-bg: var(--mk-background);
+    --mk-table-border: var(--mk-border);
+    --mk-table-header-bg: var(--mk-muted);
+    --mk-table-row-hover: var(--mk-accent);
+    --mk-table-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+
+    width: 100%;
+    margin: 1rem 0;
+    overflow: hidden;
+    border-radius: var(--mk-radius);
+    border: 1px solid var(--mk-table-border);
+    background: var(--mk-table-bg);
+    box-shadow: var(--mk-table-shadow);
+    transition: var(--mk-transition);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-table-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
+}
+
+.tableWrapper {
+    width: 100%;
+    overflow-x: auto;
+}
+
+.table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+    font-size: 0.875rem;
+}
+
+.table thead {
+    background: var(--mk-table-header-bg);
+    border-bottom: 2px solid var(--mk-table-border);
+}
+
+.table th {
+    padding: 1rem;
+    font-weight: 700;
+    color: var(--mk-foreground);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 0.75rem;
+    user-select: none;
+}
+
+.sortable {
+    cursor: pointer;
+}
+
+.sortable:hover {
+    color: var(--mk-foreground);
+    background: var(--mk-table-row-hover);
+}
+
+.headerContent {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.sortIcon {
+    font-size: 1rem;
+    color: var(--mk-primary);
+}
+
+.table td {
+    padding: 1rem;
+    border-bottom: 1px solid var(--mk-table-border);
+    color: var(--mk-foreground);
+    white-space: nowrap;
+}
+
+.actionsHeader {
+    width: 100px;
+    text-align: right;
+}
+
+.actionsCell {
+    text-align: right;
+    width: 60px;
+}
+
+.row {
+    animation: mk-fade-in 0.4s var(--mk-ease-out) backwards;
+    animation-delay: calc(var(--row-index, 0) * 0.04s);
+}
+
+.row:hover {
+    background: var(--mk-table-row-hover);
+    transition: background 0.15s ease;
+}
+
+.pagination {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 1rem;
+    gap: 1.5rem;
+    border-top: 1px solid var(--mk-table-border);
+    background: var(--mk-table-row-hover);
+}
+
+.pageInfo {
+    font-size: 0.75rem;
+    color: var(--mk-muted-foreground);
+    font-weight: 500;
+}
+
+.pageBtn {
+    padding: 0.4rem 0.8rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    border-radius: calc(var(--mk-radius) / 2);
+    border: 1px solid var(--mk-table-border);
+    background: var(--mk-table-bg);
+    cursor: pointer;
+    transition: var(--mk-transition);
+    color: var(--mk-foreground);
+}
+
+.pageBtn:hover:not(:disabled) {
+    border-color: var(--mk-primary);
+    color: var(--mk-primary);
+}
+
+.pageBtn:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+
+/* Premium Animations */
+.skeleton {
+    --mk-table-skeleton-shimmer: color-mix(in srgb, var(--mk-muted), white 20%);
+    width: 100%;
+    height: 2.5rem;
+    background: linear-gradient(90deg, var(--mk-muted) 25%, var(--mk-table-skeleton-shimmer) 50%, var(--mk-muted) 75%);
+    background-size: 200% 100%;
+    animation: mk-shimmer 2s infinite linear;
+    border-radius: var(--mk-radius);
+}
+
+:global([data-theme='dark']) .skeleton {
+    --mk-table-skeleton-shimmer: color-mix(in srgb, var(--mk-muted), white 5%);
+}
+
+@keyframes mk-shimmer {
+    0% {
+        background-position: 200% 0;
+    }
+    100% {
+        background-position: -200% 0;
+    }
+}
+
+.emptyRow td {
+    text-align: center;
+    padding: 3rem;
+    color: var(--mk-muted-foreground);
+    font-style: italic;
+}

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkTable } from './MkTable';
+interface User {
+    id: number;
+    name: string;
+    email: string;
+    role: 'admin' | 'user' | 'guest';
+}
+declare const meta: Meta<typeof MkTable<User>>;
+export default meta;
+type Story = StoryObj<typeof MkTable<User>>;
+export declare const Empty: Story;
+export declare const WithRows: Story;
+export declare const Loading: Story;
+export declare const WithPagination: Story;
+//# sourceMappingURL=MkTable.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CACpC;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAOpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AAiC5C,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}

package/dist/components/MkTable.stories.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MkTable } from './MkTable';
+const meta = {
+    title: 'Components/MkTable',
+    component: MkTable,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+const SAMPLE_USERS = [
+    { id: 1, name: 'Mario Guzman', email: 'mario@makromania.com', role: 'admin' },
+    { id: 2, name: 'Ana López', email: 'ana@example.com', role: 'user' },
+    { id: 3, name: 'Carlos Pérez', email: 'carlos@example.com', role: 'user' },
+    { id: 4, name: 'Diana Ruiz', email: 'diana@example.com', role: 'guest' },
+    { id: 5, name: 'Eduardo Vega', email: 'eduardo@example.com', role: 'admin' },
+];
+const COLUMNS = [
+    { key: 'id', label: 'ID', sortable: true },
+    { key: 'name', label: 'Name', sortable: true },
+    { key: 'email', label: 'Email' },
+    {
+        key: 'role',
+        label: 'Role',
+        render: (item) => (_jsx("span", { style: {
+                padding: '2px 8px',
+                borderRadius: 4,
+                fontSize: 12,
+                background: item.role === 'admin' ? '#fef3c7' : '#e0e7ff',
+                color: item.role === 'admin' ? '#92400e' : '#3730a3',
+            }, children: item.role })),
+    },
+];
+export const Empty = {
+    args: {
+        data: [],
+        columns: COLUMNS,
+    },
+};
+export const WithRows = {
+    args: {
+        data: SAMPLE_USERS,
+        columns: COLUMNS,
+    },
+};
+export const Loading = {
+    args: {
+        data: SAMPLE_USERS,
+        columns: COLUMNS,
+        loading: true,
+    },
+};
+export const WithPagination = {
+    args: {
+        data: SAMPLE_USERS,
+        columns: COLUMNS,
+        pagination: {
+            current_page: 1,
+            last_page: 5,
+            total: 47,
+        },
+    },
+};
+//# sourceMappingURL=MkTable.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.stories.js","sourceRoot":"","sources":["../../src/components/MkTable.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AASpC,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAc;IACzB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,YAAY,GAAW;IACzB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,OAAO,EAAE;IAC7E,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE;IACpE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,EAAE;IAC1E,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,OAAO,EAAE;IACxE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,EAAE;CAC/E,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC1C,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC9C,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAChC;QACI,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,CACpB,eACI,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS;gBAClB,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBACzD,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACvD,YAEA,IAAI,CAAC,IAAI,GACP,CACV;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,OAAc;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;QACvB,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;QACvB,UAAU,EAAE;YACR,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;YACZ,KAAK,EAAE,EAAE;SACZ;KACJ;CACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkTable — generates `__snapshots__/MkTable.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 { MkTable } from './MkTable';
+const SAMPLE_USERS = [
+    { id: 1, name: 'Mario Guzman', email: 'mario@makromania.com' },
+    { id: 2, name: 'Ana López', email: 'ana@example.com' },
+];
+const COLUMNS = [
+    { key: 'id', label: 'ID' },
+    { key: 'name', label: 'Name' },
+    { key: 'email', label: 'Email' },
+];
+describe('MkTable story smoke', () => {
+    afterEach(cleanup);
+    it('renders with rows', () => {
+        const { container } = render(_jsx(MkTable, { data: SAMPLE_USERS, columns: COLUMNS }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkTable.stories.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTable.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;AAQpC,MAAM,YAAY,GAAW;IACzB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC9D,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACzD,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC1B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9B,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,OAAO,IAAO,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAc,GAAI,CACjE,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkTabs.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * @module MkTabs
+ * @description Tabbed navigation with optional badge counts and icons.
+ */
+export interface MkTabItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number | string;
+    disabled?: boolean;
+}
+export interface MkTabsProps {
+    tabs: MkTabItem[];
+    activeKey?: string;
+    onChange?: (key: string) => void;
+    variant?: 'underline' | 'pills' | 'segmented';
+    size?: 'sm' | 'md';
+    className?: string;
+}
+export declare const MkTabs: React.FC<MkTabsProps>;
+//# sourceMappingURL=MkTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTabs.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD;;;GAGG;AAEH,MAAM,WAAW,SAAS;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAC"}

package/dist/components/MkTabs.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import styles from './MkTabs.module.css';
+export const MkTabs = ({ tabs, activeKey, onChange, variant = 'underline', size = 'md', className, }) => {
+    var _a, _b;
+    const [internalKey, setInternalKey] = useState((_b = (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '');
+    const currentKey = activeKey !== null && activeKey !== void 0 ? activeKey : internalKey;
+    const handleSelect = useCallback((key) => {
+        setInternalKey(key);
+        onChange === null || onChange === void 0 ? void 0 : onChange(key);
+    }, [onChange]);
+    return (_jsx("div", { className: `${styles.container} ${styles[variant]} ${styles[size]} ${className || ''}`, role: "tablist", children: tabs.map((tab) => {
+            const isActive = currentKey === tab.key;
+            return (_jsxs("button", { role: "tab", "aria-selected": isActive, disabled: tab.disabled, className: `${styles.tab} ${isActive ? styles.active : ''}`, onClick: () => !tab.disabled && handleSelect(tab.key), children: [tab.icon && _jsx("span", { className: styles.icon, children: tab.icon }), _jsx("span", { children: tab.label }), tab.badge !== null && tab.badge !== undefined && (_jsx("span", { className: styles.badge, children: tab.badge }))] }, tab.key));
+        }) }));
+};
+//# sourceMappingURL=MkTabs.js.map

package/dist/components/MkTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTabs.js","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAwBzC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,SAAS,GACZ,EAAE,EAAE;;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAA,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,GAAG,mCAAI,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,GAAW,EAAE,EAAE;QACZ,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,SAAS,YACtG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACd,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;YACxC,OAAO,CACH,kBAEI,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,aAEpD,GAAG,CAAC,IAAI,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,IAAI,GAAQ,EAC5D,yBAAO,GAAG,CAAC,KAAK,GAAQ,EACvB,GAAG,CAAC,KAAK,KAAK,IAAI,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,CAC9C,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,GAAG,CAAC,KAAK,GAAQ,CACpD,KAXI,GAAG,CAAC,GAAG,CAYP,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkTabs.module.css

@@ -0,0 +1,117 @@
+.container {
+    display: flex;
+    gap: 0;
+    overflow-x: auto;
+    --mk-tabs-active-color: var(--mk-primary);
+    --mk-tabs-inactive-color: var(--mk-muted-foreground);
+    --mk-tabs-hover-color: var(--mk-foreground);
+    --mk-tabs-active-bg: var(--mk-background);
+    --mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+
+/* ── Underline ── */
+.underline {
+    border-bottom: 1px solid var(--mk-border);
+}
+.underline .tab {
+    padding: 0.625rem 1rem;
+    border-bottom: 2px solid transparent;
+    color: var(--mk-tabs-inactive-color);
+    transition: all 0.2s ease;
+}
+.underline .tab:hover {
+    color: var(--mk-tabs-hover-color);
+}
+.underline .active {
+    border-bottom-color: var(--mk-tabs-active-color);
+    color: var(--mk-tabs-active-color);
+    font-weight: 600;
+}
+
+/* ── Pills ── */
+.pills {
+    gap: 0.375rem;
+}
+.pills .tab {
+    padding: 0.375rem 0.875rem;
+    border-radius: 999px;
+    color: var(--mk-tabs-inactive-color);
+    transition: all 0.2s ease;
+}
+.pills .tab:hover {
+    background: var(--mk-muted);
+}
+.pills .active {
+    background: var(--mk-primary);
+    color: var(--mk-primary-foreground, #fff);
+}
+
+/* ── Segmented ── */
+.segmented {
+    background: var(--mk-muted);
+    border-radius: var(--mk-radius, 8px);
+    padding: 3px;
+    gap: 2px;
+    border: 1px solid var(--mk-border);
+}
+.segmented .tab {
+    padding: 0.375rem 0.875rem;
+    border-radius: calc(var(--mk-radius, 8px) - 2px);
+    color: var(--mk-muted-foreground);
+    transition: all 0.2s ease;
+}
+.segmented .active {
+    background: var(--mk-card);
+    color: var(--mk-foreground);
+    font-weight: 600;
+    box-shadow:
+        0 1px 3px rgba(0, 0, 0, 0.12),
+        0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+/* ── Shared ── */
+.tab {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font-size: 0.875rem;
+    white-space: nowrap;
+    outline: none;
+}
+.tab:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+.tab:focus-visible {
+    box-shadow: 0 0 0 2px var(--mk-primary);
+    border-radius: 4px;
+}
+
+.sm .tab {
+    font-size: 0.8125rem;
+    padding: 0.375rem 0.75rem;
+}
+
+.icon {
+    display: flex;
+    font-size: 1rem;
+}
+
+.badge {
+    font-size: 0.625rem;
+    background: var(--mk-primary);
+    color: var(--mk-primary-foreground, #fff);
+    padding: 0 0.375rem;
+    border-radius: 999px;
+    font-weight: 600;
+    min-width: 18px;
+    text-align: center;
+    line-height: 1.4;
+}

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkTabs } from './MkTabs';
+declare const meta: Meta<typeof MkTabs>;
+export default meta;
+type Story = StoryObj<typeof MkTabs>;
+export declare const TwoTabs: Story;
+export declare const FourTabs: Story;
+export declare const Pills: Story;
+export declare const Segmented: Story;
+export declare const WithDisabled: Story;
+//# sourceMappingURL=MkTabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTabs.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}