@soyfri/template 1.0.0

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

@@ -0,0 +1,174 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablesWidget9 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var TablesWidget9 = 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' }, "Members Statistics"),
+                react_1.default.createElement("span", { className: 'text-muted mt-1 fw-semibold fs-7' }, "Over 500 members")),
+            react_1.default.createElement("div", { className: 'card-toolbar', "data-bs-toggle": 'tooltip', "data-bs-placement": 'top', "data-bs-trigger": 'hover', title: 'Click to add a user' },
+                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-light-primary', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_invite_friends' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'plus', className: 'fs-3' }),
+                    "New Member"))),
+        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 table-row-dashed table-row-gray-300 align-middle gs-0 gy-4' },
+                    react_1.default.createElement("thead", null,
+                        react_1.default.createElement("tr", { className: 'fw-bold text-muted' },
+                            react_1.default.createElement("th", { className: 'w-25px' },
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input', type: 'checkbox', value: '1', "data-kt-check": 'true', "data-kt-check-target": '.widget-9-check' }))),
+                            react_1.default.createElement("th", { className: 'min-w-150px' }, "Authors"),
+                            react_1.default.createElement("th", { className: 'min-w-140px' }, "Company"),
+                            react_1.default.createElement("th", { className: 'min-w-120px' }, "Progress"),
+                            react_1.default.createElement("th", { className: 'min-w-100px text-end' }, "Actions"))),
+                    react_1.default.createElement("tbody", null,
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-14.jpg'), alt: '' })),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Ana Simmons"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Intertico"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Web, UI/UX Design")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                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", null,
+                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg'), alt: '' })),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Jessie Clarcson"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "C#, ASP.NET, MS SQL")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "Agoda"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Houses & Hotels")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                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-danger', role: 'progressbar', style: { width: '70%' } })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-5.jpg'), alt: '' })),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Lebron Wayde"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "PHP, Laravel, VueJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Transportation")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                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' }, "60%")),
+                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-success', role: 'progressbar', style: { width: '60%' } })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-20.jpg'), alt: '' })),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Natali Goodwin"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Python, PostgreSQL, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "The Hill"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Insurance")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                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-warning', role: 'progressbar', style: { width: '50%' } })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' }))))),
+                        react_1.default.createElement("tr", null,
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'form-check form-check-sm form-check-custom form-check-solid' },
+                                    react_1.default.createElement("input", { className: 'form-check-input widget-9-check', type: 'checkbox', value: '1' }))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                                    react_1.default.createElement("div", { className: 'symbol symbol-45px me-5' },
+                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-23.jpg'), alt: '' })),
+                                    react_1.default.createElement("div", { className: 'd-flex justify-content-start flex-column' },
+                                        react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary fs-6' }, "Kevin Leonard"),
+                                        react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "HTML, JS, ReactJS")))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary d-block fs-6' }, "RoadGee"),
+                                react_1.default.createElement("span", { className: 'text-muted fw-semibold text-muted d-block fs-7' }, "Art Director")),
+                            react_1.default.createElement("td", { className: 'text-end' },
+                                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-info', role: 'progressbar', style: { width: '90%' } })))),
+                            react_1.default.createElement("td", null,
+                                react_1.default.createElement("div", { className: 'd-flex justify-content-end flex-shrink-0' },
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'switch', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-3' })),
+                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-bg-light btn-active-color-primary btn-sm' },
+                                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'trash', className: 'fs-3' })))))))))));
+};
+exports.TablesWidget9 = TablesWidget9;

package/dist/partials/widgets/tiles/TilesWidget1.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    bgImage?: string;
+    title?: string;
+};
+declare const TilesWidget1: ({ className, bgImage, title, }: Props) => React.JSX.Element;
+export { TilesWidget1 };

package/dist/partials/widgets/tiles/TilesWidget1.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TilesWidget1 = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var TilesWidget1 = function (_a) {
+    var className = _a.className, _b = _a.bgImage, bgImage = _b === void 0 ? (0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-75.jpg') : _b, _c = _a.title, title = _c === void 0 ? 'Properties' : _c;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-150px bgi-no-repeat bgi-size-cover', className), style: {
+            backgroundImage: "url(\"".concat(bgImage, "\")"),
+        } },
+        react_1.default.createElement("div", { className: 'card-body p-6' },
+            react_1.default.createElement("a", { href: '#', className: 'text-black text-hover-primary fw-bold fs-2', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, title))));
+};
+exports.TilesWidget1 = TilesWidget1;

package/dist/partials/widgets/tiles/TilesWidget2.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    bgColor?: string;
+    title?: string;
+    title2?: string;
+};
+declare const TilesWidget2: ({ className, bgColor, title, title2, }: Props) => React.JSX.Element;
+export { TilesWidget2 };

package/dist/partials/widgets/tiles/TilesWidget2.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TilesWidget2 = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var TilesWidget2 = function (_a) {
+    var className = _a.className, _b = _a.bgColor, bgColor = _b === void 0 ? '#663259' : _b, _c = _a.title, title = _c === void 0 ? 'Create SaaS' : _c, _d = _a.title2, title2 = _d === void 0 ? 'Based Reports' : _d;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-175px bgi-no-repeat bgi-size-contain', className), style: {
+            backgroundColor: bgColor,
+            backgroundPosition: 'right',
+            backgroundImage: "url(\"".concat((0, helpers_1.toAbsoluteUrl)('media/svg/misc/taieri.svg'), "\")"),
+        } },
+        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            react_1.default.createElement("h2", { className: 'text-white fw-bold mb-5' },
+                title,
+                " ",
+                react_1.default.createElement("br", null),
+                " ",
+                title2,
+                ' '),
+            react_1.default.createElement("div", { className: 'm-0' },
+                react_1.default.createElement("a", { href: '#', className: 'btn btn-danger fw-semibold px-6 py-3', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_app' }, "Create Campaign")))));
+};
+exports.TilesWidget2 = TilesWidget2;

package/dist/partials/widgets/tiles/TilesWidget3.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    bgColor?: string;
+    title?: string;
+    title2?: string;
+};
+declare const TilesWidget3: ({ className, }: Props) => React.JSX.Element;
+export { TilesWidget3 };

package/dist/partials/widgets/tiles/TilesWidget3.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TilesWidget3 = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var TilesWidget3 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-100 bgi-no-repeat bgi-size-cover', className), style: { backgroundImage: "url(\"".concat((0, helpers_1.toAbsoluteUrl)('media/misc/bg-2.jpg'), "\")") } },
+        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            react_1.default.createElement("div", { className: 'text-white fw-bold fs-2' },
+                react_1.default.createElement("h2", { className: 'fw-bold text-white mb-2' }, "Create Reports"),
+                "With App"),
+            react_1.default.createElement("a", { href: '#', className: 'text-warning fw-semibold' },
+                "Create Report",
+                react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-2 text-warning', iconName: 'arrow-right' })))));
+};
+exports.TilesWidget3 = TilesWidget3;

package/dist/partials/widgets/tiles/TilesWidget4.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    className?: string;
+};
+declare const TilesWidget4: ({ className }: Props) => React.JSX.Element;
+export { TilesWidget4 };

package/dist/partials/widgets/tiles/TilesWidget4.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TilesWidget4 = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var TilesWidget4 = function (_a) {
+    var className = _a.className;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card h-150px', className) },
+        react_1.default.createElement("div", { className: 'card-body d-flex align-items-center justify-content-between flex-wrap' },
+            react_1.default.createElement("div", { className: 'me-2' },
+                react_1.default.createElement("h2", { className: 'fw-bold text-gray-800 mb-3' }, "Create CRM Reports"),
+                react_1.default.createElement("div", { className: 'text-muted fw-semibold fs-6' }, "Generate the latest CRM report for company projects")),
+            react_1.default.createElement("a", { href: '#', className: 'btn btn-primary fw-semibold', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_create_campaign' }, "Start Now"))));
+};
+exports.TilesWidget4 = TilesWidget4;

package/dist/partials/widgets/tiles/TilesWidget5.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type Props = {
+    className?: string;
+    svgIcon?: string;
+    titleClass?: string;
+    descriptionClass?: string;
+    iconClass?: string;
+    title?: string;
+    description?: string;
+};
+declare const TilesWidget5: (props: Props) => React.JSX.Element;
+export { TilesWidget5 };

package/dist/partials/widgets/tiles/TilesWidget5.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.TilesWidget5 = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../../helpers");
+var react_1 = __importDefault(require("react"));
+var TilesWidget5 = function (props) {
+    var className = props.className, svgIcon = props.svgIcon, titleClass = props.titleClass, descriptionClass = props.descriptionClass, iconClass = props.iconClass, title = props.title, description = props.description;
+    return (react_1.default.createElement("a", { href: '#', className: (0, clsx_1.default)('card', className) },
+        react_1.default.createElement("div", { className: 'card-body d-flex flex-column justify-content-between' },
+            react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon || '', className: (0, clsx_1.default)(iconClass, 'fs-2hx ms-n1 flex-grow-1') }),
+            react_1.default.createElement("div", { className: 'd-flex flex-column' },
+                react_1.default.createElement("div", { className: (0, clsx_1.default)(titleClass, 'fw-bold fs-1 mb-0 mt-5') }, title),
+                react_1.default.createElement("div", { className: (0, clsx_1.default)(descriptionClass, 'fw-semibold fs-6') }, description)))));
+};
+exports.TilesWidget5 = TilesWidget5;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@soyfri/template",
+  "version": "1.0.0",
+  "description": "Metronic template components and utilities",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/soyfrii/Metronic-template.git"
+  },
+  "keywords": [
+    "metronic",
+    "template",
+    "react",
+    "components"
+  ],
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/soyfrii/Metronic-template/issues"
+  },
+  "homepage": "https://github.com/soyfrii/Metronic-template#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "apexcharts": "3.35.0",
+    "bootstrap": "5.3.0",
+    "bootstrap-icons": "^1.5.0",
+    "clsx": "2.1.0",
+    "or": "^0.2.0",
+    "prism-react-renderer": "2.0.5",
+    "qs": "6.10.3",
+    "react-apexcharts": "1.3.7",
+    "react-bootstrap": "2.5.0-beta.1",
+    "react-copy-to-clipboard": "5.1.0",
+    "react-inlinesvg": "4.1.0",
+    "react-intl": "^6.4.4",
+    "react-router-dom": "^6.3.0",
+    "socicon": "3.0.5",
+    "@fortawesome/fontawesome-free": "6.1.1",
+    "line-awesome": "1.3.0",
+    "prism-themes": "1.9.0",
+    "animate.css": "4.1.1",
+    "nouislider": "15.5.1",
+    "react-flatpickr": "^3.10.13",
+    "@formatjs/intl-pluralrules": "5.2.4",
+    "@formatjs/intl-relativetimeformat": "11.2.4"
+    
+  },
+  "devDependencies": {
+    "@types/bootstrap": "5.1.10",
+    "@types/react": "^18.0.0",
+    "@types/react-copy-to-clipboard": "5.0.2",
+    "@types/react-dom": "^18.0.0",
+    "typescript": "^4.9.0",
+    "@types/qs": "6.9.7",
+    "@types/react-flatpickr": "^3.8.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}