npm - @soyfri/template - Versions diffs - 1.0.0 - Mend

@soyfri/template 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (416) hide show

package/dist/partials/widgets/tables/TablesWidget5.js ADDED Viewed

@@ -0,0 +1,228 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget5 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var TablesWidget5 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
+            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Latest Products"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "More than 400 new products")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("ul", { className: 'nav' },
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bold px-4 me-1', "data-bs-toggle": 'tab', href: '#kt_table_widget_5_tab_1' }, "Month")),
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bold px-4 me-1', "data-bs-toggle": 'tab', href: '#kt_table_widget_5_tab_2' }, "Week")),
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bold px-4', "data-bs-toggle": 'tab', href: '#kt_table_widget_5_tab_3' }, "Day"))))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'tab-content' },
+                react_1.default.createElement("div", { className: 'tab-pane fade show active', id: 'kt_table_widget_5_tab_1' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", { className: 'border-0' },
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-110px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-50px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/plurk.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Movie Creator")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "React, HTML"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-success' }, "Approved")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Most Successful")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "Python, MySQL"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/vimeo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "New Users"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Awesome Users")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "Laravel,Metronic"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-primary' }, "Success")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Movie Creator")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "AngularJS, C#"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-danger' }, "Rejected")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/kickstarter.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Bestseller Theme"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Best Customers")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "ReactJS, Ruby"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))))))),
+                react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_table_widget_5_tab_2' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", { className: 'border-0' },
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-110px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-50px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/plurk.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Movie Creator")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "React, HTML"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-success' }, "Approved")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Most Successful")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "Python, MySQL"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Movie Creator")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "AngularJS, C#"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-danger' }, "Rejected")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))))))),
+                react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_table_widget_5_tab_3' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", { className: 'border-0' },
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-110px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-50px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/kickstarter.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Bestseller Theme"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Best Customers")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "ReactJS, Ruby"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Movie Creator")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "AngularJS, C#"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-danger' }, "Rejected")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/vimeo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "New Users"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Awesome Users")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "Laravel,Metronic"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-primary' }, "Success")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-45px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Most Successful")),
+                                    react_1.default.createElement("td", { className: 'text-end text-muted fw-semibold' }, "Python, MySQL"),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'badge badge-light-warning' }, "In Progress")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' }))))))))))));
+};
+exports.TablesWidget5 = TablesWidget5;

package/dist/partials/widgets/tables/TablesWidget6.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type Props = {
+    className: string;
+};
+declare const TablesWidget6: FC<Props>;
+export { TablesWidget6 };

package/dist/partials/widgets/tables/TablesWidget6.js ADDED Viewed

@@ -0,0 +1,249 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget6 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var TablesWidget6 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
+            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Authors Earnings"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "More than 400 new authors")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("ul", { className: 'nav' },
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bold px-4 me-1', "data-bs-toggle": 'tab', href: '#kt_table_widget_6_tab_1' }, "Month")),
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bold px-4 me-1', "data-bs-toggle": 'tab', href: '#kt_table_widget_6_tab_2' }, "Week")),
+                    react_1.default.createElement("li", { className: 'nav-item' },
+                        react_1.default.createElement("a", { className: 'nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bold px-4', "data-bs-toggle": 'tab', href: '#kt_table_widget_6_tab_3' }, "Day"))))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'tab-content' },
+                react_1.default.createElement("div", { className: 'tab-pane fade show active', id: 'kt_table_widget_6_tab_1' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-3' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-120px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/001-boy.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Successful Fellas")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$200,500")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-primary fs-7 fw-bold' }, "+28%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/018-girl-9.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "HTML, CSS Coding")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$1,200,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-warning fs-7 fw-bold' }, "+52%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/047-girl-25.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "PHP, Laravel, VueJS")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$1,200,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-danger fs-7 fw-bold' }, "+52%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/014-girl-7.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Natali Trump"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "UI/UX Designer")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$3,400,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-success fs-7 fw-bold' }, "-34%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/043-boy-18.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Kevin Leonard"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Art Director")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$35,600,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-info fs-7 fw-bold' }, "+230%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))))))),
+                react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_table_widget_6_tab_2' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-3' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-120px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/018-girl-9.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "HTML, CSS Coding")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$1,200,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-warning fs-7 fw-bold' }, "+52%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/014-girl-7.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Natali Trump"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "UI/UX Designer")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$3,400,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-success fs-7 fw-bold' }, "-34%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/001-boy.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Successful Fellas")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$200,500")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-primary fs-7 fw-bold' }, "+28%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))))))),
+                react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_table_widget_6_tab_3' },
+                    react_1.default.createElement("div", { className: 'table-responsive' },
+                        react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-3' },
+                            react_1.default.createElement("thead", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("th", { className: 'p-0 w-50px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-150px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-140px' }),
+                                    react_1.default.createElement("th", { className: 'p-0 min-w-120px' }))),
+                            react_1.default.createElement("tbody", null,
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/047-girl-25.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "HTML, CSS Coding")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$1,200,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-danger fs-7 fw-bold' }, "+52%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/014-girl-7.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Natali Trump"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "UI/UX Designer")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$3,400,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-success fs-7 fw-bold' }, "-34%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/043-boy-18.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Kevin Leonard"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Art Director")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$35,600,000")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-info fs-7 fw-bold' }, "+230%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                                react_1.default.createElement("tr", null,
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                            react_1.default.createElement("span", { className: 'symbol-label' },
+                                                react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/avatars/001-boy.svg'), className: 'h-75 align-self-end', alt: '' })))),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Brad Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block' }, "Successful Fellas")),
+                                    react_1.default.createElement("td", null,
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Paid"),
+                                        react_1.default.createElement("span", { className: 'text-gray-900 fw-bold d-block fs-5' }, "$200,500")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("span", { className: 'text-primary fs-7 fw-bold' }, "+28%")),
+                                    react_1.default.createElement("td", { className: 'text-end' },
+                                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' }))))))))))));
+};
+exports.TablesWidget6 = TablesWidget6;

package/dist/partials/widgets/tables/TablesWidget7.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    className: string;
+};
+declare const TablesWidget7: React.FC<Props>;
+export { TablesWidget7 };