From 842a1db2a09f90e73956ab793c815e3ed8698f6b Mon Sep 17 00:00:00 2001 From: Aji Kamaludin Date: Thu, 30 Dec 2021 15:33:39 +0700 Subject: [PATCH] init template --- package-lock.json | 189 ++- package.json | 3 +- public/css/app.css | 1475 +++++++++++++++++++- public/js/app.js | 507 ++----- resources/js/Components/ApplicationLogo.js | 9 - resources/js/Components/Button.js | 2 +- resources/js/Components/Input.js | 2 +- resources/js/Components/NavLink.js | 2 +- resources/js/Layouts/Authenticated.js | 88 +- resources/js/Layouts/Guest.js | 4 +- resources/js/Pages/Auth/Login.js | 77 +- resources/js/Pages/Welcome.js | 257 ---- resources/views/app.blade.php | 2 +- routes/auth.php | 42 - routes/web.php | 13 +- webpack.mix.js | 1 + 16 files changed, 1868 insertions(+), 805 deletions(-) delete mode 100644 resources/js/Components/ApplicationLogo.js delete mode 100644 resources/js/Pages/Welcome.js diff --git a/package-lock.json b/package-lock.json index 398e676..cf90d99 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,8 @@ "packages": { "": { "dependencies": { - "daisyui": "^1.20.0" + "daisyui": "^1.20.0", + "react-datepicker": "^4.5.0" }, "devDependencies": { "@babel/preset-react": "^7.13.13", @@ -1793,6 +1794,15 @@ "node": ">= 8" } }, + "node_modules/@popperjs/core": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz", + "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@tailwindcss/forms": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.4.0.tgz", @@ -3027,6 +3037,11 @@ "safe-buffer": "^5.0.1" } }, + "node_modules/classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "node_modules/clean-css": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.2.tgz", @@ -3713,6 +3728,18 @@ "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-1.20.0.tgz", "integrity": "sha512-vHXw/M9KRIkdPE6r2KSqfGNg/evoCXyZFsGZQDi4PNDOlP7wL+3YmPev5M+CvmviB2kXhorekQXpulbTTqLAZQ==" }, + "node_modules/date-fns": { + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz", + "integrity": "sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==", + "engines": { + "node": ">=0.11" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/date-fns" + } + }, "node_modules/debug": { "version": "4.3.3", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz", @@ -5696,8 +5723,7 @@ "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "node_modules/jsesc": { "version": "2.5.2", @@ -6039,7 +6065,6 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, @@ -6541,7 +6566,6 @@ "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -7650,6 +7674,16 @@ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", "dev": true }, + "node_modules/prop-types": { + "version": "15.8.0", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.0.tgz", + "integrity": "sha512-fDGekdaHh65eI3lMi5OnErU6a8Ighg2KjcjQxO7m8VHyWjcPyj5kiOgV1LQDOOOgVy3+5FgjXvdSSX7B8/5/4g==", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, "node_modules/proxy-addr": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", @@ -7820,7 +7854,6 @@ "version": "17.0.2", "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", - "dev": true, "dependencies": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -7829,11 +7862,27 @@ "node": ">=0.10.0" } }, + "node_modules/react-datepicker": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-4.5.0.tgz", + "integrity": "sha512-mFP/SbtFSXx21Wx3Nfv+RREwd/x0q14x7QL79ZCi/PVkHSFLwLWhXyOtj3OIzi1AcVYb/fMMcvi8e5b12n8/sg==", + "dependencies": { + "@popperjs/core": "^2.9.2", + "classnames": "^2.2.6", + "date-fns": "^2.24.0", + "prop-types": "^15.7.2", + "react-onclickoutside": "^6.12.0", + "react-popper": "^2.2.5" + }, + "peerDependencies": { + "react": "^16.9.0 || ^17", + "react-dom": "^16.9.0 || ^17" + } + }, "node_modules/react-dom": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "dev": true, "dependencies": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", @@ -7843,6 +7892,42 @@ "react": "17.0.2" } }, + "node_modules/react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" + }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "node_modules/react-onclickoutside": { + "version": "6.12.1", + "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.12.1.tgz", + "integrity": "sha512-a5Q7CkWznBRUWPmocCvE8b6lEYw1s6+opp/60dCunhO+G6E4tDTO2Sd2jKE+leEnnrLAE2Wj5DlDHNqj5wPv1Q==", + "funding": { + "type": "individual", + "url": "https://github.com/Pomax/react-onclickoutside/blob/master/FUNDING.md" + }, + "peerDependencies": { + "react": "^15.5.x || ^16.x || ^17.x", + "react-dom": "^15.5.x || ^16.x || ^17.x" + } + }, + "node_modules/react-popper": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.2.5.tgz", + "integrity": "sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==", + "dependencies": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + }, + "peerDependencies": { + "@popperjs/core": "^2.0.0", + "react": "^16.8.0 || ^17" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -8152,7 +8237,6 @@ "version": "0.20.2", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "dev": true, "dependencies": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -9214,6 +9298,14 @@ "loader-utils": "^1.0.2" } }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz", @@ -11068,6 +11160,11 @@ "fastq": "^1.6.0" } }, + "@popperjs/core": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz", + "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==" + }, "@tailwindcss/forms": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.4.0.tgz", @@ -12114,6 +12211,11 @@ "safe-buffer": "^5.0.1" } }, + "classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "clean-css": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.2.tgz", @@ -12655,6 +12757,11 @@ "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-1.20.0.tgz", "integrity": "sha512-vHXw/M9KRIkdPE6r2KSqfGNg/evoCXyZFsGZQDi4PNDOlP7wL+3YmPev5M+CvmviB2kXhorekQXpulbTTqLAZQ==" }, + "date-fns": { + "version": "2.28.0", + "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz", + "integrity": "sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==" + }, "debug": { "version": "4.3.3", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz", @@ -14144,8 +14251,7 @@ "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "jsesc": { "version": "2.5.2", @@ -14409,7 +14515,6 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, "requires": { "js-tokens": "^3.0.0 || ^4.0.0" } @@ -14803,8 +14908,7 @@ "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", - "dev": true + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" }, "object-hash": { "version": "2.2.0", @@ -15546,6 +15650,16 @@ "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", "dev": true }, + "prop-types": { + "version": "15.8.0", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.0.tgz", + "integrity": "sha512-fDGekdaHh65eI3lMi5OnErU6a8Ighg2KjcjQxO7m8VHyWjcPyj5kiOgV1LQDOOOgVy3+5FgjXvdSSX7B8/5/4g==", + "requires": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, "proxy-addr": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", @@ -15674,23 +15788,59 @@ "version": "17.0.2", "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", - "dev": true, "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" } }, + "react-datepicker": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/react-datepicker/-/react-datepicker-4.5.0.tgz", + "integrity": "sha512-mFP/SbtFSXx21Wx3Nfv+RREwd/x0q14x7QL79ZCi/PVkHSFLwLWhXyOtj3OIzi1AcVYb/fMMcvi8e5b12n8/sg==", + "requires": { + "@popperjs/core": "^2.9.2", + "classnames": "^2.2.6", + "date-fns": "^2.24.0", + "prop-types": "^15.7.2", + "react-onclickoutside": "^6.12.0", + "react-popper": "^2.2.5" + } + }, "react-dom": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "dev": true, "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1", "scheduler": "^0.20.2" } }, + "react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "react-onclickoutside": { + "version": "6.12.1", + "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.12.1.tgz", + "integrity": "sha512-a5Q7CkWznBRUWPmocCvE8b6lEYw1s6+opp/60dCunhO+G6E4tDTO2Sd2jKE+leEnnrLAE2Wj5DlDHNqj5wPv1Q==", + "requires": {} + }, + "react-popper": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.2.5.tgz", + "integrity": "sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==", + "requires": { + "react-fast-compare": "^3.0.1", + "warning": "^4.0.2" + } + }, "read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -15932,7 +16082,6 @@ "version": "0.20.2", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "dev": true, "requires": { "loose-envify": "^1.1.0", "object-assign": "^4.1.1" @@ -16770,6 +16919,14 @@ "loader-utils": "^1.0.2" } }, + "warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "watchpack": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz", diff --git a/package.json b/package.json index 241b7bb..aa37ed6 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,7 @@ "tailwindcss": "^3.0.0" }, "dependencies": { - "daisyui": "^1.20.0" + "daisyui": "^1.20.0", + "react-datepicker": "^4.5.0" } } diff --git a/public/css/app.css b/public/css/app.css index aa6be61..1311f39 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -545,6 +545,875 @@ select { [type='file']:focus { outline: 1px auto -webkit-focus-ring-color; } + +:root { + background-color: hsla(var(--b1) / var(--tw-bg-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity,1)); +} + +html { + -webkit-tap-highlight-color: transparent; +} + +:root { + --p: 259 94.4% 51.2%; + --pf: 259 94.3% 41%; + --pc: 0 0% 100%; + --s: 314 100% 47.1%; + --sf: 314 100% 37.1%; + --sc: 0 0% 100%; + --a: 174 60% 51%; + --af: 174 59.8% 41%; + --ac: 0 0% 100%; + --n: 219 14.1% 27.8%; + --nf: 222 13.4% 19%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 210 20% 98%; + --b3: 216 12.2% 83.9%; + --bc: 215 27.9% 16.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +@media (prefers-color-scheme: dark) { + + :root { + --p: 259 94% 61%; + --pf: 259 94.4% 51.2%; + --pc: 0 0% 100%; + --s: 314 100% 47.1%; + --sf: 314 100% 37.1%; + --sc: 0 0% 100%; + --a: 174 60% 51%; + --af: 174 59.8% 41%; + --ac: 0 0% 100%; + --n: 222 13.4% 19%; + --nf: 223 13.7% 10%; + --nc: 0 0% 100%; + --b1: 219 14.1% 27.8%; + --b2: 222 13.4% 19%; + --b3: 223 13.7% 10%; + --bc: 228 14.3% 93.1%; + --in: 202 100% 70%; + --su: 89 61.6% 52%; + --wa: 54 68.8% 63.5%; + --er: 0 100% 71.8%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; + } +} + +[data-theme=light] { + --p: 259 94.4% 51.2%; + --pf: 259 94.3% 41%; + --pc: 0 0% 100%; + --s: 314 100% 47.1%; + --sf: 314 100% 37.1%; + --sc: 0 0% 100%; + --a: 174 60% 51%; + --af: 174 59.8% 41%; + --ac: 0 0% 100%; + --n: 219 14.1% 27.8%; + --nf: 222 13.4% 19%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 210 20% 98%; + --b3: 216 12.2% 83.9%; + --bc: 215 27.9% 16.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=dark] { + --p: 259 94% 61%; + --pf: 259 94.4% 51.2%; + --pc: 0 0% 100%; + --s: 314 100% 47.1%; + --sf: 314 100% 37.1%; + --sc: 0 0% 100%; + --a: 174 60% 51%; + --af: 174 59.8% 41%; + --ac: 0 0% 100%; + --n: 222 13.4% 19%; + --nf: 223 13.7% 10%; + --nc: 0 0% 100%; + --b1: 219 14.1% 27.8%; + --b2: 222 13.4% 19%; + --b3: 223 13.7% 10%; + --bc: 228 14.3% 93.1%; + --in: 202 100% 70%; + --su: 89 61.6% 52%; + --wa: 54 68.8% 63.5%; + --er: 0 100% 71.8%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=cupcake] { + --p: 183 47.4% 59%; + --pf: 183 47.2% 49%; + --pc: 0 0% 100%; + --s: 338 71.4% 78%; + --sf: 338 71.8% 68%; + --sc: 0 0% 100%; + --a: 39 84.1% 58%; + --af: 39 83.7% 48%; + --ac: 0 0% 100%; + --n: 280 46.5% 13.9%; + --nf: 279 46.4% 11%; + --nc: 0 0% 100%; + --b1: 24 33.3% 97.1%; + --b2: 27 22% 92%; + --b3: 22 14.3% 89%; + --bc: 280 46.5% 13.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 1.9rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 2px; + --tab-radius: .5rem; +} + +[data-theme=bumblebee] { + --p: 50 94.4% 58%; + --pf: 50 94.3% 47.8%; + --pc: 240 33.3% 14.1%; + --s: 41 74.2% 52.9%; + --sf: 41 73.6% 43.1%; + --sc: 0 0% 100%; + --a: 240 33.3% 14.1%; + --af: 240 33.3% 10%; + --ac: 0 0% 100%; + --n: 240 33.3% 14.1%; + --nf: 240 33.3% 10%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 0 0% 96.1%; + --b3: 0 0% 89%; + --bc: 0 0% 0%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=emerald] { + --p: 141 50% 60%; + --pf: 141 49.8% 50%; + --pc: 210 20% 98%; + --s: 219 96.1% 60%; + --sf: 219 96.1% 50%; + --sc: 210 20% 98%; + --a: 10 81.2% 56.1%; + --af: 10 81.2% 45.9%; + --ac: 210 20% 98%; + --n: 219 20.3% 25.1%; + --nf: 220 19.5% 15.1%; + --nc: 210 20% 98%; + --b1: 0 0% 100%; + --b2: 210 20% 98%; + --b3: 0 0% 94.9%; + --bc: 219 20.3% 25.1%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0; + --animation-input: 0; + --btn-text-case: uppercase; + --btn-focus-scale: 1; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=corporate] { + --p: 229 95.7% 63.9%; + --pf: 229 95.7% 53.9%; + --pc: 233 27.3% 12.9%; + --s: 215 26.3% 59%; + --sf: 214 26.1% 48.8%; + --sc: 233 27.3% 12.9%; + --a: 154 49% 60%; + --af: 154 49% 50%; + --ac: 233 27.3% 12.9%; + --n: 233 27.3% 12.9%; + --nf: 240 25% 3.1%; + --nc: 210 38.5% 94.9%; + --b1: 0 0% 100%; + --b2: 210 60% 98%; + --b3: 210 38.5% 94.9%; + --bc: 233 27.3% 12.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0; + --animation-input: 0; + --btn-text-case: uppercase; + --btn-focus-scale: 1; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=synthwave] { + --p: 321 69.6% 69%; + --pf: 321 70.3% 59%; + --pc: 257 63.2% 17.1%; + --sf: 197 87.4% 75.1%; + --s: 197 86.6% 64.9%; + --sc: 257 63.2% 17.1%; + --af: 48 89.3% 67.1%; + --a: 48 89% 57.1%; + --ac: 257 63.2% 17.1%; + --n: 253 60.8% 19%; + --nf: 257 64.3% 11%; + --nc: 260 60% 98%; + --b1: 254 59.1% 25.9%; + --b2: 253 60.8% 19%; + --b3: 257 64.3% 11%; + --bc: 260 60% 98%; + --in: 199 87% 63.9%; + --su: 168 74.2% 68%; + --wa: 48 89% 57.1%; + --er: 352 73.6% 56.9%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=retro] { + font-family: uisecondaryerif,Georgia,Cambria,Times New Roman,Times,serif; + --p: 3 73.8% 76.1%; + --pf: 3 73.6% 65.9%; + --pc: 345 5.3% 14.9%; + --s: 145 27.3% 72%; + --sf: 145 26.8% 62%; + --sc: 345 5.3% 14.9%; + --a: 49 67.2% 76.1%; + --af: 49 66.7% 65.9%; + --ac: 345 5.3% 14.9%; + --n: 42 16.8% 42%; + --nf: 41 13.1% 23.9%; + --nc: 45 47.1% 80%; + --b1: 45 47.1% 80%; + --b2: 45 37.1% 72%; + --b3: 42 36% 65.1%; + --bc: 345 5.3% 14.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 0.4rem; + --rounded-btn: 0.4rem; + --rounded-badge: 0.4rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=cyberpunk] { + font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + --p: 345 100% 72.9%; + --pf: 344 100% 67.1%; + --pc: 0 0% 0%; + --s: 195 80.4% 70%; + --sf: 194 65.8% 61%; + --sc: 0 0% 0%; + --a: 276 74.3% 71%; + --af: 276 75.7% 62.9%; + --ac: 0 0% 0%; + --n: 57 100% 12.9%; + --nf: 60 80% 2%; + --nc: 56 100% 50%; + --b1: 56 100% 50%; + --b2: 56 100% 42.9%; + --b3: 56 100% 36.1%; + --bc: 0 0% 0%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0; +} + +[data-theme=valentine] { + --p: 353 73.8% 67.1%; + --pf: 353 73.6% 56.9%; + --pc: 0 0% 100%; + --s: 254 86.4% 76.9%; + --sf: 254 86.9% 67.1%; + --sc: 0 0% 100%; + --a: 181 55.6% 70%; + --af: 181 54.9% 60%; + --ac: 0 0% 100%; + --n: 336 42.9% 48%; + --nf: 340 40.2% 38%; + --nc: 318 46.4% 89%; + --b1: 318 46.4% 89%; + --b2: 315 58.9% 79%; + --b3: 316 62.3% 72.9%; + --bc: 344 38.5% 28%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 1.9rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=halloween] { + --p: 32 89.3% 52.2%; + --pf: 32 88.8% 42%; + --pc: 180 7.3% 8%; + --s: 271 45.8% 42%; + --sf: 271 46% 32%; + --sc: 0 0% 100%; + --a: 91 100% 32.9%; + --af: 91 100% 22.9%; + --ac: 0 0% 100%; + --n: 180 3.6% 11%; + --nf: 180 7.3% 8%; + --nc: 0 0% 100%; + --b1: 0 0% 12.9%; + --b2: 180 3.6% 11%; + --b3: 180 7.3% 8%; + --bc: 0 0% 100%; + --in: 202 100% 70%; + --su: 89 61.6% 52%; + --wa: 54 68.8% 63.5%; + --er: 0 100% 71.8%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=garden] { + --p: 139 16% 42.9%; + --pf: 137 14.8% 33.1%; + --pc: 0 0% 100%; + --s: 97 37.1% 93.1%; + --sf: 98 36.3% 82.2%; + --sc: 96 32.5% 15.1%; + --a: 0 67.7% 93.9%; + --af: 0 71.1% 85.1%; + --ac: 0 22% 16.1%; + --n: 0 3.9% 35.1%; + --nf: 0 3.7% 15.9%; + --nc: 0 4.3% 91%; + --b1: 0 4.3% 91%; + --b2: 0 5.2% 81%; + --b3: 0 5.4% 71%; + --bc: 0 3.2% 6.1%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=forest] { + --p: 141 72% 42%; + --pf: 141 71.8% 32%; + --pc: 0 0% 100%; + --s: 141 74.7% 48%; + --sf: 141 75.3% 38%; + --sc: 0 0% 100%; + --a: 35 69% 52%; + --af: 35 69.2% 42%; + --ac: 0 0% 100%; + --n: 0 9.7% 6.1%; + --nf: 0 20% 2%; + --nc: 0 0% 100%; + --b1: 0 12.2% 8%; + --b2: 0 9.7% 6.1%; + --b3: 0 20% 2%; + --bc: 0 0% 100%; + --rounded-btn: 0.5rem; + --in: 202 100% 70%; + --su: 89 61.6% 52%; + --wa: 54 68.8% 63.5%; + --er: 0 100% 71.8%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=aqua] { + --p: 189 100% 62.9%; + --pf: 189 100% 52.9%; + --pc: 0 0% 0%; + --s: 274 30.9% 56.9%; + --sf: 274 30.8% 47.1%; + --sc: 0 0% 100%; + --a: 47 100% 80%; + --af: 47 100% 70%; + --ac: 0 0% 100%; + --n: 231 77.4% 32.9%; + --nf: 231 67.6% 29%; + --nc: 0 0% 100%; + --b1: 231 88.7% 38%; + --b2: 231 77.4% 32.9%; + --b3: 231 67.6% 29%; + --bc: 0 0% 100%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=lofi] { + --p: 0 0% 50.2%; + --pf: 0 0% 45.1%; + --pc: 240 4% 95.1%; + --s: 0 0% 30.2%; + --sf: 0 0% 25.1%; + --sc: 240 4% 95.1%; + --a: 0 0% 10.2%; + --af: 0 0% 5.1%; + --ac: 240 4% 95.1%; + --n: 240 4% 95.1%; + --nf: 240 5.9% 90%; + --nc: 0 0% 30.2%; + --b1: 0 0% 100%; + --b2: 0 0% 100%; + --b3: 0 0% 100%; + --bc: 0 0% 49%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: #e6e6e6; + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --animation-btn: 0; + --animation-input: 0; + --btn-text-case: uppercase; + --btn-focus-scale: 1; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0; +} + +[data-theme=lofi] *:where(.btn) { + border-color: var(--border-color) !important; + --tw-border-opacity: 1 !important; + --tw-text-opacity: 1 !important; + --tw-shadow: 0 0 0 1px var(--border-color) !important; +} + +[data-theme=pastel] { + --p: 284 21.6% 80%; + --pf: 282 21.6% 70%; + --pc: 0 0% 0%; + --s: 352 70.5% 88%; + --sf: 352 69.6% 78%; + --sc: 0 0% 100%; + --a: 158 54.6% 81%; + --af: 158 55.4% 71%; + --ac: 0 0% 100%; + --n: 199 43.7% 61%; + --nf: 199 44% 51%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 210 20% 98%; + --b3: 216 12.2% 83.9%; + --bc: 206 3.1% 55.1%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --rounded-box: 1rem; + --rounded-btn: 1.9rem; + --rounded-badge: 1.9rem; + --border-color: var(--b3); + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=fantasy] { + --p: 296 82.8% 25.1%; + --pf: 296 81.8% 15.1%; + --pc: 0 0% 100%; + --s: 200 100% 37.1%; + --sf: 200 100% 27.1%; + --sc: 0 0% 100%; + --a: 31 94.4% 51.2%; + --af: 31 94.3% 41%; + --ac: 0 0% 100%; + --n: 215 27.9% 16.9%; + --nf: 221 39.3% 11%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 210 20% 98%; + --b3: 216 12.2% 83.9%; + --bc: 215 27.9% 16.9%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=wireframe] { + font-family: Chalkboard,comic sans ms,"sanssecondaryerif"; + --p: 0 0% 72.2%; + --pf: 0 0% 72.2%; + --pc: 0 0% 0%; + --s: 0 0% 72.2%; + --sf: 0 0% 72.2%; + --sc: 0 0% 0%; + --a: 0 0% 72.2%; + --af: 0 0% 72.2%; + --ac: 0 0% 0%; + --b1: 0 0% 100%; + --b2: 0 0% 93.3%; + --b3: 0 0% 86.7%; + --bc: 0 0% 0%; + --n: 0 0% 92.2%; + --nf: 0 0% 92.2%; + --nc: 0 0% 0%; + --in: 240 100% 50%; + --su: 120 100% 25.1%; + --wa: 60 30.2% 50%; + --er: 0 100% 50%; + --border-color: #000000; + --rounded-box: 0.2rem; + --rounded-btn: 0.2rem; + --rounded-badge: 0.2rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.2rem; +} + +[data-theme=wireframe] * { + border-color: var(--border-color) !important; + --tw-border-opacity: 1 !important; + --tw-text-opacity: 1 !important; + --tw-shadow: 0 0 0 1px var(--border-color) !important; +} + +[data-theme=black] { + --p: 0 0% 100%; + --pf: 0 0% 100%; + --pc: 0 0% 0%; + --s: 0 0% 100%; + --sf: 0 0% 100%; + --sc: 0 0% 0%; + --a: 0 0% 100%; + --af: 0 0% 100%; + --ac: 0 0% 0%; + --b1: 0 0% 0%; + --b2: 0 0% 20%; + --b3: 0 0% 30.2%; + --bc: 0 0% 100%; + --n: 0 0% 20%; + --nf: 0 0% 30.2%; + --nc: 0 0% 100%; + --in: 240 100% 50%; + --su: 120 100% 25.1%; + --wa: 60 100% 50%; + --er: 0 100% 50%; + --border-color: var(--b3); + --rounded-box: 0; + --rounded-btn: 0; + --rounded-badge: 0; + --animation-btn: 0; + --animation-input: 0; + --btn-text-case: lowercase; + --btn-focus-scale: 1; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0; +} + +[data-theme=luxury] { + --p: 0 0% 100%; + --pf: 0 0% 90.2%; + --pc: 0 0% 0%; + --s: 218 54.3% 18%; + --sf: 219 56.1% 8%; + --sc: 0 0% 100%; + --a: 319 21.8% 26.1%; + --af: 320 22% 16.1%; + --ac: 0 0% 100%; + --n: 270 4.3% 9%; + --nf: 270 2.2% 18%; + --nc: 37 67.3% 58%; + --b1: 240 10% 3.9%; + --b2: 270 4.3% 9%; + --b3: 270 2.2% 18%; + --bc: 37 67.3% 58%; + --in: 202 100% 70%; + --su: 89 61.6% 52%; + --wa: 54 68.8% 63.5%; + --er: 0 100% 71.8%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=dracula] { + --p: 330 100% 85.1%; + --pf: 330 100% 75.1%; + --pc: 233 12.1% 12.9%; + --s: 115 100% 85.1%; + --sf: 115 100% 75.1%; + --sc: 233 12.1% 12.9%; + --a: 60 100% 85.1%; + --af: 60 100% 75.1%; + --ac: 233 12.1% 12.9%; + --n: 245 14.3% 15.1%; + --nf: 233 12.1% 12.9%; + --nc: 251 100% 90%; + --b1: 244 13% 21.2%; + --b2: 245 14.3% 15.1%; + --b3: 233 12.1% 12.9%; + --bc: 251 100% 90%; + --in: 207 89.8% 53.9%; + --su: 174 100% 29%; + --wa: 36 100% 50%; + --er: 14 100% 57.1%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} + +[data-theme=cmyk] { + --p: 203 83.3% 60.2%; + --pf: 203 65.1% 53.9%; + --pc: 0 0% 0%; + --s: 335 77.7% 59.6%; + --sf: 335 59.2% 52.9%; + --sc: 0 0% 0%; + --a: 56 100% 59.8%; + --af: 56 72.2% 52%; + --ac: 0 0% 0%; + --n: 0 0% 10.2%; + --nf: 0 0% 0%; + --nc: 0 0% 100%; + --b1: 0 0% 100%; + --b2: 0 0% 96.1%; + --b3: 0 0% 92.2%; + --bc: 0 0% 0%; + --in: 192 48.4% 52.2%; + --su: 291 48.5% 38%; + --wa: 25 84.6% 56.7%; + --er: 4 80.5% 55.7%; + --border-color: var(--b3); + --rounded-box: 1rem; + --rounded-btn: 0.5rem; + --rounded-badge: 1.9rem; + --animation-btn: 0.25s; + --animation-input: .2s; + --btn-text-case: uppercase; + --btn-focus-scale: 0.95; + --navbar-padding: .5rem; + --border-btn: 1px; + --tab-border: 1px; + --tab-radius: 0.5rem; +} *, ::before, ::after { --tw-translate-x: 0; --tw-translate-y: 0; @@ -565,6 +1434,564 @@ select { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } +.avatar.placeholder>div { + display: flex; + align-items: center; + justify-content: center; +} +.btn { + border-color: hsla(var(--n) / var(--tw-border-opacity, 1)); + cursor: pointer; + display: inline-flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + flex-shrink: 0; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-duration: .2s; + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + border-radius: var(--rounded-btn, .5rem); + height: 3rem; + font-size: .875rem; + line-height: 1em; + padding-left: 1rem; + padding-right: 1rem; + min-height: 3rem; + font-weight: 600; + text-transform: var(--btn-text-case, uppercase); + border-width: var(--border-btn, 1px); + -webkit-animation: button-pop var(--animation-btn, .25s) ease-out; + animation: button-pop var(--animation-btn, .25s) ease-out; + --tw-bg-opacity: 1; + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + --tw-text-opacity: 1; + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); +} +.btn:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.btn-disabled,.btn[disabled] { + pointer-events: none; + --tw-bg-opacity: 0.2; + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 0; + --tw-text-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.btn.loading,.btn.loading:hover { + pointer-events: none; +} +.btn.loading:before { + border-radius: 9999px; + border-width: 2px; + height: 1rem; + margin-right: .5rem; + width: 1rem; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; + content: ""; + border-color: transparent currentColor currentColor transparent; +} +@media (prefers-reduced-motion:reduce) { + + .btn.loading:before { + -webkit-animation: spin 10s linear infinite; + animation: spin 10s linear infinite; + } +} +@-webkit-keyframes spin { + + 0% { + transform: rotate(0deg); + } + + to { + transform: rotate(1turn); + } +} +@keyframes spin { + + 0% { + transform: rotate(0deg); + } + + to { + transform: rotate(1turn); + } +} +.btn-group>input[type=radio].btn { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.btn-group>input[type=radio].btn:before { + content: attr(data-title); +} +.checkbox:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.form-control { + display: flex; + flex-direction: column; +} +.label { + display: flex; + align-items: center; + justify-content: space-between; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: .5rem .25rem; +} +.input { + flex-shrink: 1; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-duration: .2s; + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + height: 3rem; + font-size: .875rem; + line-height: 2; + padding-left: 1rem; + padding-right: 1rem; + --tw-bg-opacity: 1; + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 0; + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); + border-width: 1px; + border-radius: var(--rounded-btn, .5rem); +} +.input:focus { + outline: 2px solid transparent; + outline-offset: 2px; + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2); +} +.input-group>*,.input-group>.input { + border-radius: 0; +} +.link { + cursor: pointer; + text-decoration: underline; +} +.menu { + display: flex; + flex-direction: column; + overflow: hidden; +} +.menu.horizontal { + display: inline-flex; + flex-direction: row; +} +.menu.horizontal :where(li) { + flex-direction: row; +} +.menu :where(li) { + display: flex; + flex-direction: column; + align-items: stretch; +} +.menu :where(li)>a,.menu :where(li)>span { + display: flex; + align-items: center; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-duration: .2s; + transition-timing-function: cubic-bezier(.4, 0, .2, 1); +} +.menu :where(li)>a { + cursor: pointer; +} +.menu :where(li)>a:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.menu :where(li).disabled>a,.menu :where(li).disabled>span { + cursor: auto; +} +.btn .badge { + --tw-bg-opacity: 1; + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); + border-color: transparent; + --tw-text-opacity: 1; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.btn .badge-outline { + background-color: transparent; + --tw-border-opacity: 1; + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--b2) / var(--tw-text-opacity, 1)); +} +.btn-outline.btn-primary .badge { + --tw-bg-opacity: 1; + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.btn-outline.btn-primary .badge-outline { + background-color: transparent; + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--p) / var(--tw-text-opacity, 1)); +} +.btn-outline.btn-primary:hover .badge { + --tw-bg-opacity: 1; + background-color: hsla(var(--pc) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--pc) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--p) / var(--tw-text-opacity, 1)); +} +.btn-outline.btn-primary:hover .badge.outline { + --tw-bg-opacity: 1; + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--pc) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.btn:active:focus,.btn:active:hover { + -webkit-animation: none; + animation: none; + transform: scale( var(--btn-focus-scale, .95) ); +} +.btn-active,.btn:hover { + --tw-bg-opacity: 1; + background-color: hsla(var(--nf) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--nf) / var(--tw-border-opacity, 1)); +} +.btn:focus-visible { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--nf)); +} +.btn-primary { + --tw-bg-opacity: 1; + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.btn-primary.btn-active,.btn-primary:hover { + --tw-bg-opacity: 1; + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--pf) / var(--tw-border-opacity, 1)); +} +.btn-primary:focus-visible { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); +} +.btn.glass.btn-active,.btn.glass:hover { + --glass-opacity: 25%; + --glass-border-opacity: 15%; +} +.btn.glass:focus-visible { + box-shadow: 0 0 0 2px currentColor; +} +.btn-outline.btn-primary { + --tw-text-opacity: 1; + color: hsla(var(--p) / var(--tw-text-opacity, 1)); +} +.btn-outline.btn-primary:hover { + --tw-bg-opacity: 1; + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--pf) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.btn.loading.btn-circle:before,.btn.loading.btn-square:before { + margin-right: 0; +} +.btn.loading.btn-lg:before,.btn.loading.btn-xl:before { + height: 1.25rem; + width: 1.25rem; +} +.btn.loading.btn-sm:before,.btn.loading.btn-xs:before { + height: .75rem; + width: .75rem; +} +.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn { + --tw-bg-opacity: 1; + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); +} +.btn-group>.btn:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px; +} +.btn-group>.btn:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +@-webkit-keyframes button-pop { + + 0% { + transform: scale( var(--btn-focus-scale, .95) ); + } + + 40% { + transform: scale(1.02); + } + + to { + transform: scale(1); + } +} +@keyframes button-pop { + + 0% { + transform: scale( var(--btn-focus-scale, .95) ); + } + + 40% { + transform: scale(1.02); + } + + to { + transform: scale(1); + } +} +.checkbox { + --chkbg: var(--bc); + --chkfg: var(--b1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + --tw-border-opacity: 0.2; + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); + border-width: 1px; + cursor: pointer; + height: 1.5rem; + width: 1.5rem; + border-radius: var(--rounded-btn, .5rem); +} +.checkbox:focus-visible { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc)); +} +.checkbox:checked,.checkbox[checked=true] { + --tw-bg-opacity: 1; + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); + background-repeat: no-repeat; + -webkit-animation: checkmark var(--animation-input, .2s) ease-in-out; + animation: checkmark var(--animation-input, .2s) ease-in-out; + background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0); +} +.checkbox:disabled { + --tw-bg-opacity: 1; + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); + border-color: transparent; + cursor: not-allowed; + opacity: .2; +} +@-webkit-keyframes checkmark { + + 0% { + background-position-y: 5px; + } + + 50% { + background-position-y: -2px; + } + + to { + background-position-y: 0; + } +} +@keyframes checkmark { + + 0% { + background-position-y: 5px; + } + + 50% { + background-position-y: -2px; + } + + to { + background-position-y: 0; + } +} +.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); +} +.label-text { + font-size: .875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.label-text-alt { + font-size: .75rem; + line-height: 1rem; + --tw-text-opacity: 1; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.label a:hover { + --tw-text-opacity: 1; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.input-bordered { + --tw-border-opacity: 0.2; +} +.input-error { + --tw-border-opacity: 1; + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); +} +.input-error:focus { + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er)); +} +.input-disabled,.input[disabled] { + --tw-bg-opacity: 1; + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); + --tw-border-opacity: 1; + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); + cursor: not-allowed; + --tw-text-opacity: 0.2; +} +.input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder { + --tw-placeholder-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); +} +.input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder { + --tw-placeholder-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); +} +.input-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { + --tw-placeholder-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); +} +.input-disabled:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder { + --tw-placeholder-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); +} +.input-disabled::placeholder,.input[disabled]::placeholder { + --tw-placeholder-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); +} +.link:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.link:focus-visible { + box-shadow: 0 0 0 2px currentColor; +} +.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span { + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + border-left-width: 0; + border-bottom-width: 4px; +} +.menu[class*=p-] li a { + border-radius: var(--rounded-btn, .5rem); +} +.menu li>:where(a),.menu li>:where(span) { + padding: .75rem 1.25rem; + color: currentColor; +} +.menu li>:where(a:focus),.menu li>:where(a:hover) { + --tw-bg-opacity: 0.1; + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); +} +.menu li>:where(a.active) { + --tw-bg-opacity: 1; + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.menu li>:where(a:active) { + --tw-bg-opacity: 1; + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); + --tw-text-opacity: 1; + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); +} +.menu li.disabled>a:hover,.menu li.disabled>span:hover { + background-color: transparent; +} +.menu li.disabled>a,.menu li.disabled>span { + --tw-text-opacity: 0.2; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +.menu li.bordered a,.menu li.bordered span { + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); + border-left-width: 4px; +} +.menu li.hover-bordered a { + border-color: transparent; + border-left-width: 4px; +} +.menu li.hover-bordered a:hover { + --tw-border-opacity: 1; + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); +} +.menu ul { + padding-left: 1.5rem; +} +.menu.compact li>a,.menu.compact li>span { + font-size: .875rem; + line-height: 1.25rem; + padding-top: .5rem; + padding-bottom: .5rem; +} +.menu .menu-title>a,.menu .menu-title>span { + font-weight: 700; + font-size: .75rem; + line-height: 1rem; + padding-top: .25rem; + padding-bottom: .25rem; + --tw-text-opacity: 0.4; + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); +} +@-webkit-keyframes radiomark { + + 0% { + box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow); + } + + 50% { + box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow); + } + + to { + box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow); + } +} +@keyframes radiomark { + + 0% { + box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow); + } + + 50% { + box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow); + } + + to { + box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow); + } +} +.table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th { + --tw-bg-opacity: 1; + background-color: hsla(var(--b3) / var(--tw-bg-opacity, 1)); +} .fixed { position: fixed; } @@ -598,10 +2025,17 @@ select { .z-50 { z-index: 50; } +.m-auto { + margin: auto; +} .mx-auto { margin-left: auto; margin-right: auto; } +.my-auto { + margin-top: auto; + margin-bottom: auto; +} .ml-3 { margin-left: 0.75rem; } @@ -656,6 +2090,12 @@ select { .mt-1 { margin-top: 0.25rem; } +.mb-2 { + margin-bottom: 0.5rem; +} +.mb-6 { + margin-bottom: 1.5rem; +} .block { display: block; } @@ -680,9 +2120,6 @@ select { .h-16 { height: 4rem; } -.h-9 { - height: 2.25rem; -} .h-4 { height: 1rem; } @@ -725,6 +2162,9 @@ select { .max-w-7xl { max-width: 80rem; } +.max-w-xl { + max-width: 36rem; +} .flex-1 { flex: 1 1 0%; } @@ -825,6 +2265,9 @@ select { .border-b { border-bottom-width: 1px; } +.border-r { + border-right-width: 1px; +} .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); @@ -844,6 +2287,10 @@ select { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } +.border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -965,12 +2412,31 @@ select { font-size: 1.25rem; line-height: 1.75rem; } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} +.text-8xl { + font-size: 6rem; + line-height: 1; +} +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } +.font-bold { + font-weight: 700; +} .uppercase { text-transform: uppercase; } @@ -992,6 +2458,9 @@ select { .tracking-widest { letter-spacing: 0.1em; } +.tracking-wider { + letter-spacing: 0.05em; +} .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); diff --git a/public/js/app.js b/public/js/app.js index db26cc8..b03e182 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -3254,30 +3254,26 @@ module.exports = { /***/ }), -/***/ "./resources/js/Components/ApplicationLogo.js": -/*!****************************************************!*\ - !*** ./resources/js/Components/ApplicationLogo.js ***! - \****************************************************/ +/***/ "./resources/js/Components/AppLogo.js": +/*!********************************************!*\ + !*** ./resources/js/Components/AppLogo.js ***! + \********************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* binding */ ApplicationLogo) +/* harmony export */ "default": () => (/* binding */ AppLogo) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); -function ApplicationLogo(_ref) { +function AppLogo(_ref) { var className = _ref.className; - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg", { - className: className, - viewBox: "0 0 316 316", - xmlns: "http://www.w3.org/2000/svg", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", { - d: "M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z" - }) + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h1", { + className: "font-bold text-2xl ".concat(className), + children: "Payroll" }); } @@ -3307,7 +3303,7 @@ function Button(_ref) { children = _ref.children; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button", { type: type, - className: "inline-flex items-center px-4 py-2 bg-gray-900 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest active:bg-gray-900 transition ease-in-out duration-150 ".concat(processing && 'opacity-25', " ") + className, + className: "btn btn-primary ".concat(processing && 'opacity-25', " ") + className, disabled: processing, children: children }); @@ -3315,38 +3311,6 @@ function Button(_ref) { /***/ }), -/***/ "./resources/js/Components/Checkbox.js": -/*!*********************************************!*\ - !*** ./resources/js/Components/Checkbox.js ***! - \*********************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* binding */ Checkbox) -/* harmony export */ }); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); -/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); - - -function Checkbox(_ref) { - var name = _ref.name, - value = _ref.value, - handleChange = _ref.handleChange; - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input", { - type: "checkbox", - name: name, - value: value, - className: "rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", - onChange: function onChange(e) { - return handleChange(e); - } - }); -} - -/***/ }), - /***/ "./resources/js/Components/Dropdown.js": /*!*********************************************!*\ !*** ./resources/js/Components/Dropdown.js ***! @@ -3540,7 +3504,7 @@ function Input(_ref) { type: type, name: name, value: value, - className: "border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm " + className, + className: "input input-bordered" + className, ref: input, autoComplete: autoComplete, required: required, @@ -3602,8 +3566,10 @@ __webpack_require__.r(__webpack_exports__); function NavLink(_ref) { - var href = _ref.href, - active = _ref.active, + var _ref$href = _ref.href, + href = _ref$href === void 0 ? '' : _ref$href, + _ref$active = _ref.active, + active = _ref$active === void 0 ? false : _ref$active, children = _ref.children; return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__.Link, { href: href, @@ -3699,11 +3665,11 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ "default": () => (/* binding */ Authenticated) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); -/* harmony import */ var _Components_ApplicationLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/ApplicationLogo */ "./resources/js/Components/ApplicationLogo.js"); -/* harmony import */ var _Components_Dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Components/Dropdown */ "./resources/js/Components/Dropdown.js"); -/* harmony import */ var _Components_NavLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/NavLink */ "./resources/js/Components/NavLink.js"); -/* harmony import */ var _Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Components/ResponsiveNavLink */ "./resources/js/Components/ResponsiveNavLink.js"); -/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); +/* harmony import */ var _Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/Dropdown */ "./resources/js/Components/Dropdown.js"); +/* harmony import */ var _Components_NavLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Components/NavLink */ "./resources/js/Components/NavLink.js"); +/* harmony import */ var _Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/ResponsiveNavLink */ "./resources/js/Components/ResponsiveNavLink.js"); +/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); +/* harmony import */ var _Components_AppLogo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/Components/AppLogo */ "./resources/js/Components/AppLogo.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } @@ -3747,26 +3713,34 @@ function Authenticated(_ref) { className: "flex", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "shrink-0 flex items-center", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_5__.Link, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_4__.Link, { href: "/", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_ApplicationLogo__WEBPACK_IMPORTED_MODULE_1__["default"], { - className: "block h-9 w-auto text-gray-500" - }) + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_AppLogo__WEBPACK_IMPORTED_MODULE_5__["default"], {}) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", { className: "hidden space-x-8 sm:-my-px sm:ml-10 sm:flex", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_3__["default"], { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { href: route('dashboard'), active: route().current('dashboard'), children: "Dashboard" - }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: "Barang" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: "Karyawan" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: "Users" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: "Gaji" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_NavLink__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: "Laporan" + })] })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "hidden sm:flex sm:items-center sm:ml-6", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "ml-3 relative", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_2__["default"], { - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Trigger, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__["default"], { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Trigger, { children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", { className: "inline-flex rounded-md", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("button", { @@ -3785,13 +3759,18 @@ function Authenticated(_ref) { })] }) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Content, { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Link, { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Content, { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Link, { + href: route('logout'), + method: "post", + as: "button", + children: "Profile" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_Dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Link, { href: route('logout'), method: "post", as: "button", children: "Log Out" - }) + })] })] }) }) @@ -3830,7 +3809,7 @@ function Authenticated(_ref) { className: (showingNavigationDropdown ? 'block' : 'hidden') + ' sm:hidden', children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "pt-2 pb-3 space-y-1", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_4__["default"], { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_3__["default"], { href: route('dashboard'), active: route().current('dashboard'), children: "Dashboard" @@ -3840,7 +3819,7 @@ function Authenticated(_ref) { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", { className: "px-4", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { - className: "font-medium text-base text-gray-800", + className: "font-medium text-base text-gray-800 ", children: auth.user.name }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "font-medium text-sm text-gray-500", @@ -3848,7 +3827,7 @@ function Authenticated(_ref) { })] }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "mt-3 space-y-1", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_4__["default"], { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_3__["default"], { method: "post", href: route('logout'), as: "button", @@ -3883,7 +3862,7 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ "default": () => (/* binding */ Guest) /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); -/* harmony import */ var _Components_ApplicationLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/ApplicationLogo */ "./resources/js/Components/ApplicationLogo.js"); +/* harmony import */ var _Components_AppLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/AppLogo */ "./resources/js/Components/AppLogo.js"); /* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); @@ -3898,8 +3877,8 @@ function Guest(_ref) { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_2__.Link, { href: "/", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Components_ApplicationLogo__WEBPACK_IMPORTED_MODULE_1__["default"], { - className: "w-20 h-20 fill-current text-gray-500" + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Components_AppLogo__WEBPACK_IMPORTED_MODULE_1__["default"], { + className: "text-6xl mb-6" }) }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { @@ -4096,17 +4075,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var _Components_Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/Button */ "./resources/js/Components/Button.js"); -/* harmony import */ var _Components_Checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Components/Checkbox */ "./resources/js/Components/Checkbox.js"); -/* harmony import */ var _Layouts_Guest__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Layouts/Guest */ "./resources/js/Layouts/Guest.js"); -/* harmony import */ var _Components_Input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Components/Input */ "./resources/js/Components/Input.js"); -/* harmony import */ var _Components_Label__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/Components/Label */ "./resources/js/Components/Label.js"); -/* harmony import */ var _Components_ValidationErrors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/Components/ValidationErrors */ "./resources/js/Components/ValidationErrors.js"); -/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); -/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); - - - - +/* harmony import */ var _Layouts_Guest__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Layouts/Guest */ "./resources/js/Layouts/Guest.js"); +/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); @@ -4114,13 +4085,12 @@ __webpack_require__.r(__webpack_exports__); function Login(_ref) { - var status = _ref.status, - canResetPassword = _ref.canResetPassword; + var status = _ref.status; - var _useForm = (0,_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_7__.useForm)({ + var _useForm = (0,_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.useForm)({ email: '', password: '', - remember: '' + remember: false }), data = _useForm.data, setData = _useForm.setData, @@ -4136,7 +4106,7 @@ function Login(_ref) { }, []); var onHandleChange = function onHandleChange(event) { - setData(event.target.name, event.target.type === 'checkbox' ? event.target.checked : event.target.value); + setData(event.target.name, event.target.value); }; var submit = function submit(e) { @@ -4144,66 +4114,66 @@ function Login(_ref) { post(route('login')); }; - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_Layouts_Guest__WEBPACK_IMPORTED_MODULE_3__["default"], { - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_7__.Head, { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_Layouts_Guest__WEBPACK_IMPORTED_MODULE_2__["default"], { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.Head, { title: "Log in" - }), status && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", { + }), status && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", { className: "mb-4 font-medium text-sm text-green-600", children: status - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_ValidationErrors__WEBPACK_IMPORTED_MODULE_6__["default"], { - errors: errors - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("form", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("form", { onSubmit: submit, - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", { - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Label__WEBPACK_IMPORTED_MODULE_5__["default"], { - forInput: "email", - value: "Email" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Input__WEBPACK_IMPORTED_MODULE_4__["default"], { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", { + className: "form-control", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", { + className: "label", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", { + className: "label-text", + children: "Email" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("input", { type: "text", name: "email", + className: "input input-bordered ".concat(errors.email && 'input-error'), value: data.email, - className: "mt-1 block w-full", autoComplete: "username", - isFocused: true, - handleChange: onHandleChange + autoFocus: true, + onChange: onHandleChange + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", { + className: "label", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", { + className: "label-text-alt", + children: errors.email + }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", { - className: "mt-4", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Label__WEBPACK_IMPORTED_MODULE_5__["default"], { - forInput: "password", - value: "Password" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Input__WEBPACK_IMPORTED_MODULE_4__["default"], { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", { + className: "form-control", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", { + className: "label", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", { + className: "label-text", + children: "Password" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("input", { type: "password", name: "password", + className: "input input-bordered ".concat(errors.password && 'input-error'), value: data.password, - className: "mt-1 block w-full", autoComplete: "current-password", - handleChange: onHandleChange + onChange: onHandleChange + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", { + className: "label", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", { + className: "label-text-alt", + children: errors.password + }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", { - className: "block mt-4", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("label", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Checkbox__WEBPACK_IMPORTED_MODULE_2__["default"], { - name: "remember", - value: data.remember, - handleChange: onHandleChange - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", { - className: "ml-2 text-sm text-gray-600", - children: "Remember me" - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", { className: "flex items-center justify-end mt-4", - children: [canResetPassword && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_7__.Link, { - href: route('password.request'), - className: "underline text-sm text-gray-600 hover:text-gray-900", - children: "Forgot your password?" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Button__WEBPACK_IMPORTED_MODULE_1__["default"], { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Components_Button__WEBPACK_IMPORTED_MODULE_1__["default"], { className: "ml-4", processing: processing, children: "Log in" - })] + }) })] })] }); @@ -4580,279 +4550,6 @@ function Dashboard(props) { /***/ }), -/***/ "./resources/js/Pages/Welcome.js": -/*!***************************************!*\ - !*** ./resources/js/Pages/Welcome.js ***! - \***************************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": () => (/* binding */ Welcome) -/* harmony export */ }); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); -/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js"); -/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); - - - - - -function Welcome(props) { - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, { - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__.Head, { - title: "Welcome" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "fixed top-0 right-0 px-6 py-4 sm:block", - children: props.auth.user ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__.Link, { - href: route('dashboard'), - className: "text-sm text-gray-700 underline", - children: "Dashboard" - }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, { - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__.Link, { - href: route('login'), - className: "text-sm text-gray-700 underline", - children: "Log in" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_1__.Link, { - href: route('register'), - className: "ml-4 text-sm text-gray-700 underline", - children: "Register" - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "max-w-6xl mx-auto sm:px-6 lg:px-8", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "flex justify-center pt-8 sm:justify-start sm:pt-0", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - viewBox: "0 0 651 192", - fill: "none", - xmlns: "http://www.w3.org/2000/svg", - className: "h-16 w-auto text-gray-700 sm:h-20", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("g", { - clipPath: "url(#clip0)", - fill: "#EF3B2D", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M248.032 44.676h-16.466v100.23h47.394v-14.748h-30.928V44.676zM337.091 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.431 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162-.001 2.863-.479 5.584-1.432 8.161zM463.954 87.202c-2.101-3.341-5.083-5.965-8.949-7.875-3.865-1.909-7.756-2.864-11.669-2.864-5.062 0-9.69.931-13.89 2.792-4.201 1.861-7.804 4.417-10.811 7.661-3.007 3.246-5.347 6.993-7.016 11.239-1.672 4.249-2.506 8.713-2.506 13.389 0 4.774.834 9.26 2.506 13.459 1.669 4.202 4.009 7.925 7.016 11.169 3.007 3.246 6.609 5.799 10.811 7.66 4.199 1.861 8.828 2.792 13.89 2.792 3.913 0 7.804-.955 11.669-2.863 3.866-1.908 6.849-4.533 8.949-7.875v9.021h15.607V78.182h-15.607v9.02zm-1.432 32.503c-.955 2.578-2.291 4.821-4.009 6.73-1.719 1.91-3.795 3.437-6.229 4.582-2.435 1.146-5.133 1.718-8.091 1.718-2.96 0-5.633-.572-8.019-1.718-2.387-1.146-4.438-2.672-6.156-4.582-1.719-1.909-3.032-4.152-3.938-6.73-.909-2.577-1.36-5.298-1.36-8.161 0-2.864.451-5.585 1.36-8.162.905-2.577 2.219-4.819 3.938-6.729 1.718-1.908 3.77-3.437 6.156-4.582 2.386-1.146 5.059-1.718 8.019-1.718 2.958 0 5.656.572 8.091 1.718 2.434 1.146 4.51 2.674 6.229 4.582 1.718 1.91 3.054 4.152 4.009 6.729.953 2.577 1.432 5.298 1.432 8.162 0 2.863-.479 5.584-1.432 8.161zM650.772 44.676h-15.606v100.23h15.606V44.676zM365.013 144.906h15.607V93.538h26.776V78.182h-42.383v66.724zM542.133 78.182l-19.616 51.096-19.616-51.096h-15.808l25.617 66.724h19.614l25.617-66.724h-15.808zM591.98 76.466c-19.112 0-34.239 15.706-34.239 35.079 0 21.416 14.641 35.079 36.239 35.079 12.088 0 19.806-4.622 29.234-14.688l-10.544-8.158c-.006.008-7.958 10.449-19.832 10.449-13.802 0-19.612-11.127-19.612-16.884h51.777c2.72-22.043-11.772-40.877-33.023-40.877zm-18.713 29.28c.12-1.284 1.917-16.884 18.589-16.884 16.671 0 18.697 15.598 18.813 16.884h-37.402zM184.068 43.892c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002-35.648-20.524a2.971 2.971 0 00-2.964 0l-35.647 20.522-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v38.979l-29.706 17.103V24.493a3 3 0 00-.103-.776c-.024-.088-.073-.165-.104-.25-.058-.157-.108-.316-.191-.46-.056-.097-.137-.176-.203-.265-.087-.117-.161-.242-.265-.345-.085-.086-.194-.148-.29-.223-.109-.085-.206-.182-.327-.252l-.002-.001-.002-.002L40.098 1.396a2.971 2.971 0 00-2.964 0L1.487 21.919l-.002.002-.002.001c-.121.07-.219.167-.327.252-.096.075-.205.138-.29.223-.103.103-.178.228-.265.345-.066.089-.147.169-.203.265-.083.144-.133.304-.191.46-.031.085-.08.162-.104.25-.067.249-.103.51-.103.776v122.09c0 1.063.568 2.044 1.489 2.575l71.293 41.045c.156.089.324.143.49.202.078.028.15.074.23.095a2.98 2.98 0 001.524 0c.069-.018.132-.059.2-.083.176-.061.354-.119.519-.214l71.293-41.045a2.971 2.971 0 001.489-2.575v-38.979l34.158-19.666a2.971 2.971 0 001.489-2.575V44.666a3.075 3.075 0 00-.106-.774zM74.255 143.167l-29.648-16.779 31.136-17.926.001-.001 34.164-19.669 29.674 17.084-21.772 12.428-43.555 24.863zm68.329-76.259v33.841l-12.475-7.182-17.231-9.92V49.806l12.475 7.182 17.231 9.92zm2.97-39.335l29.693 17.095-29.693 17.095-29.693-17.095 29.693-17.095zM54.06 114.089l-12.475 7.182V46.733l17.231-9.92 12.475-7.182v74.537l-17.231 9.921zM38.614 7.398l29.693 17.095-29.693 17.095L8.921 24.493 38.614 7.398zM5.938 29.632l12.475 7.182 17.231 9.92v79.676l.001.005-.001.006c0 .114.032.221.045.333.017.146.021.294.059.434l.002.007c.032.117.094.222.14.334.051.124.088.255.156.371a.036.036 0 00.004.009c.061.105.149.191.222.288.081.105.149.22.244.314l.008.01c.084.083.19.142.284.215.106.083.202.178.32.247l.013.005.011.008 34.139 19.321v34.175L5.939 144.867V29.632h-.001zm136.646 115.235l-65.352 37.625V148.31l48.399-27.628 16.953-9.677v33.862zm35.646-61.22l-29.706 17.102V66.908l17.231-9.92 12.475-7.182v33.841z" - }) - }) - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "mt-8 bg-white dark:bg-gray-800 overflow-hidden shadow sm:rounded-lg", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "grid grid-cols-1 md:grid-cols-2", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "p-6", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - fill: "none", - stroke: "currentColor", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - className: "w-8 h-8 text-gray-500", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-4 text-lg leading-7 font-semibold", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs", - className: "underline text-gray-900 dark:text-white", - children: "Documentation" - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-12", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "mt-2 text-gray-600 dark:text-gray-400 text-sm", - children: "Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end." - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("svg", { - fill: "none", - stroke: "currentColor", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - className: "w-8 h-8 text-gray-500", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z" - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-4 text-lg leading-7 font-semibold", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laracasts.com", - className: "underline text-gray-900 dark:text-white", - children: "Laracasts" - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-12", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "mt-2 text-gray-600 dark:text-gray-400 text-sm", - children: "Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process." - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "p-6 border-t border-gray-200 dark:border-gray-700", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - fill: "none", - stroke: "currentColor", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - className: "w-8 h-8 text-gray-500", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-4 text-lg leading-7 font-semibold", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel-news.com/", - className: "underline text-gray-900 dark:text-white", - children: "Laravel News" - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-12", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "mt-2 text-gray-600 dark:text-gray-400 text-sm", - children: "Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials." - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "p-6 border-t border-gray-200 dark:border-gray-700 md:border-l", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - fill: "none", - stroke: "currentColor", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - className: "w-8 h-8 text-gray-500", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-4 text-lg leading-7 font-semibold text-gray-900 dark:text-white", - children: "Vibrant Ecosystem" - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "ml-12", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "mt-2 text-gray-600 dark:text-gray-400 text-sm", - children: ["Laravel's robust library of first-party tools and libraries, such as", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://forge.laravel.com", - className: "underline", - children: "Forge" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://vapor.laravel.com", - className: "underline", - children: "Vapor" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://nova.laravel.com", - className: "underline", - children: "Nova" - }), ", and", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://envoyer.io", - className: "underline", - children: "Envoyer" - }), ' ', "help you take your projects to the next level. Pair them with powerful open source libraries like", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/billing", - className: "underline", - children: "Cashier" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/dusk", - className: "underline", - children: "Dusk" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/broadcasting", - className: "underline", - children: "Echo" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/horizon", - className: "underline", - children: "Horizon" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/sanctum", - className: "underline", - children: "Sanctum" - }), ",", ' ', /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.com/docs/telescope", - className: "underline", - children: "Telescope" - }), ", and more."] - }) - })] - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex justify-center mt-4 sm:items-center sm:justify-between", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", { - className: "text-center text-sm text-gray-500 sm:text-left", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "flex items-center", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - fill: "none", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - stroke: "currentColor", - className: "-mt-px w-5 h-5 text-gray-400", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://laravel.bigcartel.com", - className: "ml-1 underline", - children: "Shop" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("svg", { - fill: "none", - stroke: "currentColor", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "2", - viewBox: "0 0 24 24", - className: "ml-4 -mt-px w-5 h-5 text-gray-400", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", { - d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", { - href: "https://github.com/sponsors/taylorotwell", - className: "ml-1 underline", - children: "Sponsor" - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", { - className: "ml-4 text-center text-sm text-gray-500 sm:text-right sm:ml-0", - children: ["Laravel v", props.laravelVersion, " (PHP v", props.phpVersion, ")"] - })] - })] - })] - })] - }); -} - -/***/ }), - /***/ "./resources/js/app.js": /*!*****************************!*\ !*** ./resources/js/app.js ***! @@ -58103,9 +57800,7 @@ var map = { "./Auth/VerifyEmail": "./resources/js/Pages/Auth/VerifyEmail.js", "./Auth/VerifyEmail.js": "./resources/js/Pages/Auth/VerifyEmail.js", "./Dashboard": "./resources/js/Pages/Dashboard.js", - "./Dashboard.js": "./resources/js/Pages/Dashboard.js", - "./Welcome": "./resources/js/Pages/Welcome.js", - "./Welcome.js": "./resources/js/Pages/Welcome.js" + "./Dashboard.js": "./resources/js/Pages/Dashboard.js" }; diff --git a/resources/js/Components/ApplicationLogo.js b/resources/js/Components/ApplicationLogo.js deleted file mode 100644 index 57bc222..0000000 --- a/resources/js/Components/ApplicationLogo.js +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; - -export default function ApplicationLogo({ className }) { - return ( - - - - ); -} diff --git a/resources/js/Components/Button.js b/resources/js/Components/Button.js index 7675e99..1c8551a 100644 --- a/resources/js/Components/Button.js +++ b/resources/js/Components/Button.js @@ -5,7 +5,7 @@ export default function Button({ type = 'submit', className = '', processing, ch - ); + ) } diff --git a/resources/js/Pages/Welcome.js b/resources/js/Pages/Welcome.js deleted file mode 100644 index 8a5339b..0000000 --- a/resources/js/Pages/Welcome.js +++ /dev/null @@ -1,257 +0,0 @@ -import React from 'react'; -import { Link, Head } from '@inertiajs/inertia-react'; - -export default function Welcome(props) { - return ( - <> - -
-
- {props.auth.user ? ( - - Dashboard - - ) : ( - <> - - Log in - - - - Register - - - )} -
- -
-
- - - - - -
- -
-
-
-
- - - - - -
- -
-
- Laravel has wonderful, thorough documentation covering every aspect of the - framework. Whether you are new to the framework or have previous experience with - Laravel, we recommend reading all of the documentation from beginning to end. -
-
-
- -
-
- - - - - - -
- -
-
- Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript - development. Check them out, see for yourself, and massively level up your - development skills in the process. -
-
-
- -
-
- - - - - -
- -
-
- Laravel News is a community driven portal and newsletter aggregating all of the - latest and most important news in the Laravel ecosystem, including new package - releases and tutorials. -
-
-
- -
-
- - - - -
- Vibrant Ecosystem -
-
- -
-
- Laravel's robust library of first-party tools and libraries, such as{' '} - - Forge - - ,{' '} - - Vapor - - ,{' '} - - Nova - - , and{' '} - - Envoyer - {' '} - help you take your projects to the next level. Pair them with powerful open - source libraries like{' '} - - Cashier - - ,{' '} - - Dusk - - ,{' '} - - Echo - - ,{' '} - - Horizon - - ,{' '} - - Sanctum - - ,{' '} - - Telescope - - , and more. -
-
-
-
-
- -
-
-
- - - - - - Shop - - - - - - - - Sponsor - -
-
- -
- Laravel v{props.laravelVersion} (PHP v{props.phpVersion}) -
-
-
-
- - ); -} diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php index f512b17..1427712 100644 --- a/resources/views/app.blade.php +++ b/resources/views/app.blade.php @@ -21,7 +21,7 @@ @inertia @env ('local') - + @endenv diff --git a/routes/auth.php b/routes/auth.php index 0fb1129..5a9ff19 100644 --- a/routes/auth.php +++ b/routes/auth.php @@ -10,13 +10,6 @@ use App\Http\Controllers\Auth\RegisteredUserController; use App\Http\Controllers\Auth\VerifyEmailController; use Illuminate\Support\Facades\Route; -Route::get('/register', [RegisteredUserController::class, 'create']) - ->middleware('guest') - ->name('register'); - -Route::post('/register', [RegisteredUserController::class, 'store']) - ->middleware('guest'); - Route::get('/login', [AuthenticatedSessionController::class, 'create']) ->middleware('guest') ->name('login'); @@ -24,41 +17,6 @@ Route::get('/login', [AuthenticatedSessionController::class, 'create']) Route::post('/login', [AuthenticatedSessionController::class, 'store']) ->middleware('guest'); -Route::get('/forgot-password', [PasswordResetLinkController::class, 'create']) - ->middleware('guest') - ->name('password.request'); - -Route::post('/forgot-password', [PasswordResetLinkController::class, 'store']) - ->middleware('guest') - ->name('password.email'); - -Route::get('/reset-password/{token}', [NewPasswordController::class, 'create']) - ->middleware('guest') - ->name('password.reset'); - -Route::post('/reset-password', [NewPasswordController::class, 'store']) - ->middleware('guest') - ->name('password.update'); - -Route::get('/verify-email', [EmailVerificationPromptController::class, '__invoke']) - ->middleware('auth') - ->name('verification.notice'); - -Route::get('/verify-email/{id}/{hash}', [VerifyEmailController::class, '__invoke']) - ->middleware(['auth', 'signed', 'throttle:6,1']) - ->name('verification.verify'); - -Route::post('/email/verification-notification', [EmailVerificationNotificationController::class, 'store']) - ->middleware(['auth', 'throttle:6,1']) - ->name('verification.send'); - -Route::get('/confirm-password', [ConfirmablePasswordController::class, 'show']) - ->middleware('auth') - ->name('password.confirm'); - -Route::post('/confirm-password', [ConfirmablePasswordController::class, 'store']) - ->middleware('auth'); - Route::post('/logout', [AuthenticatedSessionController::class, 'destroy']) ->middleware('auth') ->name('logout'); diff --git a/routes/web.php b/routes/web.php index 2f15d0e..1348478 100644 --- a/routes/web.php +++ b/routes/web.php @@ -16,16 +16,11 @@ use Inertia\Inertia; */ Route::get('/', function () { - return Inertia::render('Welcome', [ - 'canLogin' => Route::has('login'), - 'canRegister' => Route::has('register'), - 'laravelVersion' => Application::VERSION, - 'phpVersion' => PHP_VERSION, - ]); + return redirect()->route('login'); }); -Route::get('/dashboard', function () { - return Inertia::render('Dashboard'); -})->middleware(['auth', 'verified'])->name('dashboard'); +Route::middleware(['auth'])->group(function () { + Route::get('/dashboard', fn () => Inertia::render('Dashboard'))->name('dashboard'); +}); require __DIR__.'/auth.php'; diff --git a/webpack.mix.js b/webpack.mix.js index 6d71e6e..bd21c48 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -18,6 +18,7 @@ mix.js('resources/js/app.js', 'public/js') require('tailwindcss'), require('autoprefixer'), ]) + .disableSuccessNotifications() .webpackConfig(require('./webpack.config')); if (mix.inProduction()) {