@soyfri/template 1.0.0

package/dist/partials/widgets/statistics/StatisticsWidget3.js

@@ -0,0 +1,189 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatisticsWidget3 = void 0;
+var react_1 = __importStar(require("react"));
+var apexcharts_1 = __importDefault(require("apexcharts"));
+var _utils_1 = require("../../../assets/ts/_utils");
+var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
+var StatisticsWidget3 = function (_a) {
+    var className = _a.className, title = _a.title, description = _a.description, change = _a.change, color = _a.color;
+    var chartRef = (0, react_1.useRef)(null);
+    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
+    var refreshChart = function () {
+        if (!chartRef.current) {
+            return;
+        }
+        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
+        var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-800');
+        var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color);
+        var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color + '-light');
+        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
+        if (chart) {
+            chart.render();
+        }
+        return chart;
+    };
+    (0, react_1.useEffect)(function () {
+        var chart = refreshChart();
+        return function () {
+            if (chart) {
+                chart.destroy();
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [chartRef, mode]);
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+            react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 card-p' },
+                react_1.default.createElement("div", { className: 'd-flex flex-column me-2' },
+                    react_1.default.createElement("a", { href: '#', className: 'text-gray-900 text-hover-primary fw-bold fs-3' }, title),
+                    react_1.default.createElement("span", { className: 'text-muted fw-semibold mt-1', dangerouslySetInnerHTML: { __html: description } })),
+                react_1.default.createElement("span", { className: 'symbol symbol-50px' },
+                    react_1.default.createElement("span", { className: "symbol-label fs-5 fw-bold bg-light-".concat(color, " text-").concat(color) }, change))),
+            react_1.default.createElement("div", { ref: chartRef, className: 'statistics-widget-3-chart card-rounded-bottom', style: { height: '150px' } }))));
+};
+exports.StatisticsWidget3 = StatisticsWidget3;
+function getChartOptions(height, labelColor, baseColor, lightColor) {
+    var options = {
+        series: [
+            {
+                name: 'Net Profit',
+                data: [30, 45, 32, 70, 40],
+            },
+        ],
+        chart: {
+            fontFamily: 'inherit',
+            type: 'area',
+            height: height,
+            toolbar: {
+                show: false,
+            },
+            zoom: {
+                enabled: false,
+            },
+            sparkline: {
+                enabled: true,
+            },
+        },
+        plotOptions: {},
+        legend: {
+            show: false,
+        },
+        dataLabels: {
+            enabled: false,
+        },
+        fill: {
+            type: 'solid',
+            opacity: 1,
+        },
+        stroke: {
+            curve: 'smooth',
+            show: true,
+            width: 3,
+            colors: [baseColor],
+        },
+        xaxis: {
+            categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+            axisBorder: {
+                show: false,
+            },
+            axisTicks: {
+                show: false,
+            },
+            labels: {
+                show: false,
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px',
+                },
+            },
+            crosshairs: {
+                show: false,
+                position: 'front',
+                stroke: {
+                    color: '#E4E6EF',
+                    width: 1,
+                    dashArray: 3,
+                },
+            },
+            tooltip: {
+                enabled: false,
+            },
+        },
+        yaxis: {
+            min: 0,
+            max: 80,
+            labels: {
+                show: false,
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px',
+                },
+            },
+        },
+        states: {
+            normal: {
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+            hover: {
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+            active: {
+                allowMultipleDataPointsSelection: false,
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+        },
+        tooltip: {
+            style: {
+                fontSize: '12px',
+            },
+            y: {
+                formatter: function (val) {
+                    return '$' + val + ' thousands';
+                },
+            },
+        },
+        colors: [lightColor],
+        markers: {
+            colors: [lightColor],
+            strokeColors: [baseColor],
+            strokeWidth: 3,
+        },
+    };
+    return options;
+}

package/dist/partials/widgets/statistics/StatisticsWidget4.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    className: string;
+    svgIcon: string;
+    color: string;
+    change: string;
+    description: string;
+};
+declare const StatisticsWidget4: React.FC<Props>;
+export { StatisticsWidget4 };

package/dist/partials/widgets/statistics/StatisticsWidget4.js

@@ -0,0 +1,191 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatisticsWidget4 = void 0;
+var react_1 = __importStar(require("react"));
+var helpers_1 = require("../../../helpers");
+var apexcharts_1 = __importDefault(require("apexcharts"));
+var _utils_1 = require("../../../assets/ts/_utils");
+var clsx_1 = __importDefault(require("clsx"));
+var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
+var StatisticsWidget4 = function (_a) {
+    var className = _a.className, svgIcon = _a.svgIcon, color = _a.color, change = _a.change, description = _a.description;
+    var chartRef = (0, react_1.useRef)(null);
+    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
+    var refreshChart = function () {
+        if (!chartRef.current) {
+            return;
+        }
+        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
+        var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-800');
+        var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color);
+        var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color + '-light');
+        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
+        if (chart) {
+            chart.render();
+        }
+        return chart;
+    };
+    (0, react_1.useEffect)(function () {
+        var chart = refreshChart();
+        return function () {
+            if (chart) {
+                chart.destroy();
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [chartRef, color, mode]);
+    return (react_1.default.createElement("div", { className: "card ".concat(className) },
+        react_1.default.createElement("div", { className: 'card-body p-0' },
+            react_1.default.createElement("div", { className: 'd-flex flex-stack card-p flex-grow-1' },
+                react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol symbol-50px', 'me-2') },
+                    react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol-label', "bg-light-".concat(color)) },
+                        react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon, className: "fs-2x text-".concat(color) }))),
+                react_1.default.createElement("div", { className: 'd-flex flex-column text-end' },
+                    react_1.default.createElement("span", { className: 'text-gray-900 fw-bold fs-2' }, change),
+                    react_1.default.createElement("span", { className: 'text-muted fw-semibold mt-1' }, description))),
+            react_1.default.createElement("div", { ref: chartRef, className: 'statistics-widget-4-chart card-rounded-bottom', style: { height: '150px' } }))));
+};
+exports.StatisticsWidget4 = StatisticsWidget4;
+function getChartOptions(height, labelColor, baseColor, lightColor) {
+    return {
+        series: [
+            {
+                name: 'Net Profit',
+                data: [40, 40, 30, 30, 35, 35, 50],
+            },
+        ],
+        chart: {
+            fontFamily: 'inherit',
+            type: 'area',
+            height: height,
+            toolbar: {
+                show: false,
+            },
+            zoom: {
+                enabled: false,
+            },
+            sparkline: {
+                enabled: true,
+            },
+        },
+        plotOptions: {},
+        legend: {
+            show: false,
+        },
+        dataLabels: {
+            enabled: false,
+        },
+        fill: {
+            type: 'solid',
+            opacity: 1,
+        },
+        stroke: {
+            curve: 'smooth',
+            show: true,
+            width: 3,
+            colors: [baseColor],
+        },
+        xaxis: {
+            categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],
+            axisBorder: {
+                show: false,
+            },
+            axisTicks: {
+                show: false,
+            },
+            labels: {
+                show: false,
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px',
+                },
+            },
+            crosshairs: {
+                show: false,
+                position: 'front',
+                stroke: {
+                    color: '#E4E6EF',
+                    width: 1,
+                    dashArray: 3,
+                },
+            },
+            tooltip: {
+                enabled: false,
+            },
+        },
+        yaxis: {
+            min: 0,
+            max: 60,
+            labels: {
+                show: false,
+                style: {
+                    colors: labelColor,
+                    fontSize: '12px',
+                },
+            },
+        },
+        states: {
+            normal: {
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+            hover: {
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+            active: {
+                allowMultipleDataPointsSelection: false,
+                filter: {
+                    type: 'none',
+                    value: 0,
+                },
+            },
+        },
+        tooltip: {
+            style: {
+                fontSize: '12px',
+            },
+            y: {
+                formatter: function (val) {
+                    return '$' + val + ' thousands';
+                },
+            },
+        },
+        colors: [lightColor],
+        markers: {
+            colors: [lightColor],
+            strokeColors: [baseColor],
+            strokeWidth: 3,
+        },
+    };
+}

package/dist/partials/widgets/statistics/StatisticsWidget5.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type Props = {
+    className: string;
+    color: string;
+    svgIcon: string;
+    iconColor: string;
+    title: string;
+    titleColor?: string;
+    description: string;
+    descriptionColor?: string;
+};
+declare const StatisticsWidget5: React.FC<Props>;
+export { StatisticsWidget5 };

package/dist/partials/widgets/statistics/StatisticsWidget5.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatisticsWidget5 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var StatisticsWidget5 = function (_a) {
+    var className = _a.className, color = _a.color, svgIcon = _a.svgIcon, iconColor = _a.iconColor, title = _a.title, titleColor = _a.titleColor, description = _a.description, descriptionColor = _a.descriptionColor;
+    return (react_1.default.createElement("a", { href: '#', className: "card bg-".concat(color, " hoverable ").concat(className) },
+        react_1.default.createElement("div", { className: 'card-body' },
+            react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon, className: "text-".concat(iconColor, " fs-3x ms-n1") }),
+            react_1.default.createElement("div", { className: "text-".concat(titleColor, " fw-bold fs-2 mb-2 mt-5") }, title),
+            react_1.default.createElement("div", { className: "fw-semibold text-".concat(descriptionColor) }, description))));
+};
+exports.StatisticsWidget5 = StatisticsWidget5;

package/dist/partials/widgets/statistics/StatisticsWidget6.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    className: string;
+    color: string;
+    title: string;
+    description: string;
+    progress: string;
+};
+declare const StatisticsWidget6: FC<Props>;
+export { StatisticsWidget6 };

package/dist/partials/widgets/statistics/StatisticsWidget6.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatisticsWidget6 = void 0;
+var react_1 = __importDefault(require("react"));
+var StatisticsWidget6 = function (_a) {
+    var className = _a.className, color = _a.color, title = _a.title, description = _a.description, progress = _a.progress;
+    return (react_1.default.createElement("div", { className: "card bg-light-".concat(color, " ").concat(className) },
+        react_1.default.createElement("div", { className: 'card-body my-3' },
+            react_1.default.createElement("a", { href: '#', className: "card-title fw-bold text-".concat(color, " fs-5 mb-3 d-block") }, description),
+            react_1.default.createElement("div", { className: 'py-1' },
+                react_1.default.createElement("span", { className: 'text-gray-900 fs-1 fw-bold me-2' }, progress),
+                react_1.default.createElement("span", { className: 'fw-semibold text-muted fs-7' }, title)),
+            react_1.default.createElement("div", { className: "progress h-7px bg-".concat(color, " bg-opacity-50 mt-7") },
+                react_1.default.createElement("div", { className: "progress-bar bg-".concat(color), role: 'progressbar', style: { width: progress } })))));
+};
+exports.StatisticsWidget6 = StatisticsWidget6;

package/dist/partials/widgets/tables/TablesWidget1.d.ts

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

package/dist/partials/widgets/tables/TablesWidget1.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget1 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
+var TablesWidget1 = 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' }, "Tasks Overview"),
+                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Pending 10 tasks")),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-2' })),
+                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
+        react_1.default.createElement("div", { className: 'card-body py-3' },
+            react_1.default.createElement("div", { className: 'table-responsive' },
+                react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-5' },
+                    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-200px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-100px' }),
+                            react_1.default.createElement("th", { className: 'p-0 min-w-40px' }))),
+                    react_1.default.createElement("tbody", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("th", 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/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' }, "Top Authors"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Successful Fellas")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
+                            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("th", 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/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 fs-7' }, "Most Successful")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '50%' } })))),
+                            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("th", 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/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 fs-7' }, "Awesome Users")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "80%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '80%' } })))),
+                            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("th", 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/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 fs-7' }, "Best Customers")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "90%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '90%' } })))),
+                            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("th", 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/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 fs-7' }, "Amazing Templates")),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
+                            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.TablesWidget1 = TablesWidget1;

package/dist/partials/widgets/tables/TablesWidget10.d.ts

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