npm - admin-lte - Versions diffs - 4.0.0-beta3 → 4.0.0-rc2 - Mend

admin-lte 4.0.0-beta3 → 4.0.0-rc2

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

Files changed (74) hide show

package/.browserslistrc +9 -4
package/ACCESSIBILITY-COMPLIANCE.md +369 -0
package/CHANGELOG.md +314 -0
package/README.md +43 -7
package/dist/css/adminlte.css +1412 -1264
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +1 -1
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +1430 -1256
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +1 -1
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/js/adminlte.js +786 -345
package/dist/js/adminlte.js.map +1 -1
package/dist/js/adminlte.min.js +3 -3
package/dist/js/adminlte.min.js.map +1 -1
package/dist/pages/UI/general.html +41 -9
package/dist/pages/UI/icons.html +38 -6
package/dist/pages/UI/timeline.html +38 -6
package/dist/pages/docs/browser-support.html +39 -25
package/dist/pages/docs/color-mode.html +44 -31
package/dist/pages/docs/components/main-header.html +39 -25
package/dist/pages/docs/components/main-sidebar.html +40 -27
package/dist/pages/docs/faq.html +38 -23
package/dist/pages/docs/how-to-contribute.html +39 -25
package/dist/pages/docs/introduction.html +44 -35
package/dist/pages/docs/javascript/treeview.html +39 -25
package/dist/pages/docs/layout.html +38 -6
package/dist/pages/docs/license.html +38 -23
package/dist/pages/examples/lockscreen.html +17 -5
package/dist/pages/examples/login-v2.html +16 -4
package/dist/pages/examples/login.html +16 -4
package/dist/pages/examples/register-v2.html +16 -4
package/dist/pages/examples/register.html +16 -4
package/dist/pages/forms/general.html +38 -6
package/dist/pages/generate/theme.html +155 -5
package/dist/pages/index.html +42 -27
package/dist/pages/index2.html +39 -7
package/dist/pages/index3.html +38 -6
package/dist/pages/layout/collapsed-sidebar.html +38 -6
package/dist/pages/layout/fixed-complete.html +862 -0
package/dist/pages/layout/fixed-footer.html +861 -0
package/dist/pages/layout/fixed-header.html +861 -0
package/dist/pages/layout/fixed-sidebar.html +38 -6
package/dist/pages/layout/layout-custom-area.html +38 -6
package/dist/pages/layout/layout-rtl.html +38 -6
package/dist/pages/layout/logo-switch.html +17 -5
package/dist/pages/layout/sidebar-mini.html +38 -6
package/dist/pages/layout/unfixed-sidebar.html +38 -6
package/dist/pages/tables/simple.html +38 -6
package/dist/pages/widgets/cards.html +38 -6
package/dist/pages/widgets/info-box.html +38 -6
package/dist/pages/widgets/small-box.html +38 -6
package/eslint.config.js +81 -0
package/package.json +34 -31
package/src/scss/_accessibility.scss +292 -0
package/src/scss/_app-footer.scss +8 -0
package/src/scss/_app-header.scss +8 -0
package/src/scss/_table.scss +1 -9
package/src/scss/_variables.scss +2 -1
package/src/scss/adminlte.scss +3 -0
package/src/ts/accessibility.ts +533 -0
package/src/ts/adminlte.ts +48 -9
package/src/ts/card-widget.ts +1 -2
package/src/ts/push-menu.ts +1 -2
package/src/ts/util/index.ts +39 -7
package/.astro/content-assets.mjs +0 -1
package/.astro/content-modules.mjs +0 -1
package/.astro/content.d.ts +0 -166
package/.astro/data-store.json +0 -1
package/.astro/settings.json +0 -5
package/.astro/types.d.ts +0 -2
package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
package/adminlte-v4.0.0-beta3.zip +0 -0

package/dist/pages/widgets/cards.html CHANGED Viewed

@@ -4,25 +4,37 @@
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>AdminLTE 4 | Widgets - Cards</title>
+    <!--begin::Accessibility Meta Tags-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
+    <!--end::Accessibility Meta Tags-->
     <!--begin::Primary Meta Tags-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="title" content="AdminLTE 4 | Widgets - Cards" />
     <meta name="author" content="ColorlibHQ" />
     <meta
       name="description"
-      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
+      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
     />
     <meta
       name="keywords"
-      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
+      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
     />
     <!--end::Primary Meta Tags-->
+    <!--begin::Accessibility Features-->
+    <!-- Skip links will be dynamically added by accessibility.js -->
+    <meta name="supported-color-schemes" content="light dark" />
+    <link rel="preload" href="../../../dist/css/adminlte.css" as="style" />
+    <!--end::Accessibility Features-->
     <!--begin::Fonts-->
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
       integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
       crossorigin="anonymous"
+      media="print"
+      onload="this.media='all'"
     />
     <!--end::Fonts-->
     <!--begin::Third Party Plugin(OverlayScrollbars)-->
@@ -276,8 +288,10 @@
             <ul
               class="nav sidebar-menu flex-column"
               data-lte-toggle="treeview"
-              role="menu"
+              role="navigation"
+              aria-label="Main navigation"
               data-accordion="false"
+              id="navigation"
             >
               <li class="nav-item">
                 <a href="#" class="nav-link">
@@ -365,6 +379,24 @@
                       <p>Fixed Sidebar</p>
                     </a>
                   </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-header.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Header</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-footer.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Footer</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-complete.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Complete</p>
+                    </a>
+                  </li>
                   <li class="nav-item">
                     <a href="../layout/layout-custom-area.html" class="nav-link">
                       <i class="nav-icon bi bi-circle"></i>
@@ -977,7 +1009,7 @@
         <!--end::To the end-->
         <!--begin::Copyright-->
         <strong>
-          Copyright &copy; 2014-2024&nbsp;
+          Copyright &copy; 2014-2025&nbsp;
           <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
         </strong>
         All rights reserved.
@@ -1017,7 +1049,7 @@
       };
       document.addEventListener('DOMContentLoaded', function () {
         const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
-        if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
+        if (sidebarWrapper && OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined) {
           OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
             scrollbars: {
               theme: Default.scrollbarTheme,

package/dist/pages/widgets/info-box.html CHANGED Viewed

@@ -4,25 +4,37 @@
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>AdminLTE 4 | Widgets - Info Box</title>
+    <!--begin::Accessibility Meta Tags-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
+    <!--end::Accessibility Meta Tags-->
     <!--begin::Primary Meta Tags-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="title" content="AdminLTE 4 | Widgets - Info Box" />
     <meta name="author" content="ColorlibHQ" />
     <meta
       name="description"
-      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
+      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
     />
     <meta
       name="keywords"
-      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
+      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
     />
     <!--end::Primary Meta Tags-->
+    <!--begin::Accessibility Features-->
+    <!-- Skip links will be dynamically added by accessibility.js -->
+    <meta name="supported-color-schemes" content="light dark" />
+    <link rel="preload" href="../../../dist/css/adminlte.css" as="style" />
+    <!--end::Accessibility Features-->
     <!--begin::Fonts-->
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
       integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
       crossorigin="anonymous"
+      media="print"
+      onload="this.media='all'"
     />
     <!--end::Fonts-->
     <!--begin::Third Party Plugin(OverlayScrollbars)-->
@@ -276,8 +288,10 @@
             <ul
               class="nav sidebar-menu flex-column"
               data-lte-toggle="treeview"
-              role="menu"
+              role="navigation"
+              aria-label="Main navigation"
               data-accordion="false"
+              id="navigation"
             >
               <li class="nav-item">
                 <a href="#" class="nav-link">
@@ -365,6 +379,24 @@
                       <p>Fixed Sidebar</p>
                     </a>
                   </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-header.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Header</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-footer.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Footer</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-complete.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Complete</p>
+                    </a>
+                  </li>
                   <li class="nav-item">
                     <a href="../layout/layout-custom-area.html" class="nav-link">
                       <i class="nav-icon bi bi-circle"></i>
@@ -995,7 +1027,7 @@
         <!--end::To the end-->
         <!--begin::Copyright-->
         <strong>
-          Copyright &copy; 2014-2024&nbsp;
+          Copyright &copy; 2014-2025&nbsp;
           <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
         </strong>
         All rights reserved.
@@ -1035,7 +1067,7 @@
       };
       document.addEventListener('DOMContentLoaded', function () {
         const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
-        if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
+        if (sidebarWrapper && OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined) {
           OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
             scrollbars: {
               theme: Default.scrollbarTheme,

package/dist/pages/widgets/small-box.html CHANGED Viewed

@@ -4,25 +4,37 @@
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>AdminLTE 4 | Widgets - Small Box</title>
+    <!--begin::Accessibility Meta Tags-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
+    <meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
+    <!--end::Accessibility Meta Tags-->
     <!--begin::Primary Meta Tags-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="title" content="AdminLTE 4 | Widgets - Small Box" />
     <meta name="author" content="ColorlibHQ" />
     <meta
       name="description"
-      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
+      content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
     />
     <meta
       name="keywords"
-      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
+      content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
     />
     <!--end::Primary Meta Tags-->
+    <!--begin::Accessibility Features-->
+    <!-- Skip links will be dynamically added by accessibility.js -->
+    <meta name="supported-color-schemes" content="light dark" />
+    <link rel="preload" href="../../../dist/css/adminlte.css" as="style" />
+    <!--end::Accessibility Features-->
     <!--begin::Fonts-->
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
       integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
       crossorigin="anonymous"
+      media="print"
+      onload="this.media='all'"
     />
     <!--end::Fonts-->
     <!--begin::Third Party Plugin(OverlayScrollbars)-->
@@ -276,8 +288,10 @@
             <ul
               class="nav sidebar-menu flex-column"
               data-lte-toggle="treeview"
-              role="menu"
+              role="navigation"
+              aria-label="Main navigation"
               data-accordion="false"
+              id="navigation"
             >
               <li class="nav-item">
                 <a href="#" class="nav-link">
@@ -365,6 +379,24 @@
                       <p>Fixed Sidebar</p>
                     </a>
                   </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-header.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Header</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-footer.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Footer</p>
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="../layout/fixed-complete.html" class="nav-link">
+                      <i class="nav-icon bi bi-circle"></i>
+                      <p>Fixed Complete</p>
+                    </a>
+                  </li>
                   <li class="nav-item">
                     <a href="../layout/layout-custom-area.html" class="nav-link">
                       <i class="nav-icon bi bi-circle"></i>
@@ -857,7 +889,7 @@
         <!--end::To the end-->
         <!--begin::Copyright-->
         <strong>
-          Copyright &copy; 2014-2024&nbsp;
+          Copyright &copy; 2014-2025&nbsp;
           <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
         </strong>
         All rights reserved.
@@ -897,7 +929,7 @@
       };
       document.addEventListener('DOMContentLoaded', function () {
         const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
-        if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
+        if (sidebarWrapper && OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined) {
           OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
             scrollbars: {
               theme: Default.scrollbarTheme,

package/eslint.config.js ADDED Viewed

@@ -0,0 +1,81 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginUnicorn from 'eslint-plugin-unicorn'
+import astroPlugin from 'eslint-plugin-astro'
+export default [
+  {
+    ignores: [
+      "dist/",
+      "node_modules/",
+      ".cache/",
+      ".astro/",
+      "**/*.min.js",
+      "**/plugins/",
+      "/.temp/",
+      "src/html/docs/",
+      "docs_html/"
+    ]
+  },
+  ...tseslint.config(
+    pluginJs.configs.recommended,
+    ...tseslint.configs.recommended
+  ),
+  {
+    ...pluginUnicorn.configs['flat/recommended']
+  },
+  ...astroPlugin.configs['flat/recommended'],
+  {
+    files: ['**/*.{js,mjs,cjs,ts,mts,cts,astro}'],
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node
+      }
+    },
+    rules: {
+      'arrow-body-style': 'off',
+      'capitalized-comments': 'off',
+      'comma-dangle': ['error', 'never'],
+      'indent': ['error', 2, { 'MemberExpression': 'off', 'SwitchCase': 1 }],
+      'max-params': ['warn', 5],
+      'multiline-ternary': ['error', 'always-multiline'],
+      'new-cap': 'off',
+      'no-console': 'off',
+      'no-negated-condition': 'off',
+      'object-curly-spacing': ['error', 'always'],
+      'operator-linebreak': ['error', 'after'],
+      'no-unused-vars': 'warn',
+      'no-new': 'off',
+      'semi': 'off',
+      'unicorn/explicit-length-check': 'off',
+      'unicorn/no-array-callback-reference': 'off',
+      'unicorn/no-array-for-each': 'off',
+      'unicorn/no-array-method-this-argument': 'off',
+      'unicorn/no-null': 'off',
+      'unicorn/no-unused-properties': 'off',
+      'unicorn/prefer-array-flat': 'off',
+      'unicorn/prefer-dom-node-dataset': 'off',
+      'unicorn/prefer-export-from': 'off',
+      'unicorn/prefer-module': 'off',
+      'unicorn/prefer-query-selector': 'off',
+      'unicorn/prefer-spread': 'off',
+      'unicorn/prefer-string-replace-all': 'off',
+      'unicorn/prevent-abbreviations': 'off',
+      'astro/no-set-html-directive': 'off'
+    }
+  },
+  {
+    files: ['src/config/**'],
+    languageOptions: {
+      globals: {
+        ...globals.node
+      }
+    },
+    rules: {
+      'no-console': 'off',
+      'unicorn/prefer-top-level-await': 'off'
+    }
+  }
+]

package/package.json CHANGED Viewed

@@ -1,14 +1,17 @@
 {
   "name": "admin-lte",
   "description": "Responsive open source admin dashboard and control panel.",
-  "version": "4.0.0-beta3",
+  "version": "4.0.0-rc2",
+  "type": "module",
   "license": "MIT",
   "author": "Colorlib <https://colorlib.com>",
   "main": "dist/js/adminlte.min.js",
   "scripts": {
+    "start": "npm run dev",
     "dev": "npm-run-all --parallel watch docs-serve",
+    "build": "npm-run-all clean compile",
     "css": "npm-run-all css-compile css-prefix css-rtl css-minify",
-    "css-compile": "sass --style expanded --load-path=\"node_modules\" --source-map --embed-sources --no-error-css src/scss/:dist/css/",
+    "css-compile": "sass --style expanded --load-path=\"node_modules\" --source-map --embed-sources --no-error-css --quiet src/scss/:dist/css/",
     "css-rtl": "cross-env NODE_ENV=RTL postcss --config src/config/postcss.config.mjs --dir \"dist/css\" --ext \".rtl.css\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*.rtl.css\"",
     "css-lint": "stylelint \"src/scss/**/*.scss\" --cache --cache-location .cache/.stylelintcache --rd",
     "css-minify": "npm-run-all --aggregate-output --parallel css-minify-*",
@@ -17,7 +20,7 @@
     "css-prefix": "postcss --config src/config/postcss.config.mjs --replace \"dist/css/*.css\" \"!dist/css/*.rtl*.css\" \"!dist/css/*.min.css\"",
     "js": "npm-run-all js-compile js-minify",
     "js-compile": "rollup --config src/config/rollup.config.js --sourcemap",
-    "js-lint": "eslint --cache --cache-location .cache/.eslintcache --report-unused-disable-directives .",
+    "js-lint": "eslint --format=stylish .",
     "js-minify": "terser --compress passes=2 --mangle --comments \"/^!/\" --source-map \"content=dist/js/adminlte.js.map,includeSources,url=adminlte.min.js.map\" --output dist/js/adminlte.min.js dist/js/adminlte.js",
     "bundlewatch": "bundlewatch --config .bundlewatch.config.json",
     "lockfile-lint": "lockfile-lint --allowed-hosts npm --allowed-schemes https: --empty-hostname false --type npm --path package-lock.json",
@@ -29,7 +32,7 @@
     "lint": "npm-run-all --aggregate-output --continue-on-error --parallel js-lint css-lint docs-lint lockfile-lint",
     "clean": "rimraf dist",
     "compile": "npm-run-all docs-compile docs-format assets css js",
-    "production": "npm-run-all clean lint compile",
+    "production": "npm-run-all clean lint compile bundlewatch",
     "watch": "concurrently \"npm:watch-*\"",
     "watch-css-main": "nodemon --watch src/scss/ --ext scss --exec \"npm-run-all css-lint css-compile\"",
     "watch-css-dist": "nodemon --watch dist/css/ --ext css --ignore \"dist/css/*.rtl.*\" --exec \"npm run css-rtl\"",
@@ -59,39 +62,39 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.0.1",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
-    "astro": "^5.0.3",
-    "autoprefixer": "^10.4.20",
-    "bootstrap": "^5.3.2",
-    "bundlewatch": "^0.4.0",
+    "@astrojs/mdx": "^4.3.0",
+    "@rollup/plugin-typescript": "^12.1.3",
+    "@typescript-eslint/eslint-plugin": "^8.34.1",
+    "@typescript-eslint/parser": "^8.34.1",
+    "astro": "^5.10.0",
+    "autoprefixer": "^10.4.21",
+    "bootstrap": "^5.3.7",
+    "bundlewatch": "^0.4.1",
     "clean-css-cli": "^5.6.3",
-    "concurrently": "^9.1.0",
+    "concurrently": "^9.1.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.55.0",
-    "eslint-config-xo": "^0.44.0",
-    "eslint-config-xo-typescript": "^4.0.0",
-    "eslint-plugin-astro": "^0.34.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-unicorn": "^52.0.0",
-    "fs-extra": "^11.1.1",
-    "lockfile-lint": "^4.14.0",
-    "nodemon": "^3.1.4",
+    "eslint": "^9.29.0",
+    "eslint-config-xo": "^0.47.0",
+    "eslint-config-xo-typescript": "^8.0.1",
+    "eslint-plugin-astro": "^1.3.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-unicorn": "^59.0.1",
+    "fs-extra": "^11.3.0",
+    "lockfile-lint": "^4.14.1",
+    "nodemon": "^3.1.10",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.43",
-    "postcss-cli": "^11.0.0",
-    "prettier": "^3.3.3",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.28.1",
+    "rollup": "^4.44.0",
     "rtlcss": "^4.3.0",
-    "sass": "^1.78.0",
-    "stylelint": "^16.11.0",
-    "stylelint-config-twbs-bootstrap": "^15.1.0",
-    "terser": "^5.31.6",
+    "sass": "^1.89.2",
+    "stylelint": "^16.21.0",
+    "stylelint-config-twbs-bootstrap": "^16.1.0",
+    "terser": "^5.43.1",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3"
+    "typescript": "^5.8.3"
   }
 }